/* ----------------------------------------------- WGBH interactive rxforsurvival_tech@wgbh.org ----------------------------------------------- */ /* -- body -- */ body#rx-series {background: #f0f0f0;} html>body#rx-series {width: auto; min-width: 780px} /* -- internal series header -- */ #subnav {background: #e21001; padding-bottom: 54px;} html>#subnav {min-width: 740px}/** ie doesn't see this **/ .subnav {width: 186px; float: left; list-style: none; border-left: 1px solid #ea584d; padding-top: 8px; padding-bottom: 1em; font-size: 10px} .subnav.sn-last {border-right: 1px solid #ea584d} .subnav.sn-first {margin-left: 12px} .subnav li {padding-left: 12px} /** search **/ #search_box {color: #fcc; margin: 0 0 0 584px; white-space:nowrap; padding-left: 10px; padding-top: 8px} #search_box input#go {color: #fcc} #search_box label {display: block; padding-bottom: 5px} /* -- dispatches -- */ #dispatch-info {margin-left: 86px} .dispatch-index-container {margin-bottom: 2em} .dispatch-index {margin-left: 90px; padding-top: 7px; line-height: 1.2em} .dispatch-index p {margin: 0; padding: 0} /* -- series - index (used in champions) -- */ #series-i-info {margin-left: 86px} #series-i-extrainfo {margin-left: 170px} .series-i-container {margin-bottom: 2em} .series-i {margin-left: 90px; padding-top: 7px; line-height: 1.2em; margin-bottom: 1em} .series-i-container .extra-si {margin-left: 170px;} .series-i p {margin: 0; padding: 0} .series-i-text {font-size: 0.9em ; color: #900} /* -- IMAGES -- */ img#series-int-logo {position: absolute; margin: 25px 0 0 313px; width: 210px; height: 55px} /* -- site header + skip -- */ #rx-series h1#int-s-logo {margin: 25px 0 0 0; padding:0; width: 100px; height: 20px; position: absolute; overflow: hidden; color: #b90d01; font-size: 0.9em;text-indent: -600em;} /* -- credits -- */ div.credits {width: 210px; float: left; margin-bottom: 1.5em} div.credits-large {margin-bottom: 1.5em} /* -- headers -- */ /** home page **/ #h-getinformed, #h-getinvolved {background: transparent url(../i/get-involved.gif) no-repeat top left; height: 17px; margin: 13px 0 13px 18px} #h-getinformed {background-image: url(../i/get-informed.gif); margin: 13px 0 26px 12px} h2#h-series, h2#h-website {background: transparent url(../i/website.gif) no-repeat top left; height: 12px; margin: 0} h2#h-series {background-image: url(../i/series.gif)} /** internal **/ #h-aboutproject {background-image: url(../i/i-aboutproject-header.gif)} #h-aboutseries {background-image: url(../i/i-aboutseries-header.gif)} #h-atlas {background-image: url(../i/i-atlas-header.gif)} #h-aboutproject {background-image: url(../i/i-aboutproject-header.gif)} #h-champions {background-image: url(../i/i-champions-header.gif)} #h-copyright {background-image: url(../i/i-copyright-header.gif)} #h-credits {background-image: url(../i/i-credits-header.gif)} #h-diseases {background-image: url(../i/i-diseases-header.gif)} #h-dispatches, #h-dispatches-text {background-image: url(../i/i-dispatches-header.gif)} #h-dispatches-text {padding-top: 31px; font-size: 1.2em} #h-enewsletter {background-image: url(../i/i-enewsletter-header.gif)} #h-enewsletterarchive {background-image: url(../i/i-enewsletterarchive-header.gif)} #h-episodedescriptions {background-image: url(../i/i-episodedescriptions-heade.gif)} #h-experts {background-image: url(../i/i-experts-header.gif)} #h-expertspop {background-image: url(../i/i-expertspopup-header.gif)} #h-faq {background-image: url(../i/i-faq-header.gif)} #h-feedback {background-image: url(../i/i-feedback-header.gif)} #h-glossary {background-image: url(../i/i-glossary-header.gif)} #h-health {background-image: url(../i/i-healthmatters-header.gif)} #h-help {background-image: url(../i/i-help-header.gif)} #h-partners {background-image: url(../i/i-partners-header.gif)} #h-pledge {background-image: url(../i/i-pledge-header.gif)} #h-politics {background-image: url(../i/i-politics-header.gif)} #h-politicspop {background-image: url(../i/i-politicspopup-header.gif)} #h-producers {background-image: url(../i/i-producers-header.gif)} #h-resources {background-image: url(../i/i-resources-header.gif)} #h-searchresults {background-image: url(../i/i-searchresults-header.gif)} #h-sitemap {background-image: url(../i/i-sitemap-header.gif)} #h-teachers {background-image: url(../i/i-teachers-header.gif)} #h-television {background-image: url(../i/hero/tv-header.gif)} #h-rxspecial {background-image: url(../i/hero/rx-header-heroes.gif)} #h-video {background-image: url(../i/hero/video-header.gif)} #h-chat {background-image: url(../i/onlinechat-header.gif); margin-bottom:0; padding-bottom:0;} /** slighlty different **/ #h-expertspop {margin-bottom: 21px} .series-i h2 {margin-bottom: 0.3em} /** disease headers **/ #c-diseases h2 {margin-bottom: 0.2em; margin-top: 1.5em} #c-diseases h2.h2-dis-first {margin-top: 0em} /** dispatch headers **/ #dispatch-info h2 {margin-bottom: 0.2em; font-size: 1em} .dispatch-index h2 {margin-bottom: 0.1em} /* -- espisode -- */ h2#h-episode-p1,h2#h-episode-p2,h2#h-episode-p3,h2#h-episode-p4,h2#h-episode-p5,h2#h-episode-p6,h2#h-episode-spec {background: transparent url(../i/episode01-header.gif) no-repeat top left; height: 51px} h2#h-episode-p2 {background-image: url(../i/episode02-header.gif)} h2#h-episode-p3 {background-image: url(../i/episode03-header.gif)} h2#h-episode-p4 {background-image: url(../i/episode04-header.gif)} h2#h-episode-p5 {background-image: url(../i/episode05-header.gif)} h2#h-episode-p6 {background-image: url(../i/episode06-header.gif)} h2#h-episode-spec {background-image: url(../i/hero/special-header.jpg)} #ep-sec-1,#ep-sec-2, #ep-sec-3, #ep-sec-4, #ep-sec-5, #ep-sec-6 {background: transparent url(../i/icon-vaccine.gif) no-repeat top right} #ep-sec-2 {background-image: url(../i/icon-medicines.gif)} #ep-sec-3 {background-image: url(../i/icon-deliver.gif)} #ep-sec-4 {background-image: url(../i/icon-vectors.gif)} #ep-sec-5 {background-image: url(../i/icon-basics.gif)} #ep-sec-6 {background-image: url(../i/icon-trial.gif)} /* -- definition lists -- */ .dl-descriptions dt {color: #000; margin-bottom: 0.2em} .dl-credits {margin-top: 1em} .dl-faq dt, .dl-credits dt {font-weight: bold} .dl-faq dt {margin-bottom: 0.4em} .dl-faq dd, .dl-credits dd {margin-bottom: 0.9em} /* -- unordered lists -- */ .section li {background: transparent url(../i/li-series.gif) no-repeat 0 6px; list-style: none; margin-bottom: 8px; padding-left: 10px} /* -- sitemap -- */ .ul-sitemap {padding: 0 0 1em 0; margin:0} .ul-sitemap li {padding: 0 0 .5em 0; margin:0} .ul-sitemap ul li, .ul-sitemap ul ul li {padding: 0 0 .5em 0; margin: 0} .ul-sitemap ul, .ul-sitemap ul ul {padding: 0; margin: 0} .ul-sitemap ul, .ul-sitemap ul ul {margin-left: 20px} #content .ul-sitemap li {background-image: none} /* -- block quote -- */ blockquote.b-series {font-size: 1.2em; color: #9A0000; line-height: 1.5em; margin-bottom: 1.3em} /* -- Partners -- */ img.partner-logo {margin: 20px 0 10px 0} /* -- Ask the Experts -- */ .experts-section {border-top: 1px solid #c1c1c1; padding-top: 22px} .experts-section h2 {color: #333} .experts-panel {width : 185px; border-left: 1px solid #e0b2b2; float: right; font-size: .9em; margin-left: 27px} .experts-panel h3 {margin-left: 8px;color: #666; margin-bottom: 1.5em; font-weight: bold} .experts-panel p {margin-left: 8px; margin-bottom: 1.5em} .experts-panel h4 {margin-left: 8px; } .tit-org {font-size: 0.9em} /** pop-up **/ .submit-link {border-bottom:1px solid #c1c1c1;margin-bottom:0.7em;margin-top: -1em;} .experts-section ol { margin-left: 30px; padding-bottom: 1em; } .experts-section ol li { padding-bottom: 0.5em; } .experts-section h3.h3-q { margin-bottom: 1em; font-weight: bold} .experts-section .question { margin-bottom: 2em; } .experts-section .e-per { color: #000; } .experts-section h2 span {color: #666; font-size: 0.9em ; font-weight: normal;} /* -- genric series pop -- */ #rx-pop-banner {padding: 10px; background: #e21001} #rx-pop-content {margin: 13px 10px 18px 18px; width: 490px; background: #fff} #rx-pop-content ul {margin: 0 0 1em 20px} #rx-pop-content li {margin-bottom: 0.5em} #rx-pop-content blockquote {font-size: 0.9em; color:#000; margin: 0 20px 1em 20px} #rx-pop-content h2.rusha {margin-bottom: .2em;margin-top: .2em;} /* -- chmapions+diseases -- */ .article-author {font-size: 0.9em; color: #000; margin-top: 1.5em} /* -- why global health matters -- */ #h-mat-sec1, #h-mat-sec2, #h-mat-sec3, #h-mat-sum {background-image: url(../i/matters/section_01.gif); margin-bottom: 10px; height: 20px} #h-mat-sec2 {background-image: url(../i/matters/section_02.gif)} #h-mat-sec3 {background-image: url(../i/matters/section_03.gif)} #h-mat-sum {background-image: url(../i/matters/summary.gif)} #rx-mat h2 {font-size: 1.1em; margin-bottom: 1em} #rx-mat h3 {font-weight: bold; margin-bottom: 1em; color: #666} #rx-mat h4 {color: #000} #rx-mat {background: #f0f0f0} #rx-mat #rx-pop-content {padding: 13px 10px 0 18px; width: 100%; min-height: 370px; background: #fff; margin: 0} #rx-mat .pop-inner {width: 490px; background: #fff; padding-bottom: 18px} #rx-mat-nav, #rx-mat-nav-s {padding: 14px 0 0 18px; border-top: 2px solid #ccc; background: #f0f0f0 } #rx-mat-nav {padding-top: 33px; background: #f0f0f0 url(../i/matters/key.gif) no-repeat 90px 17px} #rx-mat-nav ul, #rx-mat-nav-s ul {list-style: none} #rx-mat-nav ul li, #rx-mat-nav-s ul li {list-style: none; display: inline} #rx-mat-nav ul li a, #rx-mat-nav-s ul li a {display: block; float: left} #rx-mat-nav ul li img.i_fleft {display: block; float: left} #rx-mat-nav ul li.p_p a {padding-right: 13px} #rx-mat-nav ul li#p-gb a {padding-right: 20px} #rx-mat-nav-s ul li#p-gb a {margin-right: 370px} .matter-author {color: #666; display: block; margin: 5px 20px 10px 10px} .case-study {padding: 10px; font-size: 0.9em; color: #333; background: #f2f2f2} .case-study-text {height: 290px; width: 490px; overflow: auto; border: 1px solid #999; white-space: normal} .case-study-text-inner {padding: 10px} .learn-more {margin: 0 20px 2em 0px; padding: 0 10px 0 10px; font-size: 0.9em; color: #333; border-left: 1px solid #d1d1d1} .matter-bl-in {margin-left: 0; margin-right: 0} #rx-mat .matters-summary .case-study-text {height: 320px} /* -- sendtoafriend (and other popups) -- */ #s2f {font-size: 0.9em; background: #fff} #s2f h1 {color: #333; font-size: 1.5em; padding: 10px 0 0 10px} #s2f h2 {color: #333; font-size: 1.2em; margin-bottom: 0} #s2f-banner {padding: 10px; background: #e21001} #s2f-bannercampaign {padding: 10px; background: #FFB200} #s2f form {padding: 0 10px} #s2f thank {padding: 0 10px} #s2f form label {display: block; margin-bottom: 3px} #s2f form input.txt {width: 150px; color: #000; font-size: 11px; padding: 1px; color: #333} #s2f form input.small {width: 100px} #s2f form textarea {width: 300px; height: 80px; color: #333; display: block; font-size: 11px; padding: 1px} #s2f form input.butt {color: #333; padding: 1px; margin-right: 10px} #s2f form input.txt:focus, #s2f form textarea:focus {color: #000} #s2f .instruct {margin-bottom: 0.5em} #s2f #thanks {padding: 10px} /* -- Search resutls -- */ .result {border: 1px solid #eee; padding: 3px; display: block; font-size: 0.9em} .results-head, .results-nav {padding: 1px; background-color: #eee; font-weight: bold} .results-nav, .results-nav td {padding: 2px} .result-number {font-weight: bold} .result-abstract {font-weight: normal; margin-bottom: -1em; margin-top: 5px} .keymatch-header {color: #333; background-color: #eee; font-size: 10px; font-weight: bold} .keymatch {color: #333;font-size: 10px; font-weight: normal; text-align: left} .tights {line-height: 1.2em} /* -- glossary -- */ #dl-glossary dt { font-weight: bold; } #dl-glossary dd { padding-bottom: 1.5em; } #dl-glossary ol { margin-left: 20px;} #dl-glossary ul { margin-left: 20px;} #dl-glossary ul li { padding-bottom: .5em} #dl-glossary ol li {list-style-type: decimal; padding-bottom: .2em;} #glossary-nav {margin-bottom: 1em;} #fix-div { position: fixed; width: 200px; } #fix-div label { display: block; color: #999; font-weight:bold; font-size: 0.8em; } #fix-div #fix-form-txt { padding: 2px; background-color: #eee; } #fix-div #fix-form { margin: 5px 5px 3px 5px; line-height: 1em } #fix-div #glos-results { padding: 5px 5px 3px 5px; line-height: 1.5em } #glos-results a { display: block; background-color: #eee; border: 1px solid #ccc; color: #666; text-decoration: none; padding: 2px;} #glos-results a:hover { background: #d3d3d3; color: #000; font-weight: bold;} #fix-div h4 {padding: 5px 5px 0px 0; line-height: 1.1em; color: #333; } #dl-glossary .active { color: #000; }