@charset "utf-8";
/* CSS Document for Odfjell Shipping*/

/* reset */
html{color:#000;background: transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
/*li{list-style:none;}*/caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font: 62.5%/1.3 Arial, Helvetica, sans-serif;*font-size:x-small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center; color: #666;background: #eee;}/* IE5.5 */
#head {position:relative; background: transparent url(/Style%20Library/OdfjellWeb/Images/top-background.png) no-repeat 0 0; padding: 20px 20px 25px 20px;}
	#head h1 {padding: 0;}
	.logoArea {}
	.searchArea {float:right; overflow:hidden;position: relative; top: 10px;width:550px; font-size:1.2em;}
	#head h1 a{/*background: transparent url(/Style%20Library/OdfjellWeb/Images/odfjell-logo.png) no-repeat 0 0;*/}
	.button {margin: 6px 0 0 4px;}
	#searchLayout {padding-left: 10px; padding-right:2px; float:right;}
	#ctl00_SearchBox, #SRSB {float:left;}
	#searchLayout #SRSB {position:relative;padding: 0; font-family: Arial, Sans-Serif;}
	#searchLayout #SRSB .ms-sbrow {background: #fff; border: 1px solid #bbb;}
	#searchLayout #SRSB td.ms-sbcell input {width: 270px !important;padding: 2px 4px; height: 18px;font-size:1.9em; font-family:Arial; background: #fff;}
	#searchLayout #SRSB td.ms-sbcell {border:0px solid #7F9DB9;}
	#searchLayout td.ms-sbgo {background-color:#fff;padding:2px 1px 0 0;}
	#searchLayout .ms-sbLastcell {display:none;width:0;overflow:hidden;}
#Div1 {height:265px; overflow:hidden;display:block;clear:both;zoom:1;}
.foot {padding: 5px 0;background: transparent url(/Style%20Library/OdfjellWeb/Images/bottom-shadow.png) repeat-x 0 0; height: 19px;}
.foot p{font-size:1.1em;}
#splash {position: relative;}
.body{overflow:hidden; _overflow:visible; _zoom:1;}
#page-container {margin: 0 auto;padding-bottom: 300px; background: transparent url(/Style%20Library/OdfjellWeb/Images/map-background.png) no-repeat 27% 73%;}
.page{margin: 0 auto; width: 1000px;_text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
.body {padding: 0 10px 30px 10px;}
.fp {padding: 20px 20px 40px 20px;}
.contentPage {padding:0 30px 30px 30px}
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool{width:750px;}
.gs960{width:960px;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main, .section{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}

.colTwoWeb{width:310px !important;}
.colThreeWeb{width:635px !important;}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; }
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}
/* extending grids to allow a unit that takes the width of its content */
.media{width:auto;}

/* body{font-family:"Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif;} */
.white {background: #fff;}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p, blockquote, #ctl00_PlaceHolderMain_siteMapPath, .pad, .p, .ingress {padding:10px;}
h2, h3, h4, h5, h6, img{padding-bottom:0px;}
h1 {padding: 20px 10px 15px 10px;line-height:1;}
p, .p, .pad, .item, .author, .ingress {padding-top: 0;}
pre{margin: 10px;}
address {padding: 0 10px;}
table h1,table h2,table h3, table h4, table h5, table h6 {padding: 10px;}
/*table p,*/ table ul, table ol, table dl,
ul h1,ul h2,ul h3, ul h4, ul h5, ul h6, ul p, ul ul, ul ol, ul dl,
ol h1,ol h2,ol h3, ol h4, ol h5, ol h6, ol p, ol ul, ol ol, ol dl {padding:0;}
#breadcrumb {float:left; padding: 20px 10px 0 10px;}
#breadcrumb #ctl00_PlaceHolderMain_siteMapPath {padding: 0;}
#breadcrumb .ms-sitemapdirectional {float:left;font-weight:normal;font-size:1.1em;color:#666; line-height:1;padding:0;}
#breadcrumb span {float:left; padding-right:5px;}
form {} 
.item {margin: 0;padding: 5px 0;	}
.hzPadding {padding: 0 10px;}
.hzPadding20 {padding: 0 20px;}
#ctl00_PlaceHolderMain_PageContent__ControlWrapper_RichHtmlFiel{padding:0 10px 0 0;}
/*.ms-WPTitle {padding:0 10px;} */
/* ====== Elements ====== */
.body img{display:block;}
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px;}
code{color:#0B8C8F;}
.p {display:block;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:2.8em;  font-weight:bold; font-style: normal; color:#232323; text-transform: uppercase;}
h2, .h2{font-size:1.2em; font-weight:bold; font-style: normal; color:#232323; text-transform: uppercase; letter-spacing: -1px;}
h3, .h3 {font-size:1.0em; font-weight:bold; font-style: normal; color:#232323;}
h4, .h4{font-size:1.0; font-weight:bold; font-style: normal; color: #F37031;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal;  font-style: italic; color:#333;}

/* Mellomtitler i brødtekst på artikler og nyheter */
#ctl00_PlaceHolderMain_PageContent__ControlWrapper_RichHtmlField p strong {display:block; font-size:1.25em; line-height:1; font-weight:bold; font-style: normal; color:#232323; text-transform: uppercase; letter-spacing: -1px;margin-bottom: -10px;}

/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
.sectionheader {font-size:140%; font-weight:bold;display:block; background: #f3f3f3; margin: 10px 10px 0 10px; padding: 5px 10px;}

/*
.fp .ms-WPTitle {color:#222;font-family:arial,sans-serif;font-size:146.5%;font-weight:normal;}
.fp .ms-standardheader {color:#999;font-size:1.2em;margin:0;text-align:left;}
.fp h3 {font-weight: normal;font-size: 1.2em;letter-spacing: 0;}*/

.fp h2 , .h2{padding-top: 0;}
.fp h2 a, .h2{font-size:80%; font-weight:bold; font-style: normal; color:#245796; text-transform: none; letter-spacing: 0px;}


/* links */
a { color: #0E4880; font-weight:normal;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#003B85; }
a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}
/* fonts */
p, .p, .pad, .description, .ms-WPBody .item a {font-size: 1.0em; line-height:1.25;}
ingress, .ingress {font-size:15px; line-height:1.15; color:#666;display:block;}
.author {display:block;color:#666;padding-bottom:15px;}
.author p{font-size: 1.1em; line-height:1.2;padding-bottom:0;}
.button {padding: 2px 4px;}

/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
.body ul li {padding: 3px 0;}
.body ul li span.date {padding-left: 5px;}
.body ul a {font-size: 1.2em; line-height:1.4;}

/* menu goes here */

/* Breadcrumb */
ul#breadcrumb li {font-size: 1.1em;color:#999;}
ul#breadcrumb li a{font-size: 1em;}
ul#breadcrumb li, ul#breadcrumb li a {float:left; padding: 0 5px 0 0;line-height:1;font-weight:normal;}
.body .small {font-size: .8em; line-height:1.4;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
.body th, .body td{vertical-align:top;border:0px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:10px;}
.spec table{border-top: 1px solid #e2e2e2; border-bottom-color:#fff; border-left:none; border-right:none;}
.spec th, .spec td{border:1px solid #e2e2e2; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}
/* ====== blockquote ====== */
cite{display:block; text-align:right; padding-top: 10px;}
/* ====== callout ====== */
.callout{font-size:189%;color:#999999; font-style:italic;}
.callout cite{display:block; text-align:right;padding-top: 30px; font-size:69.25%;}
.callout span.quot{font-size: 500%; vertical-align: sub; color:#e2e2e2; line-height:25px; font-weight:bold;}
.callout span.quotLast{vertical-align:middle;}
/* ====== image treatments ====== */
.media{padding: 10px; overflow: hidden;}
.fp .media {padding: 0 10px;}
.img, .imgStatic {overflow:hidden; position:relative;}
.caption{font-size:1.1em; color:#000; padding:5px 5px 5px 10px; margin-bottom:12px; display: block; background: #fff; position: absolute; bottom: 0;left: 0; right: 0; opacity:0.7;filter: alpha(opacity = 70);width: 100%; /* IE */}
/* ====== Forms ====== */

/* ====== Sharepoint customisations and overrides ====== */
.PublishingControls {position:relative;padding:1px;overflow:auto;}
.ms-SPLink {float:left;}
.ms-siteaction, .ms-siteactionsmenu {float:right;position:relative; z-index:400;}
.ms-siteactionsmenu div div div.ms-siteactionsmenuhover {z-index:4000;}

.ms-WPHeader td {border-bottom: 0px solid #fff;}
/* EditMode */
.ms-long {width: 100%;}
#ctl00_PlaceHolderMain_PageContent__ControlWrapper_RichHtmlField {width:100%;overflow:hidden;zoom1;/*position:relative;*/font-size:1.2em;}

#ctl00_PlaceHolderMain_PageContent__ControlWrapper_RichHtmlField ul{padding-left:22px;}
#ctl00_PlaceHolderMain_PageContent__ControlWrapper_RichHtmlField ol{padding-left:30px;}

#ctl00_authoringcontrols {display:block;clear:both;}
.ms-SPButton {font-family: Arial;}
.captionEDitmode {position:relative;}
.captionEDitmode .media .img img {width: auto;}
.secImg img, .articleImg img{width: 100%}
/*.fp img {width: 100%}*/
.fp .lastUnit img {/*width: 310px;*/}
.fp #linkitem {background-color:#fff;}
.ms-toolbarItem a img, .ms-SPButton, .ms-SPButton a img {width:16px;}

.description {padding-top:5px;}
.link-item
{
	font-family:Arial;
	
}
.link-item .description
{
	color:#666;
	font-size:12px;
	padding-top:0;
	font-family:Arial;

}

.link-item a {font-weight: bold;}


.body .link-item a
{
	color:#0E4880;
	font-size:12px;
	font-weight:normal;
	background:url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) left 3px no-repeat;
	padding-left: 10px;
	font-family:Arial;
	/*padding-left:10px;*/
}
/*latest news on front page*/
.fp .link-item a {font-weight:bold;}

.newsarchivelink{margin-top:10px;}

.fp #linkitem-latest-news-wp .link-item{width:300px;}	
.fp #linkitem-latest-news-wp .link-item a
{background:url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) left 3px no-repeat;
	padding-left: 10px;}
/*.fp #linkitem-latest-news-wp .link-item img{display:inline; padding-left:2px;}*/

#linkitem-latest-news-wp .link-item{width:300px;}
#linkitem-latest-news-wp .link-item a
{background:url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) left 3px no-repeat;
 padding-left: 10px;}
/*#linkitem-latest-news-wp .link-item img{display:inline; padding-left:2px;}*/

	
#linkitem-latest-news-wp .newsarchivelink a{
	color:#0E4880;
	font-size:12px;
	font-weight:normal;
	background:url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) left 3px no-repeat;
	padding-left: 10px;
	font-family:Arial; 
	}

#linkitem-latest-news-wp .newsarchivelink a:hover{color:#0E4880 !important;}
	
#linkitem-latest-news-wp .date
{color:#666;
font-size:12px;
line-height:1.25;
padding-bottom:0;
padding-right:5px;
float:left;
}

#linkitem-latest-news-wp .link-item .description{}

#footer
{
	height:20px;
	/*padding-bottom:20px;*/
}

.fp #footer
{
	/*padding-bottom:0;*/
	background-color:#fff;
}

/* Search results and Archive page */
.body #SRSB {position:static; margin: 15px 0 15px 2px; font-family: Arial, Sans-Serif; zoom:1; padding-right:10px; overflow:visible; }
.body #SRSB .ms-sbrow {border: 1px solid #bbb;}
.body #SRSB td.ms-sbcell input {width: 350px !important;padding: 2px 4px;}
.body #SRSB td.ms-sbgo a img {display:none;}
.body #SRSB td.ms-sbgo a {background: transparent url(/Style%20Library/OdfjellWeb/Images/search-icon.png) no-repeat 0 0;display:block;
					      height:20px;width:20px;position:static;right:-2px;}
.body .srch-WPBody {font-family:Arial;}
.body .ms-sbtable-ex {margin-left:0px;margin-top:0px;}
.body .ms-sbtext {font-size:1.4em;display:none;}
.body .srch-stats {background: #fff url(/Style%20Library/OdfjellWeb/Images/dot-line-space.png) repeat-x 0 bottom;color:#F37031;
                   font-family:Arial;font-size:1.2em;text-align:left;overflow:hidden;padding-bottom:10px;
                   text-transform:uppercase;font-weight:bold;background-color: #fff !important;}
.body ..srch-sort {color:#232323;font-size:1.2em;font-weight:bold;}
.body .srch-Icon {float:left;margin-right:5px; display:none;}
.body .srch-Title{color:#003B85;font-family:Arial;font-size:1.2em;font-weight:bold;}
.body .srch-Title a {background: transparent url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) no-repeat left 4px; padding-left: 10px;}
.body .srch-Title a:link, .srch-Title a:visited {line-height: 1.4;font-weight:bold;}
.body .srch-Title a:hover {color:#003B85; text-decoration:underline;}
.srch-Description {color:#666;font-family:Arial;font-size:1.2em;}
.body .srch-Description b {color:#666666;font-weight:bold;}
.body .srch-Metadata {border-top:0px solid #E0DED5;border-bottom:1px dotted #D9D9D9;color:#8C8C8C;overflow:hidden;padding:0 0 10px 0;font-family:Arial;font-size:1.2em;}
.srch-URL a:link, .srch-URL a:visited {color:#003B85 !important;text-decoration:none;}
.body .srch-Page {background-color:transparent;color:#232323;font-family:Arial;font-size:1.2em;font-weight:bold;text-align:right;}
.srch-Page a:link, .srch-Page a:visited {color:#003B85;font-weight:normal;text-decoration:none;}
.body .srch-Page #SRP_Next {text-align:center;}
.body .ms-sbplain {border:medium none;font-family:Arial;font-size:2.2em;}

/* Section page */
.sectionPage {padding-top: 90px;}
.sectionPage p{ padding-left:0;}

/* People page */
.body .ms-WPTitle {color:#222;font-family:arial,sans-serif;font-size:146.5%;font-weight:normal;}
.body .ms-standardheader{font-size:1.2em; font-weight:bold;display:block; color: #F37031;
                                 text-transform:uppercase; letter-spacing:0;
                                 background: url(/Style%20Library/OdfjellWeb/Images/dot-line-space.png) 0 bottom repeat-x;
                                 padding: 10px 0 10px 0; margin-top:0; margin-bottom:0; margin-left:0; margin-right:10px;}
.person {padding: 5px 0 0 0;}
.person .nHeader {font-family: Arial;font-weight:bold;font-size:1.4em;color:#232323;text-transform:uppercase;padding-bottom:5px;}
.person .portrait img {margin-right:10px;}
.person .nBody .profile {padding:0 10px;display:block;font-family: Arial;font-weight:normal;color:#666666;font-size:12px;text-transform:none; margin-left:150px;}

/* Sitemap */
.level-section .level-band {background-color: #fff; padding-left:0;}
.level-band {padding-left:0;}



.odfjell-sitemap .level-section .level-band a, .odfjell-sitemap .level-section .level-band a:visited{background: #fff url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) no-repeat left 4px; padding-left: 10px; font-size:12px; font-weight:bold;text-transform:uppercase; color:#0E4880; font-family:Arial;}

.odfjell-sitemap .level-header{margin-top:-7px; padding:0 0 0 10px;}

.odfjell-sitemap .level-section .headertitle a ,.odfjell-sitemap .level-section .headertitle a:visited,.odfjell-sitemap .level-section .headertitle-small a, .odfjell-sitemap .level-section .headertitle-small a:visited
{font-weight:normal; text-transform:none; 
 background: #fff url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) no-repeat left 4px;padding-left: 10px; font-size:12px;
 color:#0E4880; font-family:Arial;}

.odfjell-sitemap .level-section .headertitle-small, .odfjell-sitemap .level-section .headertitle-small a{padding-left:10px;}

.level-item-pos {margin:2px 0;}


/* Mediabank */
.wpPage span div, .wpPage .ms-WPBody {padding-left: 10px;padding-right: 10px;}
.mediabankitem {background:#fff !important;}
.mediabankitem .image-area-left {float:none;}

/*ThreeColumn page layout */
.ingress #ctl00_PlaceHolderMain_PageContent__ControlWrapper_RichHtmlField {font-size:x-small; font-size:1em;}

.level-item, .level-item a, .level-item a:link {
color:#0e4880;
font-family:arial;
font-size:12px;
font-style:normal;
background: #fff url(/Style%20Library/OdfjellWeb/Images/link-arrow.png) no-repeat left 4px;
padding-left:10px;
}

.ms-WPBody h1, .ms-TPBody h1 {
padding-left:0;
}

.ms-WPBody {font-family:Arial;}

/* fix for search button on search page*/
.body .ms-sbLastcell{width:1px;}

.searchArea #employeeLogin a{font-weight:bold;}