/* ------------------------------------------ */ /* GENERAL STYLES */ /* ------------------------------------------ */ 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{ border:0; font:inherit; font-size:100%; margin:0; padding:0; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; } blockquote{ quotes:none; } blockquote:before, blockquote:after { content:none; } ins{ background-color:#ff9; color:#000; text-decoration:none; } mark{ background-color:#ff9; color:#000; font-style:italic; font-weight:700; } del{ text-decoration:line-through; } abbr[title],dfn[title]{ border-bottom:1px dotted; cursor:help; } table{ border-collapse:collapse; border-spacing:0; } hr{ border:0; border-top:1px solid #ccc; display:block; height:1px; margin:1em 0; padding:0; } input, select{ vertical-align:middle; } select, input, textarea, button{ font:99% sans-serif; } pre, code, kbd, samp{ font-family:monospace,sans-serif; } a:hover,a:active{ outline:0; } ol{ list-style-type:decimal; } nav ul, nav li{ list-style:none; list-style-image:none; margin:0; } small{ font-size:85%; } strong, th{ font-weight:700; } td{ vertical-align:top; } sub, sup{ font-size:75%; line-height:0; position:relative; } sup{ top:-.5em; } sub{ bottom:-.25em; } pre{ padding:15px; white-space:pre-wrap; word-wrap:break-word; } 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{ -moz-box-shadow:0 0 5px red; -webkit-box-shadow:0 0 5px red; border-radius:1px; 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{ overflow:visible; width:auto; } .ie7 img{ -ms-interpolation-mode:bicubic; } em{ font-style:italic; } .to_left { float:left; } .to_right { float:right; } .center_text { text-align:center; } /*##############################################*/ /** WIDGET SPECIFIC STYLES **/ /*##############################################*/ :focus{ outline:2px solid #ff0; } html{ overflow:hidden; } body{ background:url(../_img/background.png) no-repeat scroll 0 0 transparent; font:12px/1.2 Lato, Arial, Helvetica; font-size:small; height:382px; width:170px; } .no-js body{ background:#fff; } .js_notice{ display:none; } .no-js .js_notice{ display:block; } .no-js #container{ display:none; } .hidden{ display:none; visibility:hidden; } .visuallyhidden{ border:0; clip:rect(0000); 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; } body, select, input, textarea{ color:#2f383e; } a{ color:#1e9dcc; font-weight:700; text-decoration:none; } a:active{ color:#50bdec; } a:hover{ color:#50bdec; text-decoration:underline; } #container{ width:170px; height:301px; overflow:hidden; position:relative; } #headline_container { width:170px; height:81px; position:relative; } #content_container { width:170px; height:270px; position:relative; } #content_container:focus{ outline:0; } .content_area{ width:170px; height:270px; padding:0; margin:0; position:relative; } .content_area-intro{ width:170px; height:270px; padding:0; margin:0; position:relative; background-color: #3f51b5; } .content_area:focus{ outline:0; } .content_area a{ text-decoration:underline; } .header_txt { font-family:Lato, Arial, Helvetica; font-size:16px; font-weight:normal; color:#FFFFFF; width:170px; vertical-align:middle; text-align:center; line-height:17px; height:37px; } .header_txt-intro { font-family:Lato, Arial, Helvetica; font-size:20px; font-weight:bold; font-stretch:semi-condensed; color:#FFFFFF; width:170px; line-height: 95%; vertical-align:middle; text-align:center; top: 85px; position:relative; z-index: 100; } .title_bar { padding-top:10px; height:27px; } .photo_holder { width:170px; height:270px; margin:0; padding:0; position:relative; z-index:10; } .photo_holder img { padding:0; border:0; width:170px; height:232px; top:0; left:0; position:relative; z-index:20; } .question_holder { width:166px; height:232px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; } .question_text { padding-top:4px; width:160px; height:80px; margin-left:auto; margin-right:auto; text-align:center; } .blue_divider { margin:5px auto; width:150px; border-top: 2px solid #9c27b0; border-right: 0px; border-bottom: 0px; border-left: 0px; } #splash_page, #page1, #page2, #page3, #page4, #page5, #page6, #page7, #low_score, #high_score, #info_page1, #info_page2, #disclaimer_page, #share_page, #footer_content, #footer_info, #footer_disclaimer, #footer_share { display:none; } #widget_top { width:0px; height:0px; } #widget_top:focus { outline:none; } .spacer { float:left; display:block; width:20px; height:20px; } #loader_holder { text-align:center; width:100px; height:100px; left:35px; top:100px; position:absolute; z-index:100; } #start_quiz { text-align:center; width:130px; height:35px; left:20px; top:145px; position:absolute; z-index:100; } #start_quiz a, #start_quiz a:active, #start_quiz a:link, #start_quiz a:visited { display:block; width:130px; height:35px; line-height:35px; font-family:Lato, Arial, Helvetica; font-size:14px; text-decoration: none; color:#FFFFFF; background-color:#9c27b0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #start_quiz a:hover { background-color:#2f383e; } #logo_holder { position:absolute; left: 50px; top:210px; z-index:100; width:50px; height:25px; padding:4px; text-shadow: 2px 2px 2px #000000; filter: dropshadow(color=#000000, offx=2, offy=2); text-decoration:none; background-color:#0062AB; border:1px solid #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5); } #logo_holder a{ display:block; width:25px; height:25px; float:left; } #logo_holder img{ border:0; } .choices { width:150px; height:45px; text-align:center; margin:10px 0 0 10px; } .choices ul, .choices ul li{ padding:0; margin:0; } .choices ul { list-style-type: none; height: 45px; } .choices ul li { float: left; position: relative; z-index:1000; margin-left:10px; } .choices ul li a, .choices ul li a:active, .choices ul li a:link, .choices ul li a:visited{ display:block; width:40px; height:45px; line-height:45px; background: url(../_img/radio.png) left bottom no-repeat; padding-left:25px; font-family:Lato, Arial, Helvetica; font-size:18px; font-weight:normal; color:#000000; text-decoration:none; } .choices ul li a:hover{ background: url(../_img/radio-checked.png) left bottom no-repeat; } /*** QUESTION 4 SPECIFIC STYLES ***/ #page4 .question_text { font-size:11px; height:55px; } #page4 .blue_divider { margin:1px auto; } #page4 div.choices { margin:0 0 0 10px; } #table_holder { text-align:center; width:170px; margin-top:2px; } #weight_table td { font-size:10px; width:135px; } /*** END QUESTION 4 SPECIFIC STYLES ***/ .desc_holder { width:166px; height:232px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; font-size:11px; } .desc_text { padding-top:4px; width:160px; height:210px; margin-left:auto; margin-right:auto; text-align:center; } #content_container .desc_text p{ margin-bottom:5px; } #content_container .desc_text a, #content_container .desc_text a:active, #content_container .desc_text a:link, #content_container .desc_text a:visited { font-weight:normal; font-size:11px; color:#000; text-decoration:underline; } #content_container .desc_text a:hover { text-decoration:none; } .desc_bottom_links { width:160px; margin-left:auto; margin-right:auto; height:22px; } .desc_bottom_links a, .desc_bottom_links a:active, .desc_bottom_links a:link, .desc_bottom_links a:visited { padding:0 4px 0 4px; color:#000; text-decoration:underline; font-size:12px; font-weight:normal; } .desc_bottom_links a:hover { text-decoration:none; } .score_text { color:#D3AF12; } #info_page2 .desc_text p { line-height:11px; } #info_page2 .desc_text p.center_text { line-height:13px; } #info_page2 .desc_text p.center_text a{ font-weight:bold; } #share_page textarea { width:150px; height:140px; } #share_page p { margin-top:5px; } #share_page p.sub_title{ font-size:12px; font-weight:bold; margin-top:0; } .footer_text { color: #c7c7c7; } a.footer_text, a.footer_text:active, a.footer_text:link, a.footer_text:visited { font-family:Lato, Arial, Helvetica; font-size:14px; font-weight:normal; color:#c7c7c7; } a.footer_text:hover { text-decoration:underline; } #footer_content, #footer_info, #footer_disclaimer, #footer_share { width:170px; height:24px; overflow:hidden; position:relative; padding-top:8px; } .bottom_link_left { float:left; padding-left:10px; } .bottom_link_right { float:right; padding-right:10px; } #info_page1 .desc_bottom_links, #info_page2 .desc_bottom_links, #disclaimer_page .desc_bottom_links, #share_page .desc_bottom_links { text-align:center; } .ir{ background-repeat:no-repeat; direction:ltr; display:block; overflow:hidden; text-align:left; text-indent:-999em; } q{ quotes:none; } q:before, q:after{ content:none; } #processing { background:url(http://www.cdc.gov/widgets/Prediabetes/html5/_img/processing.gif) no-repeat center center transparent; }