/* :::: CHILDS SPECIFIC STYLES :::: */ h1, h2, h3 { color:#7C5DC6 } h3 {color: #7C5DC6} h3 a, h4 a { color:#7C5DC6 } h3 a:active { color: #7C5DC6 } #childs .printlogo { display:none; width:1px; height:1px; border:0px solid red; margin:0; padding:0; clear:none; } #childs .leftFloat a b {color:#005abb} #childs p a { color:#005abb } #childs b a { color:#005abb } #childs #tabBlock a { color:#005abb } ul#bullet a { color:#005abb; } .backtop { text-align:right; color:#eb7125; } .backtop a { text-decoration:none; color:#eb7125; } /* :::: FOR USE ON 3 COL LAYOUT :::: */ #childs .subBG { background:url(img/subcolbgch.gif) -19px 0 } /* :::: BREADCRUMBS :::: */ #childs .utils { float:right; margin:5px 0px 0px 0; border:0px solid red;} #childs .breadcrumbs { color:#333333; float:left; padding:0 0 0 3px; margin:0px 0 11px 4px; border:0px solid red; width:800px; text-align:left; } #childs .breadcrumbs a { color:#005ABB; } #childs .breadcrumbs a.selected { color:#333333; font-weight:bold; } #childs .utils .util { float:left; margin-right:8px; display:block; } #childs .utils .utillst { float:left; margin-right:0px; display:block; } #childs .utils .util a { color:#005ABB; } #childs .utils .email { background:url(../../images/btns/btn_email-ch.gif) no-repeat; margin-top:12px; padding:0 0 4px 20px; } #childs .utils .print { background:url(../../images/btns/btn_print-ch.gif) no-repeat; margin-top:12px; padding:0 0 4px 20px; } .utils .fontlabel { position:relative; right:7px; } /* ::: TYPE SPECIFIC HEADER CONTAINERS ::: */ #childs .secHeadCenter { /*border:1px solid #FFB70F; */ } /* text resizer controls */ a.normal { width: 17px; height: 17px; background: url(../../images/btns/btn_txtsm-ch_on.gif) no-repeat; float: left; } a.medium { width: 17px; height: 17px; background: url(../../images/btns/btn_txtmd-ch.gif) no-repeat; float: left; } a.large { width: 17px; height: 17px; background: url(../../images/btns/btn_txtlg-ch.gif) no-repeat; float: left; } a.medium:hover { width: 17px; height: 17px; background: url(../../images/btns/btn_txtmd-ch_on.gif) no-repeat; float: left; } a.large:hover { width: 17px; height: 17px; background: url(../../images/btns/btn_txtlg-ch_on.gif) no-repeat; float: left; } /* ::: SPECIAL BUTTONS */ a.specialHeadBTN { color:#7C5DC6; } .bodColTwo h3 a { color:#7C5DC6; } /* ::: DIAGNOSIS TABLES */ table.chart td.head { color:#935dc6; } table.chart td a { color:#005ABB; } /* :::: LEFT NAV :::: */ #childs .colOne { width:183px; padding:4px 0 0px 0px;float:left; border:0px solid red; margin: 0 6px 0 0; background:url(img/childleftbg.gif) #ebe5f7 bottom no-repeat; overflow:hidden; } #childs ul#leftnav { width:183px; list-style: none; float:left; text-align:left; padding:0; overflow:hidden;} #childs ul#leftnav li { color:#FFFFFF; margin:2px 0 2px 2px; font-size:13px; color:#333333; font-weight:bold; display:block; } #childs ul#leftnav li a { color:#005ABB; padding-top:2px; padding-bottom:1px; padding-left:10px; display:block; height:18px; margin-left:-2px; font-size:12px; } #childs ul#leftnav li a:hover { background:#7C5DC6; text-decoration:none; color:#FFFFFF; } #childs ul#leftnav li.lng a { color:#005ABB; font-weight:600; display:block; height:30px; } #childs ul#leftnav li.selected a { background:#7C5DC6; text-decoration:none; color:#FFFFFF; } #childs ul#leftnav li.selected a:hover { background:#7C5DC6; } /* INDEX BUTTONS */ #childs ul.indexBtn { list-style:none; text-align:left; font-size:14px; padding:0; margin:4px 0 0 0; overflow:hidden; width:490px; } #childs ul.indexBtn li { color:#FFFFFF; padding:0; margin:0; display:block; height:28px;} #childs ul.indexBtn li a { background:#eb7125; color:#FFFFFF; padding:6px 8px 8px 8px; width:13px; height:12px; display:block; font-weight:bold; border:1px outset #bd5515; } #childs ul.indexBtn li a:hover { text-decoration:none; background:#f9d4bd; padding:6px 8px 8px 8px; display:block; font-weight:bold; border:1px outset #eb7125; color:#eb7125 } #childs ul.indexBtn li a.selected { text-decoration:none; background:#f9d4bd; font-weight:bold; border:1px outset #eb7125; color:#eb7125 } #childs ul.indexBtn li.top { margin:0 4px 0px 0; float:left; } #childs ul.indexBtn li.inactive { text-decoration:none; background:#e5e5e5; font-weight:bold; border:1px outset #eb7125; color:#eda67b; padding:6px 8px 8px 8px; width:13px; height:12px; display:block; } #childs .mastContain { background:#fa8316; height:80px; } #childs .mastborder { display:none } #childs .mast { background:url(img/hp/child_topbg.gif) 18px 0px no-repeat; height:80px; width:890px; } #childs .HMbodyContain { background:url(img/starsmidbg.gif) #ffc200 right no-repeat;} #childs .bodyContain { background:#FFFFFF; } #childs #wrapper { background: #8f76d2; margin: 0; padding:0 0 0 20px; } #childs .hm { padding-left:24px } #childs .podContain { background:#ffb711; margin:0; padding:0px; width:940px; border:0px solid red; overflow:hidden; position:relative; } #childs .pod ul#actions li { background:url(img/lilaarrow-do.gif) #F26E1C 11px 3px no-repeat; height:20px; overflow:hidden; } #childs .pod ul#actions li a { color:#FFFFFF; } #childs .pod ul#actions li a:hover { background:url(img/lilaarrow-do.gif) #FF3300 11px 3px no-repeat; color:#FFFFFF; } #childs .pod .podStory { background:url(../../images/home/pod_md1.jpg) 0 0px no-repeat; } #childs .pod .podStoryWide { background:url(../../images/home/pod_md1.jpg) 0 0px no-repeat; } #childs .callout { background:url(img/hp/statesealbg.gif) bottom right no-repeat; } #childs .lowerContain { background:#FFFFFF; } #childs .lowerBlock { height:180px; width:940px; background:url(img/starsbg.gif) 710px 0px no-repeat #FFFFFF; overflow:auto; position:relative; left:68px;} #childs .searchSelectors { color:#FFC53C; } #childs .searchSelectors span.off { color:#ffc53c; cursor:pointer; } #childs .searchSelectors span.on { color:#005ABB; cursor:pointer; } #childs .searchSelectors a:hover { text-decoration:none; color:#ffc53c; } #childs .searchSelectors a { text-decoration:none; color:#005ABB; } /* ::::::: SEARCH BOX ::::: */ #childs .subSearchCtn { height:68px;border:1px solid #7c5dc6; padding:0; margin:0; } #childs .subSearchFde { margin:0px; padding:0; border:1px solid #FFFFFF; height:66px; background:url(img/searchBGchildsub.gif) repeat-x; overflow:hidden; } #childs .medFinder { position:relative; top:24px; left: 20px; float:left; width:440px; } #childs .medFinder .input { border:0px solid #CCCCCC; height:14px; float:left; padding:3px 0px 3px 4px; width:334px; overflow:hidden; background:url(img/subSearchboxbgch.gif) no-repeat; color:#999999; font-size:11px } #childs .medFinder .btn { float:left; margin-left:-1px; padding:0; height:20px; } /*#childs #hpswitch1 { background:url(../../images/home/ch_1.jpg) no-repeat; }*/ #leftimage { /*width:435px;*/ height:337px; } #childs .pod { border:1px solid #FCD2D2; color:#4e4e4e } #childs .pod a { color:#0096DB; text-decoration:none;} #childs .botRule { border-top: 1px solid #D6DADC } #childs .pod h3 { margin-top:7px; font-size:14px; } #childs .leftBlock { text-align:right; float:left; width:440px; height:327px;border:0px solid green } #childs .leftBlock p.right { text-align:right; } #childs .rightBlock { width:500px; height:327px; border:0px solid green; padding:0px; overflow:hidden; } #childs #hpswitch1ch { background:url(../../images/home/ch_1.jpg) bottom right no-repeat; } #childs .leftBlock { background:url(img/hp/childbg_lft.gif) #ffc200 right top no-repeat; } .podtop { position:relative; top: 20px; right:10px; } #childs .leftBlock ul#selector { float:right;list-style:none; text-align:right; margin:0px 0 0 0; padding:0px; display:block; width:300px;} #childs .leftBlock ul#selector li { background:url(img/lilaarrow-lo.gif) right no-repeat; color:#481b00; padding:0 22px; margin:4px 0 2px 20px; font-size:14px; border:0px solid red; } #childs .leftBlock ul#selector li a { color:#481b00; font-weight:normal; } #childs .leftBlock .storMsg { color:#7C5DC6; padding-right:10px; text-align:right; margin:0 0 4px 0 } #childs .leftBlock p { color:#481B00; padding-right:10px; text-align:right; font-size:12px; line-height:16px; width:360px; float:right; } #childs .pod ul#spot { list-style:none; text-align:left; margin:0px 0 0 0; padding:0px; display:block; } #childs .pod ul#spot li { list-style:url(img/lilaquotebullet.gif); color:#666666; padding: 0; margin:4px 0 2px 20px; } #childs .pod ul#spot li a { color:#666666; font-weight:normal; } #childs .footerLinks { color:#333333; width:650px; } #childs .footerLinks a { color:#005ABB; } #childs .HMfooterContain { width:880px; position:relative; left:40px; text-align:right;overflow:hidden; } #childs .footerContain { width:880px; position:relative; left:6px } #childs .credContain { width:650px;margin: 0px 0 0 10px } #childs .blaofflink { padding:0px 0 0px 5px;} /* ++++++++ BEGIN Header navigation ++++++++++ */ /* Conditions & Treatments Tab */ #hunt3 a#condLink { width: 123px; height:42px; padding:0; margin:0; background: #7c5dc6 url('../../images/nav/child/conditions-treatments_off.gif') 0px 0px no-repeat; } #hunt3 a#condLink:hover, #hunt3 a#condLink:focus { width: 123px; height:42px; padding:0; margin:0; background:#7c5dc6 url('../../images/nav/child/conditions-treatments_on.gif') 0px 0px no-repeat; } ul#hunt3 li#condLink a#condLink, ul#hunt3 li#current a#condLink:hover { width: 123px; height:42px; padding:0; margin:0; background:#7c5dc6 url('../../images/nav/child/conditions-treatments_off.gif') 0px 0px no-repeat; } /* Doctors & Clinics Tab */ #hunt3 a#docsLink { width: 125px; height:42px; padding:0; margin:0; background: #7C5DC6 url('../../images/nav/child/doctors_off.gif') 0px 0px no-repeat; } #hunt3 a#docsLink:hover, #hunt3 a#docsLink:focus { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/doctors_on.gif') 0px 0px no-repeat; } ul#hunt3 li#docsLink a#docsLink, ul#hunt3 li#current a#docsLink:hover { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/doctors_on.gif') 0px 0px no-repeat; } /* Research Tab */ #hunt3 a#researchLink { width: 125px; height:42px; padding:0; margin:0; background: #7C5DC6 url('../../images/nav/child/clinical-trials_off.gif') 0px 0px no-repeat; } #hunt3 a#researchLink:hover, #hunt3 a#researchLink:focus { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/clinical-trials_on.gif') 0px 0px no-repeat; } ul#hunt3 li#researchLink a#researchLink, ul#hunt3 li#current a#researchLink:hover { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/clinical-trials_on.gif') 0px 0px no-repeat; } /* Patients & Parents Tab */ #hunt3 a#patientsparentsLink { width: 125px; height:42px; padding:0; margin:0; background: #7C5DC6 url('../../images/nav/child/parent-patiens_off.gif') 0px 0px no-repeat; } #hunt3 a#patientsparentsLink:hover, #hunt3 a#patientsparentsLink:focus { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/parent-patiens_on.gif') 0px 0px no-repeat; } ul#hunt3 li#patientsparentsLink a#patientsparentsLink, ul#hunt3 li#current a#patientsparentsLink:hover { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/parent-patiens_on.gif') 0px 0px no-repeat; } /* Visitors Tab */ #hunt3 a#visitorsLink { width: 124px; height:42px; padding:0; margin:0; background: #7C5DC6 url('../../images/nav/child/visitors_off.gif') 0px 0px no-repeat; } #hunt3 a#visitorsLink:hover, #hunt3 a#visitorsLink:focus { width: 124px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/visitors_on.gif') 0px 0px no-repeat; } ul#hunt3 li#visitorsLink a#visitorsLink, ul#hunt3 li#current a#visitorsLink:hover { width: 124px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/visitors_on.gif') 0px 0px no-repeat; } /* Health Professionals Tab */ #hunt3 a#HPLink { width: 125px; height:42px; padding:0; margin:0; background: #7C5DC6 url('../../images/nav/child/health-professionals_off.gif') 0px 0px no-repeat; } #hunt3 a#HPLink:hover, #hunt3 a#HPLink:focus { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/health-professionals_on.gif') 0px 0px no-repeat; } ul#hunt3 li#HPLink a#HPLink, ul#hunt3 li#current a#HPLink:hover { width: 125px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/health-professionals_on.gif') 0px 0px no-repeat; } /* About Tab */ #hunt3 a#aboutLink { width: 139px; height:42px; padding:0; margin:0; background: #7C5DC6 url('../../images/nav/child/about_off.gif') 0px 0px no-repeat; } #hunt3 a#aboutLink:hover, #hunt3 a#aboutLink:focus { width: 139px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/about_on.gif') 0px 0px no-repeat; } ul#hunt3 li#aboutLink a#aboutLink, ul#hunt3 li#current a#aboutLink:hover { width: 139px; height:42px; padding:0; margin:0; background:#422782 url('../../images/nav/child/about_on.gif') 0px 0px no-repeat; } /* +++++++++++++ Begin HUNT 3 (Header Upper Nav Tier 3) +++++++++++++ */ #hunt3 { height:42px } #hunt3, #hunt3 *, #hunt3gr, #hunt3gr *, #hunt3ea, #hunt3ea * { margin:0; padding:0;} #hunt3 { margin-bottom:0em; width:908px; line-height: 1.3em; padding-left:0px; background:#8f76d2 /* purple BG */; /*opacity:.999; added to prevent flicker from drop down in Firefox on a Mac */ } #hunt3gr { /* gift registry specific */ float:left; margin-bottom:0em; width:736px; line-height: 1.3em; background:#7C5DC6 /* purple BG */; padding-left:172px; } #hunt3ea { /* expert advice specific */ float:left; margin-bottom:0em; width:777px; line-height: 1.3em; background:#7C5DC6 /* purple BG */; padding-left:131px; } #hunt3 ul { background:#ffffff; /*IE6 needs this*/ } #hunt3 li, #hunt3gr li, #hunt3ea li { /*categories/menu default list style*/ background:#7C5DC6; border-left:0px solid #7C5DC6; border-top:0px solid #7C5DC6; float:left; list-style:none; position:relative; z-index:10;} #hunt3 a, #hunt3gr a, #hunt3ea a { /*categories/menu default a style*/ color:#ffffff; display:block; float:left; padding: 4px 0 0 0; text-decoration:none; border-top:0px solid #7C5DC6; border-left:0px solid #7C5DC6; border-right:0px solid #7C5DC6; } #hunt3 a:active, #hunt3 a:focus, #hunt3 a:visited, #hunt3gr a:active, #hunt3gr a:focus, #hunt3gr a:visited, #hunt3ea a:active, #hunt3ea a:focus, #hunt3ea a:visited { text-decoration:none;} #hunt3 li:hover, #hunt3 li.sfHover, #hunt3 li:hover a.catList, #hunt3 li.sfHover a.catList, #hunt3 li a.catList:focus, #hunt3 li a:hover, #hunt3 li a:active { color:#004aab; /* purple text */ background:#ffffff; font-weight:bold; } #hunt3 li a:hover { text-decoration:none; } #hunt3gr li a:hover, #hunt3ea li a:hover { text-decoration:underline; } #hunt3 li:hover > a, #hunt3 li.sfHover > a { /*style when hovering on categories */ background:#ffffff; color:#004aab; /* purple text */ font-weight:bold; text-decoration:none;} #hunt3 * a.catList:hover { color:#004aab; /* purple text */ font-weight:bold; text-decoration:none;} #hunt3 * a.catList:focus, #hunt3 * a.catList:active { color:#ffffff; font-weight:normal; text-decoration:none;} /* Removing IE exceptions */ /* *html #hunt3 li:hover > a, *html #hunt3 li.sfHover > a, *:first-child+html #hunt3 li:hover > a, *:first-child+html #hunt3 li.sfHover > a {letter-spacing: -0.1em; text-decoration:none;} IE only spacing control */ /* BEGIN width of each category */ .catList {height:23px; text-decoration:none;} .catCond {width:129px;text-align:center;} .catDocs {width:126px;text-align:center;} .catResearch {width:126px;text-align:center;} .catPP {width:126px;text-align:center;} .catVisitors {width:126px;text-align:center;} .catHP {width:126px;text-align:center;} .catAbout {width:140px;text-align:center;} /* +++++++++++++ END width of each category +++++++++++++ */ /* +++++++++++++ END HUNT 3 (Header Upper Nav Tier 3) +++++++++++++ */ /* +++++++++++++ Begin HUNT 4 (Header Upper Nav Tier 4) +++++++++++++ */ #hunt3 li ul { /* menu default UL setting */ float:none; top:-999em; position:absolute; border-bottom:1px solid #7C5DC6; width:170px; margin-top:6px; z-index:100; padding:8px 5px 5px 5px;} #hunt3 li ul.col1 { /*menu column 1*/ border-left:1px solid #7C5DC6; border-right:0px solid #7C5DC6; } #hunt3 li ul.col2 { /*menu column 2*/ margin-left:180px; } #hunt3 li ul.col3 { /*menu column 3 */ margin-left:360px; border-right:1px solid #7C5DC6; } #hunt3 li ul.col4 { /*menu column 4*/ margin-left:540px; border-right:1px solid #7C5DC6; } /* BEGIN menu LI LI styling */ #hunt3 li li { background:#fff; padding-left:6px; padding-top:3px; line-height:13px; } #hunt3 li li a { float:none; width:155px; /* width:150px;*/ padding:2px 0px 2px 6px; border:0px solid #fff; margin:0; color:#004aab; /* purple text */ text-decoration:none; font-weight:normal;} #hunt3 li li a:hover { border:0px solid #fff; background:#fff; position:relative; padding-bottom:2px; top:0px; text-decoration:underline; font-weight:normal;} #hunt3 li li:hover > a, #hunt3 li li.sfHover > a { color:#004aab; /* purple text */ padding-bottom:2px; font-weight:normal; text-decoration:underline;} /* Removing IE exceptions */ /* *html #hunt3 li li:hover > a, *html #hunt3 li li.sfHover > a, *:first-child+html #hunt3 li li:hover > a, *:first-child+html #hunt3 li li.sfHover > a {letter-spacing: 0; text-decoration:underline;} IE only spacing control*/ /* this is to insure that the drop down menu stays on top of an embeded flash object (not needed because of how we embed the flash) embed, object { position: relative; z-index: 0; } */ /* +++++++++++++ END menu styling +++++++++++++ */ /* +++++++++++++ BEGIN these styles determines the position and height of the menu +++++++++++++ */ #hunt3 li:hover ul, ul#hunt3 li.sfHover ul { left:0px; top:36px; /* TCF: sub nav position */ text-align:left; } #hunt3 li:hover ul.condNav, ul#hunt3 li.sfHover ul.condNav {height:160px; border-right:1px solid #7C5DC6 /* purple border */;} #hunt3 li:hover ul.docsNav, ul#hunt3 li.sfHover ul.docsNav {height:90px; border-right:1px solid #7C5DC6 /* purple border */;} #hunt3 li:hover ul.researchNav, ul#hunt3 li.sfHover ul.researchNav {height:60px; border-right:1px solid #7C5DC6 /* purple border */;} #hunt3 li:hover ul.ppNav, ul#hunt3 li.sfHover ul.ppNav {left:-240px; height:185px; border-right:1px solid #7C5DC6 /* purple border */;} #hunt3 li:hover ul.visitorsNav, ul#hunt3 li.sfHover ul.visitorsNav {height:100px; border-right:1px solid #7C5DC6 /* purple border */;} #hunt3 li:hover ul.hpNav, ul#hunt3 li.sfHover ul.hpNav {left:-240px; height:130px; border-right:1px solid #7C5DC6 /* purple border */;} #hunt3 li:hover ul.aboutNav, ul#hunt3 li.sfHover ul.aboutNav {left:-598px; height:180px; border-right:1px solid #7C5DC6 /* purple border */;} #hunt3 li:hover li ul, #hunt3 li.sfHover li ul { top:-999em;} #hunt3 li li:hover ul, /* pure CSS hover is removed below */ ul#hunt3 li li.sfHover ul { left:9.45em; top:-1px; width:9.45em; } /* Carousel height */ .jcarousel-skin-tango .jcarousel-clip-horizontal { height:154px } .jcarousel-skin-tango .jcarousel-item { height:154px } /*following rule negates pure CSS hovers so submenu remains hidden and JS controls when and how it appears*/ .superfish li:hover ul, .superfish li li:hover ul { top:-999em;} /* +++++++++++++ END these styles determines the position and height of the menu +++++++++++++ */ #hunt3 li li.subTitle {font-weight:bold; color:#333333; padding-left: 12px; padding-top:5px; padding-bottom:2px;} #hunt3 img.dotHori {padding:9px 0px 3px 8px;} #hunt3 li li.catCatchAll { padding-top:10px; margin-top:13px; } /* +++++++++++++ END drop down nav style, i.e. END HUNT 4 (Header Upper Nav Tier 4) +++++++++++++ */ /* ++++++++ END Header navigation ++++++++++ */