/*******************************************/ /*******************************************/ /******************************************* FILE STRUCTURE: - COMMON - ROOT CONTAINER - FOOTER - HEADER - BANNER - HOME PAGE NAVIGATION - SUBPAGE MAIN NAVIGATION - SUBPAGE LEFT NAVIGATION - SUBPAGE COMPONENTS - SUB PAGE LAYOUT *******************************************/ /*******************************************/ /*******************************************/ /*******************************************/ /**** COMMON ****/ /*******************************************/ body { background-color: #E5E5E5; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; } a { color: #005a8b; text-decoration: none; } a:visited { color: #4e9200; } a:hover { color: white; background-color: #005a8b; } th a:visited { color: #005a8b; } th a:hover { color: white; background-color: #005a8b; } a.external { padding-right: 20px !important; background-image: url(/binaries/dnvlib_gfx_link_external_icon_tcm169-255647.gif); background-position: right center; background-repeat: no-repeat; } p, h1, h2, h3, h4, h5, h6, ul, ol, li { margin: 0; padding: 0; } p, dd { line-height: 1.4em } sup { line-height: 1em; vertical-align: baseline; position: relative; top: -0.3em;} img { border: none } form { margin: 0; } .clear { clear:both; } .forPrintOnly { display: none; } .forAccessibilityOnly { position: absolute; left: -5000px; } /* div { border: 1px solid red; } */ /*******************************************/ /**** ROOT CONTAINER ****/ /*******************************************/ #RootContainer { background: white; width: 996px; margin: auto; } #RootContainerPadding { padding: 0; } #RootContainer.screenWiderThan1024 { background: transparent url(/binaries/dnvlib_gfx_root_bg_wide_tcm169-255700.gif) repeat-y left top; width: 1016px; } #RootContainer.screenWiderThan1024 #RootContainerPadding { padding: 0 10px; } /**************************************************/ /**** DISCLAMER (on the home page only) ****/ /**************************************************/ #disclaimer { font-style:italic; width: 996px; margin: auto; clear: both; padding:0 0 12px; } #disclaimer div{ float: left; width: 650px; margin-left: 10px; display: inline; } /*******************************************/ /**** FOOTER ****/ /*******************************************/ #FooterContainer { clear: both; background: #E5E5E5 url(/binaries/dnvlib_gfx_footer_bg_tcm169-255686.gif) no-repeat top center; width: 996px; overflow: hidden; } #FooterContainer ul { list-style: none; padding: 12px 0; margin-left: 10px; float: left; display: inline; } #FooterContainer ul li { display: inline; float: left; padding-left: 1em; padding-right: 1em; } #RootContainer.screenWiderThan1024 #FooterContainer { width: 1016px; } /*******************************************/ /**** HEADER ****/ /*******************************************/ #HeaderContainer { background: white url(/binaries/dnvlib_gfx_header_bg_tcm169-255687.jpg) repeat-x top left; height: 111px; } #HeaderContainer img.logo { float: left; margin: 20px 20px 0 20px; } /*** COURTESY NAVIGATION ***/ #CourtesyContainer ul { float: right; list-style: none; padding: 0 1px; } #CourtesyContainer ul li { float: left; display: block; padding: 0 2px; background: transparent url(/binaries/dnvlib_gfx_courtesynav_item_bg_tcm169-255679.gif) repeat-y top left; } #CourtesyContainer ul li a { display: block; color: black; padding: 1.5em 1.2em 0.1em 0.5em; } #CourtesyContainer ul li a:hover { background: transparent url(/binaries/dnvlib_gfx_courtesynav_item_hover_bg_tcm169-255671.jpg) repeat-x top left; } /*** WRAPPER FOR SEARCH AND SITE SELECTOR ***/ #HeaderContainer .siteAndSearch { float: right; clear: right; width: 610px; margin-top: 40px; } /*** SEARCH FORM ***/ #HeaderContainer .search { float: right; margin: 0 10px; } #HeaderContainer .search input.text { border: 1px solid #6493b5; display: block; float: left; padding: 1px 2px 2px 2px; margin: 0 1em; background-color: #d3deee; } #HeaderContainer .search input.submit { background: white url(/binaries/dnvlib_gfx_button_gradient_bg_tcm169-255683.gif) repeat-x top left; border: 1px solid #CCC; display: block; float: left; } /*** SITE SELECTOR FORM ***/ #HeaderContainer #SiteSelector { float: right; position: relative; z-index: 100; padding: 0 30px; width: auto; } #HeaderContainer #SiteSelector select { border: 1px solid #CCC; color: #005a8b; display: block; float: left; margin-right: 1em; } #HeaderContainer #SiteSelector input.submit { background: white url(/binaries/dnvlib_gfx_button_gradient_bg_tcm169-255683.gif) repeat-x top left; border: 1px solid #CCC; display: block; float: left; } /*** SITE SELECTOR PROCESSED WIDGET ***/ #SiteSelector a.button { display: block; _height: 1%; min-height: 1%; text-transform: uppercase; direction:ltr; padding: 1px 25px 2px 2px; background-image: url(/binaries/dnvlib_gfx_site_selector_icon_tcm169-255703.gif); background-repeat: no-repeat; background-position: center right; } #SiteSelector a.button:visited { color: #005a8b; } #SiteSelector a.button:hover { color: white; } #SiteSelector a.button.open { background-image: url(/binaries/dnvlib_gfx_site_selector_icon_open_tcm169-255704.gif); } #SiteSelector .list { position: absolute; top: 40px; left: -10px; background: white url(/binaries/dnvlib_gfx_site_selector_list_bg_tcm169-255705.jpg) repeat-x bottom left; border: 1px solid #CCC; border-top: none; z-index: 500; } #SiteSelector .list ol { list-style: none; float: left; padding: 20px 0; } #SiteSelector .list a { display: block; padding: 0.1em 20px; white-space: nowrap; } /*******************************************/ /**** BANNER ****/ /*******************************************/ #BannerContainer { clear: both; padding: 0 10px 10px 10px; } #BannerContainer .banner { color: #EFEFEF; background-color: #FFFFFF; height: 196px; } #BannerContainer .banner .default { background-color: #005a8b; height: 196px; } #BannerContainer .banner .default img { display: block; clear: none; float: right; border-left: 5px solid white; } #BannerContainer .banner .default h1 { color: white; font-family: "Times New Roman", Times, serif; font-size: 3em; font-weight: normal; padding-top: 15px; padding-left: 15px; } #BannerContainer .banner .default p { color: white; margin-left: 15px; margin-top: 15px; width: 290px; } #BannerContainer .nav{ top:0px; left:901px; position:relative; width:80px; height:25px; margin: 0px; padding: 0px; } #BannerContainer .nav img{ height:24px; margin: 0; padding: 0; } #BannerContainer #BannerHeader{ width:976px; height:196px; } #BannerOverlay{ background:transparent; width:976px; height:196px; } #BannerOverlay.hover{ background-color:#005A8B; opacity:0; filter:alpha(opacity=0) } #BannerHoverArea{ width:976px; height:172px; } #BannerOverlay a{ cursor: auto; background-color:transparent; } #BannerOverlay.hover a:hover{ background-color:transparent; cursor: pointer; cursor: hand } #BannerContainer .banner .default a { color: white; } .userHasJavaScript #BannerContainer .banner .default { display: none; } /*******************************************/ /**** HOME PAGE NAVIGATION ****/ /*******************************************/ #HomePageNavigationContainer { padding: 0 10px 0 13px; border-bottom: 15px solid white; background: white url(/binaries/dnvlib_gfx_homepage_nav_bg_tcm169-255688.jpg) repeat-x top left; float: left; width: 973px; } #HomePageNavigationContainer.short { width: 640px; } #HomePageNavigationContainer .section { float: left; width: 193px; padding-bottom: 2px; border-left: 1px solid #dbdbdb; } #HomePageNavigationContainer .section.first { border-left: none; } #HomePageNavigationContainer h2 { font-size: 1.6em; font-weight: normal; padding: 0.5em 10px 0.1em 10px; } #HomePageNavigationContainer ul { list-style: none; line-height: 1em; } #HomePageNavigationContainer ul li { border: 1px solid white; } #HomePageNavigationContainer ul a { display: block; padding: 1px 10px 2px 10px; line-height: 1.15em; _height: 1%; /* Force IE to give links "layout" */ } /*******************************************/ /**** HOME PAGE COMPONENTS ****/ /*******************************************/ #HomePageRightComponentContainer { background-image: url(/binaries/dnvlib_gfx_comp_rightcol_home_bg_bottom_tcm169-255675.gif); float: right; _margin-left: -3px; width: 333px; } #HomePageRightComponentContainer .wrapper { background: transparent url(/binaries/dnvlib_gfx_comp_rightcol_home_bg_top_tcm169-255677.gif) no-repeat top left; padding-top: 20px; } #HomePageRightComponentContainer .component { margin-left: 0; margin-right: 5px; margin-bottom: 0; } /*******************************************/ /**** SUB PAGE MAIN NAVIGATION ****/ /*******************************************/ #SubPageMainNavigationContainer { height: 8em; } /*******************************************/ /**** SUB PAGE LEFT NAVIGATION ****/ /*******************************************/ /*** FIRST LEVEL AND COMMON ***/ #SubPageLeftNavigationContainer { min-height: 10px; float: left; background: transparent url(/binaries/dnvlib_gfx_leftnav_bg_tcm169-255689.gif) repeat-x bottom left; } #SubPageLeftNavigationContainer ul { list-style: none; padding: 0 1px 20px 1px; } #SubPageLeftNavigationContainer a { display: block; padding: 5px 20px; } #SubPageLeftNavigationContainer ul li { display: block; border-bottom: 1px solid white; } #SubPageLeftNavigationContainer ul li.current { background-color: #f3f2f2; border-top: 1px solid #cecece; margin-top: 3px; margin-bottom: 3px; } #SubPageLeftNavigationContainer ul li.last a { margin-bottom: 10px; } #SubPageLeftNavigationContainer ul li.last ul a, #SubPageLeftNavigationContainer ul li.current a { margin-bottom: 0; } #SubPageLeftNavigationContainer a.current { color: black; border-top: 1px solid white; border-bottom: 1px solid #cecece; padding: 3px 20px; } #SubPageLeftNavigationContainer a.current:hover { background-color: transparent; } /*** SECOND LEVEL ***/ #SubPageLeftNavigationContainer ul ul { display: none; /* Hide all second-level */ padding: 6px 0 30px 0; background: #ecf1f3 url(/binaries/dnvlib_gfx_leftnav_level2_bg_tcm169-255681.gif) repeat-x bottom left; border-top: 1px solid white; } #SubPageLeftNavigationContainer ul ul li { margin-left: 10px; } #SubPageLeftNavigationContainer ul li.last ul { padding-bottom: 10px; background-image: none; } #SubPageLeftNavigationContainer ul li.current ul { display: block; /* Show current on second level */ } #SubPageLeftNavigationContainer ul ul li, #SubPageLeftNavigationContainer ul ul li.current { background-color: transparent; border-bottom: 1px solid #ecf1f3; border-top: 1px solid #ecf1f3; margin-top: 0; } #SubPageLeftNavigationContainer ul ul li.current { background: transparent url(/binaries/dnvlib_gfx_leftnav_level2_current_tcm169-255690.gif) no-repeat top left; } #SubPageLeftNavigationContainer ul li ul a, #SubPageLeftNavigationContainer ul li ul a.current { padding: 3px 20px 2px 20px; border-top: 1px solid #ecf1f3; /* cancel border */ border-bottom: 1px solid #ecf1f3; /* cancel border */ } /*******************************************/ /**** SUB PAGE COMPONENTS ****/ /*******************************************/ #SubPageRightComponentContainer { float: right; } /*******************************************/ /**** CONTENT ****/ /*******************************************/ #ContentContainer { float: left; display: inline; border-left: 1px solid #dbdbdb; } /*******************************************/ /**** EASYEDIT ****/ /*******************************************/ .ToolsButtonOn { BORDER-RIGHT: #c8c8cd 1px solid; BORDER-TOP: #c8c8cd 1px solid; /* FONT: Arial; */ BORDER-LEFT: #c8c8cd 1px solid; /* WIDTH: 130px; */ COLOR: #666666; BORDER-BOTTOM: #c8c8cd 1px solid; /* HEIGHT: 18px ; */ BACKGROUND-COLOR: #f4f4f4; TEXT-DECORATION: none; cursor:Hand ; } .ToolsButtonOff { BORDER-RIGHT: #c8c8cd 1px solid; BORDER-TOP: #c8c8cd 1px solid; /* FONT: Arial; */ BORDER-LEFT: #c8c8cd 1px solid; /* WIDTH: 130px; */ COLOR: #666666; BORDER-BOTTOM: #c8c8cd 1px solid; /* HEIGHT: 18px ; */ BACKGROUND-COLOR: ffffff; /* #F4F4F4; */ TEXT-DECORATION: none; cursor:Hand ; } /*ButtonTbHider */ .ButtonTbHiderOn { BORDER-RIGHT: #c8c8cd 0px solid; BORDER-TOP: #c8c8cd 0px solid; /* FONT: Arial; */ BORDER-LEFT: #c8c8cd 2px solid; /* WIDTH: 130px; */ COLOR: #666666; BORDER-BOTTOM: #c8c8cd 0px solid; /* HEIGHT: 18px ; */ BACKGROUND-COLOR: #f4f4f4; TEXT-DECORATION: none; cursor:Hand ; } .ButtonTbHiderOff { BORDER-RIGHT: #c8c8cd 0px solid; BORDER-TOP: #c8c8cd 0px solid; /* FONT: Arial; */ BORDER-LEFT: #c8c8cd 2px solid; /* WIDTH: 130px; */ COLOR: #666666; BORDER-BOTTOM: #c8c8cd 0px solid; /* HEIGHT: 18px ; */ BACKGROUND-COLOR: #E6E6EB; /* #F4F4F4; */ TEXT-DECORATION: none; cursor:Hand ; } .TbButtonSpacer { BORDER-RIGHT: #c8c8cd 1px solid; BORDER-TOP: #c8c8cd 1px solid; /* FONT: Arial; */ BORDER-LEFT: #c8c8cd 1px solid; /* WIDTH: 130px; */ COLOR: #c8c8cd; BORDER-BOTTOM: #c8c8cd 1px solid; /* HEIGHT: 18px ; */ BACKGROUND-COLOR: #c8c8cd; /* #F4F4F4; */ TEXT-DECORATION: none; } .InfoBarTitle { BORDER-RIGHT: #c8c8cd 0px solid; BORDER-TOP: #c8c8cd 0px solid; BORDER-LEFT: #c8c8cd 0px solid; COLOR: #F4F4F4; BORDER-BOTTOM: #E6E6EB 2px solid; BACKGROUND-COLOR: #c8c8cd; /* #F4F4F4; */ TEXT-DECORATION: none; } .ToolBarArea { /* BACKGROUND-COLOR: white;*/ /* position: absolute; bottom: 5px; left: 5px; z-index:90; */ } .BoxContentAreaGrey { BORDER-RIGHT: #c8c8cd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c8c8cd 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; FONT: Arial; BORDER-LEFT: #c8c8cd 1px solid; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: #c8c8cd 1px solid; BACKGROUND-COLOR: white } .TextFadedPageBottomStatement { COLOR: #666666; FONT-FAMILY: Arial; BACKGROUND-COLOR: transparent; TEXT-ALIGN: center; TEXT-DECORATION: none; /*font-size: 90.9% ;*/ } .TextFaded { COLOR: #666666; FONT-FAMILY: Arial; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; } .TextFaded A:link { COLOR: #c8c8cd; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none } .TextFaded A:hover { BACKGROUND-COLOR: transparent; TEXT-DECORATION: none } .TextFaded A:visited { COLOR: #c8c8cd; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none } .TextFaded A:active { COLOR: #c8c8cd; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none } .FormArea { FONT: Arial; COLOR: #666666; BACKGROUND-COLOR: #e6e6eb } .FormArea A:link { TEXT-DECORATION: underline } .drag{ cursor:move; } /*******************************************/ /**** SUB PAGE LAYOUT ****/ /*******************************************/ #ContentContainer { width: 526px; } #SubPageLeftNavigationContainer { width: 199px; } #SubPageLayoutContainer .ContentContainer-WideLeft { width: 650px; margin-left: 65px; } #SubPageLayoutContainer .ContentContainer-WideRight { width: 750px; } #SubPageLayoutContainer .ContentContainer-WideUltra { width: 995px; margin-left: 0; border: none; } #SubPageLayoutContainer .SubPageLeftNavigationContainer-empty { display: none; } #SubPageLayoutContainer .SubPageRightComponentContainer-empty { display: none; } /*******************************************/ /**** TOOLTIPS ****/ /*******************************************/ a.tooltips{ position:relative; /*this is the key*/ z-index:24; text-decoration:none !important; cursor:default; color:black !important; } a.tooltips h4{ font-size:11px; } a.tooltips:hover{ z-index:25; background-color:#E5ECFF; text-decoration:none; } a.tooltips span{ display: none } a.tooltips:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; font-family:Arial; font-size:11px; top:2em; left:2em; width:270px; padding: 5px 5px 5px 5px; border:1px solid #CCCCCC; background-color:white; color:#000; text-align: left }