/* LAYOUT ----------------------------------------------- */ html, body {margin: 0; padding: 0; text-align: center; background: #1E4787;} html {height: 100%; margin-bottom: 1px;} /*force scrollbars on short pages*/ body {text-align: center; margin: 0 auto; font-size: 12px; line-height: 18px; font-family: arial, sans-serif;} #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_blue.gif) repeat-y; } body.ideas, body.recovery {background-color:#1E4787;} body.rush {background-color:#66171B;} body.speaker {background-color:#6282B7;} body.ideas #container, body.recovery #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_blue.gif) repeat-y; } body.speaker #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_speaker.gif) repeat-y; } body.rush #container {width: 990px; text-align: left; margin: 0 auto;background: #fff url(/page/-/wrapper/img/body_background_red.gif) repeat-y; } body.onecol #mainContent {padding: 0 25px;} body.onecol #sidebar {display: none;} body.onecol #main {width: 940px; margin-left: 22px; padding: 0px; margin-top: 3px; margin-bottom: 10px; float: left; background: #fff url(/page/-/wrapper/img/onecol_bg.png) repeat-y;} body.onecol #mainTop {display: block; height: 10px; background: #fff url(/page/-/wrapper/img/onecol_top.png); margin: 0px 0px 0px 0px;} body.onecol #mainBottom {display: block; height: 10px; background: #fff url(/page/-/wrapper/img/onecol_bottom.png); margin: 0px 0px 0px 0px;} body.onecol #mainContent {padding: 0 25px;} body.onecol #mainContent h1 {background: url(/page/-/wrapper/img/interior_title_bg.png); margin: -6px -25px 10px -21px; padding: 10px 21px; font-size: 18px; color: #336699;} body.contribute #header {background: url(/page/-/wrapper/img/contribute_header_background_blue.gif) no-repeat; height: 134px;} body.contribute #header form {display: none;} body.contribute #header h2#contribute_button {display: none;} body.contribute #primary_nav {display: none;} body.contribute #header h1 a {background: url(/page/-/wrapper/img/contribute_h1_background.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 950px; display: block; margin-left: 20px;} /* LIGHTBOX ----------------------------------------------- */ #lightbox { background: url(/page/-/img/lb-101409.jpg) no-repeat; width: 566px; height: 457px; margin: 0; padding: 0; position: relative; display: none; } #lightbox #lb-signup { position: absolute; top: 390px; left: 36px; } #lightbox #lb-signup input { margin-right: 5px; vertical-align: middle; } #lightbox #lb-signup #lb-email { background: url(/page/-/img/email_bg.jpg) no-repeat; width: 233px; font-size:14px; padding: 5px; border: none; } #lightbox #lb-signup #lb-zip { background: url(/page/-/img/zip_bg.jpg) no-repeat; width: 145px; font-size:14px; padding: 5px; border: none; } #lightbox #lb-signup #lb-submit { } #lightbox #lb-skip { position: absolute; top: 430px; width: 566px; text-align: center; font-size: 13px; font-family: arial; } #lightbox #lb-skip a { color: #ccc; } /* TYPOGRAPHY ----------------------------------------------- */ html { font-size: 100%; } /* Somehow Fixes IE */ body { font-size: 70%; font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; color: #000;} /* sets font to 10px */ #container { font-size: 1.2em; } /* 1.1em = 11px */ h1 {font-size: 1.8em; color: #0071BC; margin-bottom: .8em; letter-spacing: 0px; font-weight: bold;} h2 {font-size: 1.4em; margin-bottom: .5em; font-weight: normal; color: #000;} h3 {font-size: 1.25em; margin-bottom: 1.2em; font-weight: normal; color: #000; font-style: italic;} h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;} h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;} h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;} ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;} p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em; margin-top: 1.2em;} blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;} pre {font-family: monospace; font-size: 1.0em;} strong, b {font-weight: bold;} em {font-style: italic;} td {vertical-align: top;} /* LINKS ----------------------------------------------- */ a {color: #cc0000; text-decoration: none; ;} a:link {} a:visited {} a:active {} a:hover {text-decoration: underline;} /* HEADER DETAILS ----------------------------------------------- */ #header {background: url(/page/-/wrapper/img/header_background_blue.gif) no-repeat; height: 178px;padding-top: 5px;} body.ideas #header, body.recovery #header {background: url(/page/-/wrapper/img/header_background_blue.gif) no-repeat; height: 178px;padding-top: 5px;} body.rush #header {background: url(/page/-/wrapper/img/header_background_red.gif) no-repeat; height: 178px;padding-top: 5px;} body.speaker #header {background: url(/page/-/wrapper/img/header_background_speaker.gif) no-repeat; height: 178px;padding-top: 5px;} body.speaker #header h1 a {background: url(/page/-/satellites/hcac/hcac_header.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;margin-bottom:0} body.recovery #header h1 a {background: url(/page/-/wrapper/img/rfa-header.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;margin-bottom:0} body.rush #header h1 a {background: url(/page/-/wrapper/img/sorry_rush_h1.jpg) no-repeat; text-indent: -9999px; height: 165px; width: 950px; display: block; margin-left: 20px;margin-bottom:0} #header h1 {margin: 0;} #header h1 a {background: url(/page/-/wrapper/img/h1_background.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;} #header h1 b a {background: url(/page/-/images/stakeholder/stakeholder_header.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;} #header h1 c a {background: url(/page/-/wrapper/img/mobilize_for_change_banner.jpg) no-repeat; text-indent: -9999px; height: 119px; width: 717px; display: block; margin-left: 20px;} body.speaker #header form#get_involved { background: url(/page/-/wrapper/img/get_involved_health.jpg) no-repeat; float: right; width: 253px; height: 135px; margin-top: -124px; padding-top: 50px; position: relative; z-index: 1;} #header form#get_involved { background: url(/page/-/wrapper/img/form_background_blue.jpg) no-repeat; float: right; width: 253px; height: 135px; margin-top: -122px; padding-top: 50px; position: relative; z-index: 1;} body.ideas #header #box, body.speaker #header #box, body.recovery #header #box{float: right; width: 253px; height: 135px; margin-top: -122px;margin-bottom:0; position: relative; z-index: 1;} #header form h2 {display: none; margin: 0;} #header form label {display: none;} #header form input {vertical-align: middle;} #header form input.text {margin-left: 20px; margin-bottom: 5px; color: #666; font-weight: bold; font-size: 11px; padding: 2px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} #header form input#qsEmail {width: 145px; display: block; margin-top: 5px;} #header form input#qsZip {width: 60px;} #header form input#qsSubmit {margin-left: 10px; border: 0;} #header form input#qsSubmit {cursor: pointer;} #primary_nav {background: url(/page/-/wrapper/img/primary_nav_background.gif) no-repeat; width: 717px; height: 41px; margin-top: 4px; margin-left: 19px; position: relative;} #primary_nav li {position: absolute; margin: 0;} #primary_nav li a {display: block; height: 41px; text-indent: -9999px;} #primary_nav li a:hover {} #primary_nav li#home {left: 0px; width: 49px;} #primary_nav li#about_dccc {left: 51px; width: 79px; } #primary_nav li#democratic_majority {left: 132px; width: 136px;} #primary_nav li#races_2008 {left: 270px; width: 76px;} #primary_nav li#action_center {left: 348px; width: 95px;} #primary_nav li#newsroom {left: 445px; width: 74px;} #primary_nav li#dccc_live {left: 506px; width: 70px;} #primary_nav li#blog {left: 593px; width: 40px;} #primary_nav li#spanish {left: 635px; width: 82px;} #primary_nav li ul {display: none; position: relative; border-top: 3px solid #fff;} #primary_nav li ul li {float: none; position: static;} #primary_nav li ul a { width: 200px; padding: 3px 7px; background: #0B3979; color: #fff; border-bottom: 1px solid white; font-weight: normal; height: auto; position: static; text-indent: 0; font-family: verdana; font-size: 9px; text-transform: uppercase; text-decoration: none; margin:0 } #primary_nav li ul a:hover {background: #456A9E; color: #fff;} #primary_nav li:hover ul, #primary_nav li.sfhover ul {z-index: 1000; display: block;} #header h2#contribute_button a {text-indent: -9999px; height: 46px; width: 236px; display: block; float: right; background: url(/page/-/wrapper/img/contribute_button_shiny.gif) no-repeat; position: absolute; margin-top: -43px; margin-left: 739px; z-index: 2;} body.speaker #header h2#contribute_button a {text-indent: -9999px; height: 46px; width: 236px; display: block; float: right; background: url(/page/-/wrapper/img/contribute_button_shiny.gif) no-repeat; position: absolute; margin-top: -43px; margin-left: 739px; z-index: 2;} /* SPANISH HEADER ----------------------------------------------- */ body#bodyEsp #primary_nav {background: url(/page/-/wrapper/img/ESP-nav-background.gif) no-repeat; width: 717px; height: 41px; margin-top: 4px; margin-left: 19px; position: relative;} body#bodyEsp #primary_nav li {} body#bodyEsp #primary_nav li#navA {left: 0px; width: 125px;} body#bodyEsp #primary_nav li#navB {left: 127px; width: 155px;} body#bodyEsp #primary_nav li#navC {left: 282px; width: 163px;}/* body#bodyEsp #primary_nav li#navD {left: 329px; width: 75px;} body#bodyEsp #primary_nav li#navE {left: 406px; width: 112px;}*/ body#bodyEsp #primary_nav li#navF {left: 445px; width: 138px;} body#bodyEsp #primary_nav li#navG {left: 587px; width: 136px;} /* BEGIN INTERIOR ----------------------------------------------- */ body.interior #main {width: 710px; margin-left: 22px; padding: 0px; margin-top: 3px; margin-bottom: 10px; float: left; background: url(/page/-/wrapper/img/interior_bg.gif) repeat-y; display: inline;} body.interior #mainTop {display: block; height: 10px; background: url(/page/-/wrapper/img/interior_top.gif); margin: 0px 0px 0px 0px;} body.interior #mainBottom {display: block; height: 10px; background: url(/page/-/wrapper/img/interior_bottom.gif); margin: 0px 0px 0px 0px;} body.interior #mainContent {padding: 0 25px; } body.interior #mainContent h1 {background: url(/page/-/wrapper/img/interior_title_bg.png); margin: -6px -25px 10px -21px; padding: 10px 21px; font-size: 18px; color: #336699;} .headlineBlock {margin: 20px 0 30px 0;padding:0} .headlineBlock h2 {color: #336699;} .headlineBlock h2 a {color: #336699;} .headlineBlock table {border-collapse: collapse; margin-bottom: 0px; width:600px;} .headlineBlock th {border-bottom: 1px solid #fff; background: #999; color: #fff; padding: 3px 5px 2px 5px; letter-spacing: 1px;} .headlineBlock td {border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top;} .headlineBlock td.odd {background: #fff;} .headlineBlock td.even {background: #f8f8f8;} .headlineBlock td.title {padding-right: 10px; width: 85%;} .headlineBlock td.date {white-space: nowrap;} .headlineBlock p.paginate {text-align: left; margin: 5px; font-size: 1.1em;} .headlineBlock p.paginate a.more {color: #333;} .stateheader {border: solid 3px; text-align:center} /* BEGIN HOME ----------------------------------------------- */ #main { width: 730px; float: left;} body.ideas #main {width: 730px;float:left;} #main { width: 730px; float: left;} #mainTop {display: none;} #mainBottom {display: none;} .entry li {margin-left: 50px} .entry ol, .entry ul {list-style-type: disc;} /* FONT SIZING */ .tiny {font-size:90%;} .regular {font-size:100%} .large {font-size:115%} /* BLOG SPECIFIC */ div.entry {margin-bottom:2em;} /* div.entry h2.title */ div.entry p.byline {font-size:90%} /* SPOTLIGHT */ body.recovery div#spotlight {background: url(/page/-/wrapper/img/map-bkgrnd.gif) no-repeat; height:449px; width: 710px; margin-left: 22px; padding-top: 10px; padding-left: 20px;margin-bottom: 10px;} body.ideas div#spotlight, body.speaker div#spotlight {background: url(/page/-/wrapper/img/spotlight-3.gif) no-repeat; height: 310px; width: 591px; margin-left: 22px; padding-top: 10px; margin-bottom: 10px;} body.speaker div#spotlight a {color:#1D4C9F;} #spotlight a {font-weight:bold;} #spotlight {background: url(/page/-/wrapper/img/spotlight_background.png) no-repeat; height: 381px; width: 710px; margin-left: 22px; padding-top: 10px; padding-left: 20px; margin-bottom: 10px;} #spotlight h3 {background: url(/page/-/wrapper/img/spotlight_h3_background.gif) no-repeat; text-indent: -9999px; height: 33px; width: 97px; margin-bottom: 0;} #featureWrap {margin-left: -15px;} #featureLeft {float: left; width: 540px; height: 340px;} body.speaker #featureLeft {float: left; width: 420px; height: 255px;} #featureLeft div {margin: 10px;} #featureLeft .ui-tabs-hide {display: none;} #featureRight {float: right; width: 180px; margin-right: 5px;} #featureRight ul {margin: 0;} #featureRight li {height: 85px; width: 155px; padding: 0; margin: 0; border: 0; font-size: 15px; margin: 0; line-height: 1.2em;} #featureRight a {text-decoration: none; color: #8a9bb1; display: block; padding: 20px 30px 0 10px; height: 65px; width: 115px;} #featureRight #top_story {background: url(/page/-/wrapper/img/tabs/tab_topstory.png) no-repeat;} #featureRight .ui-tabs-selected #top_story {background: url(/page/-/wrapper/img/tabs/tab_topstory_on.png) no-repeat 1px 0; color: #cc0000;} #featureRight #rapid_response {background: url(/page/-/wrapper/img/tabs/tab_response.png) no-repeat;} #featureRight .ui-tabs-selected #rapid_response {background: #fff url(/page/-/wrapper/img/tabs/tab_response_on.png) no-repeat 1px 0; color: #cc0000;} #featureRight #races_update {background: url(/page/-/wrapper/img/tabs/tab_news.png) no-repeat;} #featureRight .ui-tabs-selected #races_update {background: url(/page/-/wrapper/img/tabs/tab_news_on.png) no-repeat 1px 0;} #featureRight #democratic_nation {background: url(/page/-/wrapper/img/tabs/tab_nation.png) no-repeat;} #featureRight .ui-tabs-selected #democratic_nation {background: url(/page/-/wrapper/img/tabs/tab_nation_on.png) no-repeat 1px 0;} #featureRight #ideas_for_change {background: url(/page/-/wrapper/img/tabs/tab_ideas.png) no-repeat;} #featureRight .ui-tabs-selected #ideas_for_change {background: url(/page/-/wrapper/img/tabs/tab_ideas_on.png) no-repeat 1px 0;} #featureRight #health_care_welcome {background: url(/page/-/wrapper/img/tabs/hc_welcome_gray.gif) no-repeat;} #featureRight .ui-tabs-selected #health_care_welcome {background: url(/page/-/wrapper/img/tabs/hc_welcome_blue.gif) no-repeat 1px 0;} #featureRight #health_care_victory {background: url(/page/-/wrapper/img/tabs/hc_victory_gray.gif) no-repeat;} #featureRight .ui-tabs-selected #health_care_victory {background: url(/page/-/wrapper/img/tabs/hc_victory_blue.gif) no-repeat 1px 0;} #featureRight .ui-tabs-selected {} #featureRight .ui-tabs-selected a {color: #cc0000;} #featureRight img.feed_icon {position: absolute; margin-top: 40px; margin-left: 120px;} /* HOME SECONDARY */ #homeSecondary {width: 710px; margin-left: 22px;} body.ideas #homeSecondary {width: 710px; margin-left: 22px;} body.speaker #homeSecondary {width: 710px; margin-left: 22px;} #featured_race {background: url(/page/-/wrapper/img/box_two.gif) no-repeat; width: 341px; margin-left: 0px; padding: 10px 4px; position: relative; float: left;} #featured_race h3 {text-indent: -9999px; width: 340px; height: 28px; background: url(/page/-/wrapper/img/featured_race.gif) no-repeat;} #featured_race h4 {font-weight: bold; font-size: 14px; padding: 0 8px; margin: 0;} #featured_race h4 span {font-size: 16px; display: block;} #featured_race ul { float: right; margin-right: 15px; margin-top: 10px;} #featured_race ul li {margin: 0;} #featured_race ul li a {text-decoration: none; font-weight: bold; display: block; background: url(/page/-/wrapper/img/featured_box_list.gif) no-repeat; width: 123px; height: 35px; text-align: center; padding-top: 15px; margin-bottom: 8px; color: #999;} #featured_race img {margin-left: 10px; margin-top:10px;} #featured_race p.caption {font-size: 11px; margin-left: 30px; font-style: italic;} #featured_race p#past_races a{ position: absolute; color: red; text-decoration: none; font-weight: bold; margin-left: 150px; margin-top: -15px;} /* #container #live_updates { float: right; margin-top: -320px; padding-bottom: 20px; } */ #live_updates {background: url(/page/-/wrapper/img/box_two.gif) no-repeat; width: 351px; position: relative; float: right; margin-right: 3px;} #live_updates h3 {background: url(/page/-/wrapper/img/live_updates.gif) no-repeat; text-indent: -9999px; width: 336px; height: 32px; margin-bottom: 10px; margin-top: 5px;} #live_updates div {border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top; line-height: 1.2em;} #live_updates div .date {font-size: 80%;} #live_updates div.odd {background: #fff;} #live_updates div.even {background: #f8f8f8;} #live_updates p.more {text-align: left; margin: 5px; font-size: 1.1em;} #live_updates p.more a {color: #333;} #special_campaigns {clear: both; margin-top: 20px;} #special_campaigns {background: url(/page/-/wrapper/img/special_campaigns_background_1r.gif) no-repeat; width: 707px; height: 75px; margin-left: 22px; margin-bottom:10px;padding-top: 50px; padding-left: 5px;} #special_campaigns img {float: left; margin-left: 2px;} #special_campaigns h3 {display: none;} #races {clear: both; margin-top: 20px; } #races {background: url(/page/-/wrapper/img/racesbox.jpg) no-repeat; width: 707px; height: 90px; margin-left: 22px; padding-top: 50px; padding-left: 5px;} #races img {float: left; margin-left: 2px;} #races h3 {display: none;} #search_bar {background: url(/page/-/wrapper/img/search_box_background.gif) no-repeat; height: 64px; width: 483px; margin-left: 22px; float: left;} #search_bar form label {display: none;} #search_bar form {margin-left: 200px; padding-top: 20px;} #search_bar form input {} #search_bar form button {background: url(/page/-/wrapper/img/search.gif) no-repeat; border: 0; text-indent: -9999px; height: 22px; width: 75px; margin-left: 10px;} #member_login_button {float: right; margin-right: 3px; margin-top: 4px;} /* END MAIN */ /* BEGIN SIDEBAR */ #sidebar {float: left; width: 230px; display: inline;} body.speaker #sidebar {float: left; width:310px; display: inline;margin-left:-80px;z-index:1} body.speaker #sideblock {background:url(/page/-/wrapper/img/box_two.gif) no-repeat;width:310px;margin-bottom:20px;height:305px;font-size:90%;} #sidebar img.wide {margin-left: 5px; margin-bottom: -5px;} #sidebar .side_extend {background: url(/page/-/wrapper/img/extend_background.gif) no-repeat; background-position: bottom left; padding-bottom: 10px;} #dccc_blog h2 {text-indent: -9999px; height:43px; width: 223px; background: url(/page/-/wrapper/img/dccc_blog.gif) 0 8px no-repeat; margin: 10px 0 0 0;} #dccc_blog {padding-left: 15px; padding-right: 10px;} #dccc_blog ul {margin-top: 10px;} #dccc_blog ul li {text-indent: 20px; line-height: 20px; background: url(/page/-/wrapper/img/comment_background.gif) no-repeat; background-position: 0 2px; margin-bottom: 4px;} #dccc_blog ul li.last {background: none; text-indent: 0px;} #dccc_blog ul li a {font-weight: bold; color: red;} #dccc_live h2 {text-indent: -9999px; height:40px; width: 234px; background: url(/page/-/wrapper/img/dccc_live.gif) no-repeat; margin-bottom: 4px; margin-left: -15px;} #dccc_live {padding-left: 15px; padding-right: 25px;} #dccc_live ul#program_list {border: 1px solid; width: 205px;} #dccc_live ul#program_list li {border-bottom: 1px solid #000; padding: 3px;} #dccc_live ul#program_list li a {text-decoration: none; color: black;} #dccc_live ul#program_list li.active {background: #2B61AF; margin-top:0px} #dccc_live ul#program_list li.active a, #dccc_live ul#program_list li.active a span{color: #fff;} #dccc_live ul#program_list li a span {font-weight: bold; font-size: 14px; display: block; color: red;} #dccc_live ul#program_list li.last {border: 0;} #dccc_blogroll h2 {text-indent: -9999px; height:43px; width: 234px; background: url(/page/-/wrapper/img/dccc_blogroll.gif) no-repeat; margin-left: -13px;} #dccc_blogroll {background: url(/page/-/images/stakeholder/extend_background.gif) repeat-y; background-position: bottom left; padding-bottom: 10px;} #dccc_blogroll {padding-left: 15px; padding-right: 10px;} #dccc_blogroll ul {margin-top: 10px;} #dccc_blogroll ul li {text-indent: 20px; line-height: 12px; background: url(/page/-/wrapper/img/comment_background.gif) no-repeat; background-position: 0 -2px; margin-bottom: 4px;} #dccc_blogroll ul li.last {background: none; text-indent: 0px;} #dccc_blogroll ul li a {font-weight: bold; color: red;} ul#show_list {margin-top: 10px;} ul#show_list li a {padding-left: 40px; padding-right: 10px; background: url(/page/-/wrapper/img/audio_list_background.gif) no-repeat; height: 40px; display: block; font-size: 14px; font-weight: bold; color: red;} #connect h3 { text-indent: -9999px; background: url(/page/-/wrapper/img/connect_with_dccc.gif) no-repeat; height: 43px; width: 324px;} #connect ul {margin-left: 12px; margin-top: -10px;} #connect li {display: inline;} /* END SIDEBAR */ #footer {font-size:90%; clear: both; background: url(/page/-/wrapper/img/footer_background_blue.gif) no-repeat; padding-top: 15px; padding-left: 40px; padding-right: 40px; color: #ccc; padding-bottom: 4px; margin-left: -1px;} body.ideas #footer, body.recovery #footer {background: url(/page/-/wrapper/img/footer_background_blue.gif) no-repeat;} body.speaker #footer {background: url(/page/-/wrapper/img/footer_background_speaker.gif) no-repeat;color:#333344;} body.rush #footer {background: url(/page/-/wrapper/img/footer_background_red.gif) no-repeat;} #footer p {text-align:center;} #footer a {color: white;} /* MISC */ .date {font-size: .9em;} #connections li {display:inline;margin-right:3px;} /* Comments ----------------------------------------------- */ #comments {margin: 30px 0;} .comment {font-size: 1em; margin: 0 10px 30px 10px; padding: 5px; background: #f8f8f8} .commentOdd {} .commentEven {} .commentNumber {border-bottom: 1px solid #999; padding: 3px; color: #EE2E24; text-align: right; margin-bottom: 0;} .commentNumber a {text-decoration: none;} .commentNumber a:hover {text-decoration: underline;} .commentInfo {border-top: 1px solid #999; padding: 3px; color: #666; margin-top: 0; font-size: .9em;} .commentText {margin-left: 3px; margin-right: 3px;} .commentText p {margin: 6px 0;} #commentPost {border-top: 1px solid #999; padding-top: 30px;} #commentPost td {padding: 0; margin: 0;} #commentPost form p {margin: 1px 0; padding: 3px 0;} #commentPost form em {} #commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;} #commentPost form input.text {width: 420px;} #commentPost form textarea {width: 420px;} /* DASHBOARD NAV (BLUE_HAT) */ #bodyBSD #blue_hat {} #bodyBSD #blue_hat ul {} #bodyBSD #blue_hat li {} #bodyBSD #blue_hat li.blue_hat_active {} /* dashboard */ /* base styles (to be reused) */ #bodyBSD #SKIN p, #bodyBSD #SKIN li, #bodyBSD #SKIN td, #bodyBSD #SKIN th, #bodyBSD #SKIN label, #bodyBSD #SKIN div, #bodyBSD #SKIN a { font-size: 12px; } #bodyBSD #SKIN #widget_group_1 {background: #fff;} #bodyBSD #SKIN #widget_group_1 .widget_container {padding: 0; background-image: none;} #bodyBSD #SKIN #widget_group_2 {background: #fff;} #bodyBSD #SKIN #widget_group_2 .widget_container {padding: 0; background-image: none;} /* customization */ #bodyBSD #SKIN #control_set {background: #fff; padding: 0; margin-bottom: 20px;} #bodyBSD #SKIN #control_set h1 {font-weight: normal; margin: 0; background: none; padding-left: 0;;} #bodyBSD #SKIN #widget_group_1 {float: left; width: 430px; } #bodyBSD #SKIN #widget_group_2 {float: right; width: 430px;} #bodyBSD #SKIN .widget_container {border: 1px solid #ddd; margin-bottom: 20px} #bodyBSD #SKIN .widget_header {background: #f1f1f1;} #bodyBSD #SKIN .widget_actions {height: 20px; line-height: 20px; margin-top: 5px;} /* #bodyBSD #SKIN .widget_action_submit {background: url(/page/-/wrapper/img/go.png) no-repeat; height: 18px; margin-left: 2px; margin-top: 2px;} */ #bodyBSD #SKIN .widget_action_submit:hover {cursor: pointer;} #bodyBSD #SKIN h2.widget_title {color: #336699; ;padding: 10px 0 0 5px; margin: 0; line-height: 1em; margin-bottom: .8em; font-size: 1.4em;} /* fixes */ #bodyBSD #SKIN #current_question {line-height: 1.5em;} /* UTILS ----------------------------------------------- */ img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .noborder {border: none !important;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* FORM ATTRIBUTES ----------------------------------------------- */ form {margin: 0;} input[type="radio"] { background-color:white; } input, textarea {font-size: 11px; background: #eee; text-align: left;} .txt, .text {background: #eee; border-color: #666; padding: 2px;} .hasfocus {background: #DEEFFF; color: #001F5C;} select {font-size: 11px; background: #fff; text-align: left;} input.button {cursor: pointer;} input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;} input#processbutton {background: #cc0000; color: #fff; padding: 10px; font-size: 1.3em; text-transform: uppercase; cursor: pointer;} input.text {border-color: #666; padding: 2px;} input.button {background: #666; color: #fff; border-color: #000; padding: 1px;} @media screen { #lettersmain { padding: 2px; font-size:120%; line-height:1.6em} #lettersmain #lettersheadertext { font-size: 95%; text-align: left; margin-bottom: 15px; } #lettersmain #lettersmainright { float:right; width: 48%; } #lettersmain #lettersmainright #lettersheaderright { border: 1px none #000; text-align: left; width: 90%; padding-left: 8px; font-size: 100%; margin-bottom: 0px; clear:right; } #lettersmain #lettersmainright #lettersactions, #lettersmain #lettersmainright #lettersactions, #lettersmain #lettersmainright #lettersstats, #lettersmain #lettersmainright #lettersleaderboard { border: 1px solid #000; text-align: left; width: 90%; background-color: #fff; padding: 8px; margin: 10px; margin-top:0px; margin-bottom: 25px; } #lettersmain #lettersmainright #lettersleaderboard #leaderboard { width: 100%; } #leaderboard TD { font-size: 80%; } #lettersmain #lettersmainright #lettersstats #lettersstat { font-size: 90%; } #lettersmain #lettersmainright #lettersresource { border: 1px solid #000; text-align: left; width: 90%; background-color: #fff; padding: 8px; margin: 10px; margin-top:0px; margin-bottom: 25px; } #lettersmain #lettersmainleft { float:left; width: 48%; } #lettersmain #lettersmainleft #lettersheaderleft { text-align: left; width: 90%; padding-left: 8px; font-size: 100%; margin-left:2px; } #lettersmain #lettersmainleft #lettersdata { float: left; border: 1px solid #000; text-align: left; width: 90%; background-color: #fff; padding: 8px; margin: 10px; margin-top: 0px;} #lettersmain #lettersmainleft #lettersdata #dataheader { width:100%; background-color:#eee;border: 1px solid #ccc; } #lettersmain #lettersmainleft #lettersdata #datatable TD { font-size: 70%; } #datatable { border-collapse: collapse; border: 0 none; } .call_status_null { background: #EEBBBB; text-decoration:line-through;} .call_status_1 { background: #BBEEBB; } .call_status_2 { background: #EEEEBB; } .call_status_3 { background: #EEEEBB; } .call_status_4 { background: #EEBBBB; text-decoration:line-through; } .call_status_5 { background: #BBEEBB; } .call_status_6 { background: #EEEEBB; } .call_status_7 { background: #EEBBBB; text-decoration:line-through; } .call_status_8 { background: #BBEEBB; } } @media print { #lettersmain #lettersmainright,#lettersmain #lettersheadertext { display: none; } } #dataspan { font-size: 190%; } #talking_points p {font-size:12px} #district{border-top-width: 1px; border-top-style: solid; border-top-color: black; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: black; font-size: 24px; background-color: #1a4a88; color: white; margin-top: -5px; padding: 10px;margin-bottom: 25px; text-align:center;} /* @group RACES */ #candidateBox{float:left; width: 350px; height: 209px;} #candidateBox .candidate{background-color: white;border-width: 1px; border-color: #005995; border-style: solid; float: left; background-color: #e8f4fc; border-width: 1px; border-color: #005995; border-style: solid; padding: 3px;} #candidateBox .name{background-color: white; font-size: 18px; color: #02549d; border-width: 1px; border-color: #005995; border-style: solid;width: 154px; padding: 10px;float: left; border-left:0px; font-weight:bold} #candidateBox .caption{width: 167px;margin-left: 160px; padding: 5px; font-size:.8em; margin-top: 40px;} #candidateBox .links{width: 132px; height: 33px;margin-left: 160px;padding-left: 5px;} #opponentBox{float:right;width: 300px;height: 27px;} #opponentBox .opponent{background-color: white; font-size: 14px; color: #ac0113; border-width: 1px; border-color: #ac0113; border-style: solid; padding: 7px;width: auto; float: left; } #opponentBox .opponentName{background-color: white; font-size: 14px; color: #ac0113; border-width: 1px; border-color: #ac0113; border-style: solid; padding: 7px; width: 152px;float: left;border-left: none; font-weight:bold} #opponentBox .roadblock{float: left; width: 153px;margin-left: 10px;font-size:.8em; margin-top:5px} #opponentBox .link{float: right; padding-left: 5px; width: 159px;} #liveUpdates h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 30px;margin-bottom: -1px;} #liveUpdates .updateBox{border: 1px solid black; padding: 3px;heigh:auto;} #tv h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 50px;margin-bottom: -1px;} .ontheair {position:relative; top:-50px;} #candidateBio h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 30px;margin-bottom: -1px;} #candidateBio .bio{border: 1px solid black; height: auto; padding: 5px;} #contribute h2{border: 1px solid black; padding: 5px; background-color: white; width: 253px;margin-top: 30px;margin-bottom: -1px;} #contribute .contributeWays{border: 1px solid black; padding: 3px; height: 155px;} #contribute img{margin-top: 10px; float: left; width: 134px;margin-left: 79px;} #contribute .onlineContribution{width: 168px;margin-left: 76px;} #contribute .mailingAdress{float:left; width: 223px; position:relative; top:-15px} #contribute .fec{float: left; width: 129px;} #contribute .contributeWays .mailing{float:right; width: 206px; } #contribution td.contribbutton input { font-weight: bold; background:url(/page/-/wrapper/contrib-bkgrnd.gif) repeat-x #8D0F0F; padding:10px;text-align: center; font-family:"century gothic", verdana, arial, sans-serif ; } #contribution textarea, #contribution input, #contribution select {font-size:16px;} #contribution table {border-spacing:2px;margin:0 auto 0 auto;} #contribution td.contribbutton input {margin-top:5px;} #contribution td.contribheader {border-bottom:1px solid #cccccc;color:#226699;font-size:130%;font-weight:bold; padding:5px;text-align:left;} #contribution input#processbutton {font-size:120%;padding:10px;width:300px;} #contribution span.disclaimer {color:#333333;font-size:80%;text-transform:none;} #contribution p.employer {color:#333333;font-size:80%;margin-top:0;margin-bottom:0} #contribution label {text-transform: small-caps;} #contribution #footer {font-size:90%} /* @end */