@charset "UTF-8"; /* CSS Document */ body { margin: 0px; padding: 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: rgb(64, 64, 64); line-height: 1; outline-color:#ff0000; } form { margin: 0px; } a { color: rgb(48, 89, 179); text-decoration: none; } .p { margin: 0px; clear: both; font-size: 1.2em; } p { line-height: 1.4em; margin: 0px 0px 2em; } .wht{ color:#FFF; } #alertMsg, #alertMsgOne, #alertMsgTwo, #alertMsgThree{ margin: 0 auto; width: 160px; font-size: 11px; position: relative; text-align:center; line-height: 110%; } .cpst_tool_head{ margin: 0 0 0 0; padding: 5px 15px 0 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #20275e; text-align: center; line-height: 95%; } .headcaps{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-transform: uppercase; line-height: 75%; letter-spacing: 1px; } .cpst_section_box { margin: 0 auto; padding: 5px 0 0 0; background-image: url(images/panel1.jpg); background-repeat: no-repeat; background-position: 1px -3px; width: 175px; height: 110px; } .cpst_section_box_three { margin: 0 auto; padding: 5px 0 0 0; background-image: url(images/panel1.jpg); background-repeat: no-repeat; width: 175px; height: 110px; } .cpst_section_head { margin: 14px 0 0 8px; width: 158px; height: 25px; text-align: center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 90%; font-weight:bold; letter-spacing: 1px; color: #20275e; text-transform: uppercase; } .cpst_section_head_two { margin: 12px 0 0 8px; width: 158px; height: 14px; text-align: center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; letter-spacing: 1px; color: #20275e; text-transform: uppercase; } #alertMsg { margin: 0 0 0 0; width: 375px; width: 100%; height: 30px; text-align: center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; letter-spacing: 1px; color: #333; clear: both; } .cpst_self { margin: 0 0 0 0; padding: 0; width: 166px; height: 40px; } .cpst_patient { margin: 0 0 0 0; padding: 0; width: 166px; height: 30px; } #isPregnant { display: none; } .error { margin: 20px 0 0 0; padding: 0; width: 160px; height: 20px; font-size: 12px; font-weight: bold; color: #F00; } .cpst_pregnant { margin: 20px 0 0 0; padding: 0; width: 166px; height: 0px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; letter-spacing: 1px; text-transform:uppercase; color: #FFF; } .cpst_radio { margin: 0; padding: 2px 0 0 10px; } .cpst_text { margin: 5px 0 0 0; padding: 0 0 0 5px; width: 126px; height: 30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; letter-spacing: 1px; color: #FFF; float: right; clear: none; } .cpst_text_patient { margin: 10px 0 0 0; padding: 0 0 0 5px; width: 126px; height: 20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; letter-spacing: 1px; color: #FFF; float: right; clear: none; } .typeface { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing: 1px; color: #FFF; font-size: 14px; line-height: 90%; } .cpst_self .radio { margin: 0; width: 20px; height: 20px; border: 0; background-repeat:no-repeat; } .cpst_footer_box { margin: 0 auto; /*background-image:url(images/CDCbug.png); background-position:right; background-repeat:no-repeat;*/ width: 175px; height: 120px; clear: both; } .submit_row{ margin: 20px auto 10px; position:relative; width: 110px; height: 40px; } .submit_row .button { margin: 0; width: 156px; height: 40px; background-image:url(https://www.cdc.gov/prevention/widget/images/submit_up.jpg); border: 0; background-repeat:no-repeat; } .submit_row .button:hover { margin: 0; width: 156px; height: 40px; background-image:url(https://www.cdc.gov/prevention/widget/images/submit_dn.jpg); border: 0; background-repeat:no-repeat; float: left; clear: none; } .cdc_bug{ position:relative; margin: 0 auto; width: 73px; height: 40px; clear: both; } .info { position: absolute; margin-top: -230px; width: 156px; height: 230px; padding: 10px; font-size: 11px; line-height: 110% z-index: 4000; } .icons { position: absolute; bottom: 0; left: 0; background-color: #036; width: 176px; height: 20px; color: #FFF; font-size: 11px; } .icons a:link, .icons a:hover, .icons a:visited, .icons a:active { color: #FFF; text-decoration: none; } .row { margin: 0px 0px 12px; } .row label { font-weight: bold; font-size: 1.2em; } .cpst_pregnant { float: left; width: 160px; } .pregnant_row { float: left; width: 160px; } .cpst_pregnant { float: left; width: 172px; } .pregnant_row { float: left; width: 172px; } .pregnant_question { margin: 10px 0 0 0; padding: 0 0 0 2px; width: 172px; height: 25px; clear: both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; text-transform: uppercase; font-weight:bold; letter-spacing: 1px; color: #FFF; } .pregnant_text { margin: 5px 0 0 4px; padding: 4px 0 0 0; width: 66px; text-align: center; float: left; clear: none; } .pregnant_list { margin: 4px 0 0 0; padding: 0; width: 102px; text-align: center; float: left; clear: none; } .pregnant_yes { margin: 6px 0 0 0; padding: 0; width: 24px; text-align: left; float: right; font-size:10px; clear: none; } .pregnant_no { margin: 6px 0 0 0; padding: 0; width: 24px; text-align: left; float: right; font-size:10px; clear: none; } .pregnant_check { margin: 0px 0 0 0; } .age_row { padding: 40px 0px 0px; font-weight: bold; font-size: 28px; float: left; width: 50%; } .age_row { padding: 40px 0px 0px; font-weight: bold; font-size: 28px; float: left; width: 50%; } .textinput{ margin: 5px 0 0 0; text-align: center; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; color: rgb(45, 76, 149); width: 60px; height: 30px; vertical-align: middle; background: transparent; background:#FFF; border: none; } .cpst_gender { margin: 5px 0 0 10px; float: left; width: 150px; } .cpst_gender_wrapper { margin: 0; width: 55px; height: 65px; text-align: center; } ol, ul { list-style: none outside none; } .clear { clear: both; line-height: 0; font-size: 0px; } /************************** NEW STYLES ********************************/ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; } html { height:100%; max-height:100%; padding:0; margin:0; border:0; overflow: hidden; } body { height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0 } img, fieldset { border: 0; } /* set image max width to 100% */ img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /************************************************************************************ GENERAL STYLING *************************************************************************************/ body { /*background: #0d1424;*/ font: .81em/150% Arial, Helvetica, sans-serif; color: #333; } a { color: #026acb; text-decoration: none; } a:hover { text-decoration: underline; } p { margin: 0 0 1.2em; padding: 0; } /* list */ ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; } li { margin: 0 0 .5em 0; padding: 0; } /* headings */ h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; color: #000; } h1 { font-size: 2em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 {6 font-size: 1.1em; } h6 { font-size: 1em; } /* reset webkit search input styles */ input[type=search] { -webkit-appearance: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; } /************************************************************************************************ /************************************************************************************ STRUCTURE *************************************************************************************/ #pagewrap { /*width: 720px; margin: 0 auto;*/ margin: 10px; width: 176px; height: 280px; } /************************************************************************************ HEADER *************************************************************************************/ #header { position: relative; height: 160px; } /* site logo */ #site-logo { position: absolute; top: 10px; } #site-logo a { font: bold 30px/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } #contentwide { margin: 0; padding: 0; clear: both; } /************************************************************************************ CONTENT *************************************************************************************/ #contentone { margin: 0; padding: 0; width: 175px; clear: none; } #contenttwo { margin: 0; padding: 0; width: 175px; clear: none; } #contentthree { margin: 0; padding: 0; width: 175px; clear: none; } /************************************************************************************ CONTENT RESULTS *************************************************************************************/ #contentoneresults { background: #fff; margin: 30px 15px 30px; padding: 10px 10px 0px 10px; /* rounded corner */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /* box shadow */ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); } #contenttworesults { background: #fff; margin: 30px 15px 30px; padding: 10px 10px; /* rounded corner */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /* box shadow */ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); } #contentthreeresults { background: #fff; margin: 30px 15px 30px; padding: 10px 10px; /* rounded corner */ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /* box shadow */ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4); box-shadow: 0 1px 3px rgba(0,0,0,.4); overflow: visible; } .clearfloat { clear:both; height:0; width: 100% font-size: 1px; line-height: 0px; } .clearnone { clear:none; float: left; } #widgettitle { color:#FFF; font-size: 10px; background-color:#036; width: 178px; height:20px; } #pagewrap { display:block; overflow:hidden; position:relative; z-index:3; text-align : center; background: #25aae3; } #wrapper { height:100%; max-height:100%; overflow:auto; position:relative; z-index:3; text-align : left; } #privacyhome, #privacyresult { padding: 10px; display:none; height:100%; max-height:100%; overflow:auto; background-color: #FFF; position:relative; z-index:3; text-align : left; } #footerbar { position:absolute; margin:0; padding: 6px; bottom:-1px; display:block; width:100%; z-index:4; height : 18px; background-color: #656565; text-align : center; line-height: 20px; font-size:1em; } .gap {height : 60px;} .navholder { margin: 0 auto; width: 100%; height : 18px; } .nav { margin: 0 0 0 0px; padding: 0 2px; display: block; height : 18px; width: 50px; float: left; text-align:center; clear: none; color:#FFF; } .navthree { margin: 0 0 0 0px; padding: 0 2px; display: block; height : 18px; width: 60px; float: left; text-align:center; clear: none; color:#FFF; } .navthree:link, .navthree:hover,.navthree:active,.navthree:visited { color:#FFF; text-decoration:none; } .navtwo { margin: 0 0px 0 0; padding: 0 2px; display: block; height : 18px; width: 50px; float: left; text-align:center; clear: none; color:#FFF; } #container, #containertwo { width : 100%; height: 100%; max-height:100%; } #startscreen { background-color: #00335f; width: 100%; height: 100%; } #footerbarthree{ visibility: collapse; } h1.startheader{ color: #FFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:large; text-align:center; width: 100%; margin-top: 0; padding-top: 10%; } .startheader{ color: #FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:large; text-align:center; width: 100%; margin-top: 0; padding-top: 10%; } .startfooter{ width: 100%; margin-top: 0; height: 100%; padding-top: 10%; } .info { position: absolute; background-color:#DDD; margin-top: -228px; width: 156px; height: 220px; padding: 10px; font-size: 11px; line-height: 110% z-index: 4000; overflow: auto } .closer { width: 146px; padding: 2px; height: 16px; text-align: right; } /* #selfbut a:focus, #patientsbut a:focus, #subone a:focus, #cdcone a:focus, #malebut a:focus, #femalebut a:focus, #subtwo a:focus, #cdctwo a:focus, #pregon a:focus, #pregoff a:focus, #subthree a:focus, #cdcthree a:focus, #subfour a:focus, #cdcfour a:focus, #sharebut a:focus, #infobut a:focus, #disclaimerbut a:focus{ outline-color:#F00; } */ /* ARIA STYLES */ ul.radiogroupone { text-align: left; position:relative; margin: 2px 2px 2px 5px; padding: 0; } ul.radiogroupone li { padding: 0; margin: 0; margin-left: 0; list-style: none; width: 160px; } ul.radiogroupone li:hover { padding: 0; width: 160px; /*border: gray 2px solid;*/ } ul.radiogroupone li.selected { padding: 0; width: 160px; /*border: black 2px solid;*/ } ul.radiogrouptwo { text-align: left; position:relative; margin: 2px 2px 2px 5px; display: inline; padding: 0; width: 142px; } ul.radiogrouptwo li { padding: 0; margin: 0 5px; display: inline; list-style: none; width: 55px; } ul.radiogrouptwo li:hover { padding: 0; width: 55px; margin: 0 5px; /*border: gray 2px solid;*/ } ul.radiogrouptwo li.selected { padding: 0; width: 55px; margin: 0 5px; /*border: black 2px solid;*/ } ul.radiogroupthree { text-align: left; position:relative; margin: 2px 2px 2px 5px; width: 120px; padding: 0; } ul.radiogroupthree li { padding: 0; margin: 0; display: inline; list-style: none; width: 60px; } ul.radiogroupthree li:hover { padding: 0; width: 60px; /*border: gray 2px solid;*/ } ul.radiogroupthree li.selected { padding: 0; width: 60px; /*border: black 2px solid;*/ }