#mainContent { position: relative; } .gray-highlight { background-color: #F4F4F4; } h3 { font-family: Arial, sans-serif; font-size: 12px; margin: 20px 0px 10px; } #loading-icon {width: 100%; text-align: center; padding: 140px 0px; } /* Political colors */ .obama-color { background-color: #458cc7; } .obama-colortext { color: #458cc7; } .obama-light { background-color: #d2e0ed; } .romney-color { background-color: #c84f56; } .romney-colortext { color: #c84f56; } .romney-light { background-color: #eecbcb } /* page template */ .content-rule {border-top:4px double #ccc;padding-bottom: 15px;} .pad-wrapper {padding-left:10px;padding-right:10px;} /* coming soon */ #comingSoon p span {display: block;font-weight: bold;} #comingSoon p {font-size:13px;line-height: 16px;font-family: Arial;color: #999;} #comingSoon p.follow {color: black;} /* Top line */ .main-container {margin:15px 0px 0px; border-top: 1px solid #d9d8d8; display:none; } .campfin .subheaders { font-family: Georgia, serif; font-size:16px; font-weight: bold; padding: 15px 0px 5px; } .campfin .subhead span { font-weight: bold; } .campfin .subdesc { font-family: Arial, sans-serif; font-size: 12px; color: #918F90; width:985px; line-height: 16px;} .candidate-unit { position:relative; float:left; height: 100px; } .candidate-portrait { width: 85px; height: 85px; } .candidate-portrait, .candidate-info { position: relative; float: left; } .candidate-info { margin-left: 10px; display: none; } #obama .candidate-portrait { background-image: url('../images/obama-icon.png'); background-repeat: no-repeat; } #romney .candidate-portrait { background-image: url('../images/romney-icon.png'); background-repeat: no-repeat; } .top-name { font-family: Georgia, serif; font-size:16px; font-weight: bold; position: relative; top: 3px; line-height: 18px;} .raised-text { font-family: Arial, sans-serif; font-size: 20px; position: absolute; right: 0px; top: 18px; } .raised-text span { font-size: 12px; text-transform: uppercase; color: #918F90; } .raised-bar { width: 200px; height: 13px; position: relative; top: 5px;} .spent-bar { width: 100px; height: 4px; position: relative; top: 6px; margin-top: 6px;} .spent-bar span { position:relative; top: -2px; left: 1px; } #obama .spent-bar span { border-right: 3px solid #d2e0ed; } #romney .spent-bar span { border-right: 3px solid #fcd0d2; } .spent-text {position: relative; top: 13px; text-align: right; width: 100px; font-family: Arial, sans-serif; font-size: 13px; } .spent-text span { font-size: 12px; text-transform: uppercase; color: #918F90; } #romney { margin-left: 20px; } .all-included {position: absolute; bottom: 0px; color: #888; font-size: 11px; padding-left: 6px; display: none; } /* Timeline */ #chart-container, #chart-container #high-chart { position: relative; height: 160px; width: 992px; } .timeline-heading { position: relative; } .legend { position: absolute; right: 10px; top: 0px; } #million-label { position: absolute; top: 5px; left: 29px; background-color: white; font-size: 11px; font-family: Arial, sans-serif; padding-right: 5px; color: #6F6F6F; display:none; z-index: 100; } .legend img { height: 8px; padding: 0px 7px 0px 15px;} .legend span { font-weight: normal; font-size: 11px; } /* Raised */ #total-raised .categories { min-height: 300px; } #total-raised .categories .r-cols {width: 255px; float: left; margin: 20px 0px; } #total-raised .categories .r-cols .logo {text-align: center; height: 40px; position: relative; top: 1px; } #total-raised .categories .r-cols .banner {padding: 8px; border: 1px solid #CCC; text-align: center; background-color: #EEE; font-family: Georgia; font-size: 15px; font-weight: bold; margin: 0px auto; width: 130px; } #total-raised a.icon.left-arrow {background-image: url(http://img.wpdigital.net/rw/sites/twpweb/img/monster-sprites/monster-sprite.gif); padding: 2px 0px 3px 19px; text-decoration: none; background-position: 108.9% -138px; } #total-raised a.icon.left-arrow:hover {background-position: 108.9% -160px; } #total-raised .bar { width: 100px; height: 12px; margin-bottom:2px;} #total-raised .r-bars { height: 12px; font-size:12px; line-height: 14px; font-weight: bold;} #undisclosed .r-bars { color: #6B6B6B;} #undisclosed .r-bars.bar {background-image: url('../images/hash.png'); } #contributor-list { margin: 15px 0px 0px; width: 232px; } #contributor-list th {font-weight: bold; font-size: 12px; padding-bottom: 3px; } #contributor-list td { padding: 3px 0px 2px; font-family: Arial, sans-serif; font-size: 12px; } #total-raised .raised-subtext, #total-raised .raised-subtext p {font-family: Arial, sans-serif; color: #918F90; font-size: 12px; line-height: 15px; } #total-raised .raised-subtext strong { color: black; } #total-raised .categories .r-cols .content { border-right: 1px solid #ddd; height: 490px; margin-top: 17px; padding: 0px 17px 17px 17px;} #total-raised .categories .r-cols.first-col { width: 245px; } #total-raised .categories .r-cols.first-col .content { padding-left: 5px; padding-right: 19px; } #total-raised .categories .r-cols.last-col .content { border-right: none; padding-right: 5px; } #total-raised #undisclosed { width: 220px; } #total-raised #superpacs { width: 267px; } .bars-insert { height: 30px; } div.highcharts-tooltip { z-index: 9999; padding: '6px'; opacity: '0.9'; font-family: 'Arial', sans-serif; background-color: white;} div.highcharts-tooltip span {position:absolute; background-color: white; display:block; z-index:10; } div.highcharts-tooltip span.background-cover { width: 100px; top: 1px; position: absolute; z-index: 8 !important; left: 2px; height: 25px; } p.tool-tip-teaser {position: absolute; top: 50px; z-index: 10; width: 85px; left: 103px; padding: 10px; line-height: 12px; background-color: white; border: 1px solid #CCC; font-style: italic; color: #6B6B6B; margin-top: -1px; box-shadow: 1px 2px 3px #EEE; -moz-box-shadow: 1px 2px 3px #EEE; -webkit-box-shadow: 1px 2px 3px #EEE; } .raised-subtext p {margin-bottom: 12px; } #total-raised .anno-line {border-left: 1px solid black; height: 28px; z-index: 100; position: absolute; top: 5px; left: 60px; } p.pointerD, p.mouseD {border-color: #CCC transparent transparent transparent; border-style: solid; border-width: 9px; left: 16px; top: 26px; position: absolute; z-index: 298; } p.pointerBD, p.mouseBD {border-color: white transparent transparent transparent; border-style: solid; border-width: 6px; left: 19px; top: 26px; position: absolute; z-index: 299; } #total-raised .range-charts { position: relative; margin-top: 10px; } #total-raised .million-label {position: absolute; top: 38px; left: 0px; z-index: 9000; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; color: #6B6B6B; } #total-raised #campaign .content .column-chart, #total-raised #party .content .column-chart { height: 170px; } #total-raised .annotation.raised-subtext {font-size: 11px; margin-left: 47px; line-height: 13px; } .r-cols .content h5 { margin-top: 15px; margin-bottom: 7px;} /* Where's they're spending it */ .spent-col {width: 108px; position: relative; float: left; padding: 10px 0px 0px; height: 160px; text-align: center; font-family: Arial, sans-serif;  } .spent-col .canvas { position:relative; margin: 0px auto; position: relative; padding: 10px 0px; } .spent-col .category {font-weight: bold; font-size: 12px; padding: 6px 0px; text-transform: capitalize; } .spent-col .total-amt {font-size: 11px; } .spent-col .spending-labels {position: absolute; text-align:center; font-family: Arial, sans-serif; font-size: 10px; color: white; text-transform: uppercase; } #s-circles {border-bottom: 1px solid #D9D8D8; margin: 10px 0px 0px; } #border-topper {height: 0px; border-top: 1px solid #D9D8D8; -webkit-box-shadow: -1px 2px 3px #E6E6E6; box-shadow: -1px 2px 3px #E6E6E6; -moz-box-shadow: -1px 2px 3px #e6e6e6; top: -1px; position: relative; margin-bottom: 30px; } .spent-col .highlight-bar {width: 100%; height: 5px; /*background-color: #888;*/ display: block; top: 30px; position: relative; } .highlight-bar p.mouseD {border-color: #CCC transparent transparent transparent; border-style: solid; border-width: 11px; top: 4px; position: absolute; z-index: 298; } .highlight-bar p.mouseBD {border-color: #F4F4F4 transparent transparent transparent; border-style: solid; border-width: 10px; top: 2px; position: absolute; z-index: 299; } .top-companies .knob-holder, .top-companies .companies { float: left; } .top-companies .knob-holder {margin-left: 25px; height: 100px; } div#obama-knob, div#romney-knob { width: 100px; height: 100px;} .top-companies table th { font-weight: bold; padding-bottom: 10px; } .top-companies table { margin: 0px 10px 0px 10px; width: 350px; height: 100px; } .top-companies table td, .top-companies table th {font-size: 12px; font-family: Arial, sans-serif; padding: 0px 0px 4px 10px; } .top-companies h3 {text-transform: capitalize; margin: 0px 0px 19px 27px; font-size: 16px; font-family: Georgia, serif; } .detail-container {position: relative; float: left; width: 496px; height: 130px; } .detail-container .pct-anno {margin: 20px 0px 0px 25px; position: relative; float: left; font-size: 12px; color: #918F90; } /* Analysis Explainer */ #top-shadow {border-top: 1px solid #CCC; margin: 30px 0px 0px; padding-top: 10px; box-shadow: -1px -2px 3px #e6e6e6; -moz-box-shadow: -1px -2px 3px #e6e6e6; -webkit-box-shadow: -1px -2px 3px #e6e6e6; height: 0px; padding: 0px; position: relative; bottom: -1px; margin-bottom: 10px; } #analysis-explainer .col {position: relative; float: left; width: 312px; padding-right: 20px; } #analysis-explainer .col.lastChild {padding-right: 0px; } #analysis-explainer .col h5 { font-weight: bold; font-size: 12px; } #analysis-explainer .col p {font-family: Arial, sans-serif; font-size: 12px; color: #918F90; line-height: 14px; }