/* CSS Document */

h1 {
font-family:helvetica;

}
.graphname {
font-family:arial;
stroke: dark gray;

}


h3 {
font-family:arial;
stroke: gray;

}

.link {
  stroke: lightgray;

}

.fiction{
stroke: blue;
stroke-width:2px;

	}

.drama{
stroke: red;
stroke-width:2px;

	}
	
	.poetry{
stroke: green;
stroke-width:2px;

	}
	.non{
stroke: violet;
stroke-width:2px;

	}
	.bio{
stroke: black;
stroke-width:2px;

	}
	
	
.new_div{ background:#F00; width:50px; height:100px;  }
.new_div:hover{ }

.node text {
  pointer-events: none;

  font:  10px sans-serif;
  color:#F00;
}


/**************************/

  div.node {
      border-radius: 6px;
      width: 12px;
      height: 12px;
      margin: -6px 0 0 -6px;
      position: absolute;
    }

    div.link {
      position: absolute;
      border-bottom: solid #999 1px;
      height: 0;
      -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
      -o-transform-origin: 0 0;
      transform-origin: 0 0;
    }
            
    .link {
        stroke: #999;
        stroke-opacity: .8;
    }

   
 
.background {
fill: none;
pointer-events: all;
}
 
#states path {
fill: #aaa;
stroke: #fff;
stroke-width: 1.5px;
}
 
#states path:hover {
stroke: white;
}
 
#map {
margin:auto;

border-radius:10px;


}
.ctrl_arrow{ font-size:25px;}
.ctrl_arrow1{ font-size:30px;}


/******************************/


.div_tooltip{ width:120px; height:auto; background-color:#FFF; border:1px solid #CCC; position:absolute; display:none;}