html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } blockquote, q { quotes:none } blockquote:before, blockquote:after, q:before, q:after { content:""; content:none } ins { background-color:#ff9; color:#000; text-decoration:none } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold } del { text-decoration:line-through } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help } table { border-collapse:collapse; border-spacing:0 } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0 } input, select { vertical-align:middle } body { font:13px/1.231 arial, helvetica, sans-serif; font-size:small; } select, input, textarea, button { font:99% sans-serif } pre, code, kbd, samp { font-family:monospace, sans-serif } a:active { outline:0 } ol { list-style-type:decimal } nav ul, nav li { margin:0; list-style:none; list-style-image:none } small { font-size:85% } strong, th { font-weight:bold } td { vertical-align:top } sub, sup { font-size:75%; line-height:0; position:relative } sup { top:-0.5em } sub { bottom:-0.25em } pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px } textarea { overflow:auto } .ie6 legend, .ie7 legend { margin-left:-7px } input[type="radio"] { vertical-align:text-bottom } input[type="checkbox"] { vertical-align:bottom } .ie7 input[type="checkbox"] { vertical-align:baseline } .ie6 input { vertical-align:text-bottom } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor:pointer } button, input, select, textarea { margin:0 } input:invalid, textarea:invalid { border-radius:1px; -moz-box-shadow:0 0 5px red; -webkit-box-shadow:0 0 5px red; box-shadow:0 0 5px red } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color:#f0dddd } a:link { -webkit-tap-highlight-color:#ff5e99 } button { width:auto; overflow:visible } .ie7 img { -ms-interpolation-mode:bicubic } body, select, input, textarea { color:#444 } h1, h2, h3, h4, h5, h6 { font-weight:bold } a, a:active, a:visited { color:#00e } a:hover { color:#036 } html { overflow:hidden } body { background:url("../../../../Widgets/EmbarazoAdolescentes/Quiz/background.jpg") no-repeat scroll 0 0 white; border:1px solid #697ea8; height:400px; position:relative; width:200px } .no-js body { background:#fff } .js_notice { display:none } .no-js .js_notice { display:block } .no-js #container { display:none } #loading { background:url("../../../../Widgets/EmbarazoAdolescentes/Quiz/_img/loading.gif") no-repeat scroll center center #eaeaea; height:250px } #main_header { height:53px } #main_header h1 { float:left; padding:5px 0 0 10px } #main_header #hhs_logo, #main_header #cdc_logo { background:url("../../../../Widgets/EmbarazoAdolescentes/Quiz/_img/cdc_hhs_logo.png") no-repeat 0 0 transparent; float:right; margin:0 5px 0 0; width:29px } #main_header #hhs_logo { height:30px; margin:0 5px 5px 0 } #main_header #cdc_logo { background-position:0 -35px; clear:right; height:15px } #content { background:none repeat scroll 0 0 #fff; border:1px solid #000; color:#202020; font-size:11px; height:250px; margin:0 5px 5px; overflow:hidden; position:relative; width:190px; } #content article { white-space:pre; white-space:pre-wrap; white-space:pre-line; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:-moz-pre-wrap; white-space:-hp-pre-wrap; word-wrap:break-word; margin:5px } #content article .input_group { clear:left; float:left; width:140px } #content article input { float:left; margin:0 3px 0 0 } #content article label { line-height:20px; float:right; width:115px } #content article p { font-weight:bold; margin:0 0 10px 0 } #content article .answer_result { text-transform:uppercase } #content article .your_score { margin:0 } #content article .score { font-size:14px; line-height:40px } #controller { bottom:5px; left:0; position:absolute; text-align:center; width:155px } #controller a { margin:0 auto } #main_footer { zoom:1; bottom:0; left:0; position:absolute } #main_footer:before, #main_footer:after { content:"\0020"; display:block; height:0; overflow:hidden } #main_footer:after { clear:both } #main_footer a { border:1px solid black; color:#0052a2; display:block; float:left; font-size:11px; height:18px; line-height:18px; text-align:center; text-decoration:none; /* width:85px */} #main_footer a.disabled { cursor:default } #main_footer { height:42px; width:200px } #main_footer #popup_links { zoom:1; margin:5px 30px; width:150px; text-align:center; } #main_footer #popup_links:before, #main_footer #popup_links:after { content:"\0020"; display:block; height:0; overflow:hidden } #main_footer #popup_links:after { clear:both } #main_footer #popup_links a { background:#2c74b8; line-height:16px; height:16px; text-transform:uppercase; width:65px } #main_footer #popup_links #show_embedcode { margin:0 4px } #main_footer #show_disclaimer { display:inline; border:0; height:auto; width:100% } .popup { padding:0 5px; background:#eaeaea; height:348px; left:0; position:absolute; top:0; width:158px; z-index:100 } .popup h1 { color:#000; font-size:12px; margin:5px 0 10px 0; text-align:left } .popup h1 span { font-size:12px } .popup .popup_content { padding:0 5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#fff; border:1px solid #000; margin:0 0 5px 0; padding:5px; position:relative } .popup a.close_popup, .popup a.select_code { bottom:10px; color:#000; font-size:11px; text-decoration:none; position:absolute } .popup .close_popup { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; background:url("../../../../Widgets/EmbarazoAdolescentes/Quiz/_img/close.png") no-repeat scroll 0 0 transparent; height:12px; width:13px; right:5px; top:5px } .popup .close_popup:hover { background-position:0 -12px } .popup .select_code { left:10px } #popup_embedcode #code_content { border:medium none; height:210px; font-size:10px; resize:none; width:170px; } #popup_embedcode #copy_message { color:#000; display:none; font-size:11px; margin:0 5px } #popup_info { background-color:#000 } #popup_info .popup_content { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background-color:#eaeaea; font-size:10px; font-weight:bold; height:315px; margin:10px 0 0; padding:5px } #popup_info .popup_content h1 { margin:3px 0 15px 0 } #popup_info .popup_content li { list-style-type:none; margin:0 0 15px; text-align:center } #popup_info .popup_content p { white-space:pre; white-space:pre-wrap; white-space:pre-line; white-space:-pre-wrap; white-space:-o-pre-wrap; white-space:-moz-pre-wrap; white-space:-hp-pre-wrap; word-wrap:break-word; font-size:11px; font-weight:bold; margin:0 0 5px 0 } #popup_info .popup_content p a { font-size:10px } #popup_info .close_popup { right:14px; top:20px } #popup_info #get_more { font-size:11px; text-align:center; position:absolute; bottom:5px; left:23px } #popup_disclaimer { z-index:200 } #popup_disclaimer p { font-size:11px; line-height:15px; margin:0 10px } div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { -webkit-font-smoothing:antialiased } .selector, .radio, .checker, .uploader, .button, .selector *, .radio *, .checker *, .uploader *, .button * { margin:0; padding:0 } div.radio { margin-right:3px } div.radio span { background-position:-6px -4px; background-repeat:no-repeat; -webkit-font-smoothing:antialiased } div.radio, div.radio input { height:14px; width:13px; cursor:pointer; float:left } div.radio span { height:14px; width:13px; float:left } div.radio.focus span, div.radio:hover span { outline:2px solid #ff0 } div.radio.focus span.checked, div.radio:hover span.checked { outline:2px solid #ff0 } :focus { outline:2px solid #ff0 } a:focus span { outline:0 } .ir { display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr } .hidden { display:none; visibility:hidden } .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto } .invisible { visibility:hidden } .cf:before, .cf:after { content:"\0020"; display:block; height:0; overflow:hidden } .cf:after { clear:both } .cf { zoom:1 } .header_links{ float:right; text-align:right; margin-top:37px; font-size:12px; } .header_links li{ font-family:Arial, Helvetica, sans-serif; list-style:none; display:inline; color:#5084c1; font-weight:bold; padding-right:5px; } .header_links a{ color:#5084c1; text-decoration:none; } .footer_logo{ position:absolute; float:left; padding:5px; } .footer_log img{ padding:5px; } .hss{ z-index:1000; width:auto; } .hhs a{ text-decoration:none; width:auto; } .lefty{ float:left; padding:0.2em; vertical-align:baseline; }