/* DEFAULT TAG STYLES */

html, body {
	padding: 0;
	margin: 0;
	background: #C0CBD2 url(images/bgslice_main.jpg) repeat-x top left;
}

body.content {
	padding: 0;
	margin: 0;
	background: #C1CCD3 url(images/bgslice_content.jpg) repeat-x top left;
}

td {
  font: 11px/16px verdana;
	color: #5B7788;
}

img {
  border: 0;
}

a {
  color: #C1983A;
  text-decoration: none;
  outline:none;
}

hr{
  border: 0;
  border-bottom: 1px solid #C6D1D7;
  height: 1px;
}

a:hover {
  color: #C1983A;
  text-decoration: underline;
}

a.linkBLUE {
  color: #5B7788;
}

a.linkBLUE:hover {
  color: #5B7788;
  text-decoration: underline;
}

h1{
  font: 12px/16px verdana;
  font-weight:bold;
  margin: 0;
  border-bottom: 1px dashed #C6D1D7;
  padding-bottom: 5px;
  color: #336D85;
}

/*Trudy added the below style in order to make the link, Oil Sands Production and SOR Charts, blue, otherwise it defaults to the gold style color
td.blueLinkHeader a {
	color:#5B7788;
}*/

/*Trudy added the below style to have the date bold on the Reporting Dates page (news_who.cfm) and AGMs page (news_agms.cfm); also the padding-bottom added to have more blue-background space under the date*/
.boldDate{
	font-weight:bolder;
	padding-left:5px;
	padding-bottom:3px;
}
/*Trudy added the below class style to have the Oil Sands Production and SOR Charts header and chart image centered on eat/index.cfm */
.chartsWPP-SORalign{
	text-align:center;
}
/*end*/	
.inpButton{
	border: 1px solid #A2B8C6;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5B7788;
	background: #ECF1F3 url(../images/search_bttn_bkg.gif) repeat-x top;
	margin: 0;
	padding: 3px;
	width: 110px;
	height: 25px;
}
.textTAN {
  color: #C1983A;
}

.textORANGE {
  color: #c1983a;
	margin-right: 11px;
	margin-left: 11px;
}

.height100 {
  height: 100%;
}

.bgWHITE {
  background: #FFF;
}

.tdTOOLS {
	padding: 11px 12px 4px 24px;
	background: #FFF;
}

.tdFOOTER {
  font: 11px tahoma;
	padding: 8px 16px 8px 16px;
	background: #FFF url('../images/bg_footer.gif') repeat-x top left;
}

.footerLink {
	color: #93acba;
	font: 11px tahoma;
}

.tdFOOTERportal {
  	font: 10px verdana;
	padding: 23px 22px 13px 22px;
	background: #FFF;
}

.formLOGIN {
  border: 1px solid #BFCCD3;
	color: #8CA3B0;
	font: 10px verdana;
	padding: 4px;
	height: 22px;
}

.tdCONTENT {
	padding: 10px 14px 14px 14px;
	/*original padding: 34px 38px 38px 38px; Trudy changed the above padding on May 9, 2011 to accomodate longer info from going onto the second line*/
	background: #FFF;
}

/*Trudy added the tdRIGHTalign class on November 7, 2011 for use in the Reporting Dates page (news_who.cfm) to make the Prod (BOE/d), CFPS*, and EBITDA ($MM) columns right align*/
.tdRIGHTalign {
	text-align: right;
	padding-right: 5px;
}

img.sideNAV{
  margin-bottom: 5px;
}

.sideSUBNAV {
  	border: 1px solid #D5DDE0;
	background: #FFF url('images/bgslice_sidesubnav.jpg') repeat-x bottom left;
	padding: 13px 0px 13px 14px;
	margin-bottom: 5px;
	width: 215px;
	text-align: left;
}

.headerField{
	background: #C7D1D7 url(images/formbg_main.gif) repeat-x;
}

.portalheaderField{
	background: #fff url(images/formbg_portal_main.gif) repeat-x;
}

/* LIST STYLES */

ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 15px;
  margin-top: 20px;
}

li { 
  list-style: none;
  background: url('images/sidenav_arrow.gif') top left no-repeat;
  padding-left: 17px;
  margin-bottom: 4px;
} 
	
/*added for demo2_trudy
ul li.projectChartsTitle {
	font-weight:bold;
	{*/
	
/*added for demo2_trudy	
ul.inlinelist li a { 
	display:inline;
	background:none;
	padding-left:1em;
	padding-right:1em;			
	border-left: solid 1px #EBEBEB;
	}*/
/*end of Trudy added*/	
	

/*sidenav styles*/
ul.inlinelist li { 
	display:inline;
	background:none;
	padding-left:1em;
	padding-right:1em;			
	border-left: solid 1px #EBEBEB;
	}

/*ul.inlinelist img { 
	padding-top:1em;
	padding:.5;
	border-left: solid 1px #EBEBEB;
	border-top: solid 1px #F5F5F5;	
	border-right: solid 1px #E0E0E0;	
	border-bottom: solid 1px #E0E0E0;
	}*/

ul.inlinelist2 li{ 
	display:inline;
	margin-right:.5em;
	background:none;
	}

ul.eventslist li {
	display:inline; 
	padding:0;
	background-image:none;
}

ul.eventslist a:hover {
	text-decoration:none;
}

ul.eventslistblock li {
	padding:0;
	margin:0;
	background-image:none;
}

ul.eventslistblock a:hover {
	text-decoration:none;
}




.formHIDDEN {
	border: 0;
	font: 10px verdana;
	color: #5B7788;
	margin:0;
	margin-top: 3px;
	vertical-align: top;
}

/* COOLMENUS 4 STYLES */

.clCMAbs{
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
}

/*Style for the background-bar*/

.clBar{
	position: absolute; 
	background: #c9d1d0; 
	visibility: hidden;
}

/*Styles for level 0*/

.clLevel0,.clLevel0over{
	position: absolute;
	padding: 0; 
	font-family: arial; 
	font-size: 12px; 
	font-weight: bold;
}
.clLevel0{
	color: #ffffff;
}
.clLevel0over{
	color: #ffffff; 
	cursor: pointer;
}
.clLevel0border{
	position: absolute;
	visibility: hidden;
}

/*Styles for level 1*/

.clLevel1 {
	position: absolute; 
	text-align: left;
	padding: 6px 0px 0px 10px;
	font: 11px tahoma;
	background: url(images/bgslice_navborders.gif) repeat-x top left;	
}

.clLevel1{
	color: #FFFFFF;
}
.clLevel1Spacer{
	background-color:#184762;
	height: 10px;
}
.clLevel1over{
	position: absolute; 
	text-align: left;
	padding: 6px 0px 0px 10px;
	font: 11px tahoma;
	background: #184762; 
	color: #FFFFFF;
	cursor: pointer;
	border-top: none;
	border-bottom: none;
}
.clLevel1border{
	position: absolute;
	visibility: hidden; 
	background: #184762 url('images/bgslice_dropdown.jpg') repeat-x top left;
}

/*Styles for level 2*/
.clLevel2, .clLevel2over{
	position: absolute; 
	padding: 5px 0px 0px 8px;
	font-family: arial; 
	font-size: 11px; 
}
.clLevel2{
	background: #F8F8F8; 
	color: #636363;
}
.clLevel2over{
	background: #FBEEEE; 
	color: #636363; 
	cursor: pointer;
}
.clLevel2Bullet{
	font-weight: bold;
	font-size: 11px;
	padding-right: 6px;
}
.clLevel2border{
	position: absolute;
	visibility: hidden; 
	background: #8A8A8A;
}