/*******************************************/ /**** DEFAULTS ****/ /*******************************************/ #ContentContainer h1 { clear: left; } #ContentContainer h1.text { margin: 0 0 0.18em 0; font-family: "Times New Roman", Times, serif; font-size: 3.25em; color: #7ab800; } #ContentContainer h1.text.small { margin: 0 0 1em 0; font-family: Verdana, Arial, Sans-serif; font-size: 1.6em; font-weight: normal; color: black; } #ContentContainer h1.image { margin-left: -7px; } #ContentContainer h2 { margin: 0 0 0.3em 0; font-size: 1.25em; font-weight: bold; clear: left; } #ContentContainer h3 { margin: 0 0 0.3em 0; font-size: 1em; font-weight: bold; } #ContentContainer p { margin: 0.5em 0 1em 0; } #ContentContainer p.intro { font-size: 1.25em; color: #323232; margin-bottom: 1em; margin-top: 0; } #ContentContainer a { text-decoration: underline; } #ContentContainer a:hover { text-decoration: none; } #ContentContainer h1 a, #ContentContainer h2 a, #ContentContainer h3 a, #ContentContainer h4 a { text-decoration: none; } .largerFontSize #ContentContainer { font-size: 1.08em; } .largestFontSize #ContentContainer { font-size: 1.25em; } .largestFontSize #ContentContainer h2 { font-weight: normal; } .largestFontSize #ContentContainer p.intro { font-size: 1.15em; } .largerFontSize #ContentContainer .tools { font-size: 0.95em; } .largestFontSize #ContentContainer .tools { font-size: 0.8em; } #ContentContainer .contentFooter { margin-top: 2em; color: #666; } #ContentContainer .contentFooter p { margin:0; } #ContentContainer .contentFooter a.email { padding: 0 20px 2px 0; background-image: url(/binaries/dnvlib_gfx_email_icon_tcm169-255665.gif); background-position: top right; background-repeat: no-repeat; } /*******************************************/ /**** ARTICLE ****/ /*******************************************/ #ContentContainer .article { margin: 0 24px 3em 20px; } #ContentContainer .article table { border-collapse: collapse; border-spacing: 0; border: 1px solid #CCC; margin: 0.5em 0 1em 0; } #ContentContainer .article table td { border: 1px solid #CCC; padding: 0.1em 0.8ex; } #ContentContainer .article table th { border: 1px solid #999; padding: 0.1em 0.8ex; font-size: 1.1em; background-color: #CCC; } /* The rest of the content style is defined in defaults */ /*******************************************/ /**** VIDEO ****/ /*******************************************/ #ContentContainer .video { margin: 0 24px 3em 20px; } /*******************************************/ /**** EVENT ****/ /*******************************************/ #ContentContainer .event { margin: 0 24px 3em 20px; } #ContentContainer .event ul { margin: 0 0 1em 0; } #ContentContainer .event ul.details li { background-image: none; font-size: 1.25em; margin-top: 0; padding-left: 0; padding-right: 0; } #ContentContainer .event ul.details li a { padding: 0; } #ContentContainer .event .agenda { margin-top: 1em; clear: both; } #ContentContainer .event .agenda h2 { margin-bottom: 1em; } #ContentContainer .event .agenda h3 { font-size: 1.25em; font-weight: normal; background-color: #e0e8ec; padding: 2px 8px 3px 8px; margin: 0.5em 0 0.2em 0; } #ContentContainer .event .agenda ul li { background-image: none; margin-left: 8px; margin-right: 8px; padding-left: 0; } /*******************************************/ /**** CONTACT US ****/ /*******************************************/ #ContentContainer .contactUs { margin: 0 24px 3em 20px; width: 900px; } #ContentContainer .contactUs .intro { width: 390px; } #ContentContainer .contactUs form { border-top: 1px solid #dbdbdb; padding-top: 1px; } #ContentContainer .contactUs .unitSelector { float: left; width: 370px; } #ContentContainer .contactUs .unitSelector .unit { margin-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #dbdbdb; position: relative; } #ContentContainer .contactUs .unitSelector .unit input { position: absolute; top: 2px; left: 5px; } #ContentContainer .contactUs .unitSelector .unit label { font-size: 1.6em; color: #005A8B; background: white url(/binaries/dnvlib_gfx_contactus_arrows_tcm169-255645.gif) no-repeat 0px -67px; padding-left: 15px; margin-left: 40px; } #ContentContainer .contactUs .unitSelector .unit p { display:none; clear: left; margin-left: 55px; } #ContentContainer .contactUs .unitSelector .selectedUnit p { display: block; } #ContentContainer .contactUs .unitSelector .selectedUnit label { background-position: 0px 4px; } #ContentContainer .contactUs .detailForm { float: right; margin: 0; width: 465px; padding: 20px; border-left: 1px solid #dfdfdf; background: #F6F6F6 url(/binaries/dnvlib_gfx_comp_glossy_bg_tcm169-255702.jpg) no-repeat scroll right bottom; } #ContentContainer .contactUs .detailForm label { width: 120px; text-align: right; } #ContentContainer .contactUs .detailForm p { color: #888; padding-left: 130px; } #ContentContainer .contactUs .detailForm input.text { margin-left: 130px; width: 290px; margin-bottom: 0.6em; border-color: #CCC; } #ContentContainer .contactUs .detailForm textarea { margin-left: 130px; width: 290px; height: 10em; margin-bottom: 0.6em; border-color: #CCC; } #ContentContainer .contactUs .detailForm input.submit { margin-left: 130px; _margin-left: 133px; } #ContentContainer .contactUs .detailForm select { margin-left: 130px; width: 290px; } #ContentContainer .contactUs .detailForm .required { color: #7ab800; } /*******************************************/ /**** FIND US ****/ /*******************************************/ #ContentContainer .findUs { margin: 0 24px 3em 20px; } #ContentContainer .findUs h2 { margin-top: 1em; margin-bottom: 0; clear: both; } #ContentContainer .findUs .item.vcard { margin-top: 1em; margin-bottom: 1em; width: 98%; float: left; clear: left; } #ContentContainer .findUs .item.vcard h4 { font-size: 1.108em; } #ContentContainer .findUs .item.vcard h2 { margin-top: 0; } #ContentContainer .findUs .item.vcard div { line-height: 1.4em; } #ContentContainer .findUs .item.vcard .tel .type { display: none; } #ContentContainer .findUs .twoColumnList { float: left; margin-bottom: 1em; } #ContentContainer .findUs .twoColumnList ul { float: left; } #ContentContainer .findUs table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 1em; border-top: 1px solid #DBDBDB; } #ContentContainer .findUs table th { padding: 7px 0 8px 13px; text-align: left; font-weight: bold; vertical-align: bottom; } #ContentContainer .findUs table td { padding: 4px 0 4px 13px; vertical-align: top; } #ContentContainer .findUs table tr.odd { background-color: #e0e8ec; } #ContentContainer .findUsResult .item.vcard { margin-top: 0; padding-bottom: 1em; border-bottom:1px solid #DBDBDB; } #ContentContainer .findUsResult .item.vcard .group { border: none; padding: 0; } /*******************************************/ /**** STAFF ****/ /*******************************************/ #ContentContainer .staff { margin: 0 24px 3em 20px; } #ContentContainer .staff .simpleForm { margin-left: 0; margin-right: 0; margin-bottom: 1em; background: #F6F6F6 url(/binaries/dnvlib_gfx_comp_glossy_bg_tcm169-255702.jpg) no-repeat scroll right bottom; border-top: 1px solid #dadada; } #ContentContainer .staff .simpleForm form { border-top: 1px solid white; padding: 17px 10px 20px 10px; margin-top: 0; } #ContentContainer .staff h2 { margin-top: 2em; } #ContentContainer .staff table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-top: 1em; border-top: 1px solid #DBDBDB; } #ContentContainer .staff table th { padding: 7px 0 8px 13px; text-align: left; font-weight: bold; vertical-align: bottom; } #ContentContainer .staff table td { padding: 4px 0 4px 13px; vertical-align: top; } #ContentContainer .staff table tr.odd { background-color: #e0e8ec; } #ContentContainer .staff .paging { margin-top: 1em; border-top: 1px solid #DBDBDB; padding-top: 0.5em; text-align: center; } #ContentContainer .staff .paging a { margin: 0 1em; } /*******************************************/ /**** CAREER ****/ /*******************************************/ #ContentContainer .careerJobDetails { margin: 0 24px 3em 20px; } #ContentContainer .careerJobDetails h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.79em; text-transform: uppercase; } #ContentContainer .careerJobDetails table.details { background-image: none; padding-left: 0; color: #666; } #ContentContainer .careerJobSearch { margin: 0 24px 3em 20px; } #ContentContainer .careerJobSearch .simpleForm { margin-left: 0; margin-right: 0; margin-bottom: 1em; background: #F6F6F6 url(/binaries/dnvlib_gfx_comp_glossy_bg_tcm169-255702.jpg) no-repeat scroll right bottom; border-top: 1px solid #dadada; } #ContentContainer .careerJobSearch .simpleForm form { border-top: 1px solid white; padding: 17px 10px 20px 10px; margin-top: 0; } #ContentContainer .careerJobSearch .simpleForm form input.text, #ContentContainer .careerJobSearch .simpleForm form input.submit, #ContentContainer .careerJobSearch .simpleForm form select { margin-left: 120px; } #ContentContainer .careerJobSearch .simpleForm form input.submit { _margin-left: 123px; } #ContentContainer .careerJobSearch .results .headerLink { font-size: 1.25em; } #ContentContainer .careerJobSearch .results .subHeader { font-weight: bold; color: #666; } #ContentContainer .careerJobSearch .results table { border-top:1px solid #DBDBDB; margin-top: 0.5em; } #ContentContainer .careerSubscription { margin: 0 24px 3em 20px; } #ContentContainer .careerSubscription h2 { border-top:1px solid #DBDBDB; padding-top: 5px; margin-top: 10px; } #ContentContainer .careerSubscription table { width: 100%; } #ContentContainer .careerSubscription form .button { background: white url(/binaries/dnvlib_gfx_button_gradient_bg_tcm169-255683.gif) repeat-x top left; border: 1px solid #CCC; padding: 0.3em 1em; color: black; display: block; } #SubPageRightComponentContainer .jobDetailComponent .body { background-image: url(/binaries/dnvlib_gfx_career_higher_standard_tcm169-26683.jpg); background-repeat: no-repeat; height: 525px; padding-bottom: 3em; margin:0 20px 5px;} #SubPageRightComponentContainer .jobDetailComponent .body img { padding-left: 9px; padding-top: 13px; } #SubPageRightComponentContainer .jobDetailComponent .body p { margin: 7px; padding: 7px 3px; } #SubPageRightComponentContainer .jobDetailComponent .body p.aboutDNV { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; font-size: 0.9em; color: #666; } /*******************************************/ /**** GENERAL VCARD IN CONTENT ****/ /*******************************************/ #ContentContainer .vcard .group { border-bottom: 1px solid #DBDBDB; float: left; clear: both; width: 98%; padding: 0.2em 0; line-height: 1.4em; } #ContentContainer .vcard .group .label { color: #666; float: left; width: 20ex; clear: left; } #ContentContainer .vcard .group .value { display: block; margin-left: 21ex; _height: 1%; } #ContentContainer .vcard .tel .type { display: none; } #ContentContainer .vcard .tel .value { margin-left: 0; } /*******************************************/ /**** LIST ****/ /*******************************************/ #ContentContainer .list { margin: 0 24px 3em 20px; } #ContentContainer .list h2 { font-size: 1.8em; font-weight: normal; color: #323232; border-top: 1px solid #dbdbdb; margin: 0 0 0 -7px; padding: 0.2em 10px 0.2em 8px; } #ContentContainer .list .item { clear: both; margin: 0 0 0 -7px; border-top: 1px solid #dbdbdb; padding: 1em 10px 1em 8px; overflow: hidden; _height: 1%; /* IE layout bug */ } #ContentContainer .list .item img, #ContentContainer .list .item.ltr img { float: right; margin-left: 30px; margin-right: 10px; margin-bottom: 1em; border: 1px solid #dbdbdb; padding: 3px; background-color: white; } #ContentContainer .item.linkedActive.hover { background-color: #EEE; cursor: pointer; } #ContentContainer .item.linkedActive.hover a.linkedSource:hover { background-color: transparent; color: #005a8b; } #ContentContainer .item.linkedActive.hover a.linkedSource:visited { background-color: transparent; color: #4e9200; } #ContentContainer .list .item h4 { margin: 0 0 0.2em 0; font-size: 1.6em; font-weight: normal; } #ContentContainer .list .item p, #ContentContainer .list .item.ltr p { padding-right: 50px; padding-left: 0; margin-top: 0.3em; } #ContentContainer .list .item .date { color: #505050; margin-bottom: 0.5em; } /*******************************************/ /**** LIST: EVENT ITEMS ****/ /*******************************************/ #ContentContainer .list .item.event ul.details { margin-bottom: 0.8em; } #ContentContainer .list .item.event ul.details li { background-image: none; border: none; overflow: hidden; font-size: 1em; padding: 0; } #ContentContainer .list .item.event ul.details .label { float: left; width: 14ex; } #ContentContainer .list .item.event ul.details .value { float: left; } #ContentContainer .list .item.event ul.details a { display: inline; padding: 0; } /*******************************************/ /**** LIST: VCARD ITEMS ****/ /*******************************************/ #ContentContainer .list .item.vcard div { line-height: 1.4em; } #ContentContainer .list .item.vcard div.adr { margin-bottom: 0.5em; } #ContentContainer .list .item.vcard .tel .type { display: none; } /*******************************************/ /**** LIST: IMAGE ITEMS ****/ /*******************************************/ #ContentContainer .imageList .imageListItem img { float: none; margin-left: 0; } /*******************************************/ /**** DOCUMENT LIST ****/ /*******************************************/ #ContentContainer .documentList { margin: 0 24px 3em 20px; border-bottom: 1px solid #DBDBDB; padding-bottom: 0.4em; } #ContentContainer .documentList h2 { font-size: 1.8em; font-weight: normal; color: #323232; border-bottom: 1px solid #DBDBDB; padding-bottom: 0.3em; } #ContentContainer .documentList table { width: 100%; border-collapse: collapse; border-spacing: 0; } #ContentContainer .documentList table th { padding: 4px 0 8px 13px; text-align: left; font-weight: bold; vertical-align: bottom; } #ContentContainer .documentList table td { padding: 4px 0 4px 13px; vertical-align: top; } #ContentContainer .documentList table tr.odd { background-color: #e0e8ec; } #ContentContainer .documentList table td.download { padding: 8px; } #ContentContainer .documentList table td.download a { background: white url(/binaries/dnvlib_gfx_button_gradient_bg_tcm169-255683.gif) repeat-x top left; border: 1px solid #CCC; padding: 0.3em 1em; color: black; display: block; text-decoration: none; } #ContentContainer .documentList table td.download a:hover { color: black; } /*******************************************/ /**** EMBEDDED ****/ /*******************************************/ #ContentContainer .embedded {} #ContentContainer .embedded.txt-left .code { float: right; margin-left: 20px; } #ContentContainer .embedded.txt-right .code { float: left; margin-right: 20px; } /*******************************************/ /**** SERVICE DESCRIPTION ****/ /*******************************************/ #ContentContainer .serviceDescription { margin: 0 24px 3em 20px; } #ContentContainer .serviceDescription .header { margin: 0 -14px 10px -10px; height: 137px; background: #005a8c url(/binaries/dnvlib_gfx_service_header_bg_tcm169-255701.jpg) repeat-x top left; color: #fefffd; overflow: hidden; } #ContentContainer .serviceDescription .header img, #ContentContainer .serviceDescription.ltr .header img { display: block; clear: none; float: right; border-left: 5px solid white; } #ContentContainer .serviceDescription .header h1.text, #ContentContainer .serviceDescription.ltr .header h1.text { color: white; font-size: 2.15em; font-weight: normal; margin: 15px 15px 0 15px; display: inline; /* Fix IE double margin bug */ float: left; width: 200px; } #ContentContainer .serviceDescription .header h1.image { margin-top: 17px; margin-left: 11px; float: left; display: inline; /* IE double margin bug */ } #ContentContainer .serviceDescription .header h1.image img { float: none; border: none; } #ContentContainer .serviceDescription p.intro { margin: 0 -24px 1em -10px; padding: 1em 24px 0 10px; background: white url(/binaries/dnvlib_gfx_service_intro_bg_tcm169-255648.jpg) no-repeat top left; } /*******************************************/ /**** TOPIC INTRO ****/ /*******************************************/ #ContentContainer.topicIntro { width: 725px !important; border: none; } #ContentContainer.topicIntro .header { margin: 0 10px 10px 10px; padding-left: 15px; height: 230px; background: #005a8c url(/binaries/dnvlib_gfx_topicintro_header_bg_tcm169-255713.jpg) repeat-x top left; color: #fefffd; overflow: hidden; } #ContentContainer.topicIntro .header h1 { font-family: "Times New Roman", Times, serif; font-size: 3.25em; font-weight: normal; padding-top: 24px; width: 385px; color: white; clear: none; } #ContentContainer.topicIntro .header h1.image { padding-top: 14px; } #ContentContainer.topicIntro .header h1.image img { float: none; display: block; padding-top: 6px; } #ContentContainer.topicIntro .header .intro { font-size: 1.25em; margin-top: 0.6em; line-height: 1.28em; width: 385px; } #ContentContainer.topicIntro .header .intro p { font-size: 1em; line-height: 1.28em; } #ContentContainer.topicIntro .header img { display: block; clear: none; float: right; } #ContentContainer.topicIntro .articles { background: white url(/binaries/dnvlib_gfx_topicintro_articles_bg_tcm169-255711.jpg) no-repeat top left; padding: 16px 0 0 25px; } #ContentContainer.topicIntro .articles .primary { float: left; width: 388px; margin-right: 16px; } #ContentContainer.topicIntro .articles .secondary { float: left; border-left: 1px solid #dbdbdb; padding-left: 16px; width: 270px; } #ContentContainer.topicIntro .articles h2 { font-size: 1.8em; font-weight: normal; margin-top: 0.3em; margin-bottom: 0.25em; } #ContentContainer.topicIntro .articles h3 { font-size: 1.6em; font-weight: normal; margin-top: 0.5em; margin-bottom: 0.2em; } #ContentContainer.topicIntro .articles p { margin-bottom: 0.7em; } #ContentContainer.topicIntro .articles .item { padding: 4px; margin: -4px; } /*******************************************/ /**** ENTRY PAGE ****/ /*******************************************/ #EntryPageLayoutContainer { background: white url(/binaries/dnvlib_gfx_entrypage_bg_tcm169-255685.gif) repeat-x 0 90px; margin-left: 10px; overflow: hidden; _height: 1%; } #EntryPageHeader { margin: 0 10px 10px 0; height: 80px; background-color: #CCC; overflow: hidden; } #EntryPageHeader img { display: block; clear: none; float: right; border-left: 5px solid white; } #EntryPageHeader h1.text { font-family: "Times New Roman", Times, serif; font-size: 3.25em; font-weight: normal; margin-top: 27px; margin-left: 20px; float: left; display: inline; /* Cure IE double margin bug */ color: #005a8b; } #EntryPageHeader h1.image { margin-top: 25px; margin-left: 12px; float: left; display: inline; /* IE double margin bug */ color: #005a8b; } #EntryPageHeader h1.image img { float: none; border: none; } #EntryPageLayoutContainer #ContentContainer { width: 650px !important; border-left: none !important; padding-bottom: 5px !important; } #ContentContainer.entryPage .primaryColumn { float: left; width: 308px; } #ContentContainer.entryPage .secondaryColumn { float: left; padding-left: 10px; width: 310px; } #ContentContainer.entryPage .primary { color: white; background-color: #005a8b; padding: 5px 0 10px 0; } #ContentContainer.entryPage .primary .item { margin: 0.05em 10px; padding: 10px; border-bottom: 1px solid #5088ad; } #ContentContainer.entryPage .primary a { color: white; } #ContentContainer.entryPage .primary h3 { font-size: 1.6em; font-weight: normal; margin-bottom: 0.1em; } #ContentContainer.entryPage .primary p { margin: 0; } #ContentContainer.entryPage .primary .linkedActive.hover, #ContentContainer.entryPage .primary .linkedActive.hover a, #ContentContainer.entryPage .primary .linkedActive.hover a:link, #ContentContainer.entryPage .primary .linkedActive.hover a:visited, #ContentContainer.entryPage .primary .linkedActive.hover a:hover, #ContentContainer.entryPage .primary .linkedActive.hover a:active { background-color: #00367c; cursor: pointer; color: white; } #ContentContainer.entryPage .secondary { float: left; width: 310px; margin-left: 0px; padding: 5px 0 10px 0; } #ContentContainer.entryPage.flexible .secondary { padding: 5px 0 0px 0; } #ContentContainer.entryPage .secondary h2 { font-size: 1.6em; font-weight: normal; color: #323232; padding: 4px 10px 0 10px; } #ContentContainer.entryPage .secondary h3 { font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; } #ContentContainer.entryPage .secondary p { margin: 0; } #ContentContainer.entryPage .secondary .linkedActive.hover { background-color: #EEE; cursor: pointer; } #ContentContainer.entryPage .secondary .linkedActive.hover a:hover { background-color: transparent; color: #005a8b; } #ContentContainer.entryPage .secondary .linkedActive.hover a:visited { background-color: transparent; color: #4e9200; } #ContentContainer.entryPage .secondary .group { padding-top: 1px; border-bottom: 1px solid #DBDBDB; clear:both; } #ContentContainer.entryPage .secondary .intro { padding: 0 10px 5px 10px; } #ContentContainer.entryPage .secondary .item { padding: 5px 10px 10px 10px; _height: 1%; /* Trigger IE6 hasLayout */ } #EntryPageComponentContainer { float: right; clear: right; width: 333px; margin-top: 15px; } #EntryPageComponentContainer .group { padding: 0 0 14px 0px; margin: 0px 10px 0 15px; } #EntryPageComponentContainer .group .item { padding: 10px 30px 5px 9px; margin: 3px 0; _height: 1%; /* Trigger IE6 hasLayout */ } #EntryPageComponentContainer .group h2 { font-size: 1.6em; font-weight: normal; color: #323232; padding: 0px 9px 0 9px; } #EntryPageComponentContainer .group h3 { font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; } #EntryPageComponentContainer .group p { margin: 0; } #EntryPageComponentContainer .group .linkedActive.hover { background-color: #EEE; cursor: pointer; } #EntryPageComponentContainer .group .linkedActive.hover a:hover { background-color: transparent; color: #005a8b; } #EntryPageComponentContainer .group .linkedActive.hover a:visited { background-color: transparent; color: #4e9200; } /*******************************************/ /**** SEARCH RESULTS ****/ /*******************************************/ #ContentContainer .searchResults { padding: 0 20px 3em 15px; } #ContentContainer .searchResults h1 { font-size: 1.6em; font-weight: normal; margin: 1em 0 0.5em 5px; } #ContentContainer .searchResults form { float: left; padding: 0 0 1.5em 5px; margin: 0; overflow: hidden; _display: inline; /* Cure IE double margin bug */ } #ContentContainer .searchResults .sort { float: left; margin-left: 30px; padding-top: 0.5em; } #ContentContainer .searchResults .sort a { margin: 0 1ex; position: relative; top: -3px; } #ContentContainer .searchResults h2 { font-size: 1.25em; font-weight: normal; margin: 10px 0 0.2em 0; padding: 10px 5px 0 5px; clear: both; border-top: 1px solid #dbdbdb; } #ContentContainer .searchResults p { margin: 0 0 0.3em 5px; width: 650px; } #ContentContainer .searchResults form input.text { border: 1px solid #6493b5; display: block; float: left; padding: 1px 2px 2px 2px; margin: 0 1em 0 0; background-color: #d3deee; width: 27ex; } #ContentContainer .searchResults form 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; } #ContentContainer .searchResults .pageNavigation { display: block; clear: left; } /*******************************************/ /**** SITE MAP ****/ /*******************************************/ #ContentContainer .siteMap { border: none; margin-top: -15px; } #ContentContainer .siteMap h1 { margin: 0 20px 0.5em 20px; font-family: "Times New Roman", Times, serif; font-size: 3.25em; color: #CCC; } /** SITE MAP: FIRST LEVEL (AND COMMON) **/ #ContentContainer .siteMap ul { margin: 0 5px 0 5px; padding: 0; border: none; } #ContentContainer .siteMap li a { border: none; padding: 0 10px 0 10px; margin: 0; font-size: 1.6em; background-color: white; text-decoration: none; } #ContentContainer .siteMap li { padding: 0.7em 0; margin: 1em 0 0 0; border: none; background: none; width: 986px; } #ContentContainer .siteMap li.even, #ContentContainer .siteMap li.even a { background-color: #e0e8ec } #ContentContainer .siteMap li.odd, #ContentContainer .siteMap li.odd a { background-color: white } #ContentContainer .siteMap li.even a:hover, #ContentContainer .siteMap li.odd a:hover { color: white; background-color: #005a8b; } /** SITE MAP: SECOND LEVEL **/ #ContentContainer .siteMap ul ul { margin: 2em 0 0 20px; padding-top: 40px; border-left: 1px solid #93b1cc; } #ContentContainer .siteMap ul ul li { position: relative; line-height: 1.82em; height: 1%; /* Fix IE layout bug */ margin: 0; padding: 0; width: auto; background: transparent url(/binaries/dnvlib_gfx_sitemap_item_bg_tcm169-255708.gif) no-repeat top left; } #ContentContainer .siteMap ul ul li.leaf { background-image: url(/binaries/dnvlib_gfx_sitemap_leaf_bg_tcm169-255709.gif); } #ContentContainer .siteMap ul li.odd ul li.last { border-left: 1px solid white; left: -1px; } #ContentContainer .siteMap ul li.even ul li.last { border-left: 1px solid #e0e8ec; left: -1px; } #ContentContainer .siteMap ul ul li a { font-size: 1em; position: relative; top: -0.91em; margin: 0 0 0 20px; padding-left: 0; } #ContentContainer .siteMap ul ul li a span { padding-left: 10px; background: transparent url(/binaries/dnvlib_gfx_sitemap_arrow_tcm169-255706.gif) no-repeat 0 0.29em; } /** SITE MAP: SUBSEQUENT LEVELS **/ #ContentContainer .siteMap ul ul ul { margin: -1.82em 0 1.82em 224px; _height: 1%; /* Fix IE6 layout bug */ padding: 0; } /*******************************************/ /**** SORTABLE TABLE COLUMNS ****/ /*******************************************/ #ContentContainer table th.sortable a { text-decoration: none; background: transparent url(/binaries/dnvlib_gfx_icon_sortable_tcm169-33998.gif) no-repeat left center; padding-left: 18px; } #ContentContainer table th.sortable a:hover { color: #005A8B; } #ContentContainer table th.sortable.sortedAsc a { background-image: url(/binaries/dnvlib_gfx_icon_sorted_asc_tcm169-33999.gif); } #ContentContainer table th.sortable.sortedDesc a { background-image: url(/binaries/dnvlib_gfx_icon_sorted_desc_tcm169-34000.gif); } /*******************************************/ /**** LISTS IN CONTENT ****/ /*******************************************/ #ContentContainer ul { list-style: none; padding-top: 5px; margin: 0.5em 0 1em 0; } #ContentContainer ul li { line-height: 1.2em; margin-top: 0.1em; border-bottom: 1px solid white; background: transparent url(/binaries/dnvlib_gfx_list_bullet_tcm169-255693.gif) no-repeat top left; padding-left: 25px; padding-right: 25px; } #ContentContainer ul a { padding: 0.1em 0 0.2em 0; } #ContentContainer ol { padding-top: 5px; margin: 0.5em 0 1em 35px; padding-left: 0; } #ContentContainer ol li { line-height: 1.2em; margin-top: 0.1em; margin-left: 0; border-bottom: 1px solid white; padding-right: 25px; } #ContentContainer ol a { padding: 0.1em 0 0.2em 0; } /*******************************************/ /**** IMAGES IN CONTENT ****/ /*******************************************/ #ContentContainer .images { background-color: #e5e5e5; margin: 0 0 1.5em 0; overflow: hidden; _height: 1%; /* IE layout bug */ } #ContentContainer .images .caption { padding: 5px; font-size: 0.9em; } #ContentContainer .images.wide img, #ContentContainer .ltr .images.wide img { float: left; border-right: 2px solid white; margin-right: 5px; border-left: none; margin-left: 0; } #ContentContainer .images.wide.noCaption { background-color: transparent; text-align: center; } #ContentContainer .images.wide.noCaption img { float: left; } #ContentContainer .images.wide.noCaption .caption { display: none; } #ContentContainer .images.narrow, #ContentContainer .ltr .images.narrow { width: 181px; float: right; display: inline; /* IE margin doubling bug */ margin-left: 20px; margin-right: 0; } #ContentContainer .images.narrow img { display: block; } #ContentContainer .images.narrow .caption { border-top: 2px solid white; border-bottom: 2px solid white; } /*******************************************/ /**** PAGING ****/ /*******************************************/ #ContentContainer .pages.enabled .page { display: none; } #ContentContainer .pages.enabled .page.current { display: block; } #ContentContainer .pageNavigation { display: none; margin-top: 20px; } #ContentContainer .pageNavigation.enabled { display: block; } #ContentContainer .pageNavigation .button, #ContentContainer .ltr .pageNavigation .button { float: left; font-size: 1.09em; } #ContentContainer .pageNavigation .list, #ContentContainer .ltr .pageNavigation .list { border-top: 1px solid #CCC; float: left; margin-left: 0; margin-right: 0; padding-left: 12px; padding-right: 12px; } #ContentContainer .pageNavigation ol { list-style: none; position: relative; padding: 0; margin: 0; top: -1px; } #ContentContainer .pageNavigation li, #ContentContainer .ltr .pageNavigation li { float: left; display: inline; width: 4.5ex; text-align: center; padding: 0; margin: 0; } #ContentContainer .pageNavigation li a { margin: 2px 1px 0 1px; padding: 3px 0.5em 0.25em 0.5em; display: block; font-size: 1.25em; font-weight: bold; text-decoration: none; } #ContentContainer .pageNavigation li a:hover { background-color: #005a8b; } #ContentContainer .pageNavigation li.current { border: 1px solid #CCC; border-top: 0 solid white; } #ContentContainer .pageNavigation li.current a { margin: 0; color: black; border: 1px solid white; padding: 4px 0.5em 0.3em 0.5em; background: white url(/binaries/dnvlib_gfx_paging_item_bg_tcm169-255699.gif) repeat-x bottom left; } #ContentContainer .pageNavigation li.current a:hover { color: black; background-color: white; } #ContentContainer .pageNavigation .button, #ContentContainer .ltr .pageNavigation .button { background: white url(/binaries/dnvlib_gfx_paging_btn_left_tcm169-255695.gif) no-repeat top left; padding: 6px 8px 10px 47px; color: #3f688c; cursor: pointer; display: block; } #ContentContainer .pageNavigation .button.next, #ContentContainer .ltr .pageNavigation .button.next { background: white url(/binaries/dnvlib_gfx_paging_btn_right_tcm169-255697.gif) no-repeat top right; padding: 6px 47px 10px 8px; color: #3f688c; cursor: pointer; } #ContentContainer .pageNavigation .button.next:hover, #ContentContainer .ltr .pageNavigation .button.next:hover { background-image: url(/binaries/dnvlib_gfx_paging_btn_right_hover_tcm169-255667.gif); color: #ddf3ff; } #ContentContainer .pageNavigation .button.previous:hover, #ContentContainer .ltr .pageNavigation .button.previous:hover { background-image: url(/binaries/dnvlib_gfx_paging_btn_left_hover_tcm169-255666.gif); color: #ddf3ff; } #ContentContainer .pageNavigation .button.disabledNext, #ContentContainer .ltr .pageNavigation .button.disabledNext { background: white url(/binaries/dnvlib_gfx_paging_btn_right_disabled_tcm169-255698.gif) no-repeat top right !important; color: #999 !important; cursor: default !important; } #ContentContainer .pageNavigation .button.disabledPrevious, #ContentContainer .ltr .pageNavigation .button.disabledPrevious { background: white url(/binaries/dnvlib_gfx_paging_btn_left_disabled_tcm169-255696.gif) no-repeat top left !important; color: #999 !important; cursor: default !important; } /*******************************************/ /**** TOOLS ****/ /*******************************************/ #ContentContainer .tools { margin: 1.5em 0 1.5em 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; color: #666; height: 21px; position: relative; } #ContentContainer .tools a, #ContentContainer .ltr .tools a { display: block; float: left; margin: 1px 0; padding: 3px 20px; border-right: 1px solid #d1d1d1; } #ContentContainer .tools a { text-decoration: none; } #ContentContainer .tools a:visited { color: #005a8b; } #ContentContainer .tools a:hover { color: white; } #ContentContainer .tools a.print { display: none; } .userHasJavaScript #ContentContainer .tools a.print { display: block; } #ContentContainer .tools a.email { display: none; } .userHasJavaScript #ContentContainer .tools a.email { display: block; } #ContentContainer .tools a.rss { background-image: url(/binaries/dnvlib_gfx_rss_icon_tcm169-255668.gif); background-repeat: no-repeat; background-position: 8px 4px; padding-left: 28px; } #ContentContainer .tools .fontSize, #ContentContainer .ltr .tools .fontSize { display: none; float: left; width: 69px; border-left: 1px solid #d1d1d1; } .userHasJavaScript #ContentContainer .tools .fontSize { display: block; } #ContentContainer .tools .fontSize .button { cursor: pointer; width: 22px; height: 21px; float: left; border-right: 1px solid #d1d1d1; background: transparent url(/binaries/dnvlib_gfx_tools_font_icons_tcm169-255710.gif) no-repeat top left; } #ContentContainer .tools .fontSize .button.normal { background-position: 0px 0px; } #ContentContainer .tools .fontSize .button.normalSelected { background-position: 0px -100px; } #ContentContainer .tools .fontSize .button.normalHovered { background-position: 0px -200px; } #ContentContainer .tools .fontSize .button.larger { background-position: -100px 0px; } #ContentContainer .tools .fontSize .button.largerSelected { background-position: -100px -100px; } #ContentContainer .tools .fontSize .button.largerHovered { background-position: -100px -200px; } #ContentContainer .tools .fontSize .button.largest { background-position: -200px 0px; } #ContentContainer .tools .fontSize .button.largestSelected { background-position: -200px -100px; } #ContentContainer .tools .fontSize .button.largestHovered { background-position: -200px -200px; } #ContentContainer form#EmailAFriend { position:absolute; top: 21px; left: 0px; background: white url(/binaries/dnvlib_gfx_email_form_bg_tcm169-255684.jpg) repeat-x bottom left; border: 1px solid #CCC; padding: 20px; width: 354px; color: black; } #ContentContainer form#EmailAFriend label { float: left; clear: both; width: 60px; } #ContentContainer form#EmailAFriend input.text { display: block; font-size: 1em; margin-bottom: 0.4em; margin-left: 70px; width: 275px; border: 1px solid #999; } #ContentContainer form#EmailAFriend textarea { display: block; font-size: 1em; margin-bottom: 0.4em; margin-left: 70px; border: 1px solid #999; width: 275px; height: 5em; } #ContentContainer form#EmailAFriend input.button { clear: left; font-size: 1em; background: white url(/binaries/dnvlib_gfx_button_gradient_bg_tcm169-255683.gif) repeat-x top left; border: 1px solid #CCC; float: right; margin-left: 2ex; padding-top: 3px; padding-bottom: 3px; } #ContentContainer form#EmailAFriend span.subject { font-size: 1.25em; display: block; clear: both; margin: 0.4em 0; } #ContentContainer form#EmailAFriend span.body { display: block; clear: both; color: #666; margin: 0.4em 0 1.5em 0; } #ContentContainer form#EmailAFriend .message { padding-top: 4em; text-align: center; font-size: 1.25em; } #ContentContainer form#EmailAFriend .validationError { color: red; } /*******************************************/ /**** FAQ ****/ /*******************************************/ #ContentContainer .faq { margin: 0 24px 3em 20px; } #ContentContainer .faq h2 { margin: 0 0 0.3em 0; font-size: 1.25em; font-weight: bold; } #ContentContainer .faq dl { margin: 0 0 1.5em 0; } #ContentContainer .faq dl dt { margin: 1em 0 0.3em 0; font-weight: bold; } #ContentContainer .faq dl dd { margin: 0.3em 0 1em 0; } #ContentContainer .faq dl dd .label { font-weight: bold; } .userHasJavaScript #ContentContainer .faq dl dt { cursor: pointer; color: #005a8b; font-weight: normal; padding: 2px 0; } .userHasJavaScript #ContentContainer .faq dl dt:hover { color: white; background-color: #005a8b; } #ContentContainer .faq .toggleAllButton { display: none; /* Hide, unless user has javascript */ margin: 0.5em 0 1em 0; padding: 3px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; font-size: 1.25em; cursor: pointer; color: #005a8b; } #ContentContainer .faq .toggleAllButton:hover { color: white; background-color: #005a8b; } .userHasJavaScript #ContentContainer .faq .toggleAllButton { display: block; } /*******************************************/ /**** SIMPLE FORM ****/ /*******************************************/ #ContentContainer .simpleForm { margin: 0 24px 3em 20px; } #ContentContainer .simpleForm h2 { margin: 0 0 0.3em 0; font-size: 1.25em; font-weight: bold; } #ContentContainer .simpleForm form { margin: 0.5em 0 0 0; } #ContentContainer .simpleForm label { float: left; display: inline; clear: both; } #ContentContainer .simpleForm input.text { display: block; font-size: 1em; margin-bottom: 0.4em; margin-left: 90px; width: 30ex; border: 1px solid #999; } #ContentContainer .simpleForm textarea { display: block; font-size: 1em; margin-bottom: 0.4em; margin-left: 90px; width: 30ex; border: 1px solid #999; } #ContentContainer .simpleForm select { display: block; font-size: 1em; margin-bottom: 0.4em; margin-left: 90px; width: 30ex; } #ContentContainer .simpleForm input.submit { clear: both; font-size: 1em; margin-top: 0.5em; margin-left: 90px; _margin-left: 93px; padding: 2px 10px; background: white url(/binaries/dnvlib_gfx_button_gradient_bg_tcm169-255683.gif) repeat-x top left; border: 1px solid #CCC; } #ContentContainer .simpleForm.wide input.text { margin-left: 180px; } #ContentContainer .simpleForm.wide input.submit { margin-left: 180px; _margin-left: 183px; } #ContentContainer .simpleForm.wide select { margin-left: 180px; } /*******************************************/ /**** FORMSGENERATOR ****/ /*******************************************/ #ContentContainer .formsGenerator { margin: 0 24px 3em 20px; } #ContentContainer .formsGenerator h1 { margin: 0 0 0.18em 0; font-family: "Times New Roman", Times, serif; font-size: 3.25em; color: #7ab800; } #ContentContainer .formsGenerator p { margin: 0.5em 0 1em 0; } #ContentContainer .formsGenerator p.intro { font-size: 1.25em; color: #323232; margin-bottom: 2em; } #ContentContainer .formsGenerator input { font-size: 1em; } #ContentContainer .formsGenerator input[type=text] { border: 1px solid #999; } #ContentContainer .formsGenerator table { background-color: #F0F0F0; } #ContentContainer .formsGenerator table table { margin: 1em 0; } #ContentContainer .formsGenerator table table td { padding: 3px 30px 3px 3px; } #ContentContainer .footnote{ color:grey; margin-top:1em; font-size:9px; }