/* page template */
.election-wrapper #shell {padding:0 !important;width:1012px;}
.election-wrapper #content {border:0 !important;padding-top:0 !important;}
.content-rule {border-top:4px double #ccc;padding-bottom: 10px;}
.pad-wrapper {padding-left:10px;padding-right:10px;}
#echo_container {width:610px;}
#contentWrapper {border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;}
#contentWrapper .main-container {display: none;}
.col50 {width:50%;}

#preloader {position: relative;height:300px;}
#preloader div {z-index: 100;margin-top:100px;background: url(http://www.washingtonpost.com/wp-srv/graphics/images/loading-100x100.gif) no-repeat center center;width:100%;height:140px;}

/* tabs */
#contentNav {width:100%;padding:0; list-style: none;height:51px;}
#contentNav li {float:left;display:inline;font-family: PostoniDisplayRegular;font-size: 20px;line-height: 20px;}
#contentNav a {font-weight: bold;text-decoration: none;padding:15px 0 15px 101px;background-color: #efefef;background-repeat:no-repeat;background-position:40px 12px;border-right:1px solid #d8d8d8;border-top: 1px solid #d8d8d8;display: block;color: #333;width:234px;text-align: left;}
#contentNav a.spending {background-image: url(../images/icon-spending.png);}
#contentNav a.groups {background-image: url(../images/icon-sponsors.png);padding-left:125px;width:212px;}
#contentNav a.videos {border-right:0;width:237px;background-image: url(../images/icon-watch.png);}
#contentNav a.active {background-color:white;color: black;padding-bottom:16px;border-bottom: 0;background-position:40px -37px;}

/* fixed nav */
.wp-graphics-fixed-wrapper {position: relative;z-index: 2000;}
.wp-graphics-fixed {position: absolute;top:0;}
.wp-graphics-fixed.fixed {position:fixed;}
.wp-graphics-fixed.bottom {position:absolute;}

/* spending bar chart */
.spending-chart .labels {position: relative;}
.spending-chart .labels p {float: left;display: inline;margin-bottom: 3px;}
.spending-chart .labels p.name {font-family: Georgia;font-weight: bold;font-size:18px;margin-top:2px;}
.dem .spending-chart p.name {float: right;}
.spending-chart .labels p.value {font-size:24px;position: absolute;}
.spending-chart .labels p.value .subtext {font-size:12px;color: #999;text-transform: uppercase;}
.spending-chart .bar {height:10px;}
.dem .spending-chart .bar {background: #D2E0ED;}
.gop .spending-chart .bar {background: #eecbcb;}
.ind .spending-chart .bar {background: #ccc;}
.spending-chart .bar .negative {display:block;height:10px;width:1px;}
.dem .spending-chart .negative {background: #458CC7;}
.gop .spending-chart .negative {background: #C84F56;}
.ind .spending-chart .negative {background: #999;}
.spending-chart .negative-label {text-align:center;position: relative;border:1px dotted #999;border-top:none;height:6px;}
.spending-chart .negative-label .line {border-left:1px dotted #999;left:50%;top:8px;height:7px;position: absolute;}
.spending-chart .negative-label p {font-size:15px;color: #999;position: absolute;width:100%;top:14px;}

/* weekly line chart */
.wp-graphics-chart {position: relative;}
.wp-graphics-chart .tickLabel {font-size:11px;color: #999;}
.wp-graphics-chart .axis {font-size: 11px;color: #888;position: absolute;width:100%;}
.wp-graphics-chart .yaxis {}
.wp-graphics-chart .yaxis li {border-top: 1px solid #e2e2e2;position: relative;}
.wp-graphics-chart .yaxis span {position: absolute;top:-7px;background: white;padding-right:5px;}
.wp-graphics-chart .xaxis {bottom:0px;border-top:1px solid #ccc;height:25px;}
.wp-graphics-chart .ticks {height:7px;position: relative;}
.wp-graphics-chart .ticks li {position: absolute;height:7px;border-left:1px solid #ccc;}
.wp-graphics-chart .tickLabels {position: relative;}
.wp-graphics-chart .tickLabels li {position: absolute;text-align: center;width:100px;margin-left:-50px;}


/* sidebar nav */
ul.wp-graphics-sidemenu li {margin-bottom:1px;}
ul.wp-graphics-sidemenu a {font-size:14px;padding:9px 8px;display: block;font-weight: bold;line-height: 16px;color: #333;text-decoration: none;
    -moz-text-shadow:1px 1px 0 white;
    -webkit-text-shadow:1px 1px 0 white;
    text-shadow:1px 1px 0 white;
    background: #f3f3f3;
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #f3f3f3 50%, #eaeaea 51%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(50%,#f3f3f3), color-stop(51%,#eaeaea), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#f3f3f3 50%,#eaeaea 51%,#eaeaea 100%);
    background: -o-linear-gradient(top,  #f3f3f3 0%,#f3f3f3 50%,#eaeaea 51%,#eaeaea 100%);
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#f3f3f3 50%,#eaeaea 51%,#eaeaea 100%);
    background: linear-gradient(top,  #f3f3f3 0%,#f3f3f3 50%,#eaeaea 51%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#eaeaea',GradientType=0 );
}
ul.wp-graphics-sidemenu a:hover {color: #222;
    background: #eaeaea;
    background: -moz-linear-gradient(top,  #eaeaea 0%, #eaeaea 50%, #dedede 50%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(50%,#eaeaea), color-stop(50%,#dedede), color-stop(100%,#dedede));
    background: -webkit-linear-gradient(top,  #eaeaea 0%,#eaeaea 50%,#dedede 50%,#dedede 100%);
    background: -o-linear-gradient(top,  #eaeaea 0%,#eaeaea 50%,#dedede 50%,#dedede 100%);
    background: -ms-linear-gradient(top,  #eaeaea 0%,#eaeaea 50%,#dedede 50%,#dedede 100%);
    background: linear-gradient(top,  #eaeaea 0%,#eaeaea 50%,#dedede 50%,#dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dedede',GradientType=0 );
}
ul.wp-graphics-sidemenu .active > a, ul.wp-graphics-sidemenu .active > a:hover {background:#333 !important;color: white;position: relative;border-right:1px solid #333;filter:none;
    -moz-text-shadow:1px 1px 0 black;
    -webkit-text-shadow:1px 1px 0 black;
    text-shadow:1px 1px 0 black;
}
ul.wp-graphics-sidemenu .active > a:after {left: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
ul.wp-graphics-sidemenu .active > a:after {border-left-color: #333333;border-width: 17px;top: 50%;margin-top: -17px;} /* change the border-width and margin-top values to equal your button height / 2 */
ul.wp-graphics-sidemenu a.dem, ul.wp-graphics-sidemenu a.gop, ul.wp-graphics-sidemenu a.third {padding-left:5px;border-left:6px solid #999;}
ul.wp-graphics-sidemenu a.dem {border-left-color: #458CC7}
ul.wp-graphics-sidemenu a.gop {border-left-color: #C84F56}

p.header {font-weight: bold;font-size: 13px;line-height:15px;}

.no-pad {margin:0 !important;padding:0 !important;}

.map-key {margin-top:3px;}
.map-key .bar {width:31px;float:left;display: inline;background: #d8d8d8;height:8px}
.map-key .line {border-left:1px solid #000000;width:0;height:12px;float: left;display: inline}
.map-key .labels {margin-left:20px;}
.map-key p {width:31px;float:left;display: inline;margin:0;line-height: 15px; font-size:11px;color:#000000;}

table.simple {font-size: 12px;}
table.simple th {border-bottom: 1px solid black;padding-bottom: 5px;text-align: center;}
table.simple th.label {text-align: left;}
table.simple th.active {font-weight: bold;}
table.simple th.dem {color: #458CC7;}
table.simple th.gop {color: #C84F56;}
table.simple th.dem, table.simple th.gop {padding-left:3px;}
table.simple td {padding:7px 0;border-bottom:1px solid #e8e8e8;}
table.simple td.value {text-align: right;width:16%;padding-right:2px;color: #999;}
table.simple td.active {color: black;}
table.simple td.stateface {font-size: 14px;width:25px;text-align: center;color: #999;}

/* small gradient button */
/* BOOKMARK BUTTON */
a.small-btn {display: block;padding:3px 3px 4px;font-size: 11px;font-weight: bold;text-decoration: none;border: #CCC solid 1px;color: #333;
    text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    -moz-text-shadow: 1px 1px 0 white;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #F8F8F8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background-image: -moz-linear-gradient(top,#fff,#dedede);
    background-image: -o-linear-gradient(top,#fff,#dedede);
    background-image: -ms-linear-gradient(top,#fff,#dedede);
    background-image: linear-gradient(top,#fff,#dedede);
}
a.small-btn:hover {border-color: #bbb;
    background-color: #F8F8F8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#d9d9d9));
    background-image: -moz-linear-gradient(top,#f8f8f8,#d9d9d9);
    background-image: -o-linear-gradient(top,#f8f8f8,#d9d9d9);
    background-image: -ms-linear-gradient(top,#f8f8f8,#d9d9d9);
    background-image: linear-gradient(top,#f8f8f8,#d9d9d9);
}
a.small-btn:active {
    background-color: #EFEFEF;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.1);
}
a.fb-btn {width:12px;text-align: center;padding-top:4px;padding-bottom:2px;}
a.tw-btn {width:12px;text-align: center;padding-top:4px;padding-bottom:2px;}

/* state face - thx propublica */
/* http://propublica.github.com/stateface/ */
@font-face {
    font-family: 'StateFaceRegular';
    src: url('http://www.washingtonpost.com/wp-srv/graphics/webfonts/stateface-regular-webfont.eot');
    src: url('http://www.washingtonpost.com/wp-srv/graphics/webfonts/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://www.washingtonpost.com/wp-srv/graphics/webfonts/stateface-regular-webfont.woff') format('woff'),
    url('http://www.washingtonpost.com/wp-srv/graphics/webfonts/stateface-regular-webfont.ttf') format('truetype'),
    url('http://www.washingtonpost.com/wp-srv/graphics/webfonts/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* infobox */
.rollovers {position: relative;font-family: Arial;z-index: 2000;}
#infoBox {position: absolute;padding:7px 9px;background: white;border: 1px solid #aaa;display: none;text-align: left;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
#infoBox p.market {font-size: 13px;font-weight: bold;font-family: Georgia;margin:0 0 2px;line-height: 16px;}
#infoBox p.money {margin:0 0 1px;color: #999;}
#infoBox p.value {font-size:12px;line-height: 15px;margin:0;font-weight: bold;}