/* ----------------------------------------
   Utility classes 
   ---------------------------------------- */
.pos-abs { position: absolute; }
.pos-rel { position: relative; }
.w-100p { width: 100%; }
.w-25 { width: 25px; }
.w-35 { width: 35px; }
.w-50 { width: 44px; }
.w-80 { width: 80px; }
.w-100 { width: 100px; }
.w-130 { width: 130px; }
.w-130 { width: 140px; }
.w-420 { width: 420px; }
.w-610 { width: 610px; }

.h-22 { height: 22px; }
.h-25 { height: 25px; }
.h-35 { height: 35px; }
.h-90 { height: 90px; }
.h-92 { height: 92px; }
.h-100 { height: 100px; }

.float-left { float: left; }
.float-right { float: right; }
.blue-line { border-top: 2px solid #458cc7; left: -14px; position: relative;}
.blue-text, #ep-fixed .blue-text { color: #458cc7; }
.blue-text-light { color: #73acdc; }
.blue-background { background-color: #8bacd2; }
.blue-bar { background-color: #458cc7;}
.red-line { border-top: 2px solid #c84f56; }
.red-text { color: #c84f56; }
.red-text-light { color: #dc7b81; }
.red-background { background-color: #dc7b81; }
.red-bar { background-color: #c84f56; }
.text-gray { color: #7d7d7d; }
.gray-bar { background-color: #ccc; }
.gray-text { color: #898989; }
.light-gray-text, table.exit-poll td.pct.light-gray-text { color: #959595;}
.b-gray-text { color: #bbb; }
.gray-background { background-color: #eee;}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.fixed {position:fixed;}
.bottom { position: absolute !important; }
.padding-top-7 { padding-top: 7px;}
.cursor-hand { cursor: pointer;}
.cursor-default { cursor: default;}
.z-10 { z-index: 10;}
.strong-text { font-weight: bold;}
.margin-top-1 { margin-top: 1px; }

h3.wp-graphics-postoni {font-family: PostoniDisplayRegular; font-size: 22px; line-height: 22px; opacity: 0.3; filter: alpha(opacity = 3); }
h5, .arial-12 {font-size: 12px; font-family: Arial, sans-serif; }
h4 { color: black; }
h5 { font-weight: bold; }
.arial-11 {font-size:11px; font-family:Arial, sans-serif;}
.arial-13 {font-size:13px; font-family:Arial, sans-serif;}
.arial-14 {font-size:14px; font-family:Arial, sans-serif;}
.font-30 { font-size: 30px; line-height: 37px; }

.tan-background { background-color: #F8F6EA;}
.nav-bottom-border { border-bottom:2px solid #E5E5E5; }
.margin-right-3 { margin-right: 3px;}

.active-true { cursor: pointer; }

.active-false {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default;
}

/* ----------------------------------------
   Top navigation and fixed header
   ---------------------------------------- */

.exit-polls-graphic h2.kicker {
    font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
    font-size:13px;
    margin:0;
    font-weight: bold;
    text-transform: uppercase;
    color: #cd4232;
}

#ep-fixed { background-color:white; }

.obama-background {
	background-image: url('../images/obama.png');
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.romney-background {
	background-image: url('../images/romney.png');
	background-repeat: no-repeat;
	background-position: -17px 4px;
}

.exit-polls-table #ep-ruler {
	height: 26px;
	border-bottom: 2px solid black;
	border-top: 1px solid black;
}

#ep-ruler {
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	height: 44px;
}

.x-axis span {
	display: block;
	position: absolute;
	border-left:1px solid #C4C4C4;
	height: 3px;
	top: 4px;
}

.x-axis-labels span {
	display: block;
	float: left;
	width: 146px;
}

.long-left-arrow, .long-right-arrow {
	height: 12px;
	width: 122px;
}

.long-left-arrow {
	background-image: url('../images/blue-arrow.png');
}

.long-right-arrow {
	background-image: url('../images/red-arrow.png');
	width: 112px;
	background-position: -10px 0px;
}

#ep-nav { width: 428px; }

.nav-mouseover {
	color: black;
	background-color: #E0E0E0;
	border-bottom: 2px solid #888;
}

.nav-selected {
	color: white;
	border-bottom: 2px solid black;
	background-color: #5F5F5F;
}

#ep-timestamp p#next-update {
	color: #CD4232;
	font-size: 12px;
	font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
	margin-bottom: 0px;
}

#ep-timestamp p.last-updated {
	color: rgba(109, 109, 109, 0.82);
	font-size: 12px;
	font-family: "FranklinITCStdLight", "Franklin Gothic", "ITC Franklin Gothic", 'Arial', sans-serif;
	margin-bottom: 0px;
}

p.body-instructions {
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	top: 8px;
	right: 122px;
	color: rgba(109, 109, 109, 0.82);
	width: 212px;
	line-height: 16px;
}

#ep-header .nav-buttons { 
	background-image: url(http://img.wpdigital.net/rw/sites/twpweb/img/icons/icon-sprite-carousel-pagination.gif?t=20121104222800);
	background-repeat: no-repeat;
	cursor: pointer;
	top: 56px;
	width: 20px;
	height: 20px;
}

#ep-header .nav-buttons.next {
	background-position: left -101px;
	margin-right: 0;
	right: 63px;
}

#ep-header .nav-buttons.prev {
	background-position: left -60px;
	margin-right: 0;
	left: 75px;
}

#ep-header .nav-buttons.next:hover {
	background-position: left -121px;
}

#ep-header .nav-buttons.prev:hover {
	background-position: left -80px;
}

#ep-header .bottom {
	position: absolute !important;
}

/* ----------------------------------------
   Legend 
   ---------------------------------------- */

#ep-legend, #ep-legend-background {
	right: 10px;
	top: 10px;
	width: 135px;
	height: 130px;
	z-index: 10;
	padding: 10px;
}

#ep-legend-background {
	border: 1px solid #dcdace;
	background-color: white;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	z-index: 5;
}

#ep-legend .ep-dot-line {
	top: 15px;
	left: 4px;
}

/* ----------------------------------------
   Rollover box 
   ---------------------------------------- */

h4#rollover-question { margin-bottom: 1px;}

#rollover-box {
	top: 10px;
	left: 10px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#rollover-content, #rollover-background {
	width: 250px;
	padding: 10px;	
}

#rollover-content {
	z-index: 9000;
}

#rollover-background {
	border: 1px solid #dcdace;
	background-color: white;
	opacity: 0.95;
	filter: alpha(opacity = 95);
	z-index: 50;
	box-shadow: 1px 2px 3px #ccc;
	-moz-box-shadow: 1px 2px 3px #ccc;
	-webkit-box-shadow: 1px 2px 3px #ccc;
}

#rollover-content div {
	float: left;
	height: 15px;
	padding-top: 2px;
	padding-bottom:1px;
}

#rollover-content .year {
	width: 35px;
}

.blue-bar, .red-bar, .gray-bar {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: white;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}

.blue-bar {padding: 2px 0px 0px 3px; }
.red-bar {padding: 2px 2px 0px 0px; }
.gray-bar {margin: 0px 2px; }

p#pointerBD, p#mouseBD {
	border-color: transparent transparent white transparent;
	border-style: solid;
	border-width: 0px 7px 7px 7px;
	left: 19px;
	top: -6px;
	position: absolute;
	z-index: 299;
}

p#pointerD, p#mouseD {
	border-color: transparent transparent #CCC transparent;
	border-style: solid;
	border-width: 0px 9px 9px 9px;
	left: 22px;
	top: -8px;
	position: absolute;
	z-index: 298;
}

/* ----------------------------------------
   Individual dots and exit poll sections
   ---------------------------------------- */

.full-height-rule{height:100%; border-left: 1px solid #e4e4e4; position:absolute; left: 306px; }

.ep-dot {
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background-color: black;
	float:left;
}

.ep-dot.blue-background {background-color: #458cc7; }
.ep-dot.red-background { background-color: #c84f56; }

.ep-dot.red-arrow {
	border-color: transparent transparent transparent #C84F56;
	border-style: solid;
	border-width: 4px 8px;
	width: 0;
	height: 0;
	border-radius: 0%;
	position: relative;
	top: -1px;
	background-color: transparent;
	left: -4px;
}

.ep-dot.blue-arrow {
	border-color: transparent #458cc7 transparent transparent;
	border-style: solid;
	border-width: 4px 8px;
	width: 0;
	height: 0;
	border-radius: 0%;
	position: relative;
	top: -1px;
	background-color: transparent;
	left: -7px;
}

.ep-line {
	height: 6px;
}

.ep-line span {
	margin-top: 2px;
	height: 0px;
	display:block;
}

.ep-end span {
	height: 8px;
	border-left:1px solid #b4b4b4;
	display: block;
	top: -1px;
	position: relative;
}

.ep-section {
	background-color: #f8f6ea;
	height: 100px;
	margin-bottom: 5px;
}

#ep-content { display: none; }

#ep-content .ep-label {
	width: 300px;
	text-align: center;
	top: -18px;
	z-index: 9;
}

.label-left {
	left: -140px;
}

.label-right {
	right: -138px;
}

.election-labels span {
	margin: 0px 1px;
	background-color: #eee;
	padding-bottoM: 6px;
	border-bottom: 2px solid #888;
}

/* ----------------------------------------
   Table view
   ---------------------------------------- */

table.exit-poll {margin-top:0;font-size:12px !important;}
table.exit-poll td {padding:12px 0 11px;}
table.exit-poll td.question {font-weight: bold;width: 115px;color: #515151;padding-right:10px;border-bottom-color: #999;padding-left: 5px;}
table.exit-poll td.option {width: 150px;padding: 12px 7px 11px 0;vertical-align:top;color: black;border-right:1px solid #d8d8d8;}
table.exit-poll td.pct {text-align: left;color: #555; padding-left: 30px;}
table.exit-poll td.dash {text-align: center;color: #555;}
table.exit-poll td.leading, #primary_exit_poll_sortable td.leading {padding:0 !important;}
table.exit-poll td.leading span, #primary_exit_poll_sortable td.leading span {font-weight: bold;color: black;padding: 12px 0px 11px 30px;display: block;}
table.exit-poll tr.first-row td.leading {padding-right: 0px !important;}

table.exit-poll tr.last-row td {border-bottom-color: #999;padding-bottom: 15px;}
table.exit-poll td.option .answer {display:block;width: 100px;}
table.exit-poll td.option .pct-total {text-align: left;float:right;width: 20px;display:inline;color: #999;padding-right: 14px;padding-left: 10px;}
table.exit-poll tr.first-row td.option .pct-total {padding-right: 0;width: 34px;}

/* ----------------------------------------
   Map tabs
   ---------------------------------------- */
#ep-mapTabs {width:100%;padding:0;margin:10px 0; border-bottom:1px solid #ccc; list-style: none;height:48px;position: relative;}
#ep-mapTabs li {margin-left:10px;float:left;display:inline;font-family: Georgia;font-size: 17px;position: relative;}
#ep-mapTabs a {font-weight: bold;text-decoration: none;padding: 15px 0px 15px 0px;background: #efefef;border:1px solid #d8d8d8;border-bottom: 0;display: block;color: #666;width: 118px;text-align: center;}
#ep-mapTabs a.active {background:white;color: black;border:1px solid #ccc;padding-bottom:16px;border-bottom: 0;}
#ep-mapTabs p {font-size:14px;font-family: Arial;line-height: 18px;color: #999;margin:5px 0 0 2px;}
#ep-mapTabs p span, #comingSoon p span {display: block;font-weight: bold;}
#ep-mapTabs .tab-icon {
	width: 34px;
	height: 25px;
	display: block;
	position: relative;
	left: 13px;
	top: -4px;
	float: left;
	padding-right: 2px;
}

/* ----------------------------------------
   StateFace
   ---------------------------------------- */
@font-face {
     font-family: 'StateFaceRegular';
     src: url('../fonts/stateface-regular-webfont.eot');
     src: url('../fonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/stateface-regular-webfont.woff') format('woff'),
          url('../fonts/stateface-regular-webfont.ttf') format('truetype'),
          url('../fonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
     font-weight: normal;
     font-style: normal;
 }

.exit-polls-graphic span.stateface {
	font-family: 'StateFaceRegular';
}

 #loading-icon {width: 100%; text-align: center; padding: 100px 0px; }