/*======================================= 
	SBM Offshore Website 
	CSS Document 
	Creation date: 18-Oct-2007
	Last modified: 03-Jun-2008
=======================================*/

/* HTML ELEMENTS
-------------------------------------------------------------*/
*{ margin:0; padding:0; }
html{ background:#225F91 url(../Images/Shared/bg_content.jpg) 0 0 repeat-x; }
body{ width:100%; margin:0 auto; font:normal 12px Arial; }
a:link, a:visited {
	color:#C3232A;
	text-decoration:underline;
}
a:hover, a:active{	text-decoration:none; }
p{ margin:10px; }

/* IDS
-------------------------------------------------------------*/		
div#wrapper{
	width:970px; height:600px; 
	min-height:600px;
	margin:5px auto 0 auto;
	background-color:#fff;
	border:1px solid #000;
}
div#wrapper[class="menuBar"]{ height:auto; }
div#wrapper[id="wrapper"]{ height:auto; }

div#container{ 
	width:auto; height:auto;
	min-height:600px;
	margin-top:0; clear:both;
	border-bottom:1px solid #AAD3E9;
}

div#contentWrapper{
	min-height:600px;
}

#divContent{
	height:auto;
	margin-top:20px;
	margin-left:35px;
	margin-right:35px;
	margin-bottom:20px;
	text-align:justify;
	line-height:19px;
}

#divContent li{
	margin:10px 30px 10px 30px;
	list-style-position:inside;
	list-style-type:square;
}

#divContent div.productLinks li{
	list-style-type:none;
	margin:7px 10px 5px 10px;
}

div#banner{
	/*background:#fff url(../../Images/Shared/bg_top.jpg) 0 0 repeat-x;*/
}

div#banContainer{
	height:105px; width:auto;
	background:#fff url(../Images/Shared/bg_banner.jpg) 0 0 repeat-x;
}
div#logo{ float:left; padding-left:5px; }
div#banLinks{ float:right; margin:20px 5px 0 0; text-align:right; width:250px; }
div#banMenu{ clear:both; }
div#banMenuSecs{ margin:12px 0 0 5px; float:left; width:790px; }
div#banMenuSecs ul{ list-style:none; height:17px; margin:0; padding:1px 0 0 0; }
div#banMenuSecs li, div#banMenuSecs a{ display:inline; margin:0; padding:0 3px 0 3px; }
div#banMenuSecs a.mainMenuActive{
	color:#941B21;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;	
}
div#banSearch{ margin:12px 4px 0 0;  float:right; }

div#divHead{
	margin-left: 20px;
	margin-right: 20px;
	height:30px;
	text-align:right;
	padding-top:5px;
	font-size:10px;
}
div#divHead img{ vertical-align:middle; background-color:#fff; }

div#divNavLevs{ margin:5px 10px 0 30px; }

#menuCol{
	float:left; width:190px; height:auto; 
	padding:1px 0 5px 1px; 
	background:transparent; 
	font-family: Arial, Helvetica, sans-serif;
}
#expclpcol{
	position:absolute;
	width:9px; height:20px; font-size:7px;
	background:url(../Images/Shared/btn_collapse_menu.png) left top no-repeat; 
	margin-top:-24px; margin-left:190px;
	z-index:1000;
}
#expcol{
	position:absolute;
	width:9px; height:20px; font-size:7px;
	background:url(../Images/Shared/btn_expand_menu.png) left top no-repeat; 
	margin-top:3px;
	z-index:1000;
}
#menuCol ul{
	list-style-type:none;	
}
#menuCol a{
	text-decoration:none;
}

#contentCol{ 
	float:right; width:760px; height:auto; 
	background:#fff; display:block; margin-bottom:30px; 
}

#contentCol2{ 
	width:auto; height:auto; 
	background:#fff; display:block; margin:10px 60px 30px 60px; 
}

#search{
	width: 100px;
	margin:1px;
	border:2px inset #666666;
	text-indent:3px;
}

#search_button{
	width:50px; 
	height:21px;  
	background:url(../Images/Shared/button_search.gif) top left no-repeat; 
	border:0px;
	margin-bottom:2px;
}

div#footer{
	clear:both; margin:0 auto 10px auto; padding-top:5px; 
	width:970px; color:#fff; text-align:center; 
	border-top:1px solid #000;
}
div#footer a{ color:#fff; }
div#footer a:hover{ text-decoration:none; }

/* Site Map */
div#siteMap{ width:580px; border:1px solid #999; margin:10px auto; background-color:#FAF9E8; }
/* End Site Map */

/* CLASSES
-------------------------------------------------------------*/
.clearBoth{ clear:both; }
.floatLeft{ float:left; }
.floatRight{ float:right; }
.marginTop10{ margin-top:10px; }
.marginBottom10{ margin-bottom:10px; }
.marginLeft10{ margin-left:10px; }
.marginRight10{ margin-right:10px; }
.paddingTop10{ padding-top:10px; }
.paddingBottom10{ padding-bottom:10px; }
.paddingLeft10{ padding-left:10px; }
.paddingRight10{ padding-right:10px; }
.fontSize11px{ font-size:11px; }
.noborder{ border:0; }
.hand{ cursor:pointer; }
.vertAlignMiddle{ vertical-align:middle; }

div.banMenubar{
	position:relative; display:none; 
	margin:1px 0; 
	width:755px; height:16px; 
	overflow:hidden; color:#F9888D;
}
div.menuBar{
	background:#fff url(../Images/Shared/bg_submenuCol.jpg) 0 0 repeat-y;
}
div.menuBar2{
	background:#fff url(../Images/Shared/bg_submenuCol.jpg) -192px 0 repeat-y;
}

img.miniSeparator{ vertical-align:middle; }

ul.ulLinks{  padding:5px; margin:0; }
ul.ulLinks li{ margin:0 0 5px 0; padding:0; }

.title{
	font-family: Arial, helvetica, Verdana, sans-serif;
	font-size:17px;
	font-weight:bold;
	border-bottom: 1px solid #ccc; color:#595959;
	padding-left:0px; margin-bottom:5px;
}

.title02{
	font-family: Arial, helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#C3232A;
	font-weight:bold;
	padding-left:0px;
}

.Subtitle01{
	font-family: Arial, helvetica, Verdana, sans-serif;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	padding-left:10px;
}

.Subtitle02{
	font-family: Arial, helvetica, Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:bold;
	padding-left:0px;
}

div.productLinks{
	margin:20px 10px 20px 0;
	border:1px dotted #666;
	background-color:#efefef;
	padding:5px 10px 5px 10px; 
	width:auto; clear:both;
}

div.productLinks img{
	vertical-align:middle; margin:0 5px;
}

div.productContact{
	clear:both; 
	margin-top:25px;
}

table.tblProducts{ border:1px solid #ccc; }

table.tblProducts th{
	background-color:#0A708D;
	text-align:center;
	color:#fff;
	text-decoration:none;
}

table.tblProducts th a.productName{
	color:#fff; 
	text-decoration:none; 
}

table.tblProducts td{
	background-color:#f4f4f4;
	text-align:center;
	vertical-align:middle;
}

.spLinks{
	width:400px;
	margin:20px;
	border:1px dotted #666;
	background-color:#efefef;
	padding:10px;
}

a.mainMenu:link, a.mainMenu:visited {
	color:#fff;	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}
a.mainMenu:hover, a.mainMenu:active {
	color:#F9888D;
}
a.mainMenuSmall:link, a.mainMenuSmall:visited {
	color:#FFFFFF;
	font-size: 11px;
	text-decoration:none;
	padding:0 6px 2px 6px;
}
a.mainMenuSmall:hover, a.mainMenuSmall:active {
	color:#F9888D;
}

a.mainMenuMini:link, a.mainMenuMini:visited {
	color:#C4232B;
	font-size: 11px;
	text-decoration:none;
	padding:0 6px 2px 6px;
}
a.mainMenuMini:hover, a.mainMenuMini:active {
	color:#F9888D;
}

.Level1{ 
	width:auto; color:#fff;
	height:23px; padding:4px 0 0 5px;
	font-size:13px; font-weight:bold; text-transform:uppercase;
	background: transparent url(../Images/Shared/bg_th_leftCol.jpg) 0 0 repeat-x; 
}

a.Level2:link, a.Level2:visited, .Level2 {
	width:auto;
	font-size:13px;
	color:#C3232A;
	font-weight:bold;
	line-height:22px;
	padding:5px;
	cursor:pointer;
	border:1px solid #fff;
}
a.Level2:hover, a.Level2:active {
	color:#000;
}
img.blt2{ margin:4px 5px 1px 0; }

a.Level3:link, a.Level3:visited {
	font-size:12px;
	font-weight:normal;
	color:#333;
	line-height: 20px;
	font-weight:bold;
}
a.Level3:hover, a.Level3:active{
	color:#C3232A;
}
a.Level4, a.Level4:visited,a.Level5, a.Level5:visited,a.Level6, a.Level6:visited{
	font-size:11px;
	font-weight:normal;
	color:#333;
	text-decoration:none;
	line-height:17px;
}
a.Level4:hover, a.Level4:active, a.Level5:hover, a.Level5:active, a.Level6:hover, a.Level6:active{
	color:#C3232A;
}

.divLev2{ position:relative; margin:5px 1px 0 1px; padding-left:5px; }
.divLev3{ position:relative; margin:2px 1px 0 1px; padding-left:15px; }
.divLev4{ position:relative; margin:2px 1px 0 1px; padding-left:25px; }
.divLev5{ position:relative; margin:2px 1px 0 1px; padding-left:35px; }
.divLev6{ position:relative; margin:2px 1px 0 1px; padding-left:45px; }

.slcItm{ border:1px solid #ccc; background:#f4f4f4; }
.slcMenu{ background:#333; }


/* Page Features */

/* Photo tabs */
div.pTabs{
	float:left; width:304px; height:287px; 
	background:#fff url(../Images/Shared/bg_photo.jpg) 0 center repeat-x;
	margin:5px 10px 2px 2px; 
	border:1px solid #ccc;
}
div.pTabsCaption{  
	margin:0 auto; width:302px; height:18px;
	padding:0; overflow:hidden; color:#333; 
	background:transparent url(../Images/Shared/bg_grad_vert.jpg) 0 bottom repeat-x;
	font:bold 11px Arial;
}
span.pTabsLabel{ padding:2px 0 0 5px; }
div.pTabsPhotos{
	width:300px; height:250px; 
	overflow:hidden; margin:0 auto;
	background-position:center center; 
	background-repeat:no-repeat; 
	background-color:transparent;
}
div.pTabsTools{
	width:302px; height:18px; 
	background:transparent url(../Images/Shared/bg_grad_vert.jpg) 0 center repeat-x; 
	margin:0 auto; padding-top:1px;
}
input.pTabsBtn{
	border:1px solid #ccc; color:#333;
	background:#f4f4f4; font-size:10px; font-weight:bold;
	margin-left:1px;
}
img.pTabsIcn{
	background-color:#F4F4F4; padding:1px;
	margin:2px 3px 0 0; border:1px inset #ccc;
}

/* Products table */
table.pt{
	border:1px solid #666; clear:both; margin:30px 0 0 0;
}
div.ptCaption{
	background:transparent url(../Images/Shared/bg_grad_vert.jpg) 0 bottom repeat-x;
	padding-left:3px; font-weight:bold; height:auto;
}
td.ptCell{ background:#f4f4f4; padding:0; }
td.ptCell img{ border:1px solid #f4f4f4; }

/* Investor Relations */

#tblCal{
 	width: 97%;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

table.tblCal{
 	width: 97%;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

#tblCal td{
	padding: 7px;
	margin: 0px;
	background-color:#FFFFFF;
	background-image:url(../Images/Shared/dots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;	
}

table.tblCal td{
	padding: 7px;
	margin: 0px;
	background-color:#FFFFFF;
	background-image:url(../Images/Shared/dots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;	
}

#tblCap{
	padding:20px 10px 10px 10px;
	text-transform:uppercase;
	font-size:12px;
}

.tblRep{
	width:400px;
	margin-top: 10px;
}

.tdSubtitleRep{
	background-image:url(../Images/Shared/bg_gradient_gray.jpg); 
	background-repeat:repeat-y;
}

.repeatGradient{
	background-image:url(../Images/Shared/bg_gradient.jpg); 
	background-repeat:repeat-y; 
}

.repeatDotsBottom{
	background-image:url(../Images/Shared/dots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;
}


/* Lease Operate */

div#divContent .matrixTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-align:center;
}
div.map{
	position:absolute; z-index:1000;
	margin-top:80px; margin-left:90px;
	border:2px outset #ccc;
	background-color:#666;
	padding:1px;
}
div.map div#mapArea{ border:1px solid #fff; }
a#lnkClose{ 
	font-size:10px; color:#fff; padding:3px;
	text-decoration:none;
}
img.system{ 
	padding:3px; border:1px solid #666;
	background-color:#f4f4f4;
}
table.techSheet{ clear:both; border:1px solid #999; width:97%; padding:0; margin:5px; }
table.techSheet th, table.techSheet td{ border-bottom:1px solid #999; padding:5px 5px 5px 5px; }
table.techSheet th.head{ background-color:#969696; padding-bottom:0; }
input.btnShowMap{ 
	width:150px; height:33px; border:0;
	color:#fff; font-size:11px;
	background:transparent url(../Images/Shared/btn_showMap.png) left center no-repeat; 
}
.bgColor{ background-color:#f4f4f4; }

/* Sustainability */

#rightCol{
	position:relative;
	float:right; 
	width:210px; 
}

.pic180{
	position:relative;
	float:right; 
	width:180px;
	left:0px;
	top:0px; 
	border: 1px outset #fff;
	margin:10px;
	padding:5px;
	background-color:#D8E2EC;
}

.pic180 img{
	border:1px inset #fff;
	margin-bottom:10px;
}

.legend{
	font-size: 10px;
	font-style:italic;
	padding:5px;
}

.tbl{
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	background-image:url(../Images/Shared/dots.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;	
}

.bggray{ background-color:#f4f4f4; }
.borderblack{ border:1px solid #000; }