/* IMPORT */ @import url('/assets/css/screen_reset.css'); @import url('/assets/css/screen_colorbox.css'); /* Typography */ h1 { font-size: 2.6em; line-height: 1.2em; } h2 { font-size: 1.8em; line-height: 1.2em; } h3 { font-size: 2em; } h4 { font-size: 1.8em; } p { font-size: 1.2em; line-height: 1.2em; margin: 0.5em 0; } /* Links */ a { color: #0076a3; text-decoration: none; } a:hover { color: #014e6d; } /* Main Elements */ html { height:100%; } body { height: 100%; background: url(/assets/img/bg-checker.png) 0 0; color: #333333; font-size: 62.5%; font-family: arial, helvetica, sans-serif; line-height:1.2em; } body #grid { display:none; position: absolute; top: 0; background: url(/assets/img/grid/12-col-grid.png) center top repeat-y; z-index: 200; height: 100%; width: 960px; filter:alpha(opacity=50); opacity: 0.5; } #superwrapper { background: #dee5e7 url(/assets/img/bg-body.png) 0 0 repeat-x; } #wrapper { width: 960px; margin: 0 auto; overflow: hidden !important; } /* Skip to main content */ #accessibility {position:absolute; top:-500px; width:1px; height:1px; overflow:hidden;} div#languagebar { height: 36px; } /* Languages */ .languages { width: 500px; height: 36px; float: left; /*background: url(/assets/img/bg-languages.png) 12px center no-repeat; */} .languages span { width: 70px; height: 36px; line-height: 36px; float: left; color: #fff; font-size: 1.1em; padding-left: 12px; } .languages ul { list-style-type: none; height: 20px; padding-top: 8px; } .languages ul li { height: 20px !important; line-height: 20px; float: left; overflow: hidden; } .languages ul li a { display: block; text-indent: -4000px; cursor: pointer !important; } .languages ul li.english { height: 20px; width: 60px; } .languages ul li.english a { height: 20px; width: 52px; background: url(/assets/img/lang-english.png) 0 0 no-repeat; } .languages ul li.english a:hover, .languages ul li.english.active a { background-position: 0 -20px; } .languages ul li.spanish { height: 20px; width: 57px; } .languages ul li.spanish a { height: 20px; width: 57px; background: url(/assets/img/lang-spanish.png) 0 0 no-repeat; } .languages ul li.spanish a:hover, .languages ul li.spanish.active a { background-position: 0 -20px; } .languages ul li.chinese { background: url(/assets/img/lang-characters.png) 0 0 no-repeat; height: 20px; width: 52px; } .languages ul li.chinese a { background: url(/assets/img/lang-characters.png) 0 0 no-repeat; height: 20px; width: 52px; } .languages ul li.chinese a:hover, .languages ul li.korean.active a:hover { background: url(/assets/img/lang-characters.png) 0 -20px no-repeat; } .languages ul li.korean { background: url(/assets/img/lang-characters.png) -52px 0 no-repeat; height: 20px; width: 53px; } .languages ul li.korean a { background: url(/assets/img/lang-characters.png) -52px 0 no-repeat; height: 20px; width: 53px; } .languages ul li.korean a:hover, .languages ul li.korean.active a:hover { background: url(/assets/img/lang-characters.png) -52px -20px no-repeat; } .languages ul li.russian { background: url(/assets/img/lang-characters.png) -105px 0 no-repeat; height: 20px; width: 90px; } .languages ul li.russian a { background: url(/assets/img/lang-characters.png) -105px 0 no-repeat; height: 20px; width: 90px; } .languages ul li.russian a:hover, .languages ul li.russian.active a:hover { background: url(/assets/img/lang-characters.png) -105px -20px no-repeat; } .languages ul li.vietnamese { height: 20px; width: 78px; } .languages ul li.vietnamese a { background: url(/assets/img/lang-characters.png) -195px 0 no-repeat; height: 20px; width: 78px; } .languages ul li.vietnamese a:hover, .languages ul li.vietnamese.active a:hover { background: url(/assets/img/lang-characters.png) -195px -20px no-repeat; } /* Utility */ .utility { width: 400px; float: right; height: 36px; width: 319px; position: relative; top: 0px; right: 12px; } .utility ul { height: 36px; width: 296px; position: relative; left: 60px; } .utility ul li { line-height: 36px; float: left; margin-left: 2px; font-size: 1em; } .utility ul li a { height: 36px; padding: 0 6px; border-right: solid 1px #fff; color: #fff; } .utility ul li a:hover { color: #e7e7e7; } .utility ul li.newsroom a { border: none; } /* Header */ #header { width: 960px; height: 88px; } #header .logo { height: 39px; width: 420px; float: left; position: relative; top: 24px; left: 12px; } #header .logo ul li.h1n1-logo { float:left; height: 39px; width: 168px; text-indent: -4000px; background: url(/assets/img/h1n1-logo.png) 0 0 no-repeat;} #header .logo ul li.h1n1-logo a{ float:left; height: 39px; width: 168px; } #header .logo ul li.doh-logo { float:left; height: 39px; width: 145px; text-indent: -2000px; background: url(/assets/img/doh-logo.png) 0 0 no-repeat;} #header .logo ul li.doh-logo a{ float:left; height: 39px; width: 145px; } #header .logo ul li.contact-no { float:left; height: 39px; width: 98px; text-indent: -1000px; background: url(/assets/img/contact-logo.png) 0 0 no-repeat;} #header .logo ul li.contact-no a{ float:left; height: 39px; width: 98px; } #header .search { float: right; position: relative; top: 30px; right: 12px; } #header .textsizes { float: left; height: 36px; width: 150px; position: relative;left:300px; top: 68px; color:#FFFFFF;font-size:1em; } #header .contrast { float: left; height: 36px; width: 80px; position: relative;left:400px; top: 50px; color:#FFFFFF;font-size:1em; } /* #header { width: 960px; height: 88px; } #header .logo { height: 39px; width: 411px; float: left; position: relative; top: 24px; left: 12px; } #header .logo h1 { height: 39px; width: 411px; background: url(/assets/img/logo.png) 0 0 no-repeat; text-indent: -4000px; } #header .logo h1 a { height: 39px; width: 411px; display: block; outline: none; } #header .search { float: right; position: relative; top: 30px; right: 12px; } #header .textsizes { float: left; height: 36px; width: 180px; position: relative;left:440px; top: 68px; color:#FFFFFF;font-size:1em; } #header .utility { height: 35px; width: 319px; float: right; position: relative; top: 0px; right: 12px; background: url(/assets/img/bg-utility.png) 0 0 no-repeat;; } #header .utility ul { height: 35px; width: 296px; position: relative; left: 24px; padding-top: 0.85em; } #header .utility ul li { height: 35px; float: left; margin-left: 2px; font-size: 1em; line-height: 1em; } #header .utility ul li a { height: 35px; padding: 0 6px; border-right: solid 1px #444; } #header .utility ul li a:hover { color: #333; } #header .utility ul li.newsroom a { border: none; } */ /* Navigation */ #navigation { width: 960px; height: 44px; overflow: hidden !important; } #navigation ul { width: 960px; height: 44px; } #navigation ul li { height: 44px; font-family: georgia, times, serif; font-size: 1.2em; float: left; } #navigation ul li { line-height: 44px; text-align: center; } #navigation ul li.home a { width: 62px; } #navigation ul li.about-h1n1 { width: 105px; } #navigation ul li.how-it-spreads { width: 121px; } #navigation ul li.how-to-protect-yourself { width: 175px; } #navigation ul li.symptoms { width: 94px; } #navigation ul li.what-if-you-get-sick { width: 154px; } #navigation ul li.vaccines { width: 85px; } #navigation ul li.info-for-specific-groups { width: 164px; } #navigation ul li a { height: 44px; color: #fff; display: block; outline: none; } #navigation ul li a:hover { color: #ccc; background: url(/assets/img/bg-navigation-hover.png) center top no-repeat; } /* active state */ body#home li.home a, body#about-h1n1 li.about-h1n1 a, body#how-it-spreads li.how-it-spreads a, body#how-to-protect-yourself li.how-to-protect-yourself a, body#symptoms li.symptoms a, body#what-if-you-get-sick li.what-if-you-get-sick a, body#vaccines li.vaccines a, body#info-for-specific-groups li.info-for-specific-groups a { background: url(/assets/img/bg-navigation-active.png) center top no-repeat; } /* Content */ #content { width: 960px; background: url(/assets/img/bg-content.png) 0 0 repeat-y; } #content .contentFooter { clear: both; padding-bottom: 48px;} body#home #content .contentFooter { clear: both; padding-bottom: 0;} /* Subnavigation */ #content #subnavigation { width: 232px; float: left; } #content #subnavigation h1 { width: 232px; height: 57px; font-size: 1.7em; line-height: 70px; padding-left: 24px; font-weight: bold; background: url(/assets/img/bg-h1-subnavigation.png) 0 0 no-repeat; } #content #subnavigation ul li a.active { color: #014e6d !important; } /* t1 */ #content #subnavigation ul { width: 208px; position: relative; top: 12px; left: 24px; } #content #subnavigation ul li { font-size: 13px; line-height: 1em;} #content #subnavigation ul li a { padding: 6px 0; color: #0076a3; display: block; outline: none; border-bottom: solid 1px #dfdfdf; } #content #subnavigation ul li a:hover { color: #014e6d;} #content #subnavigation ul li.active a { color: #014e6d; } /* t2 */ #content #subnavigation ul li ul { top: 0; left: 0px; } #content #subnavigation ul li ul li { font-size: 11px; } #content #subnavigation ul li ul li a { padding: 6px 18px; color: #0076a3 !important; } #content #subnavigation ul li ul li a:hover { color: #014e6d !important; } #content #subnavigation ul li ul li a.active { color: #014e6d !important; background: url(/assets/img/bg-li-diagonal.png) 0 0;} /* languages */ #content #subnavigation ul li.language { padding: 6px 0 3px 0; } #content #subnavigation ul li.chinese a { height: 13px; width: 208px; display: block; text-indent: -4000px; background: url(/assets/img/li-lang-chinese.png) 0 0 no-repeat; } #content #subnavigation ul li.korean a { height: 13px; width: 208px; display: block; text-indent: -4000px; background: url(/assets/img/li-lang-korean.png) 0 0 no-repeat; } #content #subnavigation ul li.russian a { height: 13px; width: 208px; display: block; text-indent: -4000px; background: url(/assets/img/li-lang-russian.png) 0 0 no-repeat; } #content #subnavigation ul li.vietnamese a { height: 13px; width: 208px; display: block; text-indent: -4000px; background: url(/assets/img/li-lang-vietnamese.png) 0 0 no-repeat; } /* Main Content */ #content #maincontent { width: 462px; padding: 18px 24px; float: left; } body#home #content #maincontent { width: auto; height: auto; padding: 0; background: none; } /* Middle Content */ #content #maincontent h1 { font-family:Georgia, Times, serif; color: #115976; font-style:italic; font-weight: normal; padding-bottom: 6px; } #content #maincontent h2 { font-family:Georgia, Times, serif; color: #115976; font-style:italic; font-weight: bold; padding: 6px 0 3px 0; } #content #maincontent p { margin-bottom: 1em; } #content #maincontent ul { width: 420px; list-style-type: disc; padding: 0 0 12px 24px; } #content #maincontent ul li { font-size: 1.2em; line-height: 1.4em; margin-bottom: 3px;} #content #maincontent ul li ul li { font-size: 1em; line-height: 1.2em;} #content #maincontent ol { width: 420px; list-style-type: decimal; padding: 0 0 12px 24px; } #content #maincontent ol li { padding: 1px 0; font-size: 1.2em; line-height: 1.4em;} /* CDC Widget Placement */ #content #maincontent .widget { float: left; margin-right: 12px; } /* Icon Links */ #content #maincontent a.video { padding-left: 20px; background: url(/assets/img/bg-a-video.png) 0 0 no-repeat; } /* Callout */ #content #maincontent .callout { margin-bottom: 1.5em; padding: 9px 12px 9px 60px; background: #f4f3e8 url(/assets/img/bg-callout.png) 18px 12px no-repeat; border: solid 1px #dfdfdf; } #content #maincontent .callout .title { font-size: 1.1em; line-height: 1.5em; font-weight: bold; color: #115976; } #content #maincontent .callout.video { margin-bottom: 1.5em; padding: 9px 12px 9px 12px; background-image: none; border: solid 1px #dfdfdf; } #content #maincontent .callout.healthcare-video{ height: 100px; margin-bottom: 1.5em; padding: 9px 12px 9px 180px; background-image: url(/assets/img/thumbnail-video-the-facts_communication-tool-kit.jpg); border: solid 1px #dfdfdf; } #content #maincontent .callout.healthcare-video p{ padding-top:20px;margin-top:20px; } #content #maincontent .callout.screensaver { height: 90px; margin-bottom: 1.5em; padding: 9px 12px 9px 115px; background-image: url(/assets/img/thumbnail-download-screensaver.jpg); border: solid 1px #dfdfdf; } #content #maincontent .callout.healthcare-videowithbanner{ height: 100px; margin-bottom: 1.5em; padding: 9px 12px 9px 180px; background-image: url(/assets/img/thumbnail-workers-video-with-banner.jpg); border: solid 1px #dfdfdf; } #content #maincontent .callout.healthcare-videowithbanner p{ padding-top:20px;margin-top:20px; } #content #maincontent .callout-specific-groups { margin-bottom: 1.5em; padding: 9px 12px 9px 60px; background-color: #f4f3e8; border: solid 1px #dfdfdf; } #content #maincontent .callout-specific-groups .title { font-size: 1.3em; line-height: 2.0em; font-weight: bold; color: #115976;margin-bottom:30px; } #content #maincontent .callout-specific-groups.posters { height: 550px; margin-bottom: 1.5em; padding: 9px 12px 9px 10px; border: solid 1px #dfdfdf; } #content #maincontent .callout-specific-groups.posters p {bottom:40px;margin-left:110px;position:relative;} /*#content #maincontent .callout-specific-groups.posters1 { margin-bottom: 1.5em; padding: 9px 12px 9px 10px; background-image: url(/assets/img/thumbnail-EmployeePoster_v612.8_Page_1.jpg);} #content #maincontent .callout-specific-groups.posters2 { margin-bottom: 1.5em; padding: 9px 12px 9px 10px; background-image: url(/assets/img/thumbnail-EmployeePoster_v612.8_Page_2.jpg);} #content #maincontent .callout-specific-groups.posters3 { margin-bottom: 1.5em; padding: 9px 12px 9px 10px; background-image: url(/assets/img/thumbnail-EmployeePoster_v612.8_Page_3.jpg);} #content #maincontent .callout-specific-groups.posters.divmain{border:1px solid red;float:none;width:250px;} #content #maincontent .callout-specific-groups.posters. div1{float:left;} #content #maincontent .callout-specific-groups.posters. div2{margin-bottom: 1.5em; float:none; padding-bottom:20px;border:1px solid red;}*/ /* Vaccine Candidates */ #content #maincontent .candidate h2 { padding-left: 128px; padding-top: 0; } #content #maincontent .candidate p { padding-left: 128px; } #content #maincontent .pregnant-women { background: url(/assets/img/bg-candidate-pregnant-women.jpg) 0 0 no-repeat; } #content #maincontent .age6months-24years { background: url(/assets/img/bg-candidate-age6months-24years.jpg) 0 0 no-repeat; } #content #maincontent .providers { background: url(/assets/img/bg-candidate-providers.jpg) 0 0 no-repeat; } #content #maincontent .caregivers { background: url(/assets/img/bg-candidate-caregivers.jpg) 0 0 no-repeat; } #content #maincontent .age25-64 { background: url(/assets/img/bg-candidate-age25-64.jpg) 0 0 no-repeat; } /* Protection Tips */ #content #maincontent .protection h2 { padding-left: 40px; padding-top: 6px; font-size: 1.3em; line-height: 1em; font-family: arial, helvetica, sans-serif; font-weight: bold; color: #333; font-style: normal; } #content #maincontent .protection p { padding-left: 40px; } #content #maincontent .tip1 { background: url(/assets/img/bg-protection-tip1.png) 0 0 no-repeat; } #content #maincontent .tip2 { background: url(/assets/img/bg-protection-tip2.png) 0 0 no-repeat; } #content #maincontent .tip3 { background: url(/assets/img/bg-protection-tip3.png) 0 0 no-repeat; } #content #maincontent .tip4 { background: url(/assets/img/bg-protection-tip4.png) 0 0 no-repeat; padding-bottom: 24px;} #content #maincontent .tip5 { background: url(/assets/img/bg-protection-tip5.png) 0 0 no-repeat; } /* Tutorial */ #content #maincontent .protection .tutorial { width: 422px; position: relative; left: 40px; margin-bottom: 1.5em; background: #f4f3e8; border: solid 1px #dfdfdf; } #content #maincontent .protection .tutorial p { padding-left: 24px; } #content #maincontent .protection .tutorial .title { font-size: 1.1em; line-height: 1.5em; font-weight: bold; color: #115976; } #content #maincontent .protection .tutorial ol { list-style-type: decimal; position: relative; left: 40px; width: 340px; padding-bottom: 1em;} #content #maincontent .protection .tutorial ol li { font-size: 1.2em; line-height: 1.5em; } /* Treatment At A Glance */ #content #maincontent .table { margin: 1.5em 0; } #content #maincontent .table table { } #content #maincontent .table table thead { } #content #maincontent .table table thead tr { } #content #maincontent .table table thead tr td { font-weight: bold; color: #115976; } #content #maincontent .table table tbody { } #content #maincontent .table table tbody tr td { } #content #maincontent .table table tr { vertical-align: top; } #content #maincontent .table table tr td { padding: 18px 12px; font-size: 1.2em; border-right: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; } #content #maincontent .table table tr td em { font-weight: bold; color: #115976; } #content #maincontent .table table tr.on td { background: #f5f5f5; } #content #maincontent .table table tr.on td.checked { background: #f5f5f5 url(/assets/img/bg-td-checked.png) center 12px no-repeat; } #content #maincontent .table table tr td.checked { background: url(/assets/img/bg-td-checked.png) center 12px no-repeat; } #content #maincontent .table table tr td.exception span { font-size: 0.9em; position: relative; top: 21px; } #content #maincontent .table table tr td.last { border-right: none; } #content #maincontent form {font-size: 1.1em; line-height: 1.5em; } #content #maincontent .formtable{margin-left:60px;} #content #maincontent .formtable .labelstyle{font-size: 1.1em; line-height: 1.5em; font-weight: normal; width:22%; text-align:left; } #content #maincontent .formtable .textboxstyle{text-align:left;width:78%; } #content #maincontent .documenttable .doclabelstyle{font-size: 1em; line-height: 1.5em; font-weight: normal; width:80%; text-align:left; white-space:nowrap;} #content #maincontent .documenttable .docheading{font-size: 1.1em; line-height: 1.5em; font-weight: normal; width:22%; text-align:left;font-weight:bold;} #content #maincontent .documenttable .doctextboxstyle{text-align:left; width:20%; } /* Pandemic Table */ #content #maincontent .table table.pandemic { width: 460px !important; } #content #maincontent .table table.pandemic tr td p { width: 260px; font-size: inherit; line-height: 1.2em; } #content #maincontent .table table.pandemic tr td ul { width: 260px; } #content #maincontent .table table.pandemic tr td ul li { font-size: inherit; line-height: 1.2em;} /* Situation Update || Flu Activity */ #content #maincontent .flu-activity { } #content #maincontent .flu-activity h2 { font-size: 1.6em; font-family: arial, helvetica, sans-serif; font-style: normal; color: #333; clear: both; } #content #maincontent .flu-activity .cases { height: 160px; padding: 12px 0; margin-bottom: 3px; border-bottom: solid 1px #e3e3e3; } #content #maincontent .flu-activity .cases .left { width: 154px; border-right: solid 1px #e3e3e3; float: left; } #content #maincontent .flu-activity .cases .left p { text-align: right; padding-right: 24px; } #content #maincontent .flu-activity .cases .left p.header { line-height: 1.2em; font-size: 1.8em; font-weight: bold; font-style: italic; font-family: Georgia, Times, serif; } #content #maincontent .flu-activity .cases .left p.number { line-height: 0.2em; font-size: 3em; font-weight: bold; } #content #maincontent .flu-activity .cases .right { width: 200px; position: relative; left: 24px; float: left; } #content #maincontent .flu-activity .cases .right p.header { line-height: 1.2em; font-size: 1.6em; font-weight: bold; font-style: italic; font-family: Georgia, Times, serif; } #content #maincontent .flu-activity .counties { padding: 12px 0; margin-bottom: 12px; border-bottom: solid 1px #e3e3e3; } #content #maincontent .flu-activity .counties p a { height: 43px; width: 375px; margin: 0 auto; display: block; text-indent: -4000px; background: url(/assets/img/bg-a-cases-by-county.png) 0 0 no-repeat; } #content #maincontent .flu-activity .distribution { height: 100%; padding: 18px 0 24px 0; margin-bottom: 12px; border-bottom: solid 1px #e3e3e3; } #content #maincontent .flu-activity .distribution .age { width: 190px; float: left; } #content #maincontent .flu-activity .distribution .age table { width: 190px; } #content #maincontent .flu-activity .distribution .gender { width: 200px; position: relative; left: 48px; float: left; } #content #maincontent .flu-activity .distribution .gender table { width: 200px; } #content #maincontent .flu-activity .distribution p.header { padding: 12px 18px; line-height: 1.2em; font-size: 1.6em; font-weight: bold; font-style: italic; font-family: Georgia, Times, serif; text-align: center; color: #115976; } #content #maincontent .flu-activity .distribution p.disclaimer { padding: 18px 0; font-size: 1em; color: #7a7a7a; } #content #maincontent .flu-activity .distribution table { } #content #maincontent .flu-activity .distribution table thead tr td, #content #maincontent .flu-activity .distribution table tr td.group { font-weight: bold; color: #115976; } #content #maincontent .flu-activity .distribution table tr td { padding: 9px; font-size: 1.2em; text-align: center; border-right: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; } #content #maincontent .flu-activity .distribution table tr.on td { background: #f1f4f5; } #content #maincontent .flu-activity .distribution table tr td.last { border-right: none; } #content #maincontent .flu-activity .distribution table.symptoms tr td {padding: 3px; font-size: 1.2em; text-align: left; border:none;line-height:1.1em;} #content #maincontent .flu-activity .distribution table.symptoms tr.on td { background: #f1f4f5;border: none; } #content #maincontent .flu-activity .distribution table.symptoms tr td.last { border: none; } #content #maincontent .flu-activity .distribution table.symptoms tr td.group { font-weight: bold; color: #115976;border: none; } #content #maincontent .flu-activity .han table tr td { padding: 4px; font-size: 1em; text-align: left; border: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; } #content #maincontent .flu-activity .han table tr.on td { background: #f1f4f5; } #content #maincontent .flu-activity .han table tr td.last { border-right: solid 1px #dfdfdf; } /* online order form - health care providers */ #content #maincontent .flu-activity .details table {font-size:1em; } #content #maincontent .flu-activity .details table thead tr td, #content #maincontent .flu-activity .details table tr td.group { font-weight: bold; color: #115976; } #content #maincontent .flu-activity .details table tr td {padding: 9px; font-size: 1.2em; text-align:left; border-right: solid 1px #999;border-bottom: solid 1px #999;} #content #maincontent .flu-activity .details table table tr td { padding: 9px; font-size: 1em; text-align: left; border: none; } #content #maincontent .flu-activity .details table tr.on td { background: #f1f4f5; } #content #maincontent .flu-activity .details table tr td.last { border-right: none; } #content #maincontent .flu-activity .details .orders table tr td { padding: 4px; font-size: .9em; text-align: left; border: solid 1px #dfdfdf; border-bottom: solid 1px #dfdfdf; } #content #maincontent .flu-activity .details .orders table tr.on td { background: #f1f4f5; } #content #maincontent .flu-activity .details .orders table tr td.last { } /* Campaign Materials */ #content #maincontent .materials {} #content #maincontent .materials h2 { margin: 1.5em 0 0.5em 0; clear: both;} #content #maincontent .materials p { font-size: 1.2em; line-height: 1.2em; font-family:Georgia, Times, serif; color: #115976; font-style:italic; font-weight: bold;} #content #maincontent .materials ul { list-style-type: none; margin: 0; clear: both; padding: 0; } #content #maincontent .materials ul li { padding: 3px 0; } #content #maincontent .materials ul li a { padding: 2px 0 2px 20px; } #content #maincontent .materials ul li.video a { background: url(/assets/img/icon-video.png) 0 0 no-repeat; } #content #maincontent .materials ul li.radio a { background: url(/assets/img/icon-radio.png) 0 0 no-repeat; } #content #maincontent .materials ul li.pdf a { background: url(/assets/img/icon-pdf.png) 0 0 no-repeat; } #content #maincontent .materials ul li.image a { background: url(/assets/img/icon-image.png) 0 0 no-repeat; } #content #maincontent .materials ul li.disk a { background: url(/assets/img/icon-disk.png) 0 0 no-repeat; } /* videos */ #content #maincontent .materials .videos { width: 462px; /*height: 280px;*/ } #content #maincontent .materials .videos .video { width: 230px; float: left; } #content #maincontent .materials .videos .video ul { width: 140px;float: left; } #content #maincontent .materials .videos .video p.getCode { float:left; font-family: arial, helvetica, sans-serif; font-style: normal; color: #333; font-size: 1em; padding-left: 3px; margin: 1.25em 0 0.5em 0; } /*#content #maincontent .materials .videos .video*/ .code { float:left; font-family:Courier; padding: 6px; background: #fff; border: solid 1px #e7e7e7; width: 445px; } /*#content #maincontent .materials .videos .video*/ .info { width: 200px; float: left; position: relative; } /* radio */ #content #maincontent .materials .radios { width: 462px; height: 300px; } #content #maincontent .materials .radios p { font-family: arial, helvetica, sans-serif; font-style: normal; font-weight: normal; font-size: 1.2em; margin-top: 1em; } /* downloads */ #content #maincontent .materials .downloads { width: 462px; } #content #maincontent .materials .downloads .download { /*height: 90px*/; padding-bottom: 12px; } #content #maincontent .materials .downloads .download img { float: left; } #content #maincontent .materials .downloads .download .info { width: 362px; float: left; position: relative; left: 12px; } /* banners */ #content #maincontent .materials .banners { width: 462px; } #content #maincontent .materials .banners .banner { width: 462px; clear: both; margin-bottom: 24px; } #content #maincontent .materials .banners .banner img { float: left; margin-bottom: 24px; } #content #maincontent .materials .banners .banner .info { width: 280px; float: left; position: relative; left: 12px; } #content #maincontent .materials .banners .banner p.getCode { font-family: arial, helvetica, sans-serif; font-style: normal; color: #333; font-size: 1em; padding-left: 3px; margin: 1.25em 0 0.5em 0; } #content #maincontent .materials .banners .banner .code { font-family:Courier; padding: 6px; background: #fff; border: solid 1px #e7e7e7; width: 400px; } /* Search Page */ #content #maincontent .search { padding: 5px 0; } #content #maincontent iframe { height: 1000px !important; overflow: hidden; } /* Sidebar */ #content #sidebar { width: 218px; float: left; background: url(/assets/img/bg-sidebar.png) 0 0 no-repeat;} #content #sidebar ul { position: relative; left: 14px; top: 0; } #content #sidebar ul li { width: 190px; margin: 18px 0;border-bottom: solid 1px #dfdfdf; } #content #sidebar ul li a { width: 190px; display: block; border-bottom: solid 1px #fff; cursor: pointer !important;} #content #sidebar ul li a span.h1 { display: block; text-indent: -4000px; font-size: 1.3em; height: 36px; } #content #sidebar ul li a span.h2 { display: block; width: 150px; position: relative; left: 38px; padding-bottom: 18px; clear: both; line-height: 1em; } #content #sidebar ul li.where-and-when a { background: url(/assets/img/bg-li-sidebar-where-and-when.png) 0 0 no-repeat; } #content #sidebar ul li.consider-vaccination a { background: url(/assets/img/bg-li-sidebar-consider-vaccination.png) 0 0 no-repeat; } /*#content #sidebar ul li.tips-for-caregivers a { background: url(/assets/img/bg-li-sidebar-tips-for-caregivers.png) 0 0 no-repeat; }*/ /*#content #sidebar ul li.five-ways { border: none; }*/ #content #sidebar ul li.five-ways a { background: url(/assets/img/bg-li-sidebar-five-ways.png) 0 0 no-repeat; border: none; } #content #sidebar ul li.flu-widget a { background: url(/assets/img/bg-li-sidebar-national-information.png) 0 0 no-repeat; } #content #sidebar ul li.flu-widget { border: none; } /* Footer */ #footerwrapper { background: url(/assets/img/bg-footer.png) 0 0 repeat-x; clear: both; } #footer { width: 960px; margin: 0 auto; height: 50px; } #footer a { color: #fff; text-decoration: underline; } #footer a:hover { color: #ccc; text-decoration: underline; } #footer .copyright { height: 30px; width: 310px; float: left; position: relative; top: 10px; left: 24px; } #footer .copyright p { font-size: 1.1em; line-height: 30px; text-align: left; color: #fff; } #footer .links { height: 30px; width: 300px; float: left; position: relative; top: 10px; left: 36px; } #footer .links ul { height: 30px; padding-top: 1.1em; } #footer .links ul li { font-size: 1.1em; height: 1.5em; margin-right: 10px; padding: 0 3px;line-height: 1.5em; float: left; } #footer .links ul li a { padding: 0 3px; height: 1.5em; width: 100%; display: block; } #footer .links ul li.contact-us { width: 68px; border-right: solid 1px #fff;} #footer .links ul li.privacy-policy { width: 78px; border: none; } #footer .links ul li.terms-of-use a { width: 85px; border: none; } #footer .social { height: 30px; width: 300px; float: right; position: relative; top: 10px; right: 24px; display: block; } #footer .social ul { height: 30px; } #footer .social ul li { font-size: 1.1em; height: 30px; margin-left: 12px; line-height: 30px; float: right; } #footer .social ul li a { height: 100%; display: block; } #footer .social ul li.twitter a { width: 50px; text-decoration: none; padding-left: 24px; background: url(/assets/img/icon-twitter.png) left center no-repeat; } #footer .social ul li.facebook a { width: 50px; text-decoration: none; padding-left: 24px; background: url(/assets/img/icon-facebook.png) left center no-repeat; } /* Site Map */ #content #maincontent div.sitemap { } #content #maincontent div.sitemap ul { padding: 0; list-style-type: none; } #content #maincontent div.sitemap ul li { padding: 0; font-size: 1.2em; line-height: 1.5em;} #content #maincontent div.sitemap ul li ul { padding: 0 24px; } #content #maincontent div.sitemap ul li ul li { font-size: 1.0em; line-height: 1.5em; } #content #maincontent div.sitemap ul li ul li ul { padding: 0 24px; font-size: 1.0em;} #content #maincontent div.sitemap ul li ul li ul li{ font-size: 1.0em; line-height: 1.5em; } /* Home Page */ .home { height: 562px; } .home ul { list-style-type: none !important; } .home ul li { line-height: 1em !important; } .home .top-row { height: 400px; } .home .top-row .slideshow { height: 400px; width: 712px; float: left; background: #e2e3e7; border-right: solid 1px #d0d0d0; } .home .top-row .slideshow.slide1 { background: #e2e3e7 url(/assets/img/bg-slideshow-1.jpg) 0 0 no-repeat; } .home .top-row .slideshow.slide2 { background: #e2e3e7 url(/assets/img/bg-slideshow-2.jpg) 0 0 no-repeat; } .home .top-row .slideshow.slide3 { background: #e2e3e7 url(/assets/img/bg-slideshow-3.jpg) 0 0 no-repeat; } .home .top-row .slideshow.slide4 { background: #e2e3e7 url(/assets/img/bg-slideshow-4.jpg) 0 0 no-repeat; } .home .top-row .slideshow.slide5 { background: #e2e3e7 url(/assets/img/bg-slideshow-5.jpg) 0 0 no-repeat; } .home .top-row .slideshow .slides { height: 200px; width: 712px; overflow: hidden; } .home .top-row .slideshow .slides .slide1 { height: 200px; width: 712px; background: #e2e3e7 url(/assets/img/bg-slideshow-1.jpg) 0 0 no-repeat; } .home .top-row .slideshow .slides .slide2 { height: 200px; width: 712px; background: #e2e3e7 url(/assets/img/bg-slideshow-2.jpg) 0 0 no-repeat; } .home .top-row .slideshow .slides .slide3 { height: 200px; width: 712px; background: #e2e3e7 url(/assets/img/bg-slideshow-3.jpg) 0 0 no-repeat; } .home .top-row .slideshow .slides .slide4 { height: 200px; width: 712px; background: #e2e3e7 url(/assets/img/bg-slideshow-4.jpg) 0 0 no-repeat; } .home .top-row .slideshow .slides .slide5 { height: 200px; width: 712px; background: #e2e3e7 url(/assets/img/bg-slideshow-5.jpg) 0 0 no-repeat; } .home .top-row .slideshow .slides .slide6 { height: 200px; width: 712px; background: #e2e3e7 url(/assets/img/bg-slideshow-6.jpg) 0 0 no-repeat; } .home .top-row .slideshow .block { height: 152px; width: 356px; padding: 24px 0; float: left; position: relative; top: 0px; } .home .top-row .slideshow .block h1 { position: relative; left: 24px; height: 24px; text-indent: -4000px; font-family: georgia, times, serif; font-size: 3em; line-height: 1em; font-weight: bold; font-style: italic; color: #0076a3; } .home .top-row .slideshow .block h1 a { height: 30px; width: auto; display: block; } .home .top-row .slideshow .block h1.what-is-h1n1 { background: url(/assets/img/bg-h1-what-is-h1n1.png) 0 0 no-repeat; } .home .top-row .slideshow .block h1.about-the-vaccine { background: url(/assets/img/bg-h1-about-the-vaccine.png) 0 0 no-repeat; } .home .top-row .slideshow .block p { font-size: 1.3em; width: 310px; position: relative; left: 24px; } .home .top-row .slideshow .block ul { width: 300px; position: relative; left: 24px; top: 0; padding: 0 !important;} .home .top-row .slideshow .block ul li { font-size: 1.2em !important; padding: 2px 0 2px 12px; background: url(/assets/img/bg-li-arrow.png) left center no-repeat; } .home .top-row .info { height: 220px; width: 246px; float: left; border-bottom: solid 1px #eaeaea; overflow: hidden; } .home .top-row .info h1 { width: 214px; height: 42px; position: relative; top: 10px; left: 10px; text-indent: -4000px; background: url(/assets/img/bg-h1-whats-hot.png) 0 0 no-repeat;} .home .top-row .info h1 a { width: 214px; height: 42px; display: block; } .home .top-row .info p { width: 214px; font-size: 1.2em; position: relative; top: 18px; left: 15px;line-height:1.1em; } .home .top-row .info ul { width: 214px; position: relative; top: 12px; left: 10px; padding: 0 !important; } .home .top-row .info ul li { width:210px; height:auto; font-size: 1.2em !important; line-height: 1.1em !important; padding: 8px 0 8px 12px; background: url(/assets/img/bg-li-arrow.png) left 13px no-repeat; border-bottom:1px dashed #fff;} .home .top-row .five-ways { height: 194px; width: 246px; float: left; } .home .top-row .five-ways h1 { width: 214px; height: 42px; position: relative; top: 18px; left: 18px; text-indent: -4000px; background: url(/assets/img/bg-h1-five-ways.png) 0 0 no-repeat;} .home .top-row .five-ways h1 a { width: 214px; height: 42px; display: block; } .home .top-row .five-ways p { width: 214px; font-size: 1.1em; position: relative; top: 18px; left: 18px; } .home .top-row .five-ways ul { width: 214px; position: relative; top: 12px; left: 18px; padding: 0 !important; } .home .top-row .five-ways ul li { font-size: 1.1em !important; line-height: 1em; padding: 2px 0 2px 12px; background: url(/assets/img/bg-li-arrow.png) left center no-repeat; } .home .bottom-row { height: 160px; border-top: solid 1px #d0d0d0;} .home .bottom-row .column { height: 160px; float: left; } .home .bottom-row .column h1 { height: 30px; width: 190px; position: relative; left: 24px; top: 30px; text-indent: -4000px; font-family: georgia, times, serif; font-size: 1.4em; line-height: 1em; font-weight: bold; font-style: italic; } .home .bottom-row .column h1 a { height: 30px; width: 190px; display: block; } .home .bottom-row .column p { width: 190px; position: relative; left: 24px; top: 30px; font-size: 1.1em; } .home .bottom-row .c1 { width: 237px; } .home .bottom-row .c1 h1 { background: url(/assets/img/bg-h1-watch-a-video-message.png) 0 0 no-repeat; } .home .bottom-row .c2 { width: 238px; } .home .bottom-row .c2 h1 { background: url(/assets/img/bg-h1-tips-for-caregivers.png) 0 0 no-repeat; } .home .bottom-row .c3 { width: 238px; } .home .bottom-row .c3 h1 { background: url(/assets/img/bg-h1-should-you-consider-vaccination.png) 0 0 no-repeat; } .home .bottom-row .c3 h1, .home .bottom-row .c3 p { left: 18px !important; } .home .bottom-row .c4 { width: 238px; } .home .bottom-row .c4 h1 { background: url(/assets/img/bg-h1-where-and-when.png) 0 0 no-repeat; } .home .bottom-row .c4 h1, .home .bottom-row .c5 p { left: 18px !important; } .home .bottom-row .c5 { width: 230px; } .home .bottom-row .c5 h1 { background: url(/assets/img/bg-h1-national-information.png) 0 0 no-repeat; } .home .bottom-row .c5 h1, .home .bottom-row .c5 p { left: 18px !important; } #print-logo {display:none;} #marqueecontainer { position: relative;width: 210px; /*marquee width */height: 140px; /*marquee height */ background-color: #f2f2f2; overflow: hidden;border: 1px solid #ddd;padding: 2px;left: 15px;top:20px;} #marqueecontainer div{ font-size:1.2em;left:10px;width:190px;line-height:1.5em;} #marqueecontainer p span{font-size:12px;line-height:1.2em;}