/*-------------------------------------------------------------- ---------------------------------------------------------------- LAYOUT css ---------------------------------------------------------------- --------------------------------------------------------------*/ /*-------------------- GLOBAL MENU --------------------*/ #globalmenu ul li.FWonline div.activeItem a{ background: transparent url(../images/fwonline/fwonline_activetab_end.gif) no-repeat 0px 0; width:114px; color: #000; } #globalmenu ul li.FWonline div.activeItem { background: #ab2943 url(../images/fwonline/fwo_banner_new.jpg) no-repeat -2176px -4px; } #ie6 #globalmenu ul li.FWonline div.activeItem {background-position: -2185px -6px;} #ie7 #globalmenu ul li.FWonline div.activeItem {background-position: -2185px -6px;} #globalmenu ul li.FWaustralia a { background:#AB2943 url(../images/globalnav_fwatab.gif) repeat-x scroll left bottom; width:131px; } #globalmenu ul li.FWonline {margin-left: 162px; } #ie6 #globalmenu ul li.FWonline {margin-left: 85px;} #ie7 #globalmenu ul li.FWonline {margin-left: 170px; } /*--------------- BANNER ----------------*/ #wrapper, #ie6 { background: transparent url(../images/fwonline/fwo_banner_new.jpg) no-repeat scroll 50% 0px; } #bannerwrapper { background: transparent url(../images/fwa/fwa_banner_bg.gif) repeat-x scroll 0 -2px; } #banner { background: none; height: 122px; } #ie7 #banner, #ie6 #banner { height: 121px; } #banner h1 a { background: url(../images/fwonline/fwo_banner_new.jpg) no-repeat -776px -54px; margin-top: 4px; height: 90px; } #ie6 #banner h1 a {background-position: -776px -54px;} #ie6 #banner h1 a {background-position: -2022px -54px;} .audienceitem { padding-left: 80px; position: relative; padding-bottom: 5px; } .audienceitem h2 {margin-bottom:0px;} .audienceitem h2 img { position: absolute; top: 0; left: 0; } .audienceitem h2 a {color: #3366CC;} #ie6 .audienceitem h2 img { left: -80px; } .audienceitem p {line-height: 16px;} #search input#searchSubmit { background:transparent url(../images/Search-Button-inactive.png) no-repeat scroll 0 10px; color:#000; cursor:pointer; font-weight:bold; height:47px; margin:-2px 0 0 0; overflow:hidden; padding:0 0 0 18px; position:relative; text-align:left; text-indent:0; top:0px; width:30px; border: none; } #search input#searchSubmit:hover {text-decoration: underline; background-image: url(../images/Search-Button-active.png);} #ie6 #search input#searchSubmit:hover {text-decoration: underline; background-image: url(../images/Search-Button-active.png);} #ie6 #search input#searchSubmit { margin:-2px 0 0 0; } #ie7 #search input#searchSubmit, #ie7 #search input#searchSubmit:hover { padding-top: 0px; height:50px; vertical-align: top; background-position: 0 10px; } #search input#searchSubmit:active { background:transparent url(../images/Search-Button-active.png) no-repeat scroll 0 -53px; } #search input { /*background:transparent url(../images/fwa/fwa_search-input.gif) no-repeat scroll 0 0;*/ margin-bottom: 9px; } #displaybar { background:#b6c8d9 none repeat scroll 0 0 !important; background:#C1D8FC none repeat scroll 0 0 !important; } #searchbar input#searchSubmit { background:transparent url(../images/Search-Button-inactive.png) no-repeat scroll left -2px; height:0px; margin: 0 0 0 -3px; padding: 36px 0 5px; width:77px; position: relative; top: 6px; overflow: hidden; } #SearchTextTop { position: absolute; font-size:10px; font-weight:bold; height:2px; text-align:right; width:250px; top: 2px; } /*---------------------- search results section ----------------------*/ #searchbar input#searchSubmit { background:transparent url(../images/fwonline/search-btn_2.png) no-repeat scroll left -2px; height:0px; margin: 0px 0 0 0px; padding: 0px 0 10px 18px; width:77px; border: none; height:39px; top: 2px; overflow: hidden; position:relative; text-align:left; text-indent:0; color:#000; cursor:pointer; font-weight:bold; } #searchbar #searchInput, #searchbar label {position: relative;} #searchbar label { display: inline; font-weight:normal; } #ie7 #searchbar input#searchSubmit {top: -4px;} #ie6 #searchInput {/*position: relative; top: -20px; left: 5px;*/} /*------------ updated css end---------------*/ /*-------------------- BREADCRUMBS --------------------*/ /*.homepage #breadcrumbs { height: 57px; background: #FFF; }*/ .homepage #breadcrumbs{ background: #FFF; } #breadcrumbs-2 { background: #fff url(../images/breadcrumbs-bg.jpg) repeat-x 0 0; height: 57px; overflow: hidden; border-bottom: 2px solid #fff; } #breadcrumbs-2 div { width: 640px; margin: 12px auto 0; padding: 5px 300px 5px 0px; font-weight: bold; color: #666; font-size: 11px; } #breadcrumbs-2 a { padding: 0 3px 0 0; text-decoration: underline; color: #000; font-weight:normal; } #breadcrumbs-2 span { padding: 0 3px 0 0; font-weight:normal; color: #000; } /*-------------------- CONTENT --------------------*/ .homepage #contentwrapper #centercolumn { position: relative; top: -40px; margin-bottom: -40px; } /*-------------------- FOOTER --------------------*/ .footercolumn {width: 220px;} #footer_c_1 {width: 300px;} #ie6 #footer_c_1 {width: 310px;} #footer_c_4 {width: 90px;} /*-------------------------------------------------------------- ---------------------------------------------------------------- MENU css ---------------------------------------------------------------- --------------------------------------------------------------*/ /*-------------------- CONTENT MENU --------------------*/ /*----- global menu formatting ----*/ #contentmenu { background: #f9f9f9 url(../images/contentmenu-bg2.jpg) no-repeat scroll left bottom; } #contentmenuTop { background: #f9f9f9 url(../images/contentmenu-top2.jpg) no-repeat scroll 0 0; } #ie6 #contentmenuTop { margin-bottom: -2px; height:12px; } /*---- top level menu layout ---*/ #contentmenu ul li a { color: #000; background: url(../images/sitenav-bullet.gif) no-repeat scroll 9px 9px; } /* --- hide all secondary and tertiary menus by default ----*/ #contentmenu ul ul, #contentmenu ul ul ul, #contentmenu ul li:hover ul ul, #contentmenu ul li.focus ul ul, #contentmenu ul li.activeParentItem ul ul, #contentmenu ul li.activeParent ul ul { background: #FBE481; border-color: #000; } /*-------- flyout states -------------*/ /* secondary level flyout */ #contentmenu li:hover ul li, #contentmenu li.hover ul li, #contentmenu li.focus ul li { border-top: 1px dotted #000; padding-bottom: 0; } /* tertiary level flyout */ #contentmenu ul li.activeParent ul ul { background: #FBE481; } #contentmenu ul li.activeParent ul li ul li, #contentmenu ul li.activeParentItem ul li ul li { border-top: 1px dotted #000; } #contentmenu ul li.activeParent ul li ul li a, #contentmenu ul li.activeParentItem ul li ul li a { background-color: #FBE481; color: #000; background-image: none; } #ie6 #contentmenu ul li.activeParentItem ul ul li a { background-image: none; } #contentmenu ul li.parentItem ul li a { background-color: #FBE481; background-image: none; color: #000; } /*----------- inline display states -------------*/ /* secondary level inline display */ #contentmenu ul li.activeParent { background: #fbf3cc; } #contentmenu ul li.activeParent ul, #contentmenu ul li.activeParentItem ul { background: #fbf3cc; } #contentmenu ul li.activeParent a, #contentmenu ul li.activeParentItem a { background-color: #fbf3cc; color: #000; } #contentmenu ul li.activeParent ul li a , #contentmenu ul li.activeParentItem ul li a { border:none; background: url(../images/sitenav-bullet.gif) no-repeat scroll 29px 9px; background-repeat: no-repeat !important; color: #000; } /* tertiary level inline display */ #contentmenu ul li ul li.activeParent { background: #D3DCE9; } #contentmenu ul ul li.activeParent ul, #contentmenu ul ul li.activeParentItem ul { background-color: #D3DCE9; } #contentmenu ul li.activeParent ul li.activeParent a, #contentmenu ul li.activeParent ul li.activeParentItem a{ background-color: #D3DCE9; background-image: url(../images/sitenav-bullet.gif); color: #000; } #contentmenu ul li ul li.activeParent ul li a, #contentmenu ul li ul li.activeParentItem ul li a { background-image: url(../images/sitenav-bullet.gif); background-repeat: no-repeat; background-position: 49px 10px !important; background-color: #D3DCE9; color: #000; } /* --------- active menu item display ----------------*/ /* primary level */ #contentmenu ul li.activeItem { background-color: transparent !important; } #ie6 #contentmenu ul li.activeItem a { background-color: transparent !important; } #contentmenu ul li.activeParentItem { background-color: #fbf3cc !important; } #contentmenu ul li ul li.activeParentItem { background-color: #D3DCE9 !important; } #contentmenu ul li a.activeItem, #contentmenu ul li a.activeParentItem { background: url(../images/current_primary_top.gif) no-repeat scroll 4px 0 !important; background-position: 4px 0 !important; color: #000 !important; } #ie6 #contentmenu ul li a.activeItem, #ie7 #contentmenu ul li a.activeItem, #ie6 #contentmenu ul li a.activeParentItem, #ie7 #contentmenu ul li a.activeParentItem { background-position: 4px 1px; } #contentmenu ul li a.activeItem span, #contentmenu ul li a.activeParentItem span { background: url(../images/current_primary_bg.gif) no-repeat scroll 4px 100% !important; background: url(../images/current_primary_bg.gif) no-repeat scroll 3px 100% !important; background-color: transparent !important; } #ie6 #contentmenu ul li a.activeItem, #ie6 #contentmenu ul li a.activeItem:hover { background-color: transparent !important; } #contentmenu ul li.activeParentItem { background-color: #fbf3cc; } /* secondary level */ #contentmenu ul li.activeParent ul li a.activeItem, #contentmenu ul li.activeParent ul li a.activeParentItem { background: url(../images/current_secondary_top.gif) no-repeat scroll 24px 0 !important; } #contentmenu ul li.activeParent ul li.activeParentItem { background-color: #D3DCE9; } #contentmenu ul li.activeParent ul li a.activeItem span, #contentmenu ul li.activeParent ul li a.activeParentItem span { background: url(../images/current_secondary_bg.gif) no-repeat scroll 24px 100% !important; background: url(../images/current_secondary_bg.gif) no-repeat scroll 23px 100% !important; } #contentmenu ul li.activeParent ul li.activeItem ul li a { background-color:#D3DCE9; } /* tertiary level */ #contentmenu ul li.activeParent ul li.activeParent ul li a.activeItem, #contentmenu ul li.activeParent ul li.activeParent ul li a.activeItem:hover, #contentmenu ul li.activeParent ul li.activeParent ul li:hover>a.activeItem { background: url(../images/current_tertiary_top.gif) no-repeat scroll 44px 0 !important; color:#000 !important; } #ie6 #contentmenu ul li.activeParent ul li.activeParent ul li a.activeItem, #ie6 #contentmenu ul li.activeParent ul li.activeParent ul li a.activeItem:hover, #ie6 #contentmenu ul li.activeParent ul li.activeParent ul li.activeItem a:hover { background-color: transparent !important; background: url(../images/current_tertiary_top.gif) no-repeat scroll 43px 0 !important; color: #000 !important; } #contentmenu ul ul li.activeParent ul li a.activeItem span { background: url(../images/current_tertiary_bg.gif) no-repeat scroll 44px 100% !important; background: url(../images/current_tertiary_bg.gif) no-repeat scroll 43px 100% !important; } #ie7 #contentmenu ul ul li.activeParent ul li a.activeItem span, #ie6 #contentmenu ul ul li.activeParent ul li a.activeItem span { } /* IE6 fixes for active states */ /*--------- hover states -----------*/ /* primary level hover */ #contentmenu ul li:hover a:hover{ background-color: #FBE481; background-image: url(../images/sitenav-bullet.gif); } #ie6 #contentmenu ul li a:hover { background-color: #FBE481; background-image: url(../images/sitenav-bullet.gif); } /* primary level hover: removed for active item */ #contentmenu ul li.activeItem:hover a, #contentmenu ul li.focus a.activeItem, #ie6 #contentmenu ul li.focus a.activeItem { background-color: transparent; } /* secondary level hover */ /* secondary level hover: flyout */ #contentmenu ul li ul li:hover a:hover, #ie6 #contentmenu ul li ul li a:hover { background-color: #CCC; color: #000; background-image: none; } /* secondary level hover: inline */ #contentmenu ul li.activeParent ul li:hover>a, #contentmenu ul li.activeParentItem ul li:hover>a { background-color: #FBE481; background-image: url(../images/sitenav-bullet.gif); background-position: 29px 9px; } #ie6 #contentmenu ul li.activeParent ul li a:hover, #ie6 #contentmenu ul li.activeParentItem ul li a:hover { background-color: #FBE481; background-image: url(../images/sitenav-bullet.gif); } /* secondary level hover: removed for active item */ #contentmenu ul li.hover a.activeItem span, #contentmenu ul li.focus a.activeItem span, #contentmenu ul li a.activeParentItem:hover span, #contentmenu ul li.focus a.activeParentItem span, #contentmenu ul li.hover a.activeItem, #contentmenu ul li.focus a.activeItem, #contentmenu ul li a.activeParentItem:hover, #contentmenu ul li.focus a.activeParentItem { background-color: transparent; } /* tertiary level hover */ /* tertiary level hover: flyout */ #contentmenu ul li.activeParent ul ul li:hover>a, #contentmenu ul li.activeParentItem ul ul li:hover>a { background-color: #CCC; color: #000; background-image: none; } #ie6 #contentmenu ul li.activeParentItem ul ul li a:hover, #ie6 #contentmenu ul li.activeParent ul ul li a:hover { background-color: #CCC; color: #000; background-image: none; } /* tertiary level hover: removed for active item */ #contentmenu ul li ul li.hover a.activeItem span, #contentmenu ul li ul li.focus a.activeItem span, #contentmenu ul li ul li a.activeParentItem:hover span, #contentmenu ul li ul li.focus a.activeParentItem span, #contentmenu ul li ul li.hover a.activeItem, #contentmenu ul li ul li.hover a.activeItem, #contentmenu ul li ul li.focus a.activeItem, #contentmenu ul li ul li a.activeParentItem:hover, #contentmenu ul li ul li.focus a.activeParentItem { background-color: transparent; } /* tertiary level hover: inline */ #contentmenu ul li.activeParent ul li.activeParent ul li:hover>a, #contentmenu ul li.activeParent ul li.activeParentItem ul li:hover>a { background-color: #FBE481 !important; background-image: url(../images/sitenav-bullet.gif) !important; } #ie6 #contentmenu ul li.activeParent ul li.activeParent ul li a:hover, #ie6 #contentmenu ul li.activeParent ul li.activeParentItem ul li a:hover { background-color: #FBE481 !important; background-image: url(../images/sitenav-bullet.gif) !important; } #contentmenu ul li ul li ul li a:hover { background-color: #FBE481; background-image: url(../images/sitenav-bullet.gif); } /* fixing cascading hovers */ /* note we may need to make all hover states be mediated by a.hover or li:hover a to make this work for IE6 if the latter we will need to have a whole cascade of CSS li:hover>a links for IE7 and FF. */ #contentmenu ul li.activeParent>a.notfocus { background-color: #FBE481; background-color: transparent !important; color: #000 !important; background-image: url(../images/sitenav-bullet.gif) !important; } #contentmenu ul li a.parentfocus { background-color: #FBE481 !important; background-image: url(../images/sitenav-bullet.gif) !important; } /*--------------------------- SECTIONHEADINGS AND SECTION SUBITEMS ------------------------------*/ #contentmenu ul li.sectionHeader { padding: 6px 19px 6px 10px; font-weight: bold; font-style:italic; } /* second level */ #contentmenu ul li ul li.sectionHeader {border-color: #000; color: #000;} #contentmenu ul li.activeParent ul li.sectionHeader, #contentmenu ul li.activeParentItem ul li.sectionHeader { color: #333; } /* third level */ #contentmenu ul li.parentItem ul li ul li.sectionHeader {border-color: #000; color: #000;} #contentmenu ul li ul li.activeParent ul li.sectionHeader, #contentmenu ul li ul li.activeParentItem ul li.sectionHeader { color: #333; } li.firstsectionsubitem { border-top: none !important; } /*--------------------------- IE6 GRACEFUL DEGRADATION ------------------------------*/ #wrapper #contentmenu.ie6disabled ul, #wrapper #contentmenu.ie6disabled li { display: block !important; margin: 2px 0 2px 2px !important; background: transparent !important; padding: 0 0 0 9px !important; position: static !important; border: none !important; width: auto !important; } #wrapper #contentmenu.ie6disabled li { background: url(../images/sitenav-bullet.gif) no-repeat scroll -1px 9px !important; } #wrapper #contentmenu.ie6disabled span, #wrapper #contentmenu.ie6disabled a { display: inline !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none; } #wrapper #contentmenu.ie6disabled a { text-decoration: underline !important; color: #00F !important; }