@charset "utf-8"; /* CSS Document */ /***************************Begin Mobile Header Styles********************/ .ui-header.ui-bar-c { display: block; /*border: 1px solid #B3B3B3;*/ background-color: white; color: #335C85; font-weight: bold; text-shadow: 0 1px 1px white; background-image: none; border-bottom: 0; /*background-image: -webkit-gradient(#FFF 60%, #CFE1F3); background-image: -webkit-linear-gradient(#FFF 60%, #CFE1F3); background-image: -moz-linear-gradient(#FFF 60%, #CFE1F3); background-image: -ms-linear-gradient(#FFF 60%, #CFE1F3); background-image: -o-linear-gradient(#FFF 60%, #CFE1F3); background-image: linear-gradient(#FFF 60%, #CFE1F3);*/ background-image: -webkit-gradient(#CFE1F3, #FFF 40%); background-image: -webkit-linear-gradient(#CFE1F3, #FFF 40%); background-image: -moz-linear-gradient(#CFE1F3, #FFF 40%); background-image: -ms-linear-gradient(#CFE1F3, #FFF 40%); background-image: -o-linear-gradient(#CFE1F3, #FFF 40%); background-image: linear-gradient(#CFE1F3, #FFF 40%); } .ui-header, .ui-footer { display: block; position: relative; border-left-width: 0; border-right-width: 0; zoom: 1; } .ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { display: block; font-family: Helvetica, Arial, sans-serif } .ui-body-c { display: block; font-size: 16px; } #logoWrapper { display: block; padding: 9px 9px 4px; } .ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { display: block; font-family: Helvetica,Arial,sans-serif; } .ui-body-c, .ui-overlay-c { display: block; color: #333333; text-shadow: 0 1px 0 #FFFFFF; } .ui-header .ui-title { margin: .35em 10px .35em; padding-left: 55px; white-space: normal; font-size: 12px; text-align: left; background: url(http://www.cdc.gov/training/QuickLearns/css/images/cdcLogoHeader_50w.png) no-repeat; line-height:35px; } .ui-header.ui-bar-c .ui-navbar .ui-btn-up-c { background: #EEE /*{c-bup-background-color}*/; font-weight: bold; color: #335C85 /*{c-bup-color}*/; text-shadow: none; font-weight: bold; text-transform: uppercase; background-image: -webkit-gradient(linear, left top, left bottom, from( white /*{c-bup-background-start}*/), to( #D8E6F3 /*{c-bup-background-end}*/)); background-image: -webkit-linear-gradient(white /*{c-bup-background-start}*/, #D8E6F3 /*{c-bup-background-end}*/); background-image: -moz-linear-gradient(white /*{c-bup-background-start}*/, #D8E6F3 /*{c-bup-background-end}*/); background-image: -ms-linear-gradient(white /*{c-bup-background-start}*/, #D8E6F3 /*{c-bup-background-end}*/); background-image: -o-linear-gradient(white /*{c-bup-background-start}*/, #D8E6F3 /*{c-bup-background-end}*/); background-image: linear-gradient(white /*{c-bup-background-start}*/, #D8E6F3 /*{c-bup-background-end}*/); } .ui-header.ui-bar-c .ui-navbar li .ui-btn-up-c { border-left: 0; border-right: 1px solid #C7DCEF; border-bottom: 0; border-top: 0; } .ui-header.ui-bar-c .ui-navbar li .ui-btn-up-c.last { border-left: 0; border-right: 0; border-bottom: 0; border-top: 0; } /*****************************End Mobile Header Styles********************/ /**************************Begin Desktop Header Styles********************/ #branding { display: none; } #branding #branding-logo { display: none; } #branding-logo span { display: none; } #branding #branding-logoImage a { display: none; } #branding #branding-logo img { display: none; } #branding span { display: none; } #branding span a, #branding span a:visited { display: none; } #branding span a:hover { display: none; } /***************************End Desktop Header Styles*********************/ /****************************Begin Mobile Footer Styles******************/ .ui-footer a { text-decoration: none; } .ui-bar-c a.ui-link { color: #7cc4e7; font-weight: bold; } .ui-bar-c a.ui-link:visited { color: #2489ce; } .ui-bar-c a.ui-link:hover { color: #2489ce; } .ui-bar-c a.ui-link:active { color: #2489ce; } .ui-footer .hhs { color: #777777; text-align:center; padding:5px 5px; margin: 5px 0px; font-size: 13px; } .ui-footer .hhs a.ui-link, .ui-footer .hhs a.ui-link:visited { color: #777777; } .ui-footer.ui-bar-c { border: none; background-image: none; color:#38557A; text-shadow: none; background-color: white; } .ui-footer.ui-bar-c .footer-page-toolbar li a { color: #335C85; background-color: #FFF; background-image: none; font-size: 13px; font-weight: bold; } .ui-footer.ui-bar-c .footer-fullsite-toolbar li a { background-color: #FFF; background-image: none; } .ui-footer.ui-bar-c .footer-fullsite-toolbar .ui-btn-text { color:#38557A; text-shadow: none; } /* Contact Us */ #contact-info { position: relative; color: black; margin: 1em 0 1em 0; padding: 0 0.5em 0 0; } #contact-info h5 { margin: 0 0.5em 0.75em; font-family: "Trebuchet MS"; font-size: 1.1em; font-weight: bold; width: auto; } #contact-info ul { position: relative; margin: 0.5em 0 0 0; padding: 0 0.5em; list-style: none; } ul.noBullet li { background-color: white; background-image: none; display: block; margin: 0; padding: 5px; width: auto; border-bottom: 1px dotted #CDCDCD; list-style: none; } #contact-info ul li { position: relative; margin-left: 0; border: none; padding: 2px 0 2px 2.75em; } #contact-info li.mail { background: url('../../../TemplatePackage/images/icon_mail.gif') 0 3px no-repeat; } #contact-info li.phone { background: url('../../../TemplatePackage/images/icon_phone.gif') 0 3px no-repeat; } #contact-info li.contact-email { background: url('../../../TemplatePackage/images/icon_envelope.gif') 0 3px no-repeat; } .prefoot { background: #c6d4e5; /* Old browsers */ /*background: -moz-linear-gradient(top, #c6d4e5 0%, #dfe6f0 5%, #e9eef4 5%, #e9eef4 6%, #d5dfeb 96%, #cfd0d0 96%, #cfcfcf 97%, #efefef 100%, #f8f8f8 100%); */ /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6d4e5), color-stop(5%,#dfe6f0), color-stop(5%,#e9eef4), color-stop(6%,#e9eef4), color-stop(96%,#d5dfeb), color-stop(96%,#cfd0d0), color-stop(97%,#cfcfcf), color-stop(100%,#efefef), color-stop(100%,#f8f8f8)); */ /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #c6d4e5 0%,#dfe6f0 5%,#e9eef4 5%,#e9eef4 6%,#d5dfeb 96%,#cfd0d0 96%,#cfcfcf 97%,#efefef 100%,#f8f8f8 100%); */ /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #c6d4e5 0%,#dfe6f0 5%,#e9eef4 5%,#e9eef4 6%,#d5dfeb 96%,#cfd0d0 96%,#cfcfcf 97%,#efefef 100%,#f8f8f8 100%); */ /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #c6d4e5 0%,#dfe6f0 5%,#e9eef4 5%,#e9eef4 6%,#d5dfeb 96%,#cfd0d0 96%,#cfcfcf 97%,#efefef 100%,#f8f8f8 100%); */ /* IE10+ */ /*background: linear-gradient(to bottom, #c6d4e5 0%,#dfe6f0 5%,#e9eef4 5%,#e9eef4 6%,#d5dfeb 96%,#cfd0d0 96%,#cfcfcf 97%,#efefef 100%,#f8f8f8 100%); */ /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6d4e5', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */ background: -moz-linear-gradient(center top , #C6D4E5 0%, #E9EEF4 5%, #E9EEF4 6%, #D5DFEB 96%, #AAAAAA 96%, #CFCFCF 98%, #FFFFFF 100%) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6d4e5), color-stop(5%,#e9eef4), color-stop(6%,#e9eef4), color-stop(96%,#d5dfeb), color-stop(96%,#AAAAAA), color-stop(98%,#CFCFCF), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c6d4e5 0%,#e9eef4 5%,#e9eef4 6%,#d5dfeb 96%,#AAAAAA 96%,#CFCFCF 98%,#FFFFFF 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c6d4e5 0%,#dfe6f0 5%,#e9eef4 6%,#d5dfeb 96%,#AAAAAA 96%,#CFCFCF 98%,#FFFFFF 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c6d4e5 0%,#dfe6f0 5%,#e9eef4 5%,#e9eef4 6%,#d5dfeb 96%,#AAAAAA 96%,#CFCFCF 98%,#FFFFFF 100%); /* IE10+ */ background: linear-gradient(to bottom, #c6d4e5 0%,#dfe6f0 5%,#e9eef4 5%,#e9eef4 6%,#d5dfeb 96%,#AAAAAA 96%,#CFCFCF 98%,#FFFFFF 100%); /* W3C */ overflow: hidden; } .mobileVersionBlock { text-align: center; margin: 0 0 10px; } .mobileVersionBlock .mobileVersionSpacer, .mobileVersionBlock .languageVersion, .mobileVersionBlock .fullSite { display: inline-block; margin: 0 10px; padding: 10px 5px 15px; } .socialMediaStrip { text-align:center; padding-top: 10px; } table.footerNavbar { width: 100%; border-collapse: collapse; text-align:center; margin-top: 4px; /*box-shadow: 0 4px 2px -2px rgba(212,212,212,0.6); -moz-box-shadow: 0 4px 2px -2px rgba(212,212,212,0.6); -webkit-box-shadow: 0 4px 2px -2px rgba(212,212,212,0.6);*/ } table.footerNavbar td { vertical-align:middle; padding: 2px 3px; border-color: #D4D4D4; border-left: 1px solid #D4D4D4; border-right: 1px solid #D4D4D4; border-style: solid; border-width: 0 1px; } table.footerNavbar td a.ui-link, table.footerNavbar td a.ui-link:visited, table.footerNavbar td a.ui-link:active, table.footerNavbar td a.ui-link:hover { color:#335C85; } table.footerNavbar td.NoLeftBorder { border-left: none; } table.footerNavbar td.NoRightBorder { border-right: none; } /*****************************End Mobile Footer Styles*******************/ /****************************Begin Desktop Footer Styles******************/ #siteinfo { display: none; } /*****************************End Desktop Footer Styles*******************/ @media only screen and (min-width : 768px) { /***************************Begin Mobile Header Styles********************/ /*****************************End Mobile Header Styles********************/ /**************************Begin Desktop Header Styles********************/ /***************************End Desktop Header Styles*********************/ /****************************Begin Mobile Footer Styles******************/ /*****************************End Mobile Footer Styles*******************/ /****************************Begin Desktop Footer Styles******************/ /*****************************End Desktop Footer Styles*******************/ } @media only screen and (min-width : 992px) { /***************************Begin Mobile Header Styles********************/ .ui-header.ui-bar-c { display: none; } .ui-header, .ui-footer { display: none; } /*.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { display: none; }*/ .ui-body-c { display: none; } #logoWrapper { display: none; } /*.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { display: none; }*/ .ui-body-c, .ui-overlay-c { display: none; } /*****************************End Mobile Header Styles********************/ /**************************Begin Desktop Header Styles********************/ #branding { display: block; background: url("../images/bluebar-82.jpg") repeat-x scroll 0 0 white; height: auto; min-height: 80px; min-width: 1px; position: relative; border: medium none; clear: both; margin: 0; padding: 0; } #branding #branding-logo { display: block; background: url("../../../TemplatePackage/images/cdcHeaderLogo.gif") no-repeat scroll 5px 20px transparent; height: 80px; margin: 0; max-width: 100%; padding: 0; } #branding-logo span { display: none; } #branding #branding-logoImage a { display: none; height: 60px; position: absolute; width: 480px; } #branding #branding-logo img { display: none; } #branding span { display: block; margin: 5px 0 0 9px; position: absolute; text-align: center; } #branding span a, #branding span a:visited { display: block; color: #666666; font-size: 0.9em; text-decoration: none; } #branding span a:hover { display: block; color: #396DA5; font-size: 0.9em; text-decoration: underline; } /***************************End Desktop Header Styles*********************/ /****************************Begin Mobile Footer Styles******************/ /*****************************End Mobile Footer Styles*******************/ /****************************Begin Desktop Footer Styles******************/ #siteinfo { display: block; min-height: 70px; z-index: -22; background: none repeat scroll 0 0 white; border-top: 4px solid #4162A5; clear: both; margin: 0; padding: 0; } #siteinfo-nav { background: none repeat scroll 0 0 #EEF1F7; color: #0061AA; font-size: 0.9em; height: 23px; margin: 0; width: auto; } #siteinfo-nav ul.menu { background: none repeat scroll 0 0 transparent; height: 23px; line-height: 1.25; list-style: none outside none; margin: 0; padding: 0; } #siteinfo-nav > ul.menu > li:first-child { margin-left: 0; } #siteinfo-nav ul.menu li { background: none repeat scroll 0 0 transparent; display: inline; float: left; padding: 0 1em; width: auto; } #siteinfo-nav > ul.menu > li.last-child { background: none repeat scroll 0 0 transparent; } #siteinfo-nav ul.menu li { display: inline; float: left; margin: 0; padding: 0 1em; width: auto; } #siteinfo-credits { background-color: #FFFFFF; border: medium none; color: #000000; line-height: 1.2; margin: 0; min-height: 70px; padding: 6px 0 0; } #siteinfo-logos { border: 1px solid #FFFFFF; display: inline; float: right; height: 55px; margin: 0; padding: 0; vertical-align: middle; width: auto; } #siteinfo-credits #siteinfo-logos img { border: medium none; display: inline; float: left; margin: 0; padding: 0; } #siteinfo-credits img { clear: right; } #siteinfo-credits p, #siteinfo-credits address { background: none repeat scroll 0 0 transparent; font-size: 0.9em; line-height: 1.55em; padding: 10px 0 0 10px; text-align: left; } address { font-style: normal; } /*****************************End Desktop Footer Styles*******************/ } @media only screen and (min-width : 1200px) { /***************************Begin Mobile Header Styles********************/ .ui-header.ui-bar-c { display: none; } .ui-header, .ui-footer { display: none; } /*.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { display: none; }*/ .ui-body-c { display: none; } #logoWrapper { display: none; } /*.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button { display: none; }*/ .ui-body-c, .ui-overlay-c { display: none; } /*****************************End Mobile Header Styles********************/ /**************************Begin Desktop Header Styles********************/ #branding { display: block; background: url("../images/bluebar-82.jpg") repeat-x scroll 0 0 white; height: auto; min-height: 80px; min-width: 1px; position: relative; border: medium none; clear: both; margin: 0; padding: 0; } #branding #branding-logo { display: block; background: url("../../../TemplatePackage/images/cdcHeaderLogo.gif") no-repeat scroll 5px 20px transparent; height: 80px; margin: 0; max-width: 100%; padding: 0; } #branding-logo span { display: none; } #branding #branding-logoImage a { display: none; height: 60px; position: absolute; width: 480px; } #branding #branding-logo img { display: none; } #branding span { display: block; margin: 5px 0 0 9px; position: absolute; text-align: center; } #branding span a, #branding span a:visited { display: block; color: #666666; font-size: 0.9em; text-decoration: none; } #branding span a:hover { display: block; color: #396DA5; font-size: 0.9em; text-decoration: underline; } /***************************End Desktop Header Styles*********************/ /****************************Begin Mobile Footer Styles******************/ /*****************************End Mobile Footer Styles*******************/ /****************************Begin Desktop Footer Styles******************/ #siteinfo { display: block; min-height: 70px; z-index: -22; background: none repeat scroll 0 0 white; border-top: 4px solid #4162A5; clear: both; margin: 0; padding: 0; } #siteinfo-nav { background: none repeat scroll 0 0 #EEF1F7; color: #0061AA; font-size: 0.9em; height: 23px; margin: 0; width: auto; } #siteinfo-nav ul.menu { background: none repeat scroll 0 0 transparent; height: 23px; line-height: 1.25; list-style: none outside none; margin: 0; padding: 0; } #siteinfo-nav > ul.menu > li:first-child { margin-left: 0; } #siteinfo-nav ul.menu li { background: none repeat scroll 0 0 transparent; display: inline; float: left; padding: 0 1em; width: auto; } #siteinfo-nav > ul.menu > li.last-child { background: none repeat scroll 0 0 transparent; } #siteinfo-nav ul.menu li { display: inline; float: left; margin: 0; padding: 0 1em; width: auto; } #siteinfo-credits { background-color: #FFFFFF; border: medium none; color: #000000; line-height: 1.2; margin: 0; min-height: 70px; padding: 6px 0 0; } #siteinfo-logos { border: 1px solid #FFFFFF; display: inline; float: right; height: 55px; margin: 0; padding: 0; vertical-align: middle; width: auto; } #siteinfo-credits #siteinfo-logos img { border: medium none; display: inline; float: left; margin: 0; padding: 0; } #siteinfo-credits img { clear: right; } #siteinfo-credits p, #siteinfo-credits address { background: none repeat scroll 0 0 transparent; font-size: 0.9em; line-height: 1.55em; padding: 10px 0 0 10px; text-align: left; } address { font-style: normal; } /*****************************End Desktop Footer Styles*******************/ }