/* Health24 Master CSS */ @charset "utf-8"; /* Clear Style to disable browser inherit properties */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } body *{font-family:Arial, Helvetica, sans-serif!important} /* google chrome fix */ #main_wrapper{width:954px;margin:0 auto;} /* ## COMMON ATRIBUTES ## */ /* colours */ .white{color:#fff}.white_bg{background:#fff} .lightgrey{color:#F3F3F3}.lightgrey_bg{background:#F3F3F3} .lightmediumgrey{color:#EFEFEF}.lightmediumgrey_bg{background:#EFEFEF} .mediumgrey{color:#ECECEC}.mediumgrey_bg{background:#ECECEC} /*.mediumdarkgrey{color:#DFDFDF}.mediumdarkgrey_bg{background:#DFDFDF}*/ .darkgrey{color:#DEDEDE}.darkgrey_bg{background:#DEDEDE} .lightgreen{color:#F2FFE0}.lightgreen_bg{background:#F2FFE0} .mediumgreen{color:#AEED6E}.mediumgreen_bg{background:#AEED6E} .darkgreen{color:#6DC017}.darkgreen_bg{background:#6DC017} .lightblue{color:#DFF2FC}.lightblue_bg{background:#DFF2FC} .mediumblue{color:#A3C8ED}.mediumblue_bg{background:#A3C8ED} .darkblue{color:#1875D1}.darkblue_bg{background:#1875D1} /* positioning / floats / display */ .left{float:left}.right{float:right}.clr{clear:both} img.left{margin:0 6px 2px 0}img.right{margin:0 0 2px 6px} /* check design */ .block{display:block}.inline{display:inline}.none{display:none} .absolute{position:absolute}.relative{position:relative} /* links */ a{text-decoration:none;color:#1681BA} a:hover{text-decoration:underline} /* font-weight */ .bold{font-weight:bold} .norm{font-weight:normal} /* form elements */ .btn{background:url(/images/site/frontpage/images/btn_bg.png) no-repeat top left;border:1px solid #AFAFAF;height:22px;color:#fff;text-transform:uppercase;font-size:11px;font-weight:bold;margin:10px 0 6px 6px;width:67px} /* ## HEADER ## */ #header{margin:0 0 0px 0/*positions content below menu*/;} #header .menudrop {width:954px; margin:0px auto;padding:2px 0px 0px 0px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;background-color:#dfdfdf} #header .menudrop:after {/*Add margin between menu and rest of content in Firefox*/display:block;height:0;clear:both;visibility:hidden;background-color:#dfdfdf} #header .menudrop ul {width:100%;padding:0px 0;margin:3px 0px 0px 0px;text-align:left;height:16px;background-color:#dfdfdf} #header .menudrop ul li {display:inline;border-right:1px solid #bbb;padding: 0px; margin:0px 0px 0px 0px; background-color:#dfdfdf; } #header .menudrop ul li a { color: #494949; padding: 1px 7px 0px 7px; margin: 0px 0px 0px 0px; text-decoration: none; } #header .menudrop ul li.droplist a { padding:4px 7px; } #header .menudrop ul li a:hover { text-decoration: underline; } #header .menudrop ul li a[rel]:after { /*HTML to indicate drop down link*/ /*content: " v";*//*content: " " url(/images/site/frontpage/images/downimage.gif); /*uncomment this line to use an image instead*/} #header .dropmenudiv {position:/*absolute*/fixed;top:0;border:1px solid #BBB;/*THEME CHANGE HERE*/border-bottom-width:0;font:normal 11px Verdana;line-height:14px;background:#fff; width:100px;visibility:hidden;margin:0px 0px 0px 0px;padding:0px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;z-index:400; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=2)} #header .dropmenudiv a {width:auto;display:block;text-indent:3px; /*border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/ padding:2px 0;text-decoration:none;font-weight:bold; color:black} #header .dropmenudiv a.bottom_item {border-bottom:1px solid #BBB} * html .dropmenudiv a {/*IE only hack*/width:100%} #header .dropmenudiv a:hover {background-color: #F1F1F1; /*background of drop down menu*/ color:#01669e} #header div.header_box{height:123px;background:url(/images/site/frontpage/images/header_tile.png) repeat-x top} #header div.header_box img.logo{top:11px;left:10px} #header div.header_story1, #header div.header_story2{width:220px} #header div.header_story1 p, #header div.header_story2 p{font-size:11px;line-height:1.3em;padding:0 20px 6px 0} #header div.header_story1 h4, #header div.header_story2 h4{font-size:14px;margin-bottom:6px} #header div.header_story1{top:10px;left:285px;background:url(/images/site/frontpage/images/dots_vert.gif) repeat-y right} #header div.header_story2{top:10px;left:530px} #header div.searchbox{top:81px;left:282px;background:url(/images/site/frontpage/images/header_search.png) no-repeat top left;width:454px;height:34px} #header input.search_field{width:370px;height:18px;border:1px solid #fff;top:5px;left:7px} #header input.srchbut{top:7px;right:11px} #header div.widget{width:190px;height:114px;top:0px;right:10px;background:url(/images/site/frontpage/images/header_widget.png) no-repeat top left} #header div.widget ul{font-size:12px;top:10px;left:12px;line-height:1.3em} #header div.widget ul li{background:url(/images/site/frontpage/images/li_dot_big.png) no-repeat left center;padding:0 0 0 10px} #header span.sitemap{bottom:4px;left:10px;text-transform:uppercase;font-size:10px} #header span.humans{bottom:4px;right:8px;text-transform:uppercase;font-size:10px} /* -- ## Top horizontal navigation ## */ /*#container{ width:954px;overflow:hidden; background:url(/images/site/frontpage/images/tabTile.gif) repeat-x bottom; height:50px;top:144px; }*/ #container{ width:954px;overflow:hidden; background:url(/images/site/frontpage/images/tabTile.gif) repeat-x bottom; height:50px;top:144px; /* important positioning */} #contentContainer{height:1px;} .menu{width:954px;margin:0px 0 6px 0!important;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;} .menu ul{padding:0; margin:0;list-style:none;} .menu li {display:inline;margin:0px 0 0 0;padding:0px;} .menu ul li a {color:#1681BA;display:block;float:left;padding:0 0px 0 2px; /*border-bottom:1px solid #000; */text-decoration:none; font-size:11px; height:25px; white-space:nowrap; /* intertab spacing */ display:inline;} .menu ul li a strong{display:block;/*margin-top:6px;*/color:#1681BA!important} .menu ul a strong {display:block; padding:6px 8px 0 8px; color:#000099; /*tab text color*/ font-weight:bold;height:18px;border-right:1px solid #E0F2FC; } .menu ul li a:hover strong {color:#ffffff!important; text-decoration:none!important} * html .menu ul li a, * html .menu ul li a { width:1px; } .menu ul li a.tabactive, #nav ul li:hover a{ /*border-color:#014D2C; colour of dividing line */ cursor:pointer; background-color:#0066CC;color:#ffffff!important;} .menu ul li a.tabactive strong { background-position:100% -24px; border-color:#0066CC; color:#ffffff!important; } .menu ul li a.defaultTabOff strong { color:#ffffff!important; } .menu ul a.nobrder strong, .menu ul a.nobrder:hover strong {border:none;} /* -- Sub Link -- */ /* (tablinks) */ #contentContainer div { float:left; font-size:11px; padding:0px 10px 0px 10px; /*padding around 2nd level links*/ color:#EEE; width:934px; height:19px; margin-top:0px !important; margin-top:0; font-weight:bold; display:none; overflow:hidden; } #contentContainer div a { color:#FFFFFF; text-decoration:none;} #contentContainer div a:hover { color:#FFFFFF; text-decoration:underline!important;} /* ## FOOTER ## */ #footer div.quicklinks{margin-bottom:2px;padding:20px} #footer div.quicklinks .item{height:40px;width:228px} #footer div.quicklinks .last{width:230px} #footer div.quicklinks .item img{margin:0 8px 0 0} #footer div.quicklinks .item h5{font-size:11px;margin-bottom:4px} #footer div.quicklinks .item p{font-size:11px;width:150px;color:#8B8B8B} #footer div.footer{margin-bottom:10px;height:80px} #footer div.footer .logo_24com{top:10px;left:20px} #footer div.footer .copyright{font-size:12px;top:25px;left:105px} #footer div.footer .copyright span.copytxt{font-size:11px;color:#636363;margin-bottom:4px} #footer div.footer .logo_honcode{top:10px;left:522px} #footer div.footer .logo_honcode p{font-size:10px;padding:5px 0 0 20px;width:170px;line-height:1.3em} #footer div.footer .logo_opa{top:20px;right:30px} /* ## STRUCTURE ## */ /* -- Columns -- */ div.div_column{width:10px} div.div_horz{height:10px} div.col644{width:644px} /* flash focus right / bottom ads */ div.col300{width:300px} /* ad left / bottom containers */ div.col280{width:280px} /* news headlines */ div.col364{width:364px} /* your body */ div.col954{width:954px} /* full width column */ div.col318{width:318px} /* toolbox and video /* -- Top Section -- */ div#news_headlines.col280{border-right:1px solid #E0DFDF;margin:0 5px 0 0;height:334px} div#news_headlines h1, div#your_body h1, #editors_choice h1, #experts h1, #forumblog h1, #video h1, #toolbox h1{height:24px;background:url(/images/site/frontpage/images/header_grad.png) repeat-x bottom;font-size:17px;text-transform:capitalize;padding:10px 0 0 8px} #experts h1, forumblog h1, #video h1, #toolbox h1{padding:10px 0 0 0} div#news_headlines h1{margin:0 5px 0 0;padding:10px 0 0 0} div#news_headlines h2{font-size:16px;margin:12px 0} div#news_headlines p, div#news_headlines ul{font-size:12px;line-height:1.3em;padding:0 0 20px 0;margin:0 16px 10px 0;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom} div#news_headlines ul{background:none} div#news_headlines ul li, .show_body_box .col1 ul li, .show_body_box .col2 ul li{padding:0 0 1px 10px;background:url(/images/site/frontpage/images/li_dot_small.png) center left no-repeat} div#news_headlines span.more_news{font-size:11px;margin:0 16px 0 0;text-transform:capitalize} div#news_headlines .xtralink{padding:6px 2px 6px 0;font-size:11px;width:270px;text-align:right;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top} div#your_body.col364{width:358px!important} #your_body .disease{top:345px;left:1px;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top;width:355px;text-align:right;font-size:11px;padding:6px 2px 0 0} #carousel{height:215px;margin-top:25px;border-top:5px solid #D2D2D2;border-bottom:5px solid #D2D2D2} #carousel .panel{width:170px;border-right:1px solid #E0DFDF; padding:18px 10px;height:180px} #carousel .last{border:none} #carousel .panel h5{font-size:11px;text-transform:uppercase;color:#666;margin-bottom:10px} #carousel .panel p{font-size:11px;line-height:1.4em;margin-top:10px} #leftcolumn .ad468{text-align:center;padding:8px} #forumblog h1{margin-bottom:10px} #forumblog .comments{width:272px;height:104px;background:url(/images/site/frontpage/images/commentbox_light.png) no-repeat top left;margin:0 5px;padding:8px 20px} #forumblog .comments p{font-size:14px;line-height:1.3em} #forumblog .comments span.date{font-size:10px;color:#666;margin-top:5px} #forumblog .xtralink{font-size:11px;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top;padding:6px 0 10px 0;width:638px;text-align:right} #video{margin-right:8px} #video .wrap{border:5px solid #ECECEC;padding:6px;height:174px /* temp test */} #video h1, #toolbox h1{margin-bottom:10px} #video .wrap .videohead{background:#ECECEC;width:165px;height:100px} #video .wrap .videohead h3{padding:10px;font-size:16px} #video .wrap img{margin:0!important} #video .wrap p{padding:6px 0 2px 0;font-size:11px;line-height:1.4em} #video .xtralink, #toolbox .xtralink{padding:6px 0;text-align:right;width:318px;font-size:11px;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top;margin-top:10px} #toolbox .xtralink{padding:6px 0;text-align:right;width:317px;font-size:11px;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top;margin-top:10px} /* -- rightcolumn -- */ #rightcolumn .getquote{border:1px solid #D5D4D4;margin:10px 0 10px 5px;width:280px;background:#fff;padding:4px} #rightcolumn .getquote h5{font-size:16px;padding:4px;color:#666} #rightcolumn .getquote p{font-size:11px;padding:0 0 6px 5px} #rightcolumn .getquote .icons, #sponsored_links .icons{padding:6px;font-size:11px} #rightcolumn .getquote .icons span, #sponsored_links .icons span{width:130px;height:24px} #rightcolumn .getquote .icons span img, #sponsored_links .icons span img{vertical-align:middle} #poll, #sponsored_links{margin:0 5px 10px 5px;font-size:12px;line-height:1.4em;border:1px solid #ccc;background:#fff;padding:4px; width:280px;} #poll .poll{padding:6px} #poll h3, #sponsored_links h3{font-size:16px;margin:0 0 10px 0} #sponsored_links h3{padding:4px 0 0 4px} #poll p{color:#666} #experts div.row{background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom;padding:10px 0;width:100%} #experts div.item{font-size:11px;width:210px;line-height:1.3em} #experts div.item img{margin:0 10px 0 0} #experts div.item h2{font-size:14px;margin:0 0 3px 0} #experts .xtralink{padding:6px 12px 6px 0;font-size:11px;width:644px;text-align:right} #sponsored_links h3{color:#666666} .adimg{margin:0 5px 10px 5px} div.advert_txt{font-size:9px;text-transform:uppercase;color:#9F9F9F;text-align:center;height:9px} /* -- */ #shortcuts{background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom;font-size:11px;line-height:1.6em;padding:0 0 10px 0} #shortcuts h5{background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top;width:100%;text-transform:uppercase;padding:5px 0} #shortcuts div.alpha{background:#ABABAB;color:#fff;padding:0 3px;margin:0 4px} /* -- ## All tabed boxes css ## -- */ /* -- tabbed body box BEGIN -- */ #your_body #tabbed_box h4, #editors_choice #tabbed_box2 h4{color:#fff} /* hides preload text */ #your_body #tabbed_box{padding:8px 6px} #your_body #tabbed_box ul.tab-menu {padding:12px 0 0 0; width:116px;height:292px;background:url(/images/site/frontpage/images/body_full.png) no-repeat top left;top:8px;left:2px} #your_body #tabbed_box ul.tab-menu li{text-indent:-9000px} #your_body #tabbed_box ul.tab-menu li a{display:block;height:23px;width:115px} #your_body #tabbed_box ul.tab-menu li a.head_tab{background:url(/images/site/frontpage/images/body_head.png) no-repeat 0px 1px} #your_body #tabbed_box ul.tab-menu li a.head_tab:hover, #your_body #tabbed_box ul.tab-menu li.tab-selected a.head_tab{background:url(/images/site/frontpage/images/body_head.png) no-repeat -117px 1px} #your_body #tabbed_box ul.tab-menu li a.head_tab{margin-bottom:19px} #your_body #tabbed_box ul.tab-menu li a.chest_tab{background:url(/images/site/frontpage/images/body_chest.png) no-repeat 0px 1px} #your_body #tabbed_box ul.tab-menu li a.chest_tab:hover, #your_body #tabbed_box ul.tab-menu li.tab-selected a.chest_tab{background:url(/images/site/frontpage/images/body_chest.png) no-repeat -117px 1px} #your_body #tabbed_box ul.tab-menu li a.chest_tab{margin-bottom:18px} #your_body #tabbed_box ul.tab-menu li a.abdomen_tab{background:url(/images/site/frontpage/images/body_abdomen.png) no-repeat 0px 1px} #your_body #tabbed_box ul.tab-menu li a.abdomen_tab:hover, #your_body #tabbed_box ul.tab-menu li.tab-selected a.abdomen_tab{background:url(/images/site/frontpage/images/body_abdomen.png) no-repeat -117px 1px} #your_body #tabbed_box ul.tab-menu li a.abdomen_tab{margin-bottom:17px} #your_body #tabbed_box ul.tab-menu li a.pelvis_tab{background:url(/images/site/frontpage/images/body_pelvis.png) no-repeat 0px 1px} #your_body #tabbed_box ul.tab-menu li a.pelvis_tab:hover,#your_body #tabbed_box ul.tab-menu li.tab-selected a.pelvis_tab {background:url(/images/site/frontpage/images/body_pelvis.png) no-repeat -117px 1px} #your_body #tabbed_box ul.tab-menu li a.pelvis_tab{margin-bottom:18px} #your_body #tabbed_box ul.tab-menu li a.legs_tab{background:url(/images/site/frontpage/images/body_legs.png) no-repeat 0px 1px} #your_body #tabbed_box ul.tab-menu li a.legs_tab:hover, #your_body #tabbed_box ul.tab-menu li.tab-selected a.legs_tab{background:url(/images/site/frontpage/images/body_legs.png) no-repeat -117px 1px} #your_body #tabbed_box ul.tab-menu li a.legs_tab{margin-bottom:19px} #your_body #tabbed_box ul.tab-menu li a.skin_tab{background:url(/images/site/frontpage/images/body_skin.png) no-repeat 0px 1px} #your_body #tabbed_box ul.tab-menu li a.skin_tab:hover, #your_body #tabbed_box ul.tab-menu li.tab-selected a.skin_tab{background:url(/images/site/frontpage/images/body_skin.png) no-repeat -117px 1px} #your_body #tabbed_box ul.tab-menu li a.skin_tab{margin-bottom:19px} #your_body #tabbed_box ul.tab-menu li a.general_tab{background:url(/images/site/frontpage/images/body_general.png) no-repeat 0px 1px} #your_body #tabbed_box ul.tab-menu li a.general_tab:hover, #your_body #tabbed_box ul.tab-menu li.tab-selected a.general_tab{background:url(/images/site/frontpage/images/body_general.png) no-repeat -117px 1px} #your_body .show_body_box{width:230px;height:300px;top:1px;left:120px;background:#fff} #your_body .show_body_box .col1, .show_body_box .col2{font-size:12px;width:100px;padding:6px 0 0 6px} #your_body .show_body_box .col1 ul li, .show_body_box .col2 ul li{line-height:1.8em} #your_body .show_body_box .show_disease{margin:10px 0 0 10px;font-size:11px} #your_body .show_body_box .show_disease a{text-decoration:underline}/* -- tabbed body box END -- */ /* -- tabbed editor / read box -- */ #editors_choice #tabbed_box2{width:298px;margin-top:6px} #editors_choice #tabbed_box2 ul.tab-menu li, #read_box #tabbed_box3 ul.tab-menu li{float:left} #editors_choice #tabbed_box2 ul.tab-menu, #read_box #tabbed_box3 ul.tab-menu{padding:0 0 0 1px;top:3px;left:0px;height:38px;width:300px;background:url(/images/site/frontpage/images/tab_grad.png) repeat-x top #AEED6E} #editors_choice #tabbed_box2 ul.tab-menu li a, #read_box #tabbed_box3 ul.tab-menu li a{display:block;padding:7px 7px 10px 8px;font-size:11px;text-transform:uppercase;background:url(/images/site/frontpage/images/tab_div.png) no-repeat bottom right;font-weight:bold;margin-top:1px} #editors_choice #tabbed_box2 ul.tab-menu li a.last_tab, #read_box #tabbed_box3 ul.tab-menu li a.last_tab{background:none} #editors_choice #tabbed_box2 ul.tab-menu li a:hover, #editors_choice #tabbed_box2 ul.tab-menu li.tab-selected a, #read_box #tabbed_box3 ul.tab-menu li a:hover, #read_box #tabbed_box3 ul.tab-menu li.tab-selected a{background:#AEED6E;border-top:1px solid #D2D1D1;border-right:1px solid #D2D1D1;border-left:1px solid #D2D1D1;font-weight:bold;color:#666;text-decoration:none;margin-left:-1px;padding:6px 6px 10px 8px} div.show_editor_box, div.show_read_box{left:0;top:34px;font-size:12px;width:299px;border-left:1px solid #E0DFDF;border-right:1px solid #E0DFDF} div.show_editor_box li, div.show_read_box li{padding:8px 4px 8px 4px;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom} div.show_editor_box li.last, div.show_read_box li.last{padding:8px 4px 16px 4px;background:none;border-bottom:1px solid #D2D1D1} div.show_editor_box div.number, div.show_editor_box div.number10{padding:2px 6px;background:#AEED6E;color:#fff;font-weight:bold;margin:2px 6px 2px 0} div.show_editor_box div.number10{padding:2px 3px} /* -- tabbed read box -- */ #read_box #tabbed_box3{width:288px;height:325px;margin:0 5px; /* test */} #read_box #tabbed_box3 ul.tab-menu{width:288px;padding:0 0 0 1px;position:absolute;top:0;height:35px;} #read_box #tabbed_box3 ul.tab-menu li a{padding:7px 9px 10px 8px;margin-top:0px} #read_box #tabbed_box3 ul.tab-menu li a:hover, #read_box #tabbed_box3 ul.tab-menu li.tab-selected a{padding:6px 8px 10px 8px;background:#A3C8ED;margin-left:-1px} #read_box #tabbed_box3 ul.tab-menu{background:url(/images/site/frontpage/images/tab_grad.png) repeat-x top #A3C8ED} #read_box div.show_read_box{width:288px} #read_box div.show_read_box div.number, div.show_read_box div.number10{padding:2px 6px;background:#A3C8ED;color:#fff;font-weight:bold;margin:2px 6px 2px 0} #read_box div.show_read_box div.number10{padding:2px 3px} /* -- tabbed toolbox -- */ #toolbox .tool_holder{width:308px;height:186px;background:url(/images/site/frontpage/images/toolbox_bg.png) no-repeat bottom center;border:5px solid #ECECEC;} #toolbox #tabbed_box4 ul.tab-menu{width:136px;position:absolute;top:5px;right:5px;border-right:1px solid #ccc;font-size:13px;font-weight:bold} #toolbox #tabbed_box4 ul.tab-menu li a{display:block;height:25px;width:116px;background:url(/images/site/frontpage/images/toolbox_tab.gif) no-repeat -135px 0px;padding:10px 0 0 20px;margin:0px} #toolbox #tabbed_box4 ul.tab-menu li a:hover, #toolbox #tabbed_box4 ul.tab-menu li.tab-selected a{background:url(/images/site/frontpage/images/toolbox_tab.gif) no-repeat 1px 0px;color:#fff} #toolbox #tabbed_box4 ul.tab-menu li a.last_tab{display:block;height:25px;width:116px;background:url(/images/site/frontpage/images/toolbox_tab_last.gif) no-repeat -135px 0px;padding:10px 0 0 20px} #toolbox #tabbed_box4 ul.tab-menu li a.last_tab:hover, #toolbox #tabbed_box4 ul.tab-menu li.tab-selected a.last_tab{background:url(/images/site/frontpage/images/toolbox_tab_last.gif) no-repeat 1px 0px;color:#fff} #toolbox .toolinfo {background:transparent url(/images/site/frontpage/images/toolbox_bg_img.jpg) no-repeat scroll 6px 6px;font-size:12px;height:110px;left:0;padding:50px 0 20px 85px;top:0;width:80px} #toolbox .btn{background:url(/images/site/frontpage/images/btn_bg.png) no-repeat top left;border:1px solid #AFAFAF;height:22px;color:#fff;text-transform:uppercase;font-size:11px;font-weight:bold;margin:10px 0 6px 0;width:67px} /*-- FLASHFOCUS --*/ div#flashfocus{background:url(/images/site/frontpage/images/flash_focus_bg.gif) no-repeat top left;height:250px;padding:10px 0 0 11px; width:633px;} /* ## */ /* -- 2008/10/29 -- Medical landing page -------------------------------------------------------------------------------------------------------------------------------------- */ /* ## */ div.medical_landing_page div#your_body.col364{width:354px!important} div.medical_landing_page #editors_choice, div.medical_landing_page #editors_choice #tabbed_box2, div.medical_landing_page #editors_choice #tabbed_box2 ul.tab-menu, div.medical_landing_page div.show_editor_box,/* */ div.conditions_centre_page #editors_choice, div.conditions_centre_page #editors_choice #tabbed_box2, div.conditions_centre_page #editors_choice #tabbed_box2 ul.tab-menu, div.conditions_centre_page div.show_editor_box{width:288px;} /* -- editors choice box - medical landing page -- */ div.medical_landing_page #editors_choice, div.conditions_centre_page #editors_choice{margin-left:5px;height:325px} div.medical_landing_page #editors_choice #tabbed_box2 ul.tab-menu li a, #read_box #tabbed_box3 ul.tab-menu li a, div.conditions_centre_page #editors_choice #tabbed_box2 ul.tab-menu li a{margin-top:0} strong{font-weight:bold} #breadcrum{padding:0 0 6px 0;margin-bottom:10px;font-size:11px;border-bottom:1px solid #F0F0F0;color:#A7A7A7;margin-top:5px;} /* -- Tabbed 'Search by age and gender' box -- */ #agegender_box{padding-right:5px;border-right:1px solid #E0DFDF;margin-right:4px;height:365px/* temp */} #agegender_box h1{height:24px;background:url(/images/site/frontpage/images/header_grad.png) repeat-x bottom;font-size:17px;text-transform:capitalize;padding:10px 0 0 8px} #agegender_box #tabbed_box_agegender{width:278px;margin-top:6px} #agegender_box #tabbed_box_agegender ul.tab-menu li{float:left} #agegender_box #tabbed_box_agegender ul.tab-menu{padding:0 0 0 1px;top:3px;left:0px;height:38px;width:278px;background:url(/images/site/frontpage/images/tab_grad.png) repeat-x top #8ED743} #agegender_box #tabbed_box_agegender ul.tab-menu li a{display:block;padding:7px 7px 10px 8px;font-size:11px;text-transform:uppercase;background:url(/images/site/frontpage/images/tab_div.png) no-repeat right 2px;font-weight:bold;margin-top:1px} #agegender_box #tabbed_box_agegender ul.tab-menu li a.last_tab{background:none} #agegender_box #tabbed_box_agegender ul.tab-menu li a:hover, #agegender_box #tabbed_box_agegender ul.tab-menu li.tab-selected a{background:#8ED743;border-top:1px solid #8ED743;border-right:1px solid #8ED743;border-left:1px solid #8ED743;font-weight:bold;color:#666;text-decoration:none;margin-left:-1px;padding:6px 6px 10px 8px} div.show_agegender_box{left:0;top:34px;font-size:12px;width:277px;border-left:1px solid #8ED743;border-right:1px solid #8ED743;border-bottom:1px solid #8ED743;height:285px/* temp ?*/} div.medical_landing_page #agegender_box div.man{background:url(/images/site/frontpage/images/search_male_glyph.png) no-repeat bottom left #F2FFE0} div.medical_landing_page #agegender_box div.woman{background:url(/images/site/frontpage/images/search_female_glyph.png) no-repeat bottom left #F2FFE0} div.medical_landing_page #agegender_box div.child{background:url(/images/site/frontpage/images/search_child_glyph.png) no-repeat bottom left #F2FFE0} div.show_agegender_box p{padding:10px 12px;color:#CBC9C9} div.show_agegender_box p a{font-weight:bold;text-transform:uppercase;font-size:11px} div.show_agegender_box ul{margin-left:56px;font-size:13px;width:214px;} div.show_agegender_box ul li{padding:7px 4px;background:transparent url(/images/site/frontpage/images/dots_horz.gif) repeat-x scroll center bottom;} div.show_agegender_box ul li.last{background:none} div.show_agegender_box ul li.last a{text-decoration:underline} /* -- Greybox ad -- */ div.medical_landing_page .ad468{text-align:center;padding:8px} /* -- Tabbed 'A-Z' boxes = diseases / symptoms / medications / tests, procedures & radiology / -- */ div.medical_landing_page .view_more, div.conditions_centre_page .view_more{font-size:11px;margin:6px 0} div.medical_landing_page .view_more a{text-decoration:underline} div#disease_a_z h1, div#symptom_a_z h1, div#medication_a_z h1, div#test_proc_a_z h1, div#first_aid_a_z h1{height:24px;background:url(/images/site/frontpage/images/header_grad.png) repeat-x bottom;font-size:17px;text-transform:capitalize;padding:10px 0 0 8px} #disease_a_z_box, #symptom_a_z_box, #medication_a_z_box, #test_proc_a_z_box, #first_aid_a_z_box{/*height:190px;background:#DFF2FC temp */} #disease_a_z_box .show_disease_a_z_box .columnleft, #disease_a_z_box .show_disease_a_z_box .columnright,/**/ #symptom_a_z_box .show_symptom_a_z_box .columnleft, #symptom_a_z_box .show_symptom_a_z_box .columnright,/**/ #medication_a_z_box .show_medication_a_z_box .columnleft, #medication_a_z_box .show_medication_a_z_box .columnright,/**/ #test_proc_a_z_box .show_test_proc_a_z_box .columnleft, #test_proc_a_z_box .show_test_proc_a_z_box .columnright,/**/ #first_aid_a_z_box .show_first_aid_a_z_box .columnleft, #first_aid_a_z_box .show_first_aid_a_z_box .columnright{margin:5px 11px;width:300px} #disease_a_z_box .show_disease_a_z_box ul,/**/ #symptom_a_z_box .show_symptom_a_z_box ul,/**/ #medication_a_z_box .show_medication_a_z_box ul,/**/ #test_proc_a_z_box .show_test_proc_a_z_box ul,/**/ #first_aid_a_z_box .show_first_aid_a_z_box ul{font-size:13px} #disease_a_z_box .show_disease_a_z_box ul li,/**/ #symptom_a_z_box .show_symptom_a_z_box ul li,/**/ #medication_a_z_box .show_medication_a_z_box ul li,/**/ #test_proc_a_z_box .show_test_proc_a_z_box ul li,/**/ #first_aid_a_z_box .show_first_aid_a_z_box ul li{padding:5px 4px;background:transparent url(/images/site/frontpage/images/dots_horz.gif) repeat-x scroll center bottom;} #disease_a_z_box .show_disease_a_z_box ul li.last,/**/ #symptom_a_z_box .show_symptom_a_z_box ul li.last,/**/ #medication_a_z_box .show_medication_a_z_box ul li.last,/**/ #test_proc_a_z_box .show_test_proc_a_z_box ul li.last,/**/ #first_aid_a_z_box .show_first_aid_a_z_box ul li.last{background:none} #disease_a_z_box .show_disease_a_z_box ul li a,/**/ #symptom_a_z_box .show_symptom_a_z_box ul li a,/**/ #medication_a_z_box .show_medication_a_z_box ul li a,/**/ #test_proc_a_z_box .show_test_proc_a_z_box ul li a,/**/ #first_aid_a_z_box .show_first_aid_a_z_box ul li a{padding:0 0 0 10px;background:url(/images/site/frontpage/images/li_dot_small.png) center left no-repeat} #disease_a_z_box .show_disease_a_z_box,/**/ #symptom_a_z_box .show_symptom_a_z_box,/**/ #medication_a_z_box .show_medication_a_z_box,/**/ #test_proc_a_z_box .show_test_proc_a_z_box,/**/ #first_aid_a_z_box .show_first_aid_a_z_box{background:#DFF2FC} #disease_a_z_box #tabbed_disease_box,/**/ #symptom_a_z_box #tabbed_symptom_box,/**/ #medication_a_z_box #tabbed_medication_box,/**/ #test_proc_a_z_box #tabbed_test_proc_box,/**/ #first_aid_a_z_box #tabbed_first_aid_box{width:644px;margin-top:6px} #disease_a_z_box #tabbed_disease_box ul.tab-menu li,/**/ #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li,/**/ #medication_a_z_box #tabbed_medication_box ul.tab-menu li,/**/ #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li,/**/ #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li{float:left} #disease_a_z_box #tabbed_disease_box ul.tab-menu,/**/ #symptom_a_z_box #tabbed_symptom_box ul.tab-menu,/**/ #medication_a_z_box #tabbed_medication_box ul.tab-menu,/**/ #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu,/**/ #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu{padding:0 0 0 1px;top:3px;left:0px;height:38px;width:643px;background:url(/images/site/frontpage/images/tab_grad.png) repeat-x top #A3C8ED} #disease_a_z_box #tabbed_disease_box ul.tab-menu li a,/**/ #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li a,/**/ #medication_a_z_box #tabbed_medication_box ul.tab-menu li a,/**/ #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li a,/**/ #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li a{display:block;padding:7px 9px 10px 10px;font-size:11px;text-transform:uppercase;background:url(/images/site/frontpage/images/tab_div.png) no-repeat right 2px;font-weight:bold;margin-top:1px} #disease_a_z_box #tabbed_disease_box ul.tab-menu li a.last_tab,/**/ #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li a.last_tab,/**/ #medication_a_z_box #tabbed_medication_box ul.tab-menu li a.last_tab,/**/ #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li a.last_tab,/**/ #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li a.last_tab{background:none} #disease_a_z_box #tabbed_disease_box ul.tab-menu li a:hover, #disease_a_z_box #tabbed_disease_box ul.tab-menu li.tab-selected a,/**/ #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li a:hover, #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li.tab-selected a,/**/ #medication_a_z_box #tabbed_medication_box ul.tab-menu li a:hover, #medication_a_z_box #tabbed_medication_box ul.tab-menu li.tab-selected a,/**/ #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li a:hover, #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li.tab-selected a,/**/ #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li a:hover, #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li.tab-selected a{background:#A3C8ED;border-top:1px solid #A3C8ED;border-right:1px solid #A3C8ED;margin-left:-1px;padding:6px 8px 10px 11px} /* -- Experts / Blogs bubble - right column -- */ div#expert_bubble, div#blog_bubble{width:274px;height:93px;padding:8px;margin-left:5px} div#expert_bubble{background:url(/images/site/frontpage/images/expert_bubble.jpg) no-repeat top left} div#blog_bubble{background:url(/images/site/frontpage/images/blog_bubble.jpg) no-repeat top left} div#expert_bubble h3, div#blog_bubble h3{font-size:16px;margin:0 0 8px} div#expert_bubble p, div#blog_bubble p{font-size:11px;width:150px} /* ## */ /* -- 2008/11/03 -- Conditions Centre landing page / Disease info page ----------------------------------------------------------------------------------------------------------- */ /* ## */ div.conditions_centre_page{} div.col160{width:160px} /* left nav */ div.col474{width:474px} /* 2nd column in 3 column design */ div.conditions_centre_page .col160 #poll, div.article_page .col160 #poll{margin:10px 0;width:138px;padding:10px} div.conditions_centre_page .col160 #poll p.results, div.article_page .col160 #poll p.results{background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top;padding:6px 0 0 0;font-size:11px;margin:4px 0 0 0} div.conditions_centre_page #newsletter, div.article_page #newsletter{font-size:12px;line-height:1.4em;border:1px solid #ccc;background:#fff;padding:4px;width:150px} div.conditions_centre_page #newsletter div.wrap, div.article_page #newsletter div.wrap{background:url(/images/site/frontpage/images/newsletter_back_tile.png) repeat-x top left #D8D7D7;padding:10px} div.conditions_centre_page #newsletter div.wrap input.email, div.article_page #newsletter div.wrap input.email{font-size:11px;padding:2px;width:120px} div.conditions_centre_page #newsletter div.wrap p, div.article_page #newsletter div.wrap p{font-size:11px;line-height:1.3em;margin:0 0 6px 0} div.conditions_centre_page #newsletter h3, div.article_page #newsletter h3{font-size:16px;margin:0 0 10px 0;background:url(/images/site/frontpage/images/newsletter_icon.png) no-repeat top left;padding:0 0 0 38px} div.conditions_centre_page #newsletter div.wrap .btn, div.article_page #newsletter div.wrap .btn{margin-left:0;margin-bottom:0} div.conditions_centre_page #focus{border:5px solid #BBE68E;padding:4px;width:455px} div.conditions_centre_page #focus img{margin-right:16px;margin-bottom:0} div.conditions_centre_page #focus h1{font-size:22px;margin:6px 0 10px 0} div.conditions_centre_page #focus p{font-size:12px;padding:0 6px;line-height:1.3em} div.conditions_centre_page #overview{} div.conditions_centre_page #overview h1, div.conditions_centre_page #sections h1, div.conditions_centre_page #not_alone h1{height:24px;background:url(/images/site/frontpage/images/header_grad.png) repeat-x bottom;font-size:17px;text-transform:capitalize;padding:10px 0 0 4px} div.conditions_centre_page #overview p, div.conditions_centre_page #sections p{font-size:12px;padding:10px;margin:1px 0 0 0;line-height:1.3em;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom #E8F7D9} div.conditions_centre_page #overview div.overview_list{background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom #C1E998} div.conditions_centre_page #overview div.overview_list .col1, div.conditions_centre_page #overview div.overview_list .col2{width:217px;padding:10px;} div.conditions_centre_page #overview div.overview_list ul{font-size:12px} div.conditions_centre_page #overview div.overview_list ul li{background:url(/images/site/frontpage/images/li_dot_big.png) no-repeat left 4px;padding:0 0 6px 10px;} div.conditions_centre_page #overview div.overview_list ul li a{font-weight:bold} div.conditions_centre_page #sections .col1{border-right:1px solid #E0DFDF;padding-right:4px} div.conditions_centre_page #sections .col2{margin-left:4px} div.conditions_centre_page #sections .col1, div.conditions_centre_page #sections .col2{width:232px;height:355px/*temp*/} div.conditions_centre_page #sections h2{margin:6px 2px} div.conditions_centre_page #sections p{background:/*url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom*/ #fff;padding:0 0 10px 2px} div.conditions_centre_page #sections ul{font-size:12px;padding:0 6px 6px 6px;margin:10px 0;/*background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom*/} div.conditions_centre_page #sections ul li{background:url(/images/site/frontpage/images/li_dot_small.png) no-repeat left 5px;padding:0 0 8px 8px;} div.conditions_centre_page div.ad474, div.article_page div.ad474{text-align:center;padding:4px 3px;font-size:9px;color:#9F9F9F;text-transform:uppercase} div.conditions_centre_page div.ad474 img, div.article_page div.ad474 img{margin-bottom:4px} div.conditions_centre_page #sections .col1 .view_more, div.conditions_centre_page #sections .col2 .view_more{bottom:2px;right:6px;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top;width:215px;padding:4px;text-align:right} div.conditions_centre_page #not_alone{} div.conditions_centre_page #not_alone .col1, div.conditions_centre_page #not_alone .col2 {width:237px} div.conditions_centre_page #not_alone div.expert_bubble, div.conditions_centre_page #not_alone div.blog_bubble, div.conditions_centre_page #not_alone div.buddy_bubble, div.conditions_centre_page #not_alone div.forum_bubble{width:232px;height:85px;margin:6px 0;padding:8px} div.conditions_centre_page #not_alone div.expert_bubble{background:url(/images/site/frontpage/images/expert_bubble_2.png) no-repeat top left} div.conditions_centre_page #not_alone div.blog_bubble{background:url(/images/site/frontpage/images/blog_bubble_2.png) no-repeat top left} div.conditions_centre_page #not_alone div.buddy_bubble{background:url(/images/site/frontpage/images/buddy_bubble.png) no-repeat top left;margin-left:4px} div.conditions_centre_page #not_alone div.forum_bubble{background:url(/images/site/frontpage/images/forums_bubble.png) no-repeat top left;margin-left:4px} div.conditions_centre_page #not_alone div.expert_bubble h3, div.conditions_centre_page #not_alone div.blog_bubble h3, div.conditions_centre_page #not_alone div.buddy_bubble h3, div.conditions_centre_page #not_alone div.forum_bubble h3{font-size:16px;margin:0 0 8px} div.conditions_centre_page #not_alone div.expert_bubble p, div.conditions_centre_page #not_alone div.blog_bubble p, div.conditions_centre_page #not_alone div.buddy_bubble p, div.conditions_centre_page #not_alone div.forum_bubble p{font-size:11px;width:150px} div.conditions_centre_page #not_alone a:hover p{text-decoration:underline} div.conditions_centre_page #more_article h1{height:24px;font-size:17px;text-transform:capitalize;padding:10px 0 0 4px} div.conditions_centre_page #more_article div.wrap{border:1px solid #E4E4E4;padding:6px} div.conditions_centre_page #more_article .col1, div.conditions_centre_page #more_article .col2{width:230px} div.conditions_centre_page #more_article h4{font-size:12px;font-weight:bold;padding:4px 0 0 4px} div.conditions_centre_page #more_article p{font-size:11px;padding:4px;line-height:1.3em;width:210px} div.conditions_centre_page #more_article p a{color:#000} div.conditions_centre_page #more_article h4 a{color:#000} #news_subscribe{width:265px;height:28px;padding:5px 0 0 35px;font-size:11px;background:url(/images/site/frontpage/images/subscribe_newsletter.png) no-repeat top left} div.conditions_centre_page #accordion h2, div.article_page #accordion h2{font-size:17px;color:#707070;font-weight:bold;border-bottom:3px #D2D2D2 solid;padding-bottom:6px} div.conditions_centre_page #accordion, div.article_page #accordion{border-bottom:5px #D2D2D2 solid} div.conditions_centre_page #accordion .toggler, div.article_page #accordion .toggler{cursor:pointer;padding:8px 2px;font-size:11px;text-transform:uppercase;border-top:2px solid #D2D2D2;color:#666} div.conditions_centre_page #accordion .element, div.article_page #accordion .element{padding:2px} div.conditions_centre_page #accordion .element li, div.article_page #accordion .element li{background:url(/images/site/frontpage/images/li_dot_small.png) no-repeat left 5px;padding:0 0 8px 8px;font-size:12px} div.conditions_centre_page #your_body, div.article_page #your_body{border:1px solid #D5D4D4;background:#fff;width:288px;margin-left:5px} div.conditions_centre_page #your_body h1, div.article_page #your_body h1{background:none;border-bottom:1px solid #D5D4D4;color:#666} div.conditions_centre_page #your_body .show_body_box, div.article_page #your_body .show_body_box{height:280px;left:120px;top:1px;width:130px} div.conditions_centre_page #your_body #tabbed_box, div.article_page #your_body #tabbed_box{padding:0} div.conditions_centre_page #your_body #tabbed_box ul.tab-menu, div.article_page #your_body #tabbed_box ul.tab-menu{height:280px} div.conditions_centre_page #your_body .disease, div.article_page #your_body .disease{font-size:11px;padding:8px;text-align:left;border-top:1px solid #D5D4D4;background:none;width:auto} /* ## */ /* -- 2008/11/07 -- Article detail pages ------------------------------------------------------------------------------------------------------------------------------ */ /* ## */ div.article_page #editors_choice{margin-left:5px;height:325px} div.article_page #editors_choice #tabbed_box2 ul.tab-menu li a{margin-top:0} div.article_page #editors_choice, div.article_page #editors_choice #tabbed_box2, div.article_page #editors_choice #tabbed_box2 ul.tab-menu, div.article_page div.show_editor_box{width:288px;} div.article_page #article h1{font-size:26px;margin:18px 0 2px 0} div.article_page #article h2{font-size:16px;margin:14px 0 0 0} div.article_page #article p{font-size:12px;line-height:1.5em;margin:16px 0;width:460px} div.article_page #article h2 a{color:#000; text-decoration:none} div.article_page span.review_by{font-size:12px;color:#9F9F9F;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom;padding:0 0 16px 0;margin:0 0 6px 0} div.article_page span.datestamp{font-size:10px;color:#9F9F9F} div.article_page span.printmail, div.article_page #article span.share{font-size:11px;color:#1681BA} div.article_page .in_article{padding:6px 10px;font-size:11px;margin:10px 0 0;text-transform:uppercase;color:#666666;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x top #F4F4F4} div.article_page .in_article ul, div.article_page #article ul{text-transform:none;margin:10px 30px 0 0} div.article_page .in_article ul li, div.article_page #article ul li{background:url(/images/site/frontpage/images/li_dot_big.png) no-repeat left 4px;padding:0 0 6px 8px;font-size:11px;font-weight:bold} div.article_page .in_article .dots{bottom:0px;left:0px;background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x bottom #F4F4F4;height:2px;width:474px;} div.article_page #article_body ul li{font-size:12px;font-weight:normal;padding:0 0 6px 12px; line-height:1.25em} div.article_page #article ol li{padding:0 0 6px 0;font-size:12px;list-style:decimal inside; line-height:1.3em} div.article_page #article ol{text-transform:none;margin:10px 30px 0 0} /* -- Rating system CSS -- */ div.article_page #rate_page{border-top:2px solid #DFF2FC;border-bottom:2px solid #DFF2FC;padding:10px 0;height:36px} div.article_page #rate_page h4, div.article_page #share_page h4{font-size:11px;text-transform:uppercase;color:#666} div.article_page #rate_page .rate_box{margin:0 10px} div.article_page #rate_page .poor, div.article_page .excellent{margin:12px 0;font-size:11px;color:#666} /* 2008/11/24*/ ul#ratingsystem li{background:none!important} div.article_page #rate_page .rating{width:139px;height:14px;margin:10px 0;padding:0;list-style:none;clear:both;position:relative;background:url(/images/site/frontpage/images/rating_matrix.gif) no-repeat 0 0} /* add these classes to the ul to effect the change to the correct number of stars */ div.article_page #rate_page .nostar {background-position:0 0} div.article_page #rate_page .onestar {background-position:0 -14px} div.article_page #rate_page .twostar {background-position:0 -28px} div.article_page #rate_page .threestar {background-position:0 -42px} div.article_page #rate_page .fourstar {background-position:0 -56px} div.article_page #rate_page .fivestar {background-position:0 -70px} div.article_page #rate_page ul.rating li {cursor: pointer;/*ie5 mac doesn't like it if the list is floated\*/float:left;/* end hide*/text-indent:-999em} div.article_page #rate_page ul.rating li a {position:absolute;left:0;top:0;width:14px;height:14px;text-decoration:none;z-index: 200;} div.article_page #rate_page ul.rating li.one a {left:0} div.article_page #rate_page ul.rating li.two a {left:32px;} div.article_page #rate_page ul.rating li.three a {left:62px;} div.article_page #rate_page ul.rating li.four a {left:94px;} div.article_page #rate_page ul.rating li.five a {left:124px;} div.article_page #rate_page ul.rating li a:hover {z-index:2;width:176px;height:14px;overflow:hidden;left:0; background: url(/images/site/frontpage/images/rating_matrix.gif) no-repeat 0 0} div.article_page #rate_page ul.rating li.one a:hover {background-position:0 -84px;} div.article_page #rate_page ul.rating li.two a:hover {background-position:0 -98px;} div.article_page #rate_page ul.rating li.three a:hover {background-position:0 -112px} div.article_page #rate_page ul.rating li.four a:hover {background-position:0 -126px} div.article_page #rate_page ul.rating li.five a:hover {background-position:0 -140px} /* end rating code */ div.article_page #share_page{border-bottom:2px solid #DFF2FC;height:50px} div.article_page #share_page ul{font-size:11px;margin:6px 0} div.article_page #share_page ul li{float:left;padding:6px 15px 6px 20px} div.article_page #share_page ul li.laaikit{background:url(/images/site/frontpage/images/laakit_icon.gif) no-repeat center left} div.article_page #share_page ul li.yahoo{background:url(/images/site/frontpage/images/yahoo_icon.gif) no-repeat center left} div.article_page #share_page ul li.google{background:url(/images/site/frontpage/images/google_icon.gif) no-repeat center left} div.article_page #share_page ul li.digg{background:url(/images/site/frontpage/images/digg_icon.gif) no-repeat center left} div.article_page #share_page ul li.delicious{background:url(/images/site/frontpage/images/delicious_icon.gif) no-repeat center left} div.article_page #share_page ul li.facebook{background:url(/images/site/frontpage/images/facebook_icon.gif) no-repeat center left} div.article_page #comments h2{background:#DFF2FC;padding:10px;margin:10px 0;color:#8EBBE8} div.article_page #comments .comment_item{margin-bottom:6px} div.article_page #comments .comment_item .col1{width:95px;text-align:right;padding:6px;line-height:1.4em;font-size:12px} div.article_page #comments .comment_item .col2{width:340px;padding:6px} div.article_page #comments .comment_item .col1 .comment_no, div.article_page #comments .comment_item .col1 .datestamp{font-size:11px;color:#666} div.article_page #comments .comment_item .col2 p{width:340px;margin:0;color:#666} div.article_page #comments div.form{padding:15px;background:#DFF2FC} div.article_page #comments div.form table.form_table{width:444px} div.article_page #comments div.form table.form_table td{font-size:11px;padding:4px;vertical-align:top} div.article_page #comments div.form table.form_table td.txt_right{text-align:right} div.article_page #comments div.form input.txt_field, div.article_page #comments div.form textarea.txt_field{width:330px;font-size:11px} div.article_page #comments div.form input.btn, div.article_page #comments div.form input.checkbox{margin:0} div.article_page #comments div.form td.required{color:#CC0000} div.article_page a:hover #expert_bubble p, div.article_page a:hover #blog_bubble p{text-decoration:underline} div.article_page a:hover #expert_bubble h3, div.article_page a:hover #blog_bubble h3{text-decoration:none} /* -- pols graphic/ advertorial -- */ #pols, #advertorial .wrap{font-size:12px;line-height:1.4em;border:1px solid #ccc;background:#fff;padding:4px;width:150px;margin-top:10px} #pols div.wrap{background:url(/images/site/frontpage/images/pols_bg.jpg) repeat-x bottom left #fff;padding:10px;height:180px} #pols div.wrap p{font-size:11px;line-height:1.3em;margin:0 0 6px 0;color:#666} #pols h3{font-size:16px;margin:0 0 10px 0;padding:0;color:#D80303} /* -- advertorial -- */ #advertorial{color:#666;font-size:11px;margin-top:10px} #advertorial .wrap{margin-top:4px;padding:10px;width:137px;font-size:11px} #advertorial .wrap h3{font-size:16px;margin:0 0 10px 0} /* -- extras -- */ .darkergrey{color:#666}.darkergrey_bg{background:#666} div.dots{background:url(/images/site/frontpage/images/dots_horz.gif) repeat-x left bottom} /*-- Test yourself 19/11/2008 ------------------------------------------------------------------------------------------------- */ div#test_yourself h1 {background:transparent url(/images/site/frontpage/images/header_grad.png) repeat-x scroll center bottom;font-size:17px;height:24px;padding:10px 0 0 4px;text-transform:capitalize;} div#test_yourself p{font-size:12px;line-height:1.3em;padding:10px 2px} div#test_yourself div#tool_box{border:5px solid #C6EAA0;width:464px} div#test_yourself div.tool_box_header{height:39px;background:url(/images/site/frontpage/images/test_you_header.png) no-repeat top left;margin:0 0 1px 0} div#test_yourself div#tool_box .col1, div#test_yourself div#tool_box .col2{width:135px;border-right:1px solid #E5E4E4} div#test_yourself div#tool_box .col2{border:none} div#test_yourself div#tool_box .col3{width:192px;/*height:17emtemp*/border-left:1px solid #E5E4E4;border-bottom:1px solid #E5E4E4} div#test_yourself div#tool_box .item{background:url(/images/site/frontpage/images/tool_arrow.gif) no-repeat 120px 6px;font-size:12px;border-top:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #E5E4E4;border-left:1px solid #fff;line-height:1.4em} div#test_yourself div#tool_box .item.selected, div#test_yourself div#tool_box .item a:hover{background:url(/images/site/frontpage/images/tool_arrow.gif) no-repeat 120px 6px #F3F3F3;text-decoration:none} div#test_yourself div#tool_box .item a{color:#000;display:block;padding:12px} div#test_yourself div#tool_box .item a strong, div#test_yourself div#tool_box .col2#sub_category .item.selected a strong, div#test_yourself div#tool_box .col2#sub_category .item a:hover strong{color:#1681BA} div#test_yourself div#tool_box .col2#sub_category .item a strong{color:#000} div#test_yourself div#tool_box .col3#details{background:#F3F3F3} div#test_yourself div#tool_box .col3#details .item{padding:12px 16px;border-bottom:none;background:none} div#test_yourself div#tool_box .col3#details h5{} div#test_yourself div#tool_box .col3#details ol{list-style-position:inside;list-style-type:decimal} /*-- Article Overview 20/11/2008 ------------------------------------------------------------------------------------------- */ div.article_page div#article_overview h1{height:24px;background:url(/images/site/frontpage/images/header_grad.png) repeat-x bottom;font-size:17px;text-transform:capitalize;padding:10px 0 0 4px} div.article_page div#article_overview h2{font-size:14px;margin:20px 0 6px 0} div.article_page div#article_overview p{font-size:12px;line-height:1.4em} /*-- Disease(*) A-Z page 21/11/2008 ---------------------------------------------------------------------------------------- */ div.a_z_page #disease_a_z_box .show_disease_a_z_box .columnleft, div.a_z_page #disease_a_z_box .show_disease_a_z_box .columnright,/**/ div.a_z_page #symptom_a_z_box .show_symptom_a_z_box .columnleft, div.a_z_page #symptom_a_z_box .show_symptom_a_z_box .columnright,/**/ div.a_z_page #medication_a_z_box .show_medication_a_z_box .columnleft, div.a_z_page #medication_a_z_box .show_medication_a_z_box .columnright,/**/ div.a_z_page #test_proc_a_z_box .show_test_proc_a_z_box .columnleft, div.a_z_page #test_proc_a_z_box .show_test_proc_a_z_box .columnright,/**/ div.a_z_page #first_aid_a_z_box .show_first_aid_a_z_box .columnleft,div.a_z_page #first_aid_a_z_box .show_first_aid_a_z_box .columnright{width:215px} div.a_z_page #disease_a_z_box #tabbed_disease_box,/**/ div.a_z_page #symptom_a_z_box #tabbed_symptom_box,/**/ div.a_z_page #medication_a_z_box #tabbed_medication_box,/**/ div.a_z_page #test_proc_a_z_box #tabbed_test_proc_box,/**/ div.a_z_page #first_aid_a_z_box #tabbed_first_aid_box{width:474px} div.a_z_page #disease_a_z_box #tabbed_disease_box ul.tab-menu,/**/ div.a_z_page #symptom_a_z_box #tabbed_symptom_box ul.tab-menu,/**/div.a_z_page #medication_a_z_box #tabbed_medication_box ul.tab-menu,/**/div.a_z_page #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu,/**/div.a_z_page #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu{width:473px} div.a_z_page #disease_a_z_box #tabbed_disease_box ul.tab-menu li a,/**/div.a_z_page #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li a,/**/div.a_z_page #medication_a_z_box #tabbed_medication_box ul.tab-menu li a,/**/div.a_z_page #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li a,/**/div.a_z_page #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li a{display:block;padding:7px 6px 10px 6px;font-size:11px;text-transform:uppercase;background:url(/images/site/frontpage/images/tab_div.png) no-repeat right 2px;font-weight:bold;margin-top:1px} div.a_z_page #disease_a_z_box #tabbed_disease_box ul.tab-menu li a.last_tab,/**/ div.a_z_page #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li a.last_tab,/**/ div.a_z_page #medication_a_z_box #tabbed_medication_box ul.tab-menu li a.last_tab,/**/ div.a_z_page #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li a.last_tab,/**/div.a_z_page #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li a.last_tab{background:none} div.a_z_page #disease_a_z_box #tabbed_disease_box ul.tab-menu li a:hover, div.a_z_page #disease_a_z_box #tabbed_disease_box ul.tab-menu li.tab-selected a,/**/div.a_z_page #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li a:hover, div.a_z_page #symptom_a_z_box #tabbed_symptom_box ul.tab-menu li.tab-selected a,/**/div.a_z_page #medication_a_z_box #tabbed_medication_box ul.tab-menu li a:hover, div.a_z_page #medication_a_z_box #tabbed_medication_box ul.tab-menu li.tab-selected a,/**/div.a_z_page #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li a:hover, div.a_z_page #test_proc_a_z_box #tabbed_test_proc_box ul.tab-menu li.tab-selected a,/**/div.a_z_page #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li a:hover, div.a_z_page #first_aid_a_z_box #tabbed_first_aid_box ul.tab-menu li.tab-selected a{background:#A3C8ED;border-top:1px solid #A3C8ED;border-right:1px solid #A3C8ED;margin-left:-1px;padding:6px 5px 10px 7px} /*-- leaderboard ad --------------------------------------------------------------------------------------------------------------- */ div.leaderboard{color:#9F9F9F;font-size:9px;padding:4px 3px;text-align:center;text-transform:uppercase} div.leaderboard img{margin-bottom:4px} /*-- Left Nav Styles -------------------------------------------------------------------------------------------------------------- */ div.leftnav{width: 160px;} div.leftnav h3{height:23px;padding:8px 0 0 10px;color:#1681BA;background:#FFFFFF url(/images/site/frontpage/images/leftnav_tile_grey.png);cursor:pointer;font-size:11px;font-weight:bold;border-bottom:1px solid #fff} div.leftnav h3 a.hover{color:#CC0000} div.leftnav ul li a{padding:4px 0 0 16px;background:url(/images/site/frontpage/images/li_dot_small.png) no-repeat 10px center #F1F1F1;height:16px;font-weight:normal;font-size:11px;border-bottom:1px solid #fff;display:block} div.leftnav ul li a:hover, div.leftnav ul li a.active{padding:4px 0 0 16px;background:url(/images/site/frontpage/images/li_dot_small_red.png) no-repeat 10px center #fff;height:16px;font-weight:normal;color:#CC0000;display:block;border-bottom:1px solid #F1F1F1} /*-- table article fix -- */ div.article_page #article table td p {margin:0;padding:0;width:auto} div.article_page #article table td{background:transparent url(/images/site/frontpage/images/dots_horz.gif) repeat-x scroll left bottom;padding:3px 6px} div.article_page #article table{width:474px;border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE;background:transparent url(/images/site/frontpage/images/dots_horz.gif) repeat-x scroll left top} /* Added by Candice 27 Feb 2009 - Masthead widgetts*/ /* Masthead Widget */ #widget-top { background:url(/images/site/frontpage/images/widget_top.gif) no-repeat left; float:left; width:195px; height:43px; } #widget-top a:hover { text-decoration:underline;} .widget-top-padding { margin: 5px 0px 0px 0px;} #widget-bottom {background-color:#e1f3fc; height:73px; width:190px;} .widget-right-padding {background-color:#e1f3fc; text-align:right; margin: 5px 0px 0px 0px;} #widget-top ul {padding-left:10px!important;} #widget-top ul li {padding-left:5px!important;} #widget-right {background-color:#e1f3fc; float:right; width:66px; height:79px;} #widget-right a:hover { text-decoration:underline; } /* Man */ .on_man a {background:url(/images/site/frontpage/images/widget_man_off.gif) no-repeat left; float:left; width:38px; height:79px; margin:0; padding:0;} .on_man a:hover {background:url(/images/site/frontpage/images/widget_man_on.gif) no-repeat left; float:left; width:38px; height:79px; margin:0; padding:0;} /* Woman*/ .on_woman a {background:url(/images/site/frontpage/images/widget_woman_off.gif) no-repeat left; float:left; width:26px; height:79px; margin:0; padding:0;} .on_woman a:hover {background:url(/images/site/frontpage/images/widget_woman_on.gif) no-repeat left; float:left; width:26px; height:79px; margin:0; padding:0;} /* Child */ .on_child a {background:url(/images/site/frontpage/images/widget_child_off.gif) no-repeat left; float:left; width:22px; height:79px; margin:0; padding:0;} .on_child a:hover {background:url(/images/site/frontpage/images/widget_child_on.gif) no-repeat left; float:left; width:22px; height:79px; margin:0; padding:0;} /* Pet */ .on_pet a {background:url(/images/site/frontpage/images/widget_pet_off.gif) no-repeat left; float:left; width:38px; height:79px; margin:0; padding:0;} .on_pet a:hover {background:url(/images/site/frontpage/images/widget_pet_on.gif) no-repeat left; float:left; width:38px; height:79px; margin:0; padding:0;} .font24{font-size:24px;}.font20{font-size:20px;}.font16{font-size:16px;}.font14{font-size:14px;}.font12{font-size:12px;}.font11{font-size:11px; line-height:1em;}.font10{font-size:10px; } div.div_horz_small{height:2px;} div.div_horz_tall{height:5px;} div.div_horz_medium{height:20px; padding:10px 10px;} /*new Nav styles*/ #health_nav, #health_nav ul{padding:0;margin: 0;list-style:none;line-height:1; z-index:100;} #health_nav .last{background:none;border:none} #nav_wrap { background:url(/images/nav/nav_blue_grad.png) repeat-x scroll 0 0 transparent;min-height:32px;overflow:hidden;width:954px;} /* second-level lists */ #health_nav, #health_nav ul{padding:0;margin: 0;list-style:none;line-height:1; z-index:100;} #health_nav .last{background:none;border:none} #health_nav .last ul{float:right} #nav_wrap { background:url(/images/nav/nav_blue_grad.png) repeat-x scroll 0 0 transparent;min-height:32px;overflow:hidden;width:954px;} /* first level items */ #health_nav li a{display:block;padding:10px 7px;color:#fff;font-size:12px;font-weight:bold;text-decoration:none; background:url(/images/nav/nav_blue_div.png) no-repeat right top} #health_nav li a:hover{color:#1681BA; background:url(/images/nav/nav_blue_hover.png) repeat-x 0 0;margin-left:-1px;padding-left:8px} #health_nav li{float:left} /* second-level lists */ #health_nav li ul{position:absolute;top:176px; background:url(/images/nav/nav_grad.png) repeat-x 0 0 #C0E4F8;left:-999em;filter:alpha(opacity=98);-moz-opacity:0.98;-khtml-opacity: 0.98;opacity: 0.98} #health_nav li ul li a{color:#000000;text-decoration:none;font-size:11px;width:116px;padding:10px 0;margin:0 10px;border:none;background:url(/images/nav/nav_horz_dot.gif) repeat-x bottom;font-weight:normal!important;} #health_nav li ul li a:hover{color:#0A3852; background:url(/images/nav/nav_horz_dot.gif) repeat-x bottom;padding:10px 0;margin:0 10px;text-decoration:underline;} #health_nav li:hover {background:url(/images/nav/nav_blue_hover.png) repeat-x scroll 0 0 transparent; color:#1681BA} #health_nav li:hover ul, #health_nav li.sfhover ul{left:auto;padding-bottom:10px} /* lists nested under hovered list items */ /**/#health_nav li:hover ul.last_item{left:814px;padding-bottom:10px} #content {clear: left; color: #ccc;} .nav1column {width:140px;} .nav2column {width:280px;} .nav3column {width:409px;} .nav4column {width:560px;} .nav5column {width:710px;}