		


#intnlopinion {
	position: relative;
/*	height:36em;*/
	width: 100%;
	  font-family: sans-serif;
}

			



#intnlopinion div.tooltip {
    position: absolute;
    text-align: left;
   /* width: 100px;*/
   font-size: .85em;
    padding: .5em 1em;
   
/*	background: #fff;*/
	background-size:cover;
/* background: #fffff2;*/
/* border: 1px solid #ccc;*/
 /*   border-radius: 8px;*/
    pointer-events: none;
	line-height:1.4em;
	float: right;
}

#intnlopinion ul li{
	float: left;
	width: 20%;
	margin:1em 3%;	
}


#intnlopinion .axis path,
.axis line {
  fill: none;
stroke: #666;
  shape-rendering: crispEdges;
  
}



#intnlopinion path.domain
 {
stroke: none; 
 
}

#intnlopinion .tick{
	font-size: .8em;
    font-family: sans-serif;
}

#intnlopinion .tick line{
stroke: lightgrey;
shape-rendering: crispEdges;
}

#intnlopinion  line{
stroke: lightgrey;
shape-rendering: crispEdges;
}


#intnlopinion .x.axis text {
font-weight: bold;
}


#intnlopinion .bars {
	 shape-rendering: crispEdges;
}

#intnlopinion .grid .tick {
    stroke: lightgrey;
    opacity: 0.7;
	position: relative;
	z-index: -1;
	 shape-rendering: crispEdges;
	
}
#intnlopinion .grid path {
      stroke-width: 0;
}

#intnlopinion .grid.vertical{
   /* stroke-dasharray:1,4;*/
	 shape-rendering: crispEdges;
	/* transform: translate( 40px,300px)*/
}

#US{
fill: #d05133 !important;
stroke: none !important;
}

.picked {
	background:#E29B5A;
	border: 1px solid #D05133;
	shape-rendering: crispEdges;
}
