circle {
  cursor: pointer;
  /*stroke: #FB4;*/
  /*stroke-width: 3px;*/
  fill:#EB4B33;
}

.styled-select{
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 12em;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
   margin-left: 10%;
}


div{
	margin-left: 22em;
	margin-top: 2em;

}

.tooltip{
 	color: #555;
	text-align: center;
	font-family: Helvetica Neue, sans-serif;
	font-size: 12px;
	font-style: italic;
	max-width: 50%;
	margin-left: 10em;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

.tooltipsmall{
 color: #555;
	text-align: center;
	font-family: Helvetica Neue, sans-serif;
	font-size: .6em;
	margin-left: 10em;
	font-style: bold;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}

.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.black { 
	background-color: #EB4B33;
}

.black select   {
	color: #FFFFFF;
}


p{
	color: #555;
	text-align: center;
	font-family: Helvetica Neue, sans-serif;
	font-weight: 100;
	font-style: italic;
	max-width: 60em;
	margin-left: 5em;
	font-size: 0.8em;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}


strong{
	color:#EB4B33;
}


h1{	
	color:#EB4B33;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-style: italic;
	max-width: 30em;
	font-size: 1.5em;
	margin-left: 3.5em;
	margin-top: 2em;
}

h2{	
	color:#EB4B33;
	font-family: 'Roboto', sans-serif;
	margin:1em;
}

li{
	list-style: none;
color:#272745;
	font-family: 'Roboto', sans-serif;
	margin:1em;
}

.node text {
  font: 10px sans-serif;
  pointer-events: none;
  text-anchor: middle;
}

#graph{
	background-color: #EFEFEF;
	padding: 4em;
}

#legend{
	background-color: #000;
}
svg{
	margin: 1%;
}

line.link {
  fill: none;
  stroke: #AAA;
  stroke-width: .5px;
}

#dropmenu{
	position: center;
	color: white;
	padding: 16px;
	border: none;
	cursor: pointer;
	margin-top: 5%;
	margin-bottom: 5%;
}
.tooltip{
transition: opacity 0.3s;
}

/*JOHN*/

.axis path,
.axis line{
fill: none;
stroke: black;
}

.line{
fill: none;
stroke: blue;
stroke-width: 2px;
}

.tick text{
font-size: 12px;
}

.tick line{
opacity: 0.2;
}