/* Main Nav */ /* ********* Drop Down Styles ********* */ .ddsmoothmenu{/* background: #d9f0f5;background of menu bar (default state)*/width: 100%; font-size: 12px; font-family:Helvetica, Arial, sans-serif} .ddsmoothmenu ul{z-index:80;margin:0;padding:0;list-style-type: none;font-size:18px;color:#6d6e71; background:#ffffff;} /*Top level list items*/ .ddsmoothmenu ul li{position: relative;display: inline;float: left;padding: 0 0 0 0;background: #d9f0f5;} /*Top level menu link items style*/ .ddsmoothmenu ul li a{display: block;background: url(../images/bkgd/headerLines.jpg) repeat-y left #d9f0f5; /*background of menu items (default state)*/padding: 8px 30px 8px 30px;color: #6d6e71;text-decoration: none;} * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;background: url(../images/bkgd/headerLines.jpg) repeat-y left #d9f0f5; cursor: pointer;} .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: #6d6e71;} .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/background: url(../images/bkgd/headerLines.jpg) repeat-y left #88cbdf; color: #ffffff; cursor: pointer;} .ddsmoothmenu ul li a:hover{ /*background of menu items during onmouseover (hover state)*/ background: url(../images/bkgd/headerLines.jpg) repeat-y left #88cbdf; color: #ffffff;} #firstMainItem { background: url(../images/bkgd/clear.gif) repeat-y left #d9f0f5; } #firstMainItem:link { background: url(../images/bkgd/clear.gif) repeat-y left #d9f0f5; } #firstMainItem:selected { background: url(../images/bkgd/clear.gif) repeat-y left #88cbdf; } #firstMainItem:hover { background: url(../images/bkgd/clear.gif) repeat-y left #88cbdf; } #firstMainItem:visited { background: url(../images/bkgd/clear.gif) repeat-y left #d9f0f5; } /*1st sub level menu*/ .ddsmoothmenu ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden; background: #ffffff; border: solid 1px #b1b3b6; margin: 0; padding: 0; } /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{display: list-item;float: none; border: none; margin: 2px 0 1px 3px; background: none;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{top: 0; margin: 0 0 0 3px;} /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{width: 160px; /*width of sub menus*/padding:1px 0 1px 5px;margin: 0;border: none; font-size: 12px;border-right: 3px solid #ffffff; color: #34b6dd; background: #ffffff;} .ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li a:visited{color: #34b6dd; background: #ffffff;} .ddsmoothmenu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/background: #34b6dd; color: #ffffff;} .ddsmoothmenu ul li ul li a:hover{ background: #88cbdf; color: #ffffff; /*background of menu items during onmouseover (hover state)*/} /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{position: absolute;top: 12px;right: 7px;} .rightarrowclass{position: absolute;top: 2px;right: 7px;} /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;} .toplevelshadow{ /*shadow opacity. Doesn't work in IE*/opacity: 0.8;} /* Secondary Nav */ /* ********* Drop Down Styles ********* */ .ddsmoothmenu2{/* background: #d9f0f5;background of menu bar (default state)*/width: 100%; font-size: 12px; font-family:Helvetica, Arial, sans-serif; padding: 10px 0 0 0;} .ddsmoothmenu2 ul{z-index:90;margin:0;padding:0;list-style-type: none;font-size:12px;color: #636466;} /*Top level list items*/ .ddsmoothmenu2 ul li{position: relative;display: inline;float: right;padding: 2px 0 2px 0;background: #ffffff;font-size:12px;} /*Top level menu link items style*/ .ddsmoothmenu2 ul li a{display: block;background: #ffffff; /*background of menu items (default state)*/font-size:12px;border-right: solid 1px #636466;padding: 0 10px 0 10px;color: #636466;text-decoration: none; margin: 4px 0 0 0;} * html .ddsmoothmenu2 ul li a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;} .ddsmoothmenu2 ul li a:link, .ddsmoothmenu2 ul li a:visited{color: #636466;} .ddsmoothmenu2 ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/color: #88cbdf;} .ddsmoothmenu2 ul li a:hover{ /*background of menu items during onmouseover (hover state)*/ color: #88cbdf;} /*1st sub level menu*/ .ddsmoothmenu2 ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden; background: #ffffff; border: solid 1px #b1b3b6; margin: 0; padding: 0;} /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu2 ul li ul li{display: list-item;float: none; border: none; margin: 2px 0 1px 3px; background: none;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu2 ul li ul li ul{top: 0; margin: 0 0 0 3px;} /* Sub level menu links style */ .ddsmoothmenu2 ul li ul li a{width: 160px; /*width of sub menus*/padding:1px 0 1px 5px;margin: 0;border: none;} .ddsmoothmenu2 ul li ul li a:link, .ddsmoothmenu2 ul li a:visited{ background: #ffffff;} .ddsmoothmenu2 ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/background: #d9f0f5;} .ddsmoothmenu2 ul li ul li a:hover{ background: #d9f0f5; /*background of menu items during onmouseover (hover state)*/} /* Holly Hack for IE \*/ * html .ddsmoothmenu2{height: 1%;} /*Holly Hack for IE7 and below*/ /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass2{position: absolute;top: 12px;right: 7px;} .rightarrowclass2{position: absolute;top: 2px;right: 7px;} /* ######### CSS for shadow added to sub menus ######### */ .ddshadow2{position: absolute;left: 0;top: 0;width: 0;height: 0;background: silver;} .toplevelshadow2{ /*shadow opacity. Doesn't work in IE*/opacity: 0.8;} /* Account Nav */ /* ********* Drop Down Styles ********* */ #jsddm {width: 100px; font-size:10px; color: #88cbdf; font-family:Helvetica, Arial, sans-serif; padding: 2px 30px 0 50px; float: right; margin: 0; height: 14px;} #jsddm li {position: relative;display: inline;background: #ffffff;font-size:10px;} #jsddm li a {display: block;background: #ffffff;font-size:12px;padding: 0;color: #88cbdf;text-decoration: none; margin: 0 0 0 0;} #jsddm li a:hover { background: #ffffff;} #jsddm li ul { margin: 0; padding: 2px 2px 2px 2px; position: absolute; visibility: hidden; border: solid 1px #b1b3b6; z-index: 100; background: #ffffff; } #jsddm li ul li { float: none; display: inline; color: #636466; padding: 0 0 0 0; } #jsddm li ul li a { padding:1px 0 1px 3px;margin: 0;border: none; width: 100px; font-size:10px; color: #636466; margin: 2px 0 2px 0; } #jsddm li ul li a:hover {background: #d9f0f5; color: #636466;} /* Search Drop Down Box */ .MainSearch {background: #b3dceb url(../images/bkgd/mainNavSearchComm.gif) bottom no-repeat; padding: 6px 0 0 0; float: left; width: 214px; position: relative; } .MainSearch.Open {background: #b3dceb url(../images/bkgd/mainNavSearchCommRes.gif) bottom no-repeat; padding: 6px 0 0 0; float: left; width: 214px; position: relative; } #MainSearchTitleBox { padding: 1px 0 6px 0; } #MainSearchTitleBox p { text-align: center; font-size: 18px; color: #ffffff; padding: 0 0 0 0; } .MainSearchTitleBoxLinks { padding: 10px 1px 0 0; float: left; width: 106px; text-align: center; } .MainSearchTitleBoxLinks a { color: #ffffff; font-size: 16px; padding: 0 0 0 0; text-decoration: none; } .MainSearchTitleBoxLinks a:active { color: #ffffff; font-size: 16px; padding: 0 0 0 0; text-decoration: none; } /* Search Box */ #signin_menu { display:none; background:#88cbdf; position:absolute; width:202px; z-index:100; text-align:left; padding: 8px 6px 8px 6px; top: 59px; right: 0px; margin: 0; color: #ffffff; font-size:11px } #signin_menu2 { display:none; background:#88cbdf; position:absolute; width:202px; z-index:100; text-align:left; padding: 8px 6px 8px 6px; top: 59px; right: 0px; margin: 0; color: #ffffff; font-size:11px } .mainSearchRomanceCopy { background: #b3deeb; width:172px; padding: 10px 15px 10px 15px; } .mainSearchRomanceCopy p { color: #ffffff; } .searchFldTxt {width:180px;font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#666666;border:1px solid #E7E7E7;padding-left:2px; text-align: left; margin: 10px 0 10px 10px;} #searchButton { margin: 20px 0 0 55px; } .mainSearchFooter { padding: 15px 0 15px 0; } /* Side Nav */ code {font-family: Arial, Helvetica, sans-serif;} #acc {/*width:105px;*/ list-style:none; color:#666; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} #acc li {padding-bottom:.5em;} #acc h3 {/*width:105px;*/ padding: 2px 0 2px 0; margin: 0; cursor:pointer; font-size: 1.2em; font-weight: bold;} #acc h3 a:link, #acc h3 a:visited, #acc h3 a { /*background: #ffffff;*/ color: #666; text-decoration: none; } #acc h3 a:hover { /*background: #ffffff; color: #666;*/ text-decoration: underline; color:#34b6dd;} #acc h3 a.active, #acc a.active {color:#34b6dd;} #acc .acc-section {overflow:hidden; /*background:#fff*/} #acc .acc-content {/*width:90px;*/ padding-left: 15px; /*background:#fff;*/} .sideNavSubGroup1 { padding: 2px 0 2px 0; } .sideNavSubGroup1 a:link, .sideNavSubGroup1 a:visited, .sideNavSubGroup1 a {/*background: #ffffff;*/ color:#666; text-decoration: none; font-weight:bold; font-size:1.2em;} .sideNavSubGroup1 a:hover { /*background: #ffffff;*/ color: #34b6dd; text-decoration: underline; } #nested {width:90px; list-style:none; color:#666666;} #nested h3 {width:90px; padding: 2px 0 2px 0; margin: 0; cursor:pointer;} #nested h3 a:link, #nested h3 a:visited, #nested h3 a { /*background: #ffffff;*/ color: #666666; text-decoration: none; } #nested h3 a:hover {/*background: #ffffff;*/ text-decoration: underline; } #nested .acc-section {overflow:hidden; /*background:#fff;*/ height: 0px;} #nested .acc-content {width:75px; padding: 0 0 0 10px; /*background:#fff*/} #nested .acc-content a:link, #nested .acc-content a:visited, #nested .acc-content a {/*background: #ffffff;*/ color: #666666; text-decoration: none; height: 15px;} #nested .acc-content a:hover { /*background: #ffffff;*/ color: #34b6dd; text-decoration: underline; height: 15px; } #nested .acc-selected {} #nested0 {/*width:90px;*/ list-style:none; color:#666666;} #nested0 h3 {/*width:90px;*/ padding: 2px 0 2px 0; margin: 0; cursor:pointer;} #nested0 h3 a:link, #nested h3 a:visited, #nested h3 a { /*background: #ffffff;*/ text-decoration: none; } #nested0 h3 a:hover {/*background: #ffffff;*/ text-decoration: underline; color:#34b6dd; } #nested0 .acc-section {overflow:hidden; /*background:#fff;*/ height: 0px;} #nested0 .acc-content {/*width:75px;*/ padding: 0 0 0 10px; /*background:#fff;*/} #nested0 .acc-content a:link, #nested .acc-content a:visited, #nested .acc-content a {/*background: #ffffff;*/ text-decoration: none; height: 15px;} #nested0 .acc-content a:hover { /*background: #ffffff;*/ color: #34b6dd; text-decoration: underline; height: 15px; } #nested0 .acc-selected {} #nested1 {/*width:90px;*/ list-style:none; color:#666666;} #nested1 h3 {/*width:90px;*/ padding: 2px 0 2px 0; margin: 0; cursor:pointer;} #nested1 h3 a:link, #nested h3 a:visited, #nested h3 a { /*background: #ffffff;*/ color: #666666; text-decoration: none; } #nested1 h3 a:hover {/*background: #ffffff;*/ text-decoration: underline; } #nested1 .acc-section {overflow:hidden; /*background:#fff;*/ height: 0px;} #nested1 .acc-content {width:75px; padding: 0 0 0 10px; /*background:#fff*/} #nested1 .acc-content a:link, #nested .acc-content a:visited, #nested .acc-content a {/*background: #ffffff;*/ color: #666666; text-decoration: none; height: 15px;} #nested1 .acc-content a:hover { /*background: #ffffff;*/ color: #34b6dd; text-decoration: underline; height: 15px; } #nested1 .acc-selected {} #nested2 {/*width:90px;*/ list-style:none; color:#666666;} #nested2 h3 {/*width:90px;*/ padding: 2px 0 2px 0; margin: 0; cursor:pointer;} #nested2 h3 a:link, #nested h3 a:visited, #nested h3 a { /*background: #ffffff;*/ color: #666666; text-decoration: none; } #nested2 h3 a:hover {/*background: #ffffff;*/ text-decoration: underline; } #nested2 .acc-section {overflow:hidden; /*background:#fff;*/ height: 0px;} #nested2 .acc-content {width:75px; padding: 0 0 0 10px; /*background:#fff*/} #nested2 .acc-content a:link, #nested .acc-content a:visited, #nested .acc-content a {/*background: #ffffff;*/ color: #666666; text-decoration: none; height: 15px;} #nested2 .acc-content a:hover { /*background: #ffffff;*/ color: #34b6dd; text-decoration: underline; height: 15px; } #nested2 .acc-selected {} #nested3 {/*width:90px;*/ list-style:none; color:#666666;} #nested3 h3 {/*width:90px;*/ padding: 2px 0 2px 0; margin: 0; cursor:pointer;} #nested3 h3 a:link, #nested h3 a:visited, #nested h3 a { /*background: #ffffff;*/ color: #666666; text-decoration: none; } #nested3 h3 a:hover {/*background: #ffffff;*/ text-decoration: underline; } #nested3 .acc-section {overflow:hidden; /*background:#fff;*/ height: 0px;} #nested3 .acc-content {width:75px; padding: 0 0 0 10px; /*background:#fff*/} #nested3 .acc-content a:link, #nested .acc-content a:visited, #nested .acc-content a {/*background: #ffffff;*/ color: #666666; text-decoration: none; height: 15px;} #nested3 .acc-content a:hover { /*background: #ffffff;*/ color: #34b6dd; text-decoration: underline; height: 15px; } #nested3 .acc-selected {} #accOtherDocs {/*width:105px;*/ list-style:none; color:#666; margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 10px; margin-top:10px;border-top: 1px solid #666;} #accOtherDocs li {padding-bottom:.5em;} #accOtherDocs h3 {/*width:105px;*/ padding: 2px 0 2px 0; margin: 0; cursor:pointer; font-size: 1.2em; font-weight: bold;} #accOtherDocs h3 a:link, #accOtherDocs h3 a:visited, #accOtherDocs h3 a { /*background: #ffffff;*/ color: #666; text-decoration: none; } #accOtherDocs h3 a:hover { /*background: #ffffff; color: #666;*/ text-decoration: underline; color:#34b6dd;} #accOtherDocs h3 a.active, #accOtherDocs a.active {color:#34b6dd;} #accOtherDocs .acc-section {overflow:hidden; /*background:#fff*/} #accOtherDocs .acc-content {/*width:90px;*/ padding-left: 15px; /*background:#fff;*/} #nestedOtherDocs {/*width:90px;*/ list-style:none; color:#666666;} #nestedOtherDocs h3 {/*width:90px;*/ padding: 2px 0 2px 0; margin: 0; cursor:pointer;} #nestedOtherDocs h3 a:link, #nested h3 a:visited, #nested h3 a { /*background: #ffffff;*/ text-decoration: none; } #nestedOtherDocs h3 a:hover {/*background: #ffffff;*/ text-decoration: underline; color:#34b6dd; } #nestedOtherDocs .acc-section {overflow:hidden; /*background:#fff;*/ height: 0px;} #nestedOtherDocs .acc-content {/*width:75px;*/ padding: 0 0 0 10px; /*background:#fff;*/} #nestedOtherDocs .acc-content a:link, #nested .acc-content a:visited, #nested .acc-content a {/*background: #ffffff;*/ text-decoration: none; height: 15px;} #nestedOtherDocs .acc-content a:hover { /*background: #ffffff;*/ color: #34b6dd; text-decoration: underline; height: 15px; } #nestedOtherDocs .acc-selected {}