/*@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay'), url("Playfair.ttf") format('truetype');
}*/

@font-face {
     font-family: 'StateFaceRegular';
     src: url('../webfont/stateface-regular-webfont.eot');
     src: url('../webfont/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('../webfont/stateface-regular-webfont.woff') format('woff'),
          url('../webfont/stateface-regular-webfont.ttf') format('truetype'),
          url('../webfont/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
#d3content{
	position:relative;
	margin-bottom:2px;
}


svg {
	margin-top:0;
	display:block;
	padding:0;
}


text {
  font-size: 11px;
  pointer-events: none;
}



text.parent {  
  font-size: 40px;
  fill: #ffffff;
  fill-opacity: .3;
}

 
circle {
  /*fill: #ccc;*/
  /*fill: #00ff00;*/
  /*stroke: #999;*/
  pointer-events: all;
}

circle.parent {
  fill: #1f77b4;
  fill-opacity: .1;
  /*stroke: steelblue;*/
}

circle.parent.FWA{
	fill: #ff0000;
}
circle.parent.FWV{
	fill: #ff0000;
}
circle.parent.NGO{
	fill: #ff0000;
}

circle.parent:hover {
  /*stroke: #ff7f0e;
  stroke-width: .5px;*/
}

circle.child {
  pointer-events: none;
}

circle.child.Stock-Out{
	fill: #ff0000;
}
circle.child.Pot-Stock-Out{
	fill: #C97575;
}
circle.child.Under-Stock{
	fill: #7777FC;
}
circle.child.Satisfactory{
	fill: #C6C67B;
}
circle.child.Over-Stock{
	fill: #5E9922;
}
circle.child.Non-Dispensing{
	fill: #FF5E00;
}


#svg_holder {
	z-index: 10;
	/*overflow:hidden;
	position:absolute;
	top:-24px;
	right:0;
	bottom:0;
	left:0;*/
	height: 400px;
	width: 10px;
	border: none;
	float:left;	
	margin-right: 0px;
	padding:0;
}


#stock-status-legend {
	float: left;
	border: 1px solid #CCCCCC;
	width: 150px;
	height: 445px;	
	background: url("../images/bg-ssl.jpg") scroll 0 0 #ffffff;
}

#stock-status-legend ul{
	padding-left:20px;
}

#stock-status-legend .ssl-value{
	font-family:Impact, Charcoal, sans-serif;	
	font-size: 1.5em;	
	letter-spacing:2px
}

#stock-status-legend .ssl-text{
	color: #696A6F;
	font-family: "Comic Sans MS", cursive, sans-serif
	font-size: 1em;
	padding-bottom:10px;
	line-height:20px;
}

#stock-status-legend .ssl-stockout{
	color: #ff0000;
}
#stock-status-legend .ssl-potstockout{
	color: #c97575;
}

#stock-status-legend .ssl-understock{
	color: #7777fc;
}

#stock-status-legend .ssl-satisfactory{
	color: #c6c67b;
}

#stock-status-legend .ssl-overstock{
	color: #5e9922;
}

#stock-status-legend .ssl-non-dispensing{
	color: #FF5E00;
}

#legend-type{
	margin-left:34px;
	margin-top:10px;
	font-size: 1.5em;
}




h1{
	margin:0px 0px 0px 0px;
	color: black;
	font-size: 18px;
	font-weight: 100;
}

line.link {
  fill: none;
  stroke: #aaa;
  stroke-width: 1px;
  shape-rendering: auto;
}

#read_more_link {
	text-decoration:none;
	z-index: 200;
	position: absolute;
}

a#read_more_link:hover{
	text-decoration:underline;
}

#barack_n_mitt{
	/*border: 1px solid #999;*/
	margin-top:30px;
	height:270px;
	/*background: url("obama_romney_balloon_900.jpg") no-repeat center; */
	width:100%;
}

#count_div{
	z-index: 20;
	position: absolute;
	top: 610px;
	width: 960px;
	font-size: 70px;
	font-weight: 500;
	text-align: center;
}

.count_wrapper{
	float:left;
	width:33%;
}

#barack_div{
	float:left;
}

#mitt_div{
	float:right;
}

#tossup_div{
	margin:0px auto;
}

#mitt_num{
	color:rgb(225,64,56);
	margin-top:-10px;
}

#barack_num{
	color:rgb(0,97,166);
	margin-top:-10px;
}

#tossup_num{
	color:#654766;
	margin-top:-5px;
}

.ev_div{
	margin-top:-5px;
	font-size:9px;
	font-family:'Verdana',sans-serif;
	font-weight:200;
	text-transform:uppercase;
}

.count_header{
	font-weight:200;
	font-size:20px;
	/*border-bottom:1px solid #666;*/
}

#balloon_key {
	position:absolute;
	right:40px;
	bottom:10px;
	color:#000;
	font-size:12px;
	font-weight:200;
	font-family: 'Helvetica Neue','Playfair Display', 'Georgia',serif;
/*	position:absolute;
	top:115px;
	left:580px;
*/}


#header_left{
	float:left;
}

#header_right{
	float:right;
}

#answer_block_container{
	position:relative;
	width:100%;
	margin-top:40px;
	font-family: 'Playfair Display', 'Georgia',serif;
}

#answer_block{
	width:740px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}

#answer_block > div{
	display:inline-block;
	vertical-align:top;
}

#answer{
	/*width:200px;*/
	text-align:right;
	width:350px;
	text-align: center;
	font-size: 200px;
	line-height: 220px;
	text-transform: uppercase;
	font-weight: 100;
	cursor:default;
}

#answer_rule{
	border-right: 1px solid #666;
	height:165px;
	margin-top:40px;
	width:5px;
	cursor:default;
}

#answer_copy{
	text-align:left;
	width:350px;
	font-size:16px;
	line-height:20px;
	font-weight:500;
	margin-left:20px;
	margin-top:30px;
}

#answer_copy > p {
	margin: 16px 0px 9px 0px;
	cursor:default;
}

#update_div{
	margin: 0px auto;
	width: 400px;
	height:12px;
	text-align: center;
	font-family:"Verdana";
	font-size:9px;
	color:rgb(135,29,27);
	margin-top:-10px;
	margin-bottom:10px;
	cursor:default;
}

#gia_hover {
	text-align:center;
	display:none;
	pointer-events:none;
	padding: 5px 8px 8px 8px;
	color:#333;
	font-family:"Playfair Display";
	border:1px solid #bbb;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
	background-color: rgba(254,254,254,.93);
	position: absolute;
	z-index:300;
}

#gia_hover_state_name{
	font-size:20px;
	margin-bottom:5px;
}

#gia_hover_state_ev{
	font-size:20px;
	line-height:30px;
	margin-bottom:10px;
	font-weight: bolder;
}

#gia_hover_state_copy{
	font-size:20px;
	margin-bottom:5px;
	font-weight: bolder;
}

#gia_hover_state_copy.Stock-Out{	
	color: #ff0000;
}
#gia_hover_state_copy.Potential-Stock-Out{	
	color: #C97575;
}
#gia_hover_state_copy.Under-Stock{	
	color: #7777FC;
}
#gia_hover_state_copy.Satisfactory{	
	color: #C6C67B;
}
#gia_hover_state_copy.Over-Stock{	
	color: #5E9922;
}


#guardian_logo {
	/*float:left;*/
	background: url('../img/guardian_logo.png') top left no-repeat;
	width: 90px;
	height: 20px;
	float:left;
}

#rcp_wrapper{
	font-size:13px;
	line-height:19px;
	float:left;
}

#rcp_wrapper > a{
	color:rgb(135,29,27);
	text-decoration:none;
}

.twitter-follow-button{
	margin-top:3px;
	/*float:left;*/
}

.state_font_wrapper{
	word-wrap:break-word;
	width:180px;
	margin: 0px auto;
	margin-top:20px;
	font-family: 'StateFaceRegular';
	font-size:26px;
	color:#eeeeee;
	cursor:default;
}

.twitter-share-button{
	width:85px;
}

#ie_div{
	width:1022px;
	height:850px;
	margin:0px auto;
}

#ie_error{
	margin:0px auto;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	margin: 10px;
	border: solid 1px #CCC;
	background: #ffd;
	padding: 10px;
}

ul {
    list-style: none outside none;
}

/* Navigation */
.nytg-navBar {
  /* border-top: solid 1px #DDD; 
  padding: 5px 0 0 5px;
  margin: 0 5px;
  z-index: 100;
  position: absolute;
  width: 200px;*/
  left:5px;
  top:5px;
}

.nytg-navBar ul{
	margin:0;	
	padding:0;
}


.nytg-navigation {
  
}
.nytg-navigation li {
  color: #999;
  font-size: 14px;
  cursor: pointer;
  
  padding: 10px 18px;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  border-left: solid 1px #CCC;
  background: #f9f9f9;
  margin: 0 0;
  font-family: Arial;
}

.nytg-navigation li:first-of-type{
  border-radius: 4px 0 0 4px;
}
.nytg-navigation li:last-of-type{

  border-right: solid 1px #CCC;
  border-radius: 0 4px 4px 0;
}
.nytg-navigation li.selected {
  color: #000;
  background: #e9e9e9;
  border-color: #AAA;
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.2);
}

#total-sdp{
	/*background: url("../images/bg-ssl.jpg") repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 18px;
	right: 167px;
	padding: 5px;
	position: absolute;*/
	top: 5px;
	
}

.total-sdp{
	background: url("../images/bg-ssl.jpg") repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	top: 5px;
	font-size: 18px;
}

#legend-sdp{
	float:left;
	background-color: #fff;
	margin-bottom: 2px;
	display: none;
}

#legend-sdp .cls-sdp{
	float: left;
	width: 320px;
	font-size: 22px;
}

#legend-sdp #fwa, #fwv, #ngo{
	
}
 
#page-loader{
	position: absolute;
	left: 400px;
	top: 20px;
	width: 100px;
	height: 100px;
	display: none;
	background: url('../images/loading100.gif') no-repeat scroll 0 0 #ff0000;
	z-index: 100;
}

#page-loader1{
	position: absolute;
	left: 450px;
	top: 20px;
	width: 100px;
	height: 100px;
	display: none;
	background: url('../images/loading100.gif') no-repeat scroll 0 0 #ffffff;
	z-index: 100;
}