#contentWrapper.spending {padding:15px;}

/* candidate totals */
#totalSpending p.candidate-label {text-align:center;margin-bottom:4px;line-height:13px;font-style: italic;}
#totalSpending .candidate {width:50%;float: left;display: inline;}
#totalSpending .icon {width:90px;height: 90px;}
#totalSpending .dem .icon {float: right;display: inline;}
#totalSpending .gop .icon {float: left;display: inline;}
#totalSpending .spending-chart {width:400px;float: left;margin-top:20px;display: none;}
.spending-chart .bar {width:1px;}
.dem .spending-chart .bar {float: right;}
.dem .labels p.value {left:400px;}
.gop .labels p.value {text-align: right;right:400px;}
.dem .spending-chart .negative, .dem .spending-chart .negative-label {float: right;}
.spending-chart .labels p.value {width:200px;}
.spending-chart .negative-label {width:1px;}

.wp-column.analysis-col {width:210px;}

#spendingDetail {padding:27px 0 0;}

/* 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;}

.map-row {padding-bottom: 25px;}
.map-key .bar, .map-key p {width:38px;}
.map-key .labels {margin-left:26px;}

#typeMenu {position: absolute;left:275px;}
#typeMenu li {width:140px;float: left;text-align: center;margin-right:1px;}
#typeMenu a {font-size:12px;border-top:3px solid #999;border-left:0 none;padding:4px 0 6px;}
#typeMenu a.dem {border-top-color:#458CC7;}
#typeMenu a.gop {border-top-color:#C84F56;}
#typeMenu .active a.tot {border-top-color:#333;}
#typeMenu .active > a:after {left:62px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
#typeMenu .active > a:after {border-top-color: #333333;border-width: 8px;top: 50%;margin-top: 13px;} /* change the border-width and margin-top values to equal your button height / 2 */

p.body-text {font-size: 13px;line-height: 18px;margin-bottom: 14px;font-family: Georgia;}
#stateTable {width:203px;margin-top:6px;}
table.simple th.label {width:90px;}
table.simple tbody {display: none}
#mapWrap {position: absolute;left:217px;margin-top:48px;}
#mapWrap #loading {background: rgba(255,255,255,0.95) url(http://www.washingtonpost.com/wp-srv/graphics/images/loading-90x40.gif) no-repeat center center; position: absolute;width: 90px;height:40px;padding:20px 20px 8px;left:205px;top:125px;display: none;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#mapCanvas {width:540px;height:339px;}

.chart-row .wp-column.analysis-col {padding-right:20px;}
.chart-row .wp-column.thirteen {width:752px;}
#stateChart {height: 380px;}
#stateChart .canvas {height:380px;}
#chartKey {position: absolute;background:white;top:123px;left:118px;z-index: 100;}
#chartKey p {font-size: 11px !important;font-family:Arial, sans-serif !important;line-height: 11px;position: absolute;left:14px;width:200px;margin:0;}
#chartKey .dem {top:-4px;}
#chartKey .gop {bottom:-5px;}
#chartKey .line-wrap {width:11px;border-top:1px solid black;border-bottom: 1px solid black;}
#chartKey .line {height: 30px;width:5px;
    background: #458cc7; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiM0NThjYzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjODRmNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #458cc7 10%, #ffffff 50%, #c84f56 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#458cc7), color-stop(50%,#ffffff), color-stop(90%,#c84f56)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #458cc7 10%,#ffffff 50%,#c84f56 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #458cc7 10%,#ffffff 50%,#c84f56 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #458cc7 10%,#ffffff 50%,#c84f56 90%); /* IE10+ */
    background: linear-gradient(to bottom,  #458cc7 10%,#ffffff 50%,#c84f56 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#458cc7', endColorstr='#c84f56',GradientType=0 ); /* IE6-8 */
}

/* infobox */
.rollovers {position: relative;font-family: Arial;z-index: 2000;}
#infoBox {position: absolute;padding:7px 9px;background: white;border: 1px solid #bbb;display: none;text-align: left;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
#infoBox p {margin:0;font-size:13px;}
#infoBox p.value {font-weight: bold;}
#infoBox p.date {color:#555;text-transform: uppercase;font-size: 11px;}

.custom-tooltip {background:white;border:1px solid #eee;font-family: Arial, sans-serif;padding: 8px 10px;}
.highcharts-tooltip {z-index: 200;}
.highcharts-tooltip table {width:100%;margin-bottom: 4px;}
.highcharts-tooltip table, .highcharts-tooltip tr, .highcharts-tooltip td {padding:0;}
.highcharts-tooltip p {font-size: 11px;margin:0;line-height: 16px;}
.highcharts-tooltip p.date {text-align: right;color: #999;padding-left:10px;}
.highcharts-tooltip p.hed {font-weight: bold;font-family: Georgia, serif;font-size: 13px;}
.highcharts-tooltip p.value {font-size:13px;margin-bottom: 5px;}
.highcharts-tooltip .bars {height:4px;width:100%;background: #ccc;}
.highcharts-tooltip .bars div {height:4px;width:0}
.highcharts-tooltip .bars .dem {float: left;background: #458CC7;}
.highcharts-tooltip .bars .gop {float: right;background: #C84F56;}
.highcharts-tooltip p.label {font-size:11px;}
.highcharts-tooltip p.dem {float: left;color: #458CC7;}
.highcharts-tooltip p.gop {float: right;color: #C84F56;}