/******************************************************************************************************/ /* FIND Website stylesheet. (C) FIND 2009 ... */ /******************************************************************************************************/ body { color: black; background-color:white; font-size:10pt; text-align: left; font-family: Arial, Helvetica, Verdana, sans-serif; margin:0px 0px 0px 3pt; padding:0; border:0; background:#fff; min-width:945px;} a, a:visited { color: #e31818; display:block; text-decoration:none; } a:hover { text-decoration: underline } .invisibleDiv {visibility:hidden; display:none} #homepage #leftcolumn #products p.rfa { margin:6pt 5px 3pt 125px ; text-align: left; padding:2px; background-color: #dddddd } #homepage #leftcolumn #products p.rfa a, #homepage #leftcolumn #products p.rfa a:visited { color: #e31818; font-size:0.8em; background: transparent url(/export/sites/default/images/arrow_r.gif) 0px 7px no-repeat; padding-left:12px; font-weight: bold } /* ========================== Header styles ======================= */ #header { width: 100%; background-color: white; z-index:10000; position:fixed; top:0; left:0 } #header form { margin:0 0 6pt 0; padding: 0} #header #banner { background: #00438b url(/export/sites/default/images/banner_blue.gif) bottom left no-repeat; height:87px} #header #logo { width:330px; background-color:white; text-align:center; vertical-align:bottom} #header #logo img { border: none; margin-bottom:0px } #header #logo a, #header #logo a:visited { text-decoration: none; border: none } #header #mainmenu { background-color:white; vertical-align:bottom; } #header #nav_lvl1 { width:100%; color: white; text-align:center; margin-top:3px; margin-bottom: 1px; text-transform: uppercase} #header #nav_lvl1 tr { height: 10px } #header #nav_lvl1 td { border: 0px; background-color: #004689; padding: 2px; border-left:4px solid white; font-size:7pt; width:20%} #header #nav_lvl1 td:first-child { border-left:0 } #header #nav_lvl1 td.current { background-color:#ECECEC; } #header #nav_lvl1 td:hover { background-color:#ECECEC; color: #e31818; } #header #nav_lvl1 td a, #nav_lvl1 td a:visited { color: white } #header #nav_lvl1 td.current a, #nav_lvl1 td.current a:visited { color: #004689 } #header #nav_lvl1 td:hover a, #nav_lvl1 td:hover a:visited { color: #e31818; } #header p#search { color: #155490; font-size:8pt; margin:5px 0 0 0; right:30px; text-align:right; font-weight:bold; } #header #search input { border: 1px solid #155490; width: 220px; } #header #search a#go, #header #search a#go:visited, #header #search a#go:hover { background: transparent url(/export/sites/default/images/graphics.gif) -333px -266px no-repeat; width:21px; height:21px; padding: 4px 24px 4px 0px; margin-right:2px; display:inline; text-decoration:none; } /* ========================== END OF Header styles ======================= */ /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%; /* width of whole page */ padding-top:165px; overflow:hidden; } .col1wrap { float:left; width:50%; position:relative; right:202px; /* Width of right column */} /* holy grail 3 column settings */ #homepage .colmid { float:left; width:200%; margin-left:-202px; /* Width of right column */ position:relative; right:100%; background:#fff; /* Centre column background colour */ } #homepage .colleft { float:left; width:100%; margin-left:-50%; position:relative; left:516px; /* Left column width + right column width */ background:white; /* Left column background colour */ } #homepage #centercolumn { margin:0px 360px 0px 244px; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */ position:relative; left:200%; overflow:hidden; } #homepage #leftcolumn { float:right; /* This overrides the float:left above */ width:304px; /* Width of left column content (left column width minus left and right padding) */ position:relative; right:0px; /* Width of the left-had side padding on the left column */ } #homepage #rightcolumn { float:right; /* This overrides the float:left above */ width:192px; /* Width of right column content (right column width minus left and right padding) */ margin-right:20px; /* Width of right column right-hand padding + left column left and right padding */ position:relative; left:50%; } #homepage #leftcolumn .box1 { background-color: #ECECEC; padding:10px; margin-bottom:15px; clear:both;} #homepage #leftcolumn .box2 { background-color: #BBBDC0; padding:10px; margin-bottom:15px; clear:both} #homepage #leftcolumn .sectionTitle { margin-bottom:6pt; font-weight:bold; } #homepage #leftcolumn p { margin: 0} #homepage #leftcolumn a, #homepage #leftcolumn a:visited { padding-right:15px; display:inline; padding-bottom:3px; font-weight:bold; text-align:right; margin: 0pt 0pt 6pt 0pt } #homepage #leftcolumn .floatImage img { float:left; margin-right:6pt} #homepage .flowBreak { clear:both} #homepage #leftcolumn .link { text-align:right; background: transparent url(/export/sites/default/images/graphics.gif) 273px -461px no-repeat; margin:3pt 0 6pt 0} #homepage #leftcolumn .box2 .link { clear:both; } #homepage #centercolumn .sectionTitle:first-child { margin-top:0pt } #homepage #centercolumn .sectionTitle { width:100%; min-height:20px; margin-top:20pt; clear:both; background-color: #004a8f; color: white; font-size:11pt; padding:6pt; margin-bottom:10pt} #homepage #centercolumn .sectionTitle p { position:relative; float: left; margin:0pt; padding:0pt } #homepage #centercolumn .sectionTitle a, #homepage #centercolumn .sectionTitle a:visited { display:inline; float:right; color: white; margin-right:20px; font-size:small; padding-left:15px; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat;} #homepage #centercolumn div .preview:first-child { border-top: none; padding-top:0pt} #homepage #centercolumn div .preview { border-top: 2px solid #004a8f; padding:6pt 0pt 6pt 0pt; margin:0pt; clear:both } #homepage #centercolumn div .preview h1 { font-size:small; margin:0pt; font-weight:bold; color:#E31818 } #homepage #centercolumn div .preview h2 { font-size:smaller; margin:0pt; font-weight:normal } #homepage #centercolumn div .preview h3 { font-size:small; margin:0pt; font-weight:normal } #homepage #centercolumn div .preview p { margin-top:6pt; margin-bottom:3pt} #homepage #centercolumn div .preview .image { margin-top: 6pt } #homepage #centercolumn a, #homepage #centercolumn a:visited { padding-left:15px; color: #004a8f; display:inline; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat; font-weight:normal; font-size:8pt } #homepage #centercolumn div#publications .preview h1 { color:#004a8f } /* Original style (before MassiveGood) */ /* #homepage #rightcolumn #announces { background-color: #ECECEC; font-size: 10pt; padding: 1px; border: 1px solid #666666; text-align: center; margin-bottom: 15px } */ /* MassiveGood-1 (grey) */ /*#homepage #rightcolumn #announces { background-color: #ECECEC; font-size: 10pt; padding: 1px; border: 1px solid #666666; text-align: center; margin-bottom: 15px; padding-bottom:6pt } #homepage #rightcolumn #announces p { padding: 0; margin: 0; margin-top:3pt; font-size:8pt } */ /* MassiveGood-2 (white) */ #homepage #rightcolumn #announces { background-color: white; font-size: 10pt; padding: 1px; border: 1px solid #666666; text-align: center; margin-bottom: 15px; padding-bottom:6pt } #homepage #rightcolumn #announces p { padding: 0; margin: 0; margin-top:3pt; font-size:8pt } /* MassiveGood-2 (white, link outside the box) */ /*#homepage #rightcolumn #announces { background-color: white; font-size: 10pt; padding: 0; text-align: center; margin-bottom: 15px; padding-bottom:6pt } #homepage #rightcolumn #announces p { padding: 0; margin: 0; margin-top:3pt; font-size:8pt } #homepage #rightcolumn #announces img { border: 1px solid #666666; margin-top: 0 }*/ #homepage #rightcolumn #announces a { text-decoration: underline } #homepage #rightcolumn .box1 { background-color: #ECECEC; font-size:8pt; padding:0pt 0pt 2pt 0pt; margin-bottom:15px; clear:both} #homepage #rightcolumn img { margin:6pt 32px 6pt 12pt; border:0} #homepage #rightcolumn .box2 { background-color: #D1D3D4; font-size:8pt; padding:0pt 0pt 2pt 0pt; margin-bottom:15px; clear:both} #homepage #rightcolumn p { padding:0pt 0pt 2pt 1pt} #homepage #rightcolumn .sectionTitle { background-color: #004a8f; color: white; margin:0pt; padding:3pt 0pt 3pt 5pt; font-weight:bold} /*#homepage #rightcolumn #cal_events { display: block; background: transparent url(/export/sites/default/images/graphics.gif) -518px -273px no-repeat; padding-left:46px; font-weight:bold; margin-bottom:12pt; margin-top:3pt; height:40px; width:100px}*/ #homepage #rightcolumn .events { padding:0 } #homepage #cal_events h1 { font-size: 8pt; color: #e31818; margin:0pt 0pt 3pt 0pt; padding:2pt 6pt 0pt 6pt; font-weight:normal; } #homepage #cal_events h2 { font-size: 8pt; color: #004a8f; margin:0pt; padding:2pt 6pt 0pt 6pt; font-style:italic; font-weight:normal;} #homepage #cal_events h3 { font-size: 8pt; color: #004a8f; margin:0pt; padding:0pt 6pt 0pt 6pt; font-weight:bold;} #homepage #find_in_the_news h1 { font-size: 8pt; color: #e31818; margin:0pt; padding:2pt 6pt 0pt 6pt; font-weight:normal; } #homepage #find_in_the_news h2 { font-size: 8pt; color: #004a8f; margin:0pt; padding:2pt 6pt 0pt 6pt; font-style:italic; font-weight:normal;} #homepage #find_in_the_news .desc * { font-size: 8pt; color: #004a8f; margin:0pt 0pt 6pt 0pt; padding:0pt 6pt 0pt 6pt; font-weight:bold;} #homepage #find_in_the_news a, #homepage #find_in_the_news a:visited { font-weight:normal; text-align:left } #homepage .box1 a, #homepage .box2 a, #homepage .box1 a:visited, #homepage .box2 a:visited { text-decoration: underline } #homepage .box1 a.link, #homepage .box1 a.link:visited, #homepage .box2 a.link, #homepage .box2 a.link:visited { padding-right:15px; background: transparent url(/export/sites/default/images/graphics.gif) 170px -461px no-repeat; font-weight:bold; text-align:right; margin: 0pt 6pt 6pt 0pt; font-size:8pt; clear:both; text-decoration: none} #homepage #rightcolumn #eventsCalendar { text-align:left; background: #004A8f none; padding: 3pt 0 3pt 5pt; margin:0; min-height:1.1em; margin-bottom: 15px} #homepage #rightcolumn #eventsCalendar a, #homepage #rightcolumn #eventsCalendar a:visited { background:transparent url(/images/graphics.gif) no-repeat scroll -1px -460px; color:white; float:right; text-decoration: none; font-size:1em; padding: 0 5px 0 15px; font-weight:normal; margin:0} #homepage #rightcolumn #cal_events a, #homepage #rightcolumn #cal_events a:visited { padding-right:15px; background: transparent url(/export/sites/default/images/graphics.gif) 170px -461px no-repeat; text-align:right; margin: 0pt 6pt 6pt 0pt; font-size:8pt; clear:both; text-decoration: none} #homepage #rightcolumn #cal_events a.image, #homepage #rightcolumn #cal_events a.image:visited { margin:0; padding:0; padding-left:0; background: #D1D3D4 none; float:none} #homepage #rightcolumn #cal_events img { border:0; margin:0; padding:0pt 0 3pt 0} #homepage #rightcolumn #newsletter .image { background:#ECECEC; display:block; width:100%; margin:6pt 0 6pt 0} #homepage #rightcolumn #newsletter .image a { background:none; margin:0; padding:0 } #homepage #rightcolumn #newsletter img { margin:0 32px 0 0} #homepage #products h1 { margin:0; padding:0; clear:both; border-top: 3px solid #004a8f; padding-top:3pt; } #homepage #products h1 a, #homepage #products h1 a:visited { color: #004a8f; font-weight:normal; font-size: small; text-decoration:none; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat; padding-right:0; padding-left:15px; text-align:left} #homepage #products img { width:112px; float:left; border:0; padding-top:5px; padding-bottom:6pt; margin-right:6pt} #homepage #products a, #homepage #products a:visited { text-decoration:none; margin:0; padding:0} #homepage #products p a, #homepage #products p a:visited { font-size: x-small; color: #004a8f; margin:0; padding:0; padding-top:5px; background:none; text-align:left; font-weight:normal} #homepage #products p a:hover { text-decoration:underline; color: #e31818 } #homepage #products p { margin:0; padding:0; } #homepage #products .dots { background: transparent url(/export/sites/default/images/graphics.gif) -339px -406px no-repeat; width:30px; float:left} /* #homepage #products a.tb, #homepage #products a.hat, #homepage #products a.malaria { background: transparent url(/export/sites/default/images/graphics.gif) -1px -565px*/ /* no-repeat; display:block; width:125px; height:90px; float:left; margin-bottom:6pt; padding:0}*/ /* #homepage #products a.malaria { background-position: -257px -565px }*/ /* #homepage #products a.hat { background-position: -517px -565px }*/ #homepage #products a.malaria { background: transparent url(/export/sites/default/images/malaria_small.jpg) no-repeat; display:block; width:125px; height:90px; float:left; margin:3pt 0 6pt 0; padding:0 } #homepage #products a.hat { background: transparent url(/export/sites/default/images/sleeping-sickness-small.jpg) no-repeat; display:block; width:125px; height:90px; float:left; margin:3pt 0 6pt 0; padding:0 } #homepage #products a.tb { background: transparent url(/export/sites/default/images/tuberculosis-small.jpg) no-repeat; display:block; width:125px; height:90px; float:left; margin:3pt 0 6pt 0; padding:0 } #homepage #products a.lab_p { background: transparent url(/export/sites/default/images/lab_streng_small.jpg) no-repeat; display:block; width:125px; height:90px; float:left; margin:3pt 0 6pt 0; padding:0 } #homepage #products a.strategic_approach { background: transparent url(/export/sites/default/images/strategic-approach.gif) no-repeat; display:block; width:125px; height:90px; float:left; margin:3pt 0 6pt 0; padding:0 } #footer { clear:both; color: #666666; font-size:8pt; margin: 7em 15px 0 0; } #footer a, #footer a:visited { color: #666666; padding-left:20px; height:20px; display:inline; margin-left:20px; float:right; background: transparent url(/export/sites/default/images/graphics.gif) -536px -518px no-repeat; } #footer a#sendPage { background: transparent url(/export/sites/default/images/graphics.gif) -268px -518px no-repeat; } #footer a#bookmarkPage { background: transparent url(/export/sites/default/images/graphics.gif) -3px -515px no-repeat; } #footer p { clear:both; text-align:right; margin:0pt; border-top:1px solid #cccccc; width:100%; margin-top:3pt; padding-top:3pt; padding-bottom:12pt;} #footer p a, #footer p a:visited { display: inline; text-decoration:underline; background:none; padding-left:0pt; margin-left:0pt; float:none;} #footer #bottomMenu { width:300px; border-top: 2px solid #004a8f; left:1px; position:relative; top:6pt; padding-top:37px} #footer #bottomMenu a, #footer #bottomMenu a:visited { color: #004a8f; font-weight:bold; background: transparent url(/export/sites/default/images/graphics.gif) -541px -401px no-repeat; display:inline; float:none; padding:0pt 0pt 0pt 12px; margin:0 3px} #footer #bottomMenu a:first-child { background: none; padding: 0} /* #footer #bottomMenu a#iso, #footer #bottomMenu a#iso:visited, #footer #bottomMenu a#iso:hover { background: transparent url(/export/sites/default/images/graphics.gif) -400px -265px no-repeat; width:55px; height:55px; display:block; float:right; padding:0; margin:0; top:-35px; position:relative; text-decoration:none;} */ #footer #bottomLinks { clear:both; padding:0; margin:0} #innerpage #header #banner { background: white url(/export/sites/default/images/banner_white.gif) bottom center no-repeat;} #innerpage #header a#homeLink, #innerpage #header a#homeLink:visited { float: left; padding-left:15px; color: #004689; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat; font-weight:bold; font-size:8pt; margin-top:5px; } /* Old settings - for 2-columns inner page layout #innerpage .colright { float:left; width:200%; position:relative; left:325px } #innerpage .col1wrap { float:right; width:50%; position:relative; right:300px; padding-bottom:1em; } #innerpage #content { margin:0 40px 0 300px; position:relative; right:100%; overflow:hidden } #innerpage #contentHolder { min-height:400px; } #innerpage #sideMenu { float:left; width:300px; position:fixed; left:0; text-transform: uppercase; } */ /* 3-column inner page layout (with the highlights column) */ #innerpage .col1wrap { float:left; width:50%; position:relative; right:200px; } #innerpage .colmid { float:left; width:200%; margin-left:-100px; position:relative; right:100%; } #innerpage .colleft { float:left; width:100%; margin-left:-50%; position:relative; left:398px; } #innerpage #sideMenu { float:right; width:302px; position:relative; right:0px; } #innerpage #content { margin:0 100px 0 227px; position:relative; left:200%; overflow:hidden; } #innerpage #highlights { float:right; width:150px; margin-right:5px; position:relative; left:50%; } #innerpage.highlights #highlights { background-color:#eaf4ff; padding: 6pt; border:1px dotted #004a8f } #innerpage.highlights #content { margin:0 300px 0 227px; } #innerpage.highlights #highlights h1 { margin: 0; color: #004A8F; font-size:0.8em } #innerpage.highlights #highlights h2 { margin: 0; color: black; font-style:italic; font-size:0.8em; font-weight:normal; } #innerpage.highlights #highlights p, #innerpage.highlights #highlights a { font-size:0.8em; } #innerpage.highlights #highlights .highlightsDiv:first-child { border-top: none; margin-top: 0; padding-top: 0} #innerpage.highlights #highlights .highlightsDiv { margin-top: 18pt; padding-top:6pt; border-top: 1px dotted #004a8f} #innerpage #form { background-color: #ECECEC; width:50%; padding: 6px; overflow:hidden; margin-top:12pt} #innerpage #form td { padding-right:10px } #innerpage #form .lbl { color:#004a8f; font-weight:bold; width:1%; white-space:nowrap; font-size:8pt; padding-left:2px} #innerpage #form select { padding:1px; border: 1px solid #155490; } #breadcrumb, #breadcrumb * { color:#666666; font-size:8pt } #breadcrumb a { display: inline } #breadcrumb { margin-bottom:12pt } #sideMenu ul { border-top: 1px solid #155490; /* border-bottom: 1px solid #155490; */ margin:0 20px 0 7px; padding:0.5em 0 3em 0} #sideMenu li { list-style:none; margin-top:12pt; } #sideMenu a, #sideMenu a:visited { color:#004a8f; font-size:8pt; background: transparent url(/export/sites/default/images/graphics.gif) -1px -461px no-repeat; padding-left:15px; text-transform:uppercase } #sideMenu ul .current a, #sideMenu ul .current a:visited { color:#e31818 } #sideMenu ul ul, #sideMenu .current ul { border: none; margin:0; padding:0; } #sideMenu ul ul li { margin: 0 } #sideMenu ul li.current ul li a, #sideMenu ul li.current ul li a:visited { background: none; text-transform: none; padding-left:30px; color:#004a8f; } #sideMenu ul li.current ul li.current a, #sideMenu ul li.current ul li.current a:visited { color:#e31818 } #sideMenu ul li.current ul li.current ul li a, #sideMenu ul li.current ul li.current ul li a:visited { background: transparent url(/export/sites/default/images/smallDot.gif) 50px 5px no-repeat; text-transform: none; padding-left:58px; color:#004a8f; } #sideMenu ul li.current ul li.current ul li.current a, #sideMenu ul li.current ul li.current ul li.current a:visited { color:#e31818 } #sideMenu ul li.current ul li.current ul li.current ul li a, #sideMenu ul li.current ul li.current ul li.current ul li a:visited { background: transparent url(/export/sites/default/images/smallDash.gif) 70px 7px no-repeat; text-transform: none; padding-left:78px; color:#004a8f; } #sideMenu ul li.current ul li.current ul li.current ul li.current a, #sideMenu ul li.current ul li.current ul li.current ul li.current a:visited { color:#e31818 } #sideMenu .menuComment { font-size: 8pt; display: inline; color: #e31818; text-transform: none } #sideMenu #bottomMenu { width:275px; border-top: 1px solid #155490; margin:90px 20px 0 7px; padding:0.5em 0 3em 0} #sideMenu #bottomMenu a, #sideMenu #bottomMenu a:visited { color: #004a8f; background: transparent url(/export/sites/default/images/graphics.gif) -541px -401px no-repeat; display:inline; font-size:6pt} #sideMenu #bottomMenu a:first-child { background:none; padding: 0 5px} #sideMenu #bottomMenu a#iso, #sideMenu #bottomMenu a#iso:visited, #sideMenu #bottomMenu a#iso:hover { position:relative; float:left; background: transparent url(/export/sites/default/images/graphics.gif) -400px -265px no-repeat; width:55px; height:55px; display:block; padding:0; margin:0; top:-10em; text-decoration:none;} #content .sectionTitle { margin:12pt 0; color: #004a8f; font-size:10pt; text-transform:uppercase; font-weight:bold; } #content h1 { margin:12pt 0 0 0; color: #004a8f; font-size:1.3em; font-weight:bold } #content h2 { margin:12pt 0 0 0; color: #666666; font-size:1.1em; font-weight:bold } #content h3 { margin:12pt 0 0 0; color: #004a8f; font-size:1em; font-weight:bold; padding:0} #content .para { clear:both } #content .paraFloat { clear:none } #content .rightFloating { clear: none; float:right; width: 290px; color: #666666; margin: 12pt 0px 10px 20px; font-size: 0.9em; border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding: 12pt 6px 12pt 12pt; background-color: #ececec} #content .rightFloating h4 { margin-top: 0 } #content .rightFloating img { border: none } #content p { margin:12pt 0 0 0} #content a, #content a:visited { display:inline } #content a:visited { text-decoration: underline } #content .date { font-weight:bold; font-size:8pt; margin-top:12pt; color: #004a8f; } #content .place { font-weight:bold; padding:0; margin:0; margin-top:12pt } /* ==== Image layout styles ==== */ .image { font-family: sans-serif; font-size: 8pt; text-align: left; float: right; color: #333333; margin: 3pt 6pt 6pt 6pt; position:relative; } .image img { border:0 } #content .image p { padding-top:3pt; margin:0 } .centeredImage { width:100%; clear:both; padding:0; margin:0} .centeredImage .image { float: none; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; padding:0; } .imageTable .image { margin: 0 } .imageTable td { vertical-align:top; } .imageTable tr { margin-top:12pt } .imageTable { margin-top:12pt } /* ===== end of image layout styles ===== */ .note { background:#F4FBFF url(/export/sites/default/images/notepad4.gif) repeat-y; padding: 1pt 6pt 6pt 6pt; width:50%; margin-bottom:12pt } .note h1 { font-size:11pt; color:black; height:25px; white-space:nowrap; } .note { padding-left:45px } .note b { color: #18499C } .footnote { color: #666666; border-top: 1px solid #666666; width:50%; margin-bottom:18pt } /* ************************ Calendar of events ******************************** */ #calendarHeader { width:90% } #calendarHeader td.monthRotator { border-top: 2px solid white; border-bottom: 2px solid white; background-color: #004689; padding: 5px; text-align:center; width: 20% } #calendarHeader td.monthSelector { border: 2px solid white; background-color: #004689; padding: 5px; text-align:center; width: 60% } #calendarHeader td a, #calendarHeader td a:visited { text-decoration: none; color: white } #calendarHeader td a:hover { text-decoration:underline } #calendarHeader td select { border: 1px solid #155490; color: #004689; } #calendar { width:90% } #calendar td, #calendar th { width:100px; vertical-align:top; font-size:xx-small; padding:4px} #calendar td { height:70px; } #calendar td b, #calendar th b { color: red } #calendar .empty { background-color: gray; } #calendar .event { font-size: 7pt; margin-top:4pt; display: block } /* Newsletter styles */ .nl_header_1 { padding: 5px 0px 10px 10px; background-color:#BFDEFF; color:black; font-size:16pt; font-weight:bold; vertical-align:top} .nl_header_2 { height:5px; background-color:#BFDEFF; } .nl_header_3 { padding: 3px 10px 3px 3px; background-color:blanchedalmond; color:darkred; font-size:14pt; text-align:right; letter-spacing:3pt} .nl_header_4 { background-color:black;color:white;font-size:12pt;text-align:center; letter-spacing:2pt } .newsletter #contents_links a { margin: 12pt 6pt 0 6pt; display: block; color:#e31818; padding-left:15px; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat; } /******** Pictures to be displayed on various generated pages (list of news, press releases etc.) *******/ /*#articleList #coverPicture { background: pink url(/export/sites/default/images/press_picture.jpg) no-repeat; position: relative; width: 269px; height:205px; float:right; margin: -2em 40px 6pt 20px; } */ /******** FIND in the news *************/ #findInTheNewsIndex #coverPicture { background: pink url(/export/sites/default/images/press_picture.jpg) no-repeat; position: relative; width: 269px; height:205px; float:right; margin: -2em 40px 6pt 20px; } #findInTheNewsIndex .desc * { font-size:x-small; margin: 0 } /******** The following styles are used only by the partner list (/partners/index.jsp and /partners/funding.jsp) *************/ #partnerList h3 { margin: 1.5em 0; padding: 0; margin-bottom: 0 } #partnerList a, #partnerList a:visited { margin:0 } #partnerList .desc * { font-size: x-small; margin:0.5em 0 } /******** Press releases *************/ #innerpage #articleList { min-width: 800px; } #innerpage .article { margin-top:12pt } #innerpage .article div.date { float:none; width:100px; white-space:nowrap; color: #004a8f; margin:0 0 0 0; padding:0; } #innerpage .article h2 { margin: 0 0 0 110px; width:80%; font-width: normal} #innerpage .article h3 { margin: 3pt 0 0 110px; } /********* Brochures and special reports *******/ #innerpage #brochuresList .brochures { width: 50%; } #innerpage #brochuresList .brochures tr { vertical-align: top } #innerpage #brochuresList .article img { float:none; border: 0; padding-bottom:12pt } #innerpage #brochuresList .article .cover { width:15%; white-space: nowrap; text-align:right; padding-right:15px} #innerpage #brochuresList .article h2 { margin: 0; margin-bottom: 12pt } /******** News *************/ #newsList .article { clear: both } #newsList .article div.date { float: none; white-space:nowrap; color: #004a8f; margin-top:24pt} #newsList .article p { margin-left:0; margin-bottom: 0} #newsList .article .image { margin-top:12pt } #newsList .article .image p { padding-top:3pt; margin:0 } #newsList .article h2, #newsList .article h3 { margin-left:0; margin-top:6pt} #content .bulletedList1 a, .bulletedList1 a:visited { margin-top: 3pt; display: block; color:#e31818; padding-left:15px; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat; } #content .links { float: left } #content .link { margin-top: 3pt; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat} #content .link a, #content .link a:visited { padding-left:15px; color:#e31818;} /******** The following styles are used only by the newsletters index (/media/newsletters/index.html) *************/ #newslettersIndex table { width: 90%; margin: 12pt 0 12pt 0} #newslettersIndex td { vertical-align:top; padding-right: 10px } #newslettersIndex p a { background:none; padding:0pt; } #newslettersIndex p { margin-top: 6pt } #newslettersIndex p b { color: #e31818; margin: 0px 7px 0px 3px } #newslettersIndex p a { background:none; padding:0pt; } #newslettersIndex h3 { margin-top: 0} #newslettersIndex h4 { margin: 3pt 0 0 0; font-weight: normal; color:#004a8f } #newslettersIndex .nl_links { margin-top:3pt } #newslettersIndex .nl_links a, #newslettersIndex .nl_links a:visited { padding-left:15px; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat; font-weight: bold } #innerpage #newslettersIndex #form { width:25%; margin-top:0 } .newsletter #nav { width:100%; color:white; margin-top:6pt } .newsletter #nav td { border: 0px; background-color: #004689; padding: 5px; border-right:5px solid white; text-align:center; font-size:8pt; width: 33% } .newsletter #nav td a, #nav_lvl1 td a:visited { color: white } .newsletter #nav .disabled { color: #999999 } /******** Publications list *************/ #publications .publ { margin:18pt 0 0 0; font-size:8pt } #publications h3 { margin:0; font-size:medium } #publications p.authors { margin:0; font-size:8pt } #publications .src p {margin: 3pt 0 0 0; font-style:italic; font-size:small } #publications .src a, #publications .src a:visited { padding-left:15px; display:block; margin:3pt 0 0 0; background: transparent url(/export/sites/default/images/graphics.gif) -1px -460px no-repeat; } #innerpage #publications #form { width:25%; } #publications .article { clear: both } #publications .article h3 { margin: 3pt 0 0 0 } #publications .list .article:first-child { clear:none } #publications .image { margin: 3pt 3pt 18pt 3pt } #publications .abstract { margin: 3pt 0 3pt 0; font-size:small; color: #004689; } #publications .abstract p { margin:0; font-size:small; color: #004689; } /********************** Search results **************/ /* #searchResults .excerpt { margin-top:0; font-size:7pt; color:black; } */ #searchResults .date { color:black; font-weight: normal; font-size:0.7em } #searchResults .type { color:black; font-weight: normal; font-size:0.7em } #searchResults .excerpt { margin-top:0; color:black; } #searchResults #pageLinksTop { margin-top:12pt } #searchResults #pageLinks { margin-top:12pt } /*********************** FIND Team *************************/ #team p { margin: 0 } #team h2 { font-size: 1.1em; background-color:#004A8F; color:white; margin-bottom:6pt; min-height:20px; padding:3pt; width:100%; margin-top:18pt; font-weight:normal } #team table { margin-top:18pt } #team th { font-size: 1.1em; background-color:#004A8F; color:white; min-height:20px; padding:3pt; width:100%; margin-top:18pt; font-weight:normal; text-align:left } #team td { padding-top: 6pt } .teamMember .image { margin:12pt; border:1px solid black } .teamMember .consultant { font-size:small; color: #004689; } #board { border: 1px solid #004a8f; background-color:#ececec; padding:0 0 12pt 0; text-align:center; margin: 12pt 0 12pt 12pt } #board .header { margin:0; padding: 0; background-color: #004a8f; padding:6px; color:white; font-weight:bold } #board .contents { padding: 0 3px 0 3px } /********************************************* END of FIND Team *********************/ /********************************* Malaria training materials *********************/ #malariaTrainingMaterials .materialSet { margin-top:12pt } #malariaTrainingMaterials .materialSet a, #malariaTrainingMaterials .materialSet a:visited { background: transparent url(/export/sites/default/images/arrow_r.gif) 0px 2px no-repeat; padding-left:12px; margin-left: 20pt} /********************************* END OF Malaria training materials *********************/ #tb_pipeline .image { float: none; margin-left: 0; text-align: left } /* Special styles */ .noDisplayScreen { display:none } /* Something invisible on the screen (to be switched on programatically) */ .include { float:right; width: 200px; } a:visited, #homepage #products p a:visited, #homepage #centercolumn a:visited, #homepage #leftcolumn a:visited, #content .link a:visited { color: #666666} .contacts { clear:both; margin-top:12pt } #content .e_newsletter table tr { vertical-align:top; } #content .e_newsletter table td { padding-bottom: 15px; border-top: 1px solid #aaaaaa; padding-top: 15px } #content .e_newsletter table td.colImage { width: 260px; padding-right: 10px } #content .e_newsletter h2 { font-size: 12pt; color: #004a8f; font-weight: normal; margin-top: 0 } #content .e_newsletter .program { font-size: 12pt; color: #004a8f; font-weight: normal; margin-top: 0 } #content .e_newsletter #newsletter_banner { margin-bottom: 15px } #content .e_newsletter #period { font-size: 14pt; margin-bottom: 15px; color: #004a8f; font-weight: bold } #content .podcast { margin-top:18pt } #content .podcast a { display: inline } #content .podcast .links { margin-top:12pt; float: none } #content .podcast .bulletedList1 { margin-top:12pt } #content .podcast .downloadLink { margin-top:3pt } @media print { body { min-width:0} #header, #homepage #leftcolumn, #homepage #rightcolumn, #footer { display:none; } #homepage #centercolumn { margin: 0; padding: 0; width:100%; position:static } #homepage .col1wrap { position:static; width:100%; float: none; margin:0; } #homepage .colleft { float:none; margin:0; width: 100%; position:static } #homepage .colmid { float: none; width: 100%; margin:0; position:static } #homepage #centercolumn .sectionTitle a { display: none; background-color:red } #sideMenu { display:none; } /* Old layout - 2-columns inner page #innerpage .colright { left:0; width:100%; float:none; position: static } #innerpage .col1wrap { width: 100%; right:0; float:none; position: static } #innerpage #content { margin:0; right:0; width:100%; position: static} */ /* New layout: 3-column inner page with highlights */ #innerpage #content { margin: 0; padding: 0; width:100%; position:static } #innerpage .col1wrap { position:static; width:100%; float: none; margin:0; } #innerpage .colleft { float:none; margin:0; width: 100%; position:static } #innerpage .colmid { float: none; width: 100%; margin:0; position:static } .invisibleDiv {visibility:visible; display:block} .nonPrintable { display:none } #rolloverText {visibility:hidden; display:none} .colmask { padding-top:0 } #bottomLinks { display: none } }