#meta_footer {margin-top:20px;}
div#content{width:980px;}
#data-app{width:100%;}
h1 {font-size:34px;display:inline;padding-right:15px;margin-right:15px;border-right: 1px solid #cccccc;}
#maps_container {width: 670px;float:right;background-image:url('/static/img/ajax-loader.gif');background-repeat:no-repeat;background-position:center center;}
#results_rail {float:left;width:270px;margin: 0 10px 10px 0;border:1px solid #cccccc;padding:10px;font-family:Arial, sans-serif;}
#results_rail h2 {font-family: Georgia,"Times New Roman",Times,serif;font-size:17px;margin-bottom:4px;}
#election_nav {border-bottom:4px solid #cccccc; font-family:Arial, sans-serif; padding-bottom:5px; margin-bottom:15px;}
#election_nav a {text-decoration:none;color:black;font-size:12px;}
.election_center {text-transform:uppercase;font-weight:bold;position:absolute;}
.primary_date {font-style:italic;font-size:22px;}
.swatch {width:9px;height:43px;float:left;margin-right:6px;display:block;}
.swatch.opaque {opacity:0.95; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)'; filter: alpha(opacity=95);}
.swatch.translucent {opacity:0.35; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=35)'; filter: alpha(opacity=35);}
.candidate_name_container {float:left;width:90px;margin-top:1px;}
.candidate_image {float:left;background-color:#cccccc;width:35px;height:43px;margin-right:6px;}
.candidate {margin:10px 0;}
.candidate_vote_total {font-size:12px;}
.candidate_percent_vote {margin-top:6px;font-size:17px;float:left;width:50px;text-align:right;}
.candidate_delegates {margin-top:6px;font-size:17px;float:left;width:40px;text-align:right;}
.percent_label {width:50px;font-size:11px;margin-left:160px;text-align:right;float:left;}
.delegate_label {width:45px;font-size:11px;margin-left:15px;text-align:right;float:left; }
.precincts_reporting {font-family: Arial, sans-serif;color:#787878;margin-bottom: 5px;}
.progress_wrapper {float:left; display:inline; font-family:Arial, sans-serif; margin-top:4px}
.map-control {background: #EEE;background: -moz-linear-gradient(top, rgba(255, 255, 255, .2) 0%, rgba(0, 0, 0, .2) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, .2)), color-stop(100%,rgba(0, 0, 0, .2)));background: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(0, 0, 0, .2) 100%);background: -o-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(0, 0, 0, .2) 100%);background: -ms-linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(0, 0, 0, .2) 100%);background: linear-gradient(top, rgba(255, 255, 255, .2) 0%,rgba(0, 0, 0, .2) 100%);border: 1px solid #AAA;border-top: 1px solid #CCC;border-left: 1px solid #CCC;padding: 1px 15px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #444;display: inline-block;font-size: 13px;text-decoration: none;text-shadow: 0 1px rgba(255, 255, 255, .75);cursor: pointer;margin-bottom: 8px;margin-right:8px;line-height: 21px;font-family: Arial, sans-serif;}
.map-control:hover{color: #222;background: #ddd;background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);border: 1px solid #888;border-top: 1px solid #aaa;border-left: 1px solid #aaa;}
.map-control-active{border: 1px solid #666 !important;background: #ccc !important;background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%) !important;background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))) !important;background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%) !important;background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%) !important;background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%) !important;background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%) !important;}
.tooltip {
    display:none;
    padding:10px;
    border:1px solid black;
    font-family: Arial, sans-serif;
    width:200px;
    z-index:9999999;
    background-color:white;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 7px 6px 8px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 7px 6px 8px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 7px 6px 8px rgba(0, 0, 0, 0.50);
}
.tooltip_county_name{font-size:15px;padding-bottom:5px;}
.tooltip_candidate {margin-top:6px;}
.tooltip_precincts_reporting {font-size:12px;border-bottom:1px solid black;padding-bottom:5px;color: #787878;}
.tooltip td {padding:3px 6px;text-align:left;font-size:13px;}
.tooltip th {font-size: 11px;font-weight:bold;text-align: left;color: #787878;padding:3px 6px;text-align:right;}
.tooltip table {margin-top:6px;font-family:Arial, sans-serif;width:100%;}
.tooltip_candidate_vote_total {text-align:right !important;}
.tooltip_candidate_percent_vote {text-align:right !important;}
.check_mark {width:20px;height:20px;float:left;margin-right:2px;margin-top:4px;}
.winner {width:20px;height:20px;}
#key {margin-top:4px;}
.last_updated {font-family:Arial, sans-serif; color: #930000;font-style:italic;font-size:12px;margin: 0 0 0 5px;}
.delegates {font-family:Arial, sans-serif; margin-top:10px;font-size:13px;}

#demographics {width:100%; clear:both; font-size:11px; margin-top:20px;}
#demographics h4 {font-size:11px; font-family: Arial, sans-serif; margin: 0 0 5px 0; font-weight:bold; }

#race {width:377px; font-family:Arial, sans-serif; display:inline; float:left; margin-right:25px;}
#race .top-label {position:relative; clear:both; width:100%; height:15px;}
#race .top-label .first {text-align:left; position:absolute; left:0; padding:0 0 3px 3px;}
#race .top-label .second {width:80px; text-align:right; position:absolute; padding:0 3px 3px 0; border-right:1px solid black;}
#race .bottom-label {position:relative; clear:both; width:100%; height:17px;}
#race .bottom-label .third {width:80px; text-align:right; position:absolute; padding:3px 3px 0 0; border-right:1px solid black;}
#race .bottom-label .last {width:1px; text-align:right; position:absolute; right:0; border-right:1px solid black;height:17px;}
#race .waybottom-label {position:relative; clear:both; width:100%; height:17px;}
#race .waybottom-label .lastlabel {padding:3px 3px 0 0; width:80px; text-align:right; position:absolute; right:0; height:17px;}
#race .waybottom-label .last {width:1px; text-align:right; position:absolute; right:0; border-right:1px solid black; height:17px;}
#race .percentage-bar { position:relative; width:100%; margin: 0; height: 30px; }
#race .bar {position:relative; height:100%; float:left;}
#race .border {position:absolute; height:100%; width:1px; border-right:1px solid black; z-index:9999;}
#race .below {bottom: -15px;}
#race .percentage-bar .first {background-color:#8A8D87;}
#race .percentage-bar .second {background-color:#A3A5A1;}
#race .percentage-bar .third {background-color:#C5C4C0;}
#race .percentage-bar .fourth {background-color:#D7D8D5;}
#race .percentage-bar .other {background-color:#E5E6E3;}

#population {width:176px; font-family:Arial, sans-serif; display:inline; float:left; margin-right:25px;}
#population .top-label {position:relative; clear:both; width:100%; height:15px;}
#population .top-label .left {text-align:left; position:absolute; left:0;}
#population .tree-map { position:relative; width:95px; height:30px; margin: 0; float:left; }
#population .percent {float:left; font-size:26px; font-family: Georgia,"Times New Roman",Times,serif; margin-left:10px;}
#population .box {position:absolute; left: 0; top: 0; }
#population .nation {width:95px; height:30px; background-color: #D9DBDC; z-index: 2;}
#population .state {background-color: #929497; z-index: 3}

#registration {width:176px; font-family:Arial, sans-serif; display:inline; float:left; margin-right:25px;}
#registration .top-label {position:relative; clear:both; width:100%; height:15px;}
#registration .top-label .left {text-align:left; position:absolute; left:0;}
#registration .top-label .right {width:100%; text-align:right; position:absolute; left:0;}
#registration .bottom-label {position:relative; clear:both; width:100%; height:15px;}
#registration .bottom-label .center {left: 0; position: absolute; text-align: center; width: 100%; padding-top:2px;}
#registration .percentage-bar { position:relative; width:100%; margin: 0; height: 30px; }
#registration .bar {position:relative; height:100%; float:left;}
#registration .dem {background-color:#5D8DC0;}
#registration .other {background-color:#E5E6E3;}
#registration .gop {background-color:#C31039;}

#presidential {width:176px; font-family:Arial, sans-serif; display:inline; float:left;}
#presidential .top-label {position:relative; clear:both; width:100%; height:15px;}
#presidential .top-label .left {text-align:left; position:absolute; left:0;}
#presidential .top-label .right {width:100%; text-align:right; position:absolute; left:0;}
#presidential .bottom-label {position:relative; clear:both; width:100%; height:15px;}
#presidential .bottom-label .center {left: 0; position: absolute; text-align: center; width: 100%; padding-top:2px;}
#presidential .percentage-bar { position:relative; width:100%; margin: 0; height: 30px; }
#presidential .bar {position:relative; height:100%; float:left;}
#presidential .obama {background-color:#5D8DC0;}
#presidential .other {background-color:#E5E6E3;}
#presidential .mccain {background-color:#C31039;}

.bar-container .bar.gop {background-color:#C41039;}
.bar-container .bar.dem {background-color:#5D8DC0;}
.bar-container .bar.other {background-color:#DDBE5D;}
.bar-container .bar.yes {background-color:#156522;}
.bar-container .bar.no {background-color:#D17334;}