/* Stylesheet for DirtyEnergyMoney.com http://diligentcreative.com/ */ /* Imports (Reset, Type) - - - - - - - - - - - - - - - - - - - - */ @import "style/reset.css"; @import "style/type.css"; @font-face {font-family:Diavlo; src:url(style/fonts/Diavlo_LIGHT_II_37.otf) format("opentype"); font-weight:normal;} @font-face {font-family:Diavlo; src:url(style/fonts/Diavlo_BOLD_II_37.otf) format("opentype"); font-weight:bold;} /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ /* Standard HTML Elements - - - - - - - - - - - - - - - - - - - - */ html,body {height:100%; background:#336 url(images/body.png) bottom repeat-x fixed;} a {color:#93f; text-decoration:none;} a:hover {color:#fff;} input[type="submit"]:hover {cursor:pointer;} input::-moz-focus-inner {border:0; padding:0;} input {border:0;} /* General Classes - - - - - - - - - - - - - - - - - - - - */ .container {width:960px; margin:0 auto;} .half {width:470px;} .third {width:310px;} .quarter {width:230px;} .left {float:left;} .right {float:right;} a.button, input.button, .header .profilelink {padding:4px; color:#eee; background:#666; background-position:5px; background-repeat:no-repeat; border:1px solid rgba(255,255,255,0.125); border-radius:10px; -moz-border-radius:10px; text-shadow:0 1px 1px rgba(0,0,0,.5); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5); text-decoration:none;} a.button:hover, input.button:hover, .header .profilelink:hover {color:#fff; background-color:#777; cursor:pointer;} a.button.go, .header .profilelink {padding-left:25px; background-image:url(style/icons/arrow.png);} a.button.donate {padding-left:25px; background-image:url(style/icons/currency.png);} a.button.act {padding-left:25px; background-image:url(style/icons/flag.png);} a.button.download {padding-left:25px; background-image:url(style/icons/download.png);} a.button.govtrack {padding-left:25px; background-image:url(style/icons/govtrack.png);} a.button.email {padding-left:25px; background-image:url(style/icons/mail.png);} a.button.oildollar {padding-left:25px; background-image:url(style/icons/oildollar.png);} a.button.zoom {padding-left:25px; background-image:url(style/icons/magnifier.png);} a.button.croc {padding-left:25px; background-image:url(style/icons/croc.png);} a.button.opensecrets {padding-left:25px; background-image:url(style/icons/opensecrets.png);} a.info {padding-left:25px; background:url(style/icons/information.png) 5px no-repeat;} a.share {padding-left:25px; background:url(style/icons/share.png) 5px no-repeat;} .icon {display:block; height:16px; width:16px; text-indent:-9999px;} .icon.zoom {background:url(style/icons/magnifier.png) no-repeat;} .icon.go, .sub .profilelink {background:url(style/icons/arrow.png) no-repeat;} .icon.info {background:url(style/icons/information.png) center no-repeat;} .icon.nextchart {height:32px; width:32px; background:url(style/icons/nextchart.png) center no-repeat;} .icon.facebook {height:32px; width:32px; background:url(style/icons/facebook.png) center no-repeat;} .icon.twitter {height:32px; width:32px; background:url(style/icons/twitter.png) center no-repeat;} .mini {background:#fff url(images/mini.png) top repeat-x;} .mini .close {display:none; } .mini.selected .close {display:block; } .party-state, .industry {font-size:0.8em; text-transform: uppercase; } .REP, .R {color:#c66;} .DEM, .D, .DFL {color:#69c;} .IND, .I { color: #cc3; } .contributions {color:#693; font-weight:bold;} #graph-subtitle .industry { font-size: 10px; } .coal { color: rgb(149,141,99);} .oil { color: rgb(109,143,157); } .carbon { color: rgb(110,110,110); } .note {font-size:10px; color:#999; text-transform:uppercase;} form.search input {margin:0; padding:4px; text-align:center;} form.search input[type="text"] {height:20px; width:auto; font-size:10px; border:1px solid rgba(255,255,255,0.25); border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px;} form.search input[type="submit"] {height:30px; line-height:20px; border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0;} /* Elements by ID - - - - - - - - - - - - - - - - - - - - */ /* oc_top.inc */ #page {position:relative; width:970px; margin:0 auto; padding-bottom:165px; background:#333; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5); overflow:visible;} #content {padding:20px 10px; border-top:1px solid #444;} #oci_nav {height:50px; background:#eee url(images/oci_nav.png) repeat-x; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.5);} #oci_nav h1 {float:left; height:50px; width:150px; margin:0;} #oci_nav h1 a {display:block; height:100%; width:auto;} #oci_nav ul {float:right; margin:0; list-style:none;} #oci_nav li {float:left; width:150px; margin:10px 10px 10px 0;} #oci_nav li a {display:block; height:30px; line-height:30px; font-family:"Diavlo"; font-size:14px; text-align:center; text-decoration:none; text-shadow:0 1px 1px rgba(255,255,255,0.5); color:#666; background:#ddd; border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow:0 1px 1px rgba(255,255,255,0.5); -moz-box-shadow:0 1px 1px rgba(255,255,255,0.5);} #oci_nav li a:hover {background-color:#dda;} body.hidenav #oci_nav li {display:none;} #ftm_nav {padding:10px; height:30px; background:#333 url(images/ftm_nav.png) repeat-x;} #ftm_nav h2 {line-height:20px; font-family:"Diavlo"; font-weight:normal;} #ftm_nav h2 a {color:#93f; text-decoration:none;} #ftm_nav p {clear:left; margin-top:-20px; color:#666; font-size:10px; line-height:10px;} #ftm_nav a.button {float:right; width:118px; line-height:20px;} #ftm_nav input[type="text"] {display:block; float:left; width:150px; line-height:20px;} #ftm_nav input[type="submit"] {width:70px; height:30px; line-height:20px;} #site_title {float:left;} #navsearch {float:right; margin-right:10px;} #graph-subtitle { max-width:475px; } #error { border-radius:10px; -moz-border-radius:10px;background: #CCCCCC;margin-bottom:10px; padding:10px;} #error h1 { font-size:1.5em; color:#AA4444;} /* new oc_top styles for DEM campaign */ .campaign_nav {height: 70px !important; background:#333 url(images/ftm_nav_campaign.png) repeat-x !important;} #ftm_nav h2.campaign_title {font-size:30px; line-height: 42px;} #ftm_nav p.campaign_title_sub {color: #999999; font-size: 14px; font-style: normal; line-height: normal;} .nav_buttons {float:right; text-align:right;} .nav_buttons > div {float:right; clear:right;} .nav_buttons a {color:#f3f3f3; font-weight: bold;} .nav_buttons a:hover {color:#b76fff;} .nav_action {font-size: 18px; background:#4a4a4a; padding: 2px 14px; text-shadow: 1px 1px 1px #2e2e2e; filter: dropshadow(color=#2e2e2e, offx=1, offy=1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 2px 2px 2px 1px #000000; -moz-box-shadow: 2px 2px 2px 1px #000000; box-shadow: 2px 2px 2px 1px #000000; } .nav_action a span {color:#b76fff} .nav_action a:hover span {color:#f3f3f3} .nav_links {color:#f3f3f3; font-size:14px; text-transform: uppercase; margin-top: 7px;} /* end new styles */ /* oc_bottom.inc */ #footer {position:absolute; bottom:0; width:100%; height:150px; color:#999;} #footer h3 {float:left; width:150px; margin-right:10px;} #quicklinks {padding:10px; color:#666; background:#444; font-size:12px;} #quicklinks a {color:#999;} #partners {padding:10px; background:#fff;} #partners h3 {height:100px;} #partners img {max-height:40px; max-width:120px; width:auto; margin-right:10px;} #credits {padding:10px; font-size:10px;} #crpdatalogo {float:left; margin-right:10px;} /* index.php */ .intro {margin:0; padding-top:150px; color:#fff; font-size:18px; background:url(images/capitol.jpg) top no-repeat;} .intro a {color:#c6f; text-decoration:none;} .intro a:hover {color:#fff;} #posts {position:relative; padding:10px; height:200px; color:#999; background:#222; border-radius:10px; -moz-border-radius:10px;} #posts h2 {color:#fff; font-size:10px; text-transform:uppercase;} #posts h3 {margin-bottom:0; color:#999;} #posts small {display:block; margin-bottom:10px; color:#666; font-size:10px;} #posts p {color:#999;} #posts .more {color:#666; font-size:0.8em; text-transform:uppercase;} #posts .more a {font-size:1em; text-transform:none;} #morenews {position:absolute; margin:0; bottom:0px; right:0px; padding:10px; background:#000; border-radius:0 0 10px 0;} #morenews a {color:#60c;} #morenews a:hover {color:#93f;} #connect {width:460px; margin:10px 0; padding:5px; line-height:30px; background:#222; border-radius:10px; -moz-border-radius:10px; overflow:auto;} #connect .icon {float:right; margin-left:5px;} form#subscribe {float:left; margin:0; width:auto;} form#subscribe label {margin:0 10px; color:#666; font-size:14px;} form#subscribe input[type="text"] {margin:0; width:160px; padding:5px; background:#ccc; border:0; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; text-align:center;} form#subscribe input[type="submit"] {margin:0; width:80px; border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0;} #bigsearch {clear:both; margin:10px 0; height:30px; width:930px; padding:10px; color:#fff; background:#93f url(images/button.png); border-radius:10px; -moz-border-radius:10px;} #bigsearch form {display:block; width:660px; margin:0 auto;} #bigsearch label {margin-right:5px; font-size:14px;} #bigsearch input {font-size:18px;} #bigsearch input[type="text"] {margin:0; width:400px; padding:5px; border:0; text-align:center; height:auto;} #bigsearch input[type="submit"] {height:auto; color:#eee; background:#60c;} #bigsearch input[type="submit"]:hover {color:#fff; background:#93f;} #spotlight {clear:both; margin-bottom:10px; overflow:auto;} #spotlight a {float:left; margin-right:10px; height:100px; width:230px;} #spotlight a.last {margin-right:0;} #toptens {clear:both; overflow:auto;} #toptens .congresses, #toptens .politicians, #toptens .companies {float:left; width:310px; margin-right:10px; background:#999; border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5);} #toptens .companies {margin-right:0;} #toptens h3 {margin:0; color:#333; line-height:50px; text-shadow:0 1px 1px rgba(255,255,255,0.25);cursor:pointer;} #toptens .congresses h3 {background:url(style/icons/bigcongress.png) 5px no-repeat; text-indent:55px;} #toptens .politicians h3 {background:url(style/icons/bigpolitician.png) 5px no-repeat; text-indent:55px;} #toptens .companies h3 {background:url(style/icons/bigcompany.png) 5px no-repeat; text-indent:55px;} #toptens ul {margin:10px; padding:0; min-height:100px; background:#333 url(images/mini.png) top repeat-x; list-style:none; border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow:0 1px 1px rgba(255,255,255,0.25), inset 0 2px 2px rgba(0,0,0,0.25); overflow:auto;} #toptens li {position:relative; height:30px; padding:5px; border-bottom:1px solid #222;cursor:pointer;} #toptens li:hover {background-color:#444444;} #toptens li:last-child {border:0;} #toptens li .name {float:left; margin:0; width:160px; color:#ccc; font-size:14px; overflow:hidden; white-space:nowrap;} #toptens li .details {display:block; margin-top:-8px; color:#666; font-size:10px; text-transform:uppercase;} #toptens li .contributions {float:right; margin:0 25px 0 0; font-size:14px;} #toptens li a {position:absolute; top:10px; right:5px;} #partners a:hover, .campaign_popup a:hover, #spotlight_content a:hover, #profile_vote_score_link a:hover {color:#93f; text-decoration: underline; } /* new index styles for DEM campaign*/ div.posts_campaign {margin: 20px 0;} p.intro_campaign {font-size: 20px; line-height:32px; font-style: italic;} .intro_campaign {padding-top:165px !important;} #bigsearch_campaign {clear:both; margin:0 0 20px 0; height:160px; width:450px; padding:10px; color:#fff; background: url(images/bg_bigsearch_campaign.png) repeat-x #8d49e7; border-radius:10px; -moz-border-radius:10px;} #bigsearch_campaign form {display:block; width:450px; } #bigsearch_campaign label {margin-right:5px; font-size:18px; font-weight:bold;} #bigsearch_campaign input {font-size:16px;} #bigsearch_campaign input[type="text"] {margin:0; width:370px; padding:5px; border:0; text-align:center; height:auto;} #bigsearch_campaign input[type="submit"] {height:auto; color:#eee; background:#60c;} #bigsearch_campaign input[type="submit"]:hover {color:#fff; background:#93f;} #bigsearch_campaign p {margin: 1em 0 1.5em} .fb_campaign {width: 470px; overflow:hidden;margin: 0 auto;} /*end new styles */ /* view.php */ #debug {position:absolute;} #tabs {float:left; clear:left; margin:30px 0 0 0; height:50px; width:480px; padding:0; list-style:none;} #tabs li {display:block; float:left; width:150px; margin-right:10px; font-size:18px; filter:alpha(opacity=50);-moz-opacity:.50;opacity:0.5;} #tabs li a {display:block; width:150px; height:50px; line-height:50px; color:#333; background:#fff; text-decoration:none; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0;} #tabs li.active, #tabs li:hover {filter:alpha(opacity=100);-moz-opacity:.100;opacity:1;} #tabs li.congress a {background:#fff url(style/icons/bigcongress.png) no-repeat; text-indent:50px;} #tabs li.politician a {background:#fff url(style/icons/bigpolitician.png) no-repeat; text-indent:50px;} #tabs li.company a {background:#fff url(style/icons/bigcompany.png) no-repeat; text-indent:50px;} #blurb {float:right; margin-bottom:20px; width:390px; color:#93f;} #summary {position:relative; clear:both; height:90px; padding:10px; background:#fff; border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.25); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.25);} #summary h1 {font-size:24px; margin-bottom:0;} #summary img.profile {margin-left:0;} #summary #action {position:absolute; top:10px; right:10px; height:100px; width:140px;} #summary #action p {font-size:10px;color:#333333;} #summary #action .button {display:block;} #summary #infographic {position:absolute; top:2px; left:480px;} #summary a.button {color:#666; background-color:#eee; text-shadow:0 1px 1px rgba(255,255,255,0.5); font-size:10px;} #summary a.button:hover {color:#93f; background-color:#fff;} #summary a.button.act {color:#eee; background-color:#933; text-shadow:0 1px 1px rgba(0,0,0,0.5); font-size:12px;} #summary a.button.act:hover {color:#fff; background-color:#a44;} #profilecash {float:left; width:150px;} #profilelinks {float:left; width:240px;} #optionbar {clear:both; height:40px; color:#666; background:#ccc;} #optionbar fieldset {position:relative; float:left; height:20px; width:auto; margin:0; padding:0 5px;} #optionbar legend {padding:1px; color:#fff; font-size:10px; text-transform:uppercase;} #optionbar select {position:relative; top:-2px;} #optionbar input[type="radio"] {position:absolute; left:-9999px;} #optionbar input[type="radio"] + label {padding-left:18px; line-height:16px; background:url(images/checkbox.png) left -1px no-repeat;} #optionbar input[type="radio"]:checked + label {color:#93f; background-position:left -17px;} #optionbar input[type="button"] {margin-top:8px; color:#333; background:#ddd; text-shadow:0 1px 1px rgba(255,255,255,0.5);} #optionbar input[type="button"]:hover {color:#93f; background:#eee;} #optionbar p {float:left; width:60px;} #optionbar .value {color:#93f;} #optionbar fieldset.slider {width: 126px;} #optionbar div.slider {position:relative; float:right; margin:3px; height:12px; width:60px; background:#999;} #optionbar div.slider .handle {position:absolute; height:10px; width:10px; background:#ccc; border:1px solid #999; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.25);} #optionbar .extras {float:right; padding:5px; font-size:10px; line-height:15px;} #optionbar .extras a {display:block; height:15px; padding-left:25px; color:#333; text-decoration:none; text-shadow:0 1px 1px rgba(255,255,255,0.5);} #optionbar .extras a:hover {color:#93f;} #optionbar #form {display:inline;} #congresslist {float:left; overflow:auto;} #congresslist ul {margin:0; padding:0; list-style:none; font-size:10px;} #congresslist li {float:left; margin:0 10px 0 0; height:40px;} #congresslist a {display:block; padding:5px; height:30px; width:auto; color:#999999; text-align:center;} #congresslist a:hover {background:#cbd;} #congresslist .contributions {display:block; clear:left;} #congresslist .selected {background-color:#DADADA; border-right:1px solid #999999; border-left:1px solid #EEEEEE} #congresslist .selected a {color:#9933FF;} #infoheader {clear:both;} #graphcontent {position:relative; clear:both; margin-bottom:10px; height:640px; background:#fff; -webkit-box-shadow:0 -2px 2px rgba(0,0,0,0.25); -moz-box-shadow:0 -2px 2px rgba(0,0,0,0.25); border-radius:0 0 10px 10px; overflow:hidden;} #graphs {position:relative; float:left; width:630px; height:640px; background-color:white; overflow:hidden; border-radius:0 0 0 10px;} #warning {float:left; margin-left:10px;margin-top:-10px;color:#999999;} #lists {position:absolute; top:0; right:0; height:640px; width:320px; background:#ccc; border-radius:0 0 10px 0;} #listnav {height:25px; background:#ccc; padding: 5px; padding-left:55px;} #listnav a {display:block; float:left; height:25px; width:75px; padding-top: 2px; color:#999999; margin-left: 5px;} #listnav a:hover {background-color:#cbd; cursor: pointer; color: #93f; } #listnav .politician {background:url(style/icons/politician.png) no-repeat 5px 2px; padding-left:25px;} #listnav .company {background:url(style/icons/company.png) no-repeat 5px 2px; padding-left:25px;} #listnav .selected {color:#9933FF;background-color:#DADADA;-moz-border-radius:10px;} #tables, #cotables {position:relative; z-index:99; height:640px; width:319px; background:#fff; border-left:1px solid #ccc;} #tables ul, #cotables ul {list-style:none; padding:0; height:580px; width:319px; overflow:hidden; overflow-y:scroll;} #tables ul ul, #cotables ul ul {width:285px; overflow: hidden; } #candidateSort, #companySort {height:15px; padding:5px; color:#999; background:#ccc; font-size:10px;} #candidateSort a, #companySort a {padding:2px 5px; color:#93f; background:#bbb; text-decoration:none; border-radius:10px; -moz-border-radius:10px;} #candidateSort a:hover, #companySort a:hover {color:#fff; cursor: pointer;} .nodeselector { display: none; } #candidateList .nodeselector, #companyList .nodeselector { display: inline; } li.mini {position:relative; height:70px; width:285px; padding:10px;} li.mini:hover {background-color:#cbd;} li.mini img.portrait {float:left; margin:0 10px 10px 0; height:64px; width:64px; border:3px solid #fff; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.5);} li.mini p.name {font-size:14px; margin:0;} li.mini p.contributions {margin:0; font-size:18px;} li.mini a.open {position:absolute; top:0; left:0; height:90px; width:100%; z-index:3; background:transparent; text-indent:-9999px} li.mini a.button, .header .profilelink {display:block; float:left; margin-right:2px; color:#333; background-color:#ccc; font-size:10px; text-shadow:0 1px 1px rgba(255,255,255,0.5);} li.mini a.button:hover, .header .profilelink:hover {color:#93f; background-color:#ddd;} li.mini a.toggle {display:block; clear:left;} .disclaimer {float:right;width:760px; color:#999; font-size:9px;} li.mini .disclaimer {margin:10px 10px 0 0;} li.mini.selected {height:auto;} li.mini.selected:hover {background-color:#fff;} li.mini.selected img.portrait {border-color:#93f;} li.mini .header {clear:both; margin:10px 0; overflow:auto;} #candidateInfo, #companyInfo {clear:both; height:auto; margin:0;} #candidateInfo ul, #companyInfo ul {height:615px; overflow:hidden; overflow-y:scroll;} li.mini #candidateInfo ul, li.mini #companyInfo ul {height:auto;} #candidatedetailstable, #companydetailstable {clear:left;} li.sub {position:relative; height:auto; width:100%; padding:5px; background:#fff; overflow:hidden; cursor: pointer;} li.sub.odd {background:#dfd;} li.sub:hover {background-color:#cbd; } li.sub img.portrait {display:block; float:left; height:16px; width:16px; margin:0 5px 0 0; border:1px solid #fff !important; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.25); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.25);} li.sub p.name {float:left; margin:0 10px 0 0; padding:0; width:160px; color:#333; line-height:18px; font-size:10px;} li.mini li.sub p.name {width:150px;} li.sub p.contributions {float:left; margin:0 10px 0 0; padding:0; width:50px; font-size:12px; text-align:right;} li.sub a.zoom, li.sub a.go {float:left; width:20px; text-indent:-9999px;} .norelationships {background-color:#EEEEEE;padding:5px;color:#999999;} li.sub.selected {height:auto;} #images {text-align: center;} #lightbox {position: fixed; height: 400px; width: 600px; background-color: white; border: solid 1px black; z-index: 1000; top: 30px; left: 50%; margin-left: -300px; padding:15px; overflow-y: auto; -moz-border-radius:10px; } #screen {width: 100%; height: 100%; position: absolute; z-index: 101; top: 0px; left: 0px; background-color: black; filter:alpha(opacity=50);-moz-opacity:.50;opacity: .5; overflow: hidden; } /* vote history */ #vote_history_wrapper {position:relative; clear:both; margin-bottom:10px; margin-top:10px; height:250px; background:#fff; -webkit-box-shadow:0 -2px 2px rgba(0,0,0,0.25); -moz-box-shadow:0 -2px 2px rgba(0,0,0,0.25); border-radius:10px 10px 10px 10px; overflow:hidden;padding:10px;} #vote_history_list {overflow-y:auto;height:200px;border: 1px solid #CCCCCC;padding:2px;} #vote_history_list th {background-color: #CCCCCC;} #vote_history_list tr:nth-child(even) {background-color:#DDFFDD;} .DEM_vote {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); background-color:#FFFFFF; float:left;width:25px;height:25px; border: 2px solid red; background-image:url(images/sredX.png);background-repeat: no-repeat;background-position: center center;margin-right: 5px;margin-top:5px;} .green_vote {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); background-color:#FFFFFF; float:left;width:25px;height:25px; border: 2px solid green; background-image:url(images/sgreenTick.png);background-repeat: no-repeat;background-position: center center;margin-right: 5px;margin-top:5px;} .unknown_vote {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25); background-color:#FFFFFF; float:left;width:25px;height:25px; border: 2px solid #ccc; margin-right: 5px;margin-top:5px;} .bill_title {font-size:10px;color:#666666} .bill_date {font-size:10px;color:#666666} .bill_outcome {font-size:10px;color:#666666} #bill_table_key {float:right; width:300px;margin-right: 10px;margin-left:10px;margin-top:32px; font-size:10px; color:#666;} /* search */ #foundCandidates {clear:both; width:910px; max-height:120px; padding:10px 10px 0 10px; border:10px solid #fff; background-color:#cccccc; overflow:auto;border-radius:0 10px 0 0; -moz-border-radius:0 10px 0 0; } #foundCandidates h3 {float:left; margin:0 10px 10px 0; color:#666; line-height:30px;} #foundCandidates ul {margin:0; padding:0;} #foundCandidates li {display:block; float:left; width:auto; margin:0 10px 10px 0; list-style:none;} #foundCandidates li span {font-size:10px;} #foundCandidates a {display:block; padding:5px 5px 5px 10px; width:auto; color:#666; background:#eeeeee; line-height:20px; border-radius:10px; -moz-border-radius:10px;} #foundCandidates img {height:16px; vertical-align:middle; margin-right:5px; border:1px solid #ccc;} #foundCandidates a:hover {color:#93f; background:#f7f7f7;cursor:pointer;} /* for search that results in no results */ #searchResponse {background-color:#CCCCCC;padding:10px;-moz-border-radius:10px;} #searchload { background-color: #fff; padding: 5px; clear: both; } #profileimage { float: left; margin:10px; margin-top: 0px; height:64px; width:64px; border:3px solid #fff; -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.5);} #profilecash {margin:0; color:#693; font-size:18px; font-weight:bold;} #profile_vote_score_link { position: absolute; left: 20px; bottom: 5px; } /* For info graphics */ #infographic div {display: inline-block; width: 310px; height: 106px;} #infographiccontrol {position:absolute; right:0px; top:0px; cursor:pointer; z-index:100;} #infographic { width: 310px; overflow: hidden; height: 106px; position: relative;} #infographic span { font-size: 10px; display:block; } #graphics { white-space: nowrap; } #linkbox { padding: 10px; background-color: #ffffff; position: absolute; right: 10px; z-index: 1000; } /* Tooltip */ #tooltip { padding: 3px; z-index: 100; position: absolute; visibility: hidden; text-align: center; background-color: white; top: 0px; left: 0px; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; font-weight: bold; border: 1px solid black; } #imagescreen { height: 630px; width: 630px; position: absolute; background-color:#fff;text-align:center;padding-top:40px; top:0px; left: 0px; } /* Popup contribution details */ #contributionstable table {border-collapse:collapse;} #contributionstable tr.roweven {background-color:#FFFFFF;} #contributionstable tr.rowodd {background-color:#DDFFDD;} #contributionstable td,th {border: 1px solid #FFFFFF; border-spacing:0; padding:4px;} #contributionstable th {background-color:#DDDDDD; cursor: pointer;} #contributionstable th:hover {color:#93f; } #contributionheader {background:#FFFFFF url(images/mini.png) repeat-x scroll center top;padding:10px; text-align:center; } #lightboxcontents img.portrait {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.5); border:3px solid #FFFFFF;height:64px; margin:0 10px 10px; width:64px; } #rightarrow {margin-bottom:20px;} #contributionstable .icon.zoom {float:right;} /* share this link box */ .sharebox {display:inline;margin:20px;} .sharebox span {vertical-align:15px;} #widgetcode {width:400px;} #widgetholder {float:right;} /* overview.php */ #defaultcontent {overflow:auto;} #defaultcontent #toptens {float:left; margin:10px;} #defaultcontent #spotlight_content { margin:10px 10px 10px 340px; width:390px; text-align: justify;} #spotlight_content img {float:left; margin:0 10px 10px 0; width:auto; height:auto;} #focused_search {float:right; margin:10px 10px 0 0; padding:10px; width:175px; background:#ccc; border-radius:10px; -moz-border-radius:10px;} #focused_search input[type="text"] {display:block; float:left; width:100px;} #focused_search input[type="submit"] {margin-right:0;} /* about.php */ #shortabout {margin-bottom:10px; padding:10px; background:#fff; overflow:auto; border-radius:10px; -moz-border-radius:10px;} #shortabout img {float:left; width:310px; height:auto; margin-right:10px;} #shortabout p.large {font-size:18px;} #faq {padding:10px; background:#fff; border-radius:10px; -moz-border-radius:10px;} #faq h2 {margin-left:320px;} #faq h3 {margin:20px 0;} #faq #toc {float:left; margin-right:10px; padding:0; width:290px; background:#eee; border-radius:10px; -moz-border-radius:10px; list-style:none;} #faq #toc h3 {padding:0 10px;} #faq #toc a {display:block; padding:10px; border-bottom:1px solid #ccc;} #faq #toc a:hover {background:#333;} #faq #toc li:last-child a {border:0;} #faq #answers {margin-left:320px;} #faq #answers h3 a {color:#333;} #faq #answers ul {list-style:none;} #faq #answers li {padding:10px 0;} #faq #answers a:hover {color:#93f; text-decoration:underline;} #faq #answers img.logo {display:block; float:right; clear:right; width:150px; margin:10px;} .loadingimage { width: 200px; height: 19px; vertical-align: middle; border:none;margin: 15px; } /* new DEM about styles */ #about_campaign p {font-size: 1.125em;} #about_campaign {padding:10px; background:#fff; border-radius:10px; -moz-border-radius:10px;} #about_campaign #toc {float:right; margin-left:10px; padding:0; width:290px; background:#eee; border-radius:10px; -moz-border-radius:10px; list-style:none;} #about_campaign #toc h3 {padding:0 10px;} #about_campaign #toc a {display:block; padding:10px; border-bottom:1px solid #ccc;} #about_campaign #toc a:hover {background:#333;} #about_campaign #toc li:last-child a {border:0;} /* end new styles */ /* 404.php*/ #search_404 {float:right; margin:10px; padding:10px; width:275px; background:#ccc; border-radius:10px; -moz-border-radius:10px;} #search_404 input[type="text"] {display:block; float:left; width:200px;} #search_404 input[type="submit"] {margin-right:0;} #nav404 {width:270px; margin-left:10px; padding-top:10px;padding-bottom:10px;} #nav404 ul {margin:10px; padding:0; background:#ccc; list-style:none; } #nav404 li {height:20px; padding:5px; border-bottom:1px solid #222;} /* Legacy - - - - - - - - - - - - - - - - - - - - */ /* from style.css /*SVG Styles */ path { stroke-opacity: .4; } #svg g{opacity:0} #svg ellipse, #svg polygon, #svg path{fill-opacity:.8 !important;cursor:pointer} #svg path{stroke-opacity:.9 !important;stroke:#93f !important;cursor:pointer} #svg .highlight path{stroke:#93f !important;stroke-opacity:.9 !important} #svg .nhighlight{fill:#ccbbdd !important;} #svg .searchhelp{color:#666666;font-style:italic} #highlight.selected { background-color: #ccbbdd !important; } /* from oilchange.css.php #oil_action{font-size:120%;width:100%;padding:0 0 10px 26px;} ul.menu_price{padding:0 0 10px 26px;} #signup{padding:10px 0 10px 0;} .secondary p{padding:0 0 0 26px;} #spacer{padding-top:20px;} .red{color:#D72B21 !important;} /* side bar box .boxbody{background:url(oilchange/boxbody.gif) no-repeat top right;margin:0;padding:0;} .boxbottom{background:url(oilchange/boxbottom.gif) no-repeat bottom right;margin:0;padding:0 0 20px 0;} /* from oc_override.css #header{background:#FFFFFF;width:998px;_width:998px;} #header2{width:998px;_width:998px;} #header3{margin:0 auto;background:#dedede;width:992px;_width:992px;} .banner-main-rss_{left:932px;} .banner-main-left_{left:511px;} .banner-main-action_{left:565px;} .banner-main-mid_{left:716px;} .banner-main-support_{left:772px;} .banner-main-right_{left:915px;} .boxbottom{padding:0px;} img.alignleft,img[align="left"]{padding:0px;margin:0px;} */