/* ---------------------------------------------------------- **Smart Global Health** CSS Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ html, body { background: #c4d1e1 url(/page/-/images/bg.png) repeat-x; font-family: Arial, Helvetica, sans-serif; } body p.small-text {font-size: 10px;} .base h1 {border-bottom: 1px solid #ccc; padding: 0 0 5px 0;} .base h1 { font-size: 24px; margin: 0 0 15px 0; line-height: 26px;} .base h2, .video-header { font-size: 18px; margin: 8px 0;} .base h3 { font-size: 14px; margin: 6px 0;} .base h4 { font-size: 12px; margin: 4px 0;} .base p { line-height: 18px; margin: 0 0 10px 0; font-size: 12px; } .base {font-size: 12px;} .base blockquote {background: url(http://www.bluestatedigital.com/page/-/images/wrapper/bg-blockquote.jpg) no-repeat; font: 15px/24px Georgia, "Times New Roman", Times, serif; margin: -10px 0 15px 35px; padding: 10px 0 0 39px;} .base ul, ol {margin: 16px 40px; padding-left: 8px;} .base ul {list-style-type: disc; list-style-position: outside;} .base ol {list-style-type: decimal; style-position: outside;} .base ul li, .base ol li {line-height: 22px; padding-left: 4px; margin-bottom: 4px; style-position: inside;} .base ol li {list-style-type: decimal;} .base ul li {list-style-type: disc;} .base ul li li {list-style-type: circle;} .base ul li li li {list-style-type: square;} .base ul ul {list-style-type: square; margin: 4px; padding-left: 20px;} #pages .base table {margin: 25px; font-size: 14px;} #pages .base table thead {font-size: 18px; margin: 0 0 5px 0;} #pages .base table td {background: #eee; border: 2px solid #fff; padding: 10px;} .base h3, .base h4 {font-weight: bold;} .base h1 { } .base h2 { } .base h3 { } .base h4 { } .base p { } a { color: #3a6399; text-decoration: none; } a:hover { text-decoration: underline; } blockquote { } .base ul, ol { } .base ul { } .base ol { } .base ul li, .base ol li { } .base li ol { } .base li ul { } .photo-credit p {font-size: 11px; color: #999; float: right;} /* 03 =LAYOUT ---------------------------------------------------------- */ #container {width: 920px; margin: 0 auto;} /* header */ #header {background: url(/page/-/images/header-bg.png) no-repeat; height: 99px; width: 920px; position: relative;} #header-home-link a {position: absolute; display: block; text-indent: -900em; height: 63px; width: 345px; top: 36px; left: 0;} #csis-link a {position: absolute; text-indent: -900em; display: block; height: 35px; width: 170px; top: 0; left: 0px;} #quick-sign-up-container {position: absolute; right: 0; height: 35px; width: 432px;} #quick-sign-up {position: relative;} #quick-sign-up legend {font-size: 0; line-height: 0; display: block;} #quick-email {position: absolute; font-size: 11px; top: 10px; left: 3px; background: none; border: none; color: #3a6399; width: 195px;} #quick-zip {position: absolute; font-size: 11px; top: 10px; left: 208px; background: none; border: none; color: #3a6399; width: 94px;} #quickSubmit {position: absolute; background: none; border: none; text-indent: -900em; width: 114px; height: 34px; left: 311px; top: 0px; cursor: pointer;} #nav {position: absolute; height: 63px; width: 550px; bottom: 0; right: 0; font-size: 12px; text-transform: uppercase;} #nav ul li {float: left;} #nav ul li a {color: #fff; font-weight: bold; text-decoration: none; padding: 26px 20px 23px 0; display: block;} #nav ul li a.last {padding: 26px 0 22px 0;} #nav ul li a:hover {text-decoration: underline;} #nav ul li a#nav-home {text-indent: -900em; background: url(/page/-/images/home-icon.png) left center no-repeat; height: 14px; width: 15px; padding: 26px 20px 23px 0; margin: 0 0 0 -5px;} /* interior layout */ body.interior #content-container {padding: 0 0 0 10px;} #wide-column {float: left; width: 665px; padding: 0 0 80px 0;} #sidebar {float: right; width: 210px; padding: 10px; background: #eeeff1;} /* sidebar */ #video-latest { position:relative; padding:0 0 20px 0; } #video-latest #video-youtube { background: url(/page/-/Youtube_16x16.png) left center no-repeat; padding: 0 0 0 24px; position:absolute; bottom:0px; left:64px; } #content-container {background: #fff; padding: 12px;} body.interior #content-container {background: url(/page/-/images/content-container-bg.png) repeat-y;} body.onecol #content-container {background: #fff; background-image: none; padding: 10px;} .column-fifty-percent-width {/*width: 48.5%;*/ width: 434px;} .column-fifty-percent-width.left {float: left;} .column-fifty-percent-width.right {float: right;} h2.headline a, h2.headline, .headline {color: #000; text-decoration: none; font-size: 22px; border-bottom: 1px solid #ccc; padding: 0 0 5px 3px; margin: 0 0 10px 0;} .box {margin: 0 0 22px 0;} /* news feed */ #news-feed {font-size: 13px;} /*#news-feed ul {list-style-image url(/page/-/images/red-arrow.png); list-style-type: disc; }*/ #news-feed ul li {list-style-image: url(/page/-/images/blue-arrow.png); margin: 0 0 7px 15px; } #news-feed-more {float: right; margin: 0 10px 0 0;} /* get involved */ #get-involved {font-size: 13px;} #get-involved ul {margin: 10px 0 0 0;} #get-involved ul li {margin: 0 0 8px 0; padding: 0 ;} #get-involved ul a {color: #990000; font-weight: bold; font-size: 16px;} #get-involved-ul li a {background: url(/page/-/images/red-arrow.png) left center no-repeat; padding: 0 0 0 24px; width: 100%; display: block;} #get-involved-ul li#facebook-link a {background: url(/page/-/images/facebook-icon.png) left center no-repeat; padding: 0 0 0 24px; width: 100%; display: block;} #get-involved-ul li#twitter-link a {background: url(/page/-/images/twitter-icon.png) left center no-repeat; padding: 0 0 0 24px; width: 100%; display: block;} #get-involved-ul li#youtube-link a {background: url(/page/-/Youtube_16x16.png) left center no-repeat; padding: 0 0 0 24px; width: 100%; display: block;} /* sidebar */ .side-box {margin: 0 0 45px 0; font-size: 12px} #sidebar .side-box-content {padding: 0 0 0 5px;} #sidebar #get-involved ul li {margin: 0 0 5px 0px;} #blog-latest ul li {font-size: 13px;} #blog-latest ul li {margin: 0 0 10px 0;} #blog-latest-more {float: right; font-size: 13px; padding: 0 10px 0 0;} #sidebar .headline a {text-decoration: none; border: none;} #Kenya #blog-latest ul li ul li { list-style-position: inside; list-style-type: disc;font-weight: normal; padding-left: 10px; margin-bottom: 5px; } #Kenya #blog-latest ul li span { margin: 0 0 5px; font-weight: bold; display: block; } /* footer */ #footer {margin: 10px 0 0 0;} #footer-home-link {background: url(/page/-/images/footer-bg.png); text-indent: -900em; height: 30px; width: 225px; float: left;} #footer-home-link a {display: block; height: 30px; width: 255px; position: absolute;} #footer-csis-link {background: url(/page/-/images/footer-bg.png) -775px 0 no-repeat; text-indent: -900em; height: 30px; width: 150px; float: right;} #footer-csis-link a {display: block; height: 30px; width: 150px; position: absolute;} #footer-meta {text-align: center; font-size: 11px; position: absolute; width: 920px; margin: 10px 0 0 20px;} /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home-feature { height: 374px; width: 920px; } #home-feature-fade-top {position: absolute; background: url(/page/-/images/overlay-fades.png); height: 25px; width: 920px; z-index: 900;} #home-feature-fade-bottom {position: absolute; background: url(/page/-/images/overlay-fades.png) 0 -350px; height: 25px; width: 920px; z-index: 900; top: 448px;} .issue-spotlight {background: url(/page/-/images/issue-spotlight-bg.png);} .issue-spotlight { height: 374px; width: 920px; position: absolute;} .issue-spotlight-content {background: url(/page/-/images/issue-spotlight-bg.png) no-repeat; height: 226px; width: 270px; position: absolute; top: 60px; left: 30px; padding: 23px 23px 0 23px;} .issue-spotlight-head {text-transform: uppercase; font-size: 12px; margin: 0 0 14px 0; letter-spacing: 1px;} .issue-spotlight-content h2 a {font-size: 28px; color: #990000; text-decoration: none; line-height: 42px; margin: 0 0 5px 0; display: block;} .issue-description {font-size: 16px; margin: 0 0 8px 0;} .bottom a {font-weight: bold; text-decoration: none; font-size: 13px; display: block; float: left; padding: 10px 40px 10px 0px; margin: 0 40px 0 -10px;} .bottom a:hover {text-decoration: underline;} a.get-involved {margin: 0 0 0 0;} .home-feature-nav {position: absolute; bottom: 10px; font-size: 13px; font-weight: bold;} .home-feature-nav a {margin: 0 40px 0 0;} #home-blog-cats {margin: 0 0 15px 0;} /* timeline */ #timeline {background: #eaeaea url(/page/-/images/timeline-bg.png) repeat-x; padding: 12px;} #timeline-desc {float: left; width: 208px; background: #eaeaea url(/page/-/images/timeline-description-bg.jpg); padding: 9px; font-size: 11px;} #timeline-graphic {float: right;} #timeline-cont {height: 87px; width: 660px; position: relative; float: right;} #timeline-link {text-indent: -900em; display: block; position: absolute; z-index: 15; height: 87px; width: 670px; z-index: 50;} .timeline-overlay {background: url(/page/-/images/timeline-overlay.png); height: 27px; width: 186px; position: absolute; z-index: 10; right: 0; top: 30px; display:none; } .timeline-image {background: url(/page/-/images/feature/timeline-apr20.png); height: 87px; width: 660px; z-index: 5;} #home-about {font-size: 12px;} #home-about p {font-size: 16px; margin: 0 0 5px 0;} #home-about .content {margin: 0 0 0 5px;} #home-blog .content {margin: 0 0 0 5px;} #home-blog h3 {margin: 0 0 7px 0;} #home-blog p {margin: 0 0 7px 0;} #home-blog {font-size: 13px;} #home-blog .entry {margin: 0 0 10px 0;} #home-blog .entry .left {float: left; width: 100px; overflow: hidden;} #home-blog .entry .right {float: right; width: 318px;} #home-blog h3 a, #home-blog h3 {font-weight: bold; font-size: 14px;} a#home-blog-subscribe {background: url(/page/-/images/rss-icon.png) no-repeat; height: 20px; text-indent: -900em; width: 20px; margin: 6px 0 0 0;} #home-blog .comment-bubble a {background: url(/page/-/images/comment-bubble-blue.png) no-repeat; padding: 1px 20px 22px 6px; color: #fff; text-decoration: none; font-size: 12px; font-family: Arial, "Helvetica", sans-serif; font-style: normal; margin: 0 6px 0 0;} .blog-home-more-link {float: right; font-size: 11px; font-weight: bold;} .blog-meta {background: #eeeff1; padding: 5px; margin: 5px 0 0 0; font-family: Georgia, "Times New Roman", serif; padding: 6px 0 10px 5px;} .blog-meta a, .blog-meta {font-size: 11px; color: #999999;} .blog-meta a {text-decoration: underline; font-style: italic; font-weight: bold;} /* =about commissioners */ #com-carousel {background: url(/page/-/images/commissioner-carousel-bg.png) no-repeat; width: 430px; position: relative; font-size: 10px; height: 150px;} #com-carousel .next {position: absolute; top: 15px; left: 0; display: block; height: 105px; width: 35px; text-indent: -900em; outline: none;} #com-carousel .prev {position: absolute; top: 15px; right: 0; display: block; height: 105px; width: 38px; text-indent: -900em; outline: none;} #com-outer-cont {width: 348px; overflow: hidden; position: absolute; top: 15px; left: 40px;} #com-innder-cont {width: 50000px;} #com-innder-cont ul li {display: inline-block; zoom: 1; text-align: center; width: 115px;} #about-commissioners {background: #eeeff1; width: 430px; height: 350px;} #about-commissioners h2 {font-size: 22px; padding: 25px 25px 0 25px;} #about-commissioners p.desc {font-size: 14px; margin: 24px 0 20px 0;} #about-commissioners p {padding: 0 25px 0 25px;} #commissioner-carousel {background: url(/page/-/images/commissioner-carousel-bg.png) no-repeat 0 0; height: 138px; width: 610px; margin: 0 0 0 0; padding: 15px 35px 0 34px; overflow: hidden;} #commissioner-container {width: 346px; overflow: hidden; margin: 0 auto; } #commissioner-carousel .next {position: absolute; height: 138px; width: 35px; top: 0; left: 0; text-indent: -900em;} #commissioner-carousel .prev {position: absolute; height: 138px; width: 40px; top: 0; left: 388px; text-indent: -900em;} #commissioner-carousel div.commissioner {float: left; font-size: 11px; width: 105px; text-align: center; margin: 0; padding: 0;} #commissioner-inner-container ul {margin: 0 0 0 0; padding: 0 0 0 0;} #commissioner-inner-container ul li {margin: 0 0 0 0; padding: 0 0 0 0; } ul#commissioner-inner-container li { width: 120px; } ul#commissioner-inner-container li p.name { padding: 0 17px; } /* report box */ #home-commission-report {background: #EEEFF1; padding: 22px;} #home-commission-report h2 {font-size: 22px; margin: 0 0 5px 0;} #home-commission-report p {font-size: 12px; margin: 0 0 10px 0;} #home-commission-image-cont {text-align: center; margin: 25px 0 15px 0;} /* 05 =SUBPAGES ---------------------------------------------------------- */ .breadcrumb {text-transform: lowercase;} .main-sub-headline, body.interior .base h1 {background: url(/page/-/images/header-bg.jpg) /*0 -30px*/ left bottom no-repeat; padding: 0 0 10px 0; margin: 15px 0 15px 0;} .interior #content-container .main-sub-headline {color: #1a3960; font-size: 32px; margin: 15px 0 15px 0; line-height: 34px;} .breadcrumb {padding: 0 0 0 10px;} /* issues */ .issue-container {padding: 10px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0;} .issue-container .left {float: left; padding: 0 0 0 0;} .issue-container .right {float: right; width: 530px;} .issue-container h3 {margin: 0 0 0 0;} .issue-container h3 a {color: #900; font-weight: bold; font-size: 13px;} .issue-container p {padding: 0 0 0 0;} #ct-desc {background: url(/page/-/images/sub-header-bg.png) left bottom no-repeat; padding: 0 0 5px 0; margin: 0 0 15px 0; padding: 0 0 5px 10px;} #ct-desc p {font-size: 16px; margin: 0 0 15px 0; line-height: 21px;} ul.issue-ul {font-size: 14px; float: left; margin: 0 30px 15px 0; padding: 0 0 0 0;} ul.issue-ul li {list-style-type: none; padding: 0 0 0 0; margin: 0 0 0 0;} ul.issue-ul li {float: left; width: 198px; margin: 0 10px 0 0;} #issue-signup input, #issue-signup textarea {width: 191px; margin: 0 0 10px 0; padding: 2px; /*background: url(/page/-/images/input-bg.png);*/ border-top: 1px solid #385979; border-left: 1px solid #385979; border-right: 1px solid #c3d6e8; border-bottom: 1px solid #c3d6e8;} #issue-signup textarea {height: 90px;} #issue-submit {height: 21px; width: 103px; background: url(/page/-/images/issue-signup-submit.png); border: none; font-size: 0; line-height: 0; cursor: pointer;} #issue-opinion h2 {color: #900;} /* #issue-signup {width: 290px;} #issue-signup-top {width: 290px; height: 7px; background: url(/page/-/images/issue-signup-top.png);} #issue-signup-main {width: 290px; background: url(/page/-/images/issue-signup-main.png) repeat-y; padding: 8px 15px;} #issue-signup-bottom {width: 290px; background: url(/page/-/images/issue-signup-bottom.png); height: 5px;} #issue-submit {height: 21px; width: 103px; background: url(/page/-/images/issue-signup-submit.png); border: none; font-size: 0; line-height: 0; cursor: pointer;} #issue-signup-main input {display: block;} */ /* blog */ #blog .entry {margin: 0 0 50px 0;} #blog .entry .more-links {margin: 10px 0 0 0;} #blog .entry .byline {font-size: 11px; color: #999; margin: 0 0 6px 0;} #blog .entry h2 {margin: 0 0 0 0; padding: 0 0 0 0;} #blog .blog-content {font-size: 13px;} #blog .entry h2 {font-size: 20px;} #blog .entry .left { float: left; overflow: hidden; height: 75px; width: 100px; } #blog .entry .right { float: right; width: 555px; } #blog .entry .more-links, #blog.list .entry .more-links { background: #ececec; padding: 10px; font-size: 10px; color: #777;} #blog .entry .more-links p, #blog.list .entry .more-links p { margin-bottom: 5px;} #blog .entry .more-links p.nomargin, #blog.list .entry .more-links p.nomargin { margin-bottom: 0; } #blog .entry .more-links p a, #blog.list .entry .more-links p a { color: #777; font-weight: bold; text-decoration: none;} #blog .entry .more-links p a:hover, #blog.list .entry .more-links p a:hover { text-decoration: underline; } #blog .entry .more-links p a.tags, #blog.list .entry .more-links p a.tags { font-style: italic; font-weight: normal; text-decoration: underline;} #blog .entry .more-links p a.tags:hover, #blog.list .entry .more-links p a.tags:hover { text-decoration: none; } #blog .entry .more-links a.facebook, #blog.list .entry .more-links a.facebook { background: url(/page/-/images/btn-blog-socnet.png) no-repeat 0 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.facebook:hover, #blog.list .entry .more-links a.facebook:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat 0 -20px; } #blog .entry .more-links a.digg, #blog.list .entry .more-links a.digg { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -21px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.digg:hover, #blog.list .entry .more-links a.digg:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -21px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.tweet, #blog.list .entry .more-links a.tweet { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -45px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.tweet:hover, #blog.list .entry .more-links a.tweet:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -45px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.technorati, #blog.list .entry .more-links a.technorati { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -67px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.technorati:hover, #blog.list .entry .more-links a.technorati:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -67px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.email, #blog.list .entry .more-links a.email { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -90px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #blog .entry .more-links a.email:hover, #blog.list .entry .more-links a.email:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -90px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} /* news */ body#news .entry {border-bottom: 1px solid #ccc; padding: 15px 0 15px 0;} body#news .entry h3 {margin: 0 0 0 0; padding: 0 0 0 0;} body#news .entry .date {margin: 0 0 0 0; padding: 0 0 0 0; font-weight: bold; color: #999;} body#news .entry .categories {margin: 0 0 0 0; padding: 0 0 0 0;} body#news .entry .categories a {color: #999; font-size: } /* about */ #commissioners .entry {border-bottom: 1px solid #ccc; padding: 20px 10px 20px 10px;} #commissioners .entry .left {float: left; width: 80px;} #commissioners .entry .right {float: right; width: 550px;} #commissioners .entry h3 {padding: 0 0 0 0; margin: 0 0 0 0;} #commissioners #wide-column h2 {margin: 40px 0 0px 0;} #staff-content {padding: 0 10px 0 10px;} #staf-large-thumb {float: left; padding: 0 25px 0 0;} /* publications */ #publications .publications-container {border-bottom: 1px solid #ccc; padding: 20px 0 20px 10px; position: relative;} #publications .publications-container .left {float: left; width: ;} #publications .publications-container .right {float: right; width: 540px;} #publications .publications-container h3 {margin: 0 0 3px 0;} #publications .publications-container a.pub-link {position: absolute; text-indent: -900em; display: block; height: 100%; width: 100%; top: 0; left: 0;} /* events */ #events .entry {border-bottom: 1px solid #ccc; padding: 20px 10px 20px 10px;} /* videos */ .video-container {border-bottom: 1px solid #ccc; padding: 20px 0;} .video-container .left {float: left; width: 215px;} .video-container .right {float: right; width: 445px;} .video-container h3 {padding: 0 0 0 0; margin: 0 0 0 0; font-weight: bold;} /* feedback pages */ #report-sub-head {margin: 20px 0 30px 0; color: #1c3c66;} #report-sub-head .left {float: left; width: 348px;} #report-sub-head .left p {line-height: 19px; font-size: 12px;} #report-sub-head .right {float: right; width: 522px;} #feedback-cont {background: #eaeaea; padding: 15px; position: relative;} #feedback-header {font-weight: bold; font-size: 16px; margin: 0 0 10px 0;} #feedback-feature {background: url(/page/-/images/quote-bg.png) left top no-repeat; padding: 10px 10px 10px 10px; min-height: 60px; margin: 0 0 50px 0;} #feedback-author {position: absolute; right: 15px; bottom: 30px;} #view-all-feedback {position: absolute; right: 15px; bottom: 0;} #report-container {background: url(/page/-/images/feedback-paper-top.png) no-repeat; width: 888px; margin: 0 auto 0 auto; padding: 40px 0 0 0;} #report-main {width: 787px; margin: 0 auto 0 auto; background: #f7f2ec; padding: 0 30px 10px 30px; overflow: hidden;} #report-bottom {background: url(/page/-/images/feedback-paper-bottom.png); height: 177px; width: 888px; margin: 0 auto 30px auto;} #report-main .left {width: 538px; float: left; color: #1c3c66;} #report-main .left h1 {font-family: Georgia, "Times New Roman", serif; font-size: 35px; padding: 0 0 10px 0; line-height: 40px;} #report-main .left h3 {font-family: Georgia, "Times New Roman", serif;} #report-main .right {float: right; width: 219px; position: relative;} #feedback-form-cont {position: absolute; background: #eadfd1; padding: 0px 15px 15px 15px;} #feedback-form-cont h3 {color: #990000; font-weight: bold; font-size: 17px;} #feedback-form-cont p {font-size: 12px; color: #990000; line-height: 14px;} #feedback-form-cont legend {text-indent: -900em; line-height: 0;} #feedback-form-cont label {color: #1c3c66; margin: 0 0 2px 0;} #feedback-form-cont #name, #feedback-form-cont #issue-feedback-zip {width: 85px;} #feedback-form-cont input, #feedback-form-cont textarea {padding: 2px; width: 181px; margin: 0 0 10px 0;} #feedback-form-cont textarea {height: 150px;} #form-issue-submit {background: #1c3c66; border: none; color: #fff; width: 189px; padding: 5px 0; cursor: pointer;} #issue-feedback .entry {padding: 15px; background: #eeeff1 url(/page/-/images/open-quote.png) no-repeat 10px 10px; color: #1c3c66; margin: 0 0 20px 0;} .issue-feedback-body {padding: 15px 10px 15px 10px; margin: 0 0 20px 0; background: url(/page/-/images/closed-quote.png) no-repeat bottom right;} .issue-feedback-source {padding: 0 10px; text-align: right; font-style: italic;} .issue-feedback-read-more {text-align: right; padding: 0 10px;} #issues-feedback-sub-head {margin: 0 0 15px 0; font-weight: bold;} #toggle-scroll {font-size: 10px; text-align: right; margin: 5px 0 0 0; color: #fff; font-weight: bold; background: #900; text-transform: uppercase; padding: 2px; float: right; outline: none;} #toggle-scroll:hover {background: #600; text-decoration: none;} body.onecol #wide-column {width: 880px;} body.onecol .main-sub-headline {background-position: center bottom;} #contest-cont .columns {margin: 0 0 20px 0;} #contest-cont .left-side {float: left; width: 400px;} #contest-cont .right-side {float: right; width: 400px;} #contest-cont .right-side {background: #e4eaf1; padding: 20px;} #contest-rules {border: 2px solid #c4d1e1; padding: 0 0 0 10px;} .white-blue-gradient-252-heigh-bg {background: #fff url(/page/-/images/252-height-white-blue-gradient.png) repeat-x left bottom;} #contest-cont legend {text-indent: -900em;} #contest-cont label {font-weight: bold; font-size: 14px;display: block; margin: 0 0 5px 0;} #contest-cont button {display: block;} #contest-cont input {margin: 0 0 10px 0;} #contest-cont #contest-signup {margin: 0 0 10px 0;} #contest-rules .research-img { float: right; padding: 0 0 0 5px;} /* sliding form */ /* essay winners */ body#essay-winner .main-sub-headline {background: none!important;} .contest-ind-intro {overflow: hidden; border-bottom: 1px solid #ccc; padding: 0 0 15px 0; margin: 0 0 20px 0;} .contest-ind-intro h3 {font-size: 18px; font-weight: normal; margin: 0 0 15px 0;} .contest-ind-intro .left {float: left; width: 190px;} .contest-ind-intro .right {float: right; width: 670px;} #winners-cont .left {float: left; width: 300px;} #winners-cont .right { float: right; width: 300px;} /* commission report */ .report-main {float: left; width: 535px;} .report-side {float: right; width: 320px; text-align: right;} /* 06 =FRAMEWORK ---------------------------------------------------------- */ body#bsd div#wide-column.base {margin: 10px 0 0 0;} body#bsd #SKIN p, body#bsd #SKIN li, body#bsd #SKIN td, body#bsd #SKIN th, body#bsd #SKIN label, body#bsd #SKIN div, body#bsd #SKIN a { font-size: 12px; } body#bsd #SKIN #widget_group_1 {background: #fff;} body#bsd #SKIN #widget_group_1 .widget_container {padding: 0; background-image: none;} body#bsd #SKIN #widget_group_2 {background: #fff;} body#bsd #SKIN #widget_group_2 .widget_container {padding: 0; background-image: none;} /* customization */ body#bsd #SKIN #control_set {background: #fff; padding: 0; margin-bottom: 20px;} body#bsd #SKIN #control_set h1 {font-weight: normal; margin: 0; background: none; padding-left: 0;;} body#bsd #SKIN #widget_group_1 {float: left; width: 430px; } body#bsd #SKIN #widget_group_2 {float: right; width: 430px;} body#bsd #SKIN .widget_container {border: 1px solid #ddd; margin-bottom: 20px} body#bsd #SKIN .widget_header {background: #f1f1f1;} body#bsd #SKIN .widget_actions {height: 20px; line-height: 20px; margin-top: 5px;} /* body#bsd #SKIN .widget_action_submit {background: url(/page/-/wrapper/img/go.png) no-repeat; height: 18px; margin-left: 2px; margin-top: 2px;} */ body#bsd #SKIN .widget_action_submit:hover {cursor: pointer;} body#bsd #SKIN h2.widget_title {color: #336699; ;padding: 10px 0 0 5px; margin: 0; line-height: 1em; margin-bottom: .8em; font-size: 1.4em;} /* fixes */ body#bsd #SKIN #current_question {line-height: 1.5em;} body#bsd #SKIN .widget_group p, body#bsd #SKIN .widget_group h3 {padding: 4px 0 4px 5px; margin: 0 0 0 0;} body#bsd #SKIN .widget_group h3 {font-size: 16px;} body#bsd #SKIN .widget_actions select {padding: 2px; font-size: 12px;} body#bsd #SKIN .widget_actions button {padding: 3px; background: url(/page/-/images/widgetGo.png) no-repeat; height: 20px; width: 28px; margin: -21px 5px 0 5px; display: block; float: right;} body#bsd #SKIN div.basic.container #control_set {background: none; color: #000;} body#bsd #SKIN #simpleform input {margin: 3px; padding: 2px;} body#bsd #SKIN h2#sectionheader {margin: 0 0 10px 0;} body#bsd #SKIN #count {margin: -20px 0 0 0;} body#bsd #SKIN ul#event_order {margin: 20px 0 0 0;} body#bsd label.field {font-size: 13px;} body#bsd div.input input {padding: 2px; margin: 0 10px 0 0;} body#bsd div.input {margin: 4px 0 10px 0;} /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} .tP5{padding-top:5px}.rP5{padding-right:5px}.bP5{padding-bottom:5px}.lP5{padding-left:5px}.tbP5{padding:5px 0}.rlP5{padding:0 5px}.tlP5{padding:5px 0 0 5px}.trP5{padding:5px 5px 0 0}.trbP5{padding:5px 5px 5px 0}.tlbP5{padding:5px 0 5px 5px}.allP5{padding:5px}.tM5{margin-top:5px}.rM5{margin-right:5px}.bM5{margin-bottom:5px}.lM5{margin-left:5px}.tbM5{margin:5px 0}.rlM5{margin:0 5px}.tlM5{margin:5px 0 0 5px}.trM5{margin:5px 5px 0 0}.trbM5{margin:5px 5px 5px 0}.tlbM5{margin:5px 0 5px 5px}.allM5{margin:5px}.tP10{padding-top:10px}.rP10{padding-right:10px}.bP10{padding-bottom:10px}.lP10{padding-left:10px}.tbP10{padding:10px 0}.rlP10{padding:0 10px}.tlP10{padding:10px 0 0 10px}.trP10{padding:10px 10px 0 0}.trbP10{padding:10px 10px 10px 0}.tlbP10{padding:10px 0 10px 10px}.allP10{padding:10px}.tM10{margin-top:10px}.rM10{margin-right:10px}.bM10{margin-bottom:10px}.lM10{margin-left:10px}.tbM10{margin:10px 0}.rlM10{margin:0 10px}.tlM10{margin:10px 0 0 10px}.trM10{margin:10px 10px 0 0}.trbM10{margin:10px 10px 10px 0}.tlbM10{margin:10px 0 10px 10px}.allM10{margin:10px}.tP15{padding-top:15px}.rP15{padding-right:15px}.bP15{padding-bottom:15px}.lP15{padding-left:15px}.tbP15{padding:15px 0}.rlP15{padding:0 15px}.tlP15{padding:15px 0 0 15px}.trP15{padding:15px 15px 0 0}.trbP15{padding:15px 15px 15px 0}.tlbP15{padding:15px 0 15px 15px}.allP15{padding:15px}.tM15{margin-top:15px}.rM15{margin-right:15px}.bM15{margin-bottom:15px}.lM15{margin-left:15px}.tbM15{margin:15px 0}.rlM15{margin:0 15px}.tlM15{margin:15px 0 0 15px}.trM15{margin:15px 15px 0 0}.trbM15{margin:15px 15px 15px 0}.tlbM15{margin:15px 0 15px 15px}.allM15{margin:15px}