/* RESET
-----------------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,strong,th { font-size: 1em; font-weight: normal; font-style: normal; margin-bottom: 1em; }
ul,ol { margin-bottom: 1em; }
p { margin-bottom: 1em; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top;}

/* TYPE AND COLORS
-----------------------------------------------------------------*/
body { font: 0.8em/1.4em  Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #333; }

h1 {
	font-size:     	1.5em;
	line-height:   	1.2em;
	font-family:	Georgia, Times, 'Times New Roman';
	font-style:		italic;
	color:			#990000;
	}

h1.hidden {
	display:       none;
}

h2 {
	font-size:     1.4em;
	line-height:   1.2em;
	font-weight:   bold;
	}

h3 {
	font-size:      1.1em;
	font-weight:    bold;
	color:			#990000;
	}

h4 {
	font-size:     1.1em;
	font-weight:   bold;
	}

h5 {
	font-size:     1em;
	line-height:   1.3em;
	font-weight:   bold;
	}

h6 {
	font-size:     .9em;
	font-weight:   bold;
	line-height:   normal;
	font-style:    normal;
	}

ul {
	margin-left:   1.2em;
	}
	
hr.hline { 
	display:		block;
	width:			100%;
	height:			1px;
	border-top:		1px solid #909090; 
	margin:			18px 0;
}

.verySmall {
	font-size:		9px;
	line-height:	1.1em;
}

.gray {
	 color: 		#909090;
	 font-size:		0.8em;
}

#leftCol ul,
#leftCol ol { 
	margin-left: 	0; 
	list-style: 	none; 
	margin-bottom: 	18px;
}

#footer {
	color: 			#FFF;
}

#footer a { 
	color:			 #FFF;
}

p.indent {
	text-indent: 	1.9em;
}

strong {
	font-weight:	bold;
}

a:link, a:active, a:visited {
	text-decoration:  none;
	color:			#0066CC;
}

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

#leftCol a {}


#leftCol table#subcontent2 a{
	color: 			#333;
	font-size:		0.8em;
	line-height: 	1.1em;
}

#leftCol table#qtrFinPack a {
	color:			#FFF;
}



/* LAYOUT
-----------------------------------------------------------------*/
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body {
	text-align:         center; /* IE hack */
	background-color:  	#8D8D8D;
	margin:				0;
	padding:			0;
}

#header {
	position:      		relative;
	display:       		block;
	width:         		980px;
	height:         	185px;
	background:         #FFF url("../images/EnergyXXI_top_banner.jpg") no-repeat;
	/* overflow:			hidden; */
}

div#wrap {
	margin:             0 auto;
	width:           	980px;
	text-align:         left;
	background-color: 	#FFF;
}

div#content-wrap {
	width:         		100%;
	overflow:     		hidden;
	background:         #FFF url('../images/verticalLine.gif') repeat-y;
}

div#rightCol {
	float:         right;
	width:         74%;
}

div#leftCol {
	float:         left;
	width:         24%;
}

div#footer {
	font-size:		1.2em;
	width:         100%;
}

.inside {
	padding:       20px;
}

div#leftCol .inside {
	padding:       20px 0 0 15px;
}



/* MENU
-----------------------------------------------------------------*/
#nav {
	position:		absolute;
	top:			155px;
	right:			25px;
}

#nav, #nav ul {
	padding: 		0;
	margin: 		0;
	list-style: 	none;
}

#nav a {
	display: 		block;
	width: 			10em;
	color:			#FFF;
	text-decoration: none;
	font-weight:	bold;
}

#nav li {
	display:		inline;
	float: 			left;
	z-index:		999;
	line-height:	32px;
	text-align:		center;
}

#nav li ul {
	background:		#f5f3e5;
	position: 		absolute;
	width: 			170px;
	left: 			-999em;
	border:			1px solid #5E161A;
	border-top: 	0 none;
}


#nav li:hover ul, 
#nav li.sfhover ul {
	left: 			auto;
}

#nav li ul li{
	text-align:		left;
	width:			170px;
	border-top:		1px solid #5E161A;
	z-index:		999;
	color:			#5E161A;
}
#nav li ul li a:link,
#nav li ul li a:visited,
#nav li ul li a:active{
	width:			160px;
	line-height:	1.3em;
	color:			#5E161A;
	padding:		5px;
	font-weight:	normal;
}

#nav li a:hover,
#nav li a.sfhover {
	color:			#5E161A;		
}

#nav li.home a.current,
#nav li a.home {
	overflow:		hidden;
	display:		block;
	width:			80px;
	height:			30px;
	background:		url('../images/menuBack.jpg') -5px 0px no-repeat;
}

#nav li.home a.current,
#nav li.home a:hover,
#nav li.home a.sfhover {
	background:		url('../images/menuBack.jpg') -5px -30px no-repeat;
	color:			#5E161A;	
}

#nav li.history a.current,
#nav li a.history {
	overflow:		hidden;
	display:		block;
	width:			80px;
	height:			30px;
	background:		url('../images/menuBack.jpg') -85px 0px no-repeat;
}

#nav li.history a.current,
#nav li.history a:hover,
#nav li.history a.sfhover {
	background:		url('../images/menuBack.jpg') -85px -30px no-repeat;
	color:			#5E161A;
}

#nav li.investor a.current,
#nav li a.investor {
	overflow:		hidden;
	display:		block;
	width:			151px;
	height:			30px;
	background:		url('../images/menuBack.jpg') -165px 0px no-repeat;
}

#nav li.investor a.current,
#nav li.investor a:hover,
#nav li.investor a.sfhover {
	background:		url('../images/menuBack.jpg') -165px -30px no-repeat;
	color:			#5E161A;
}

#nav li.operations a.current,
#nav li a.operations {
	overflow:		hidden;
	display:		block;
	width:			102px;
	height:			30px;
	background:		url('../images/menuBack.jpg') -315px 0px no-repeat;
}

#nav li.operations a.current,
#nav li.operations a:hover,
#nav li.operations a.sfhover {
	background:		url('../images/menuBack.jpg') -315px -30px no-repeat;
	color:			#5E161A;
}

#nav li.management a.current,
#nav li a.management {
	overflow:		hidden;
	display:		block;
	width:			152px;
	height:			30px;
	background:		url('../images/menuBack.jpg') -417px 0px no-repeat;
}

#nav li.management a.current,
#nav li.management a:hover,
#nav li.management a.sfhover {
	background:		url('../images/menuBack.jpg') -417px -30px no-repeat;
	color:			#5E161A;
}

#nav li.careers a.current,
#nav li a.careers {
	overflow:		hidden;
	display:		block;
	width:			80px;
	height:			30px;
	background:		url('../images/menuBack.jpg') -85px 0px no-repeat;
}

#nav li.careers a.current,
#nav li.careers a:hover,
#nav li.careers a.sfhover {
	background:		url('../images/menuBack.jpg') -85px -30px no-repeat;
	color:			#5E161A;
}

#nav li.contact a.current,
#nav li a.contact {
	overflow:		hidden;
	display:		block;
	width:			103px;
	height:			30px;
	background:		url('../images/menuBack.jpg') -568px 0px no-repeat;
}

#nav li.contact a.current,
#nav li.contact a:hover,
#nav li.contact a.sfhover {
	background:		url('../images/menuBack.jpg') -568px -30px no-repeat;
	color:			#5E161A;
}


#nav li.home ul li a:hover,
#nav li.history ul li a:hover,
#nav li.investor ul li a:hover,
#nav li.operations ul li a:hover,
#nav li.management ul li a:hover,
#nav li.careers ul li a:hover,
#nav li.contact ul li a:hover,
#nav li ul li a.sfhover {
	background-image:	none;
	background:		#FFF;
	color:			#000;
}

#nav li ul li a.current,
#nav li.operations ul li a.current,
#nav li.investor ul li a.current,
#nav li.careers ul li a.current,
#nav li.management ul li a.current {
	color:			#000;
	width:			160px;
	height:			18px;
	line-height:	1.3em;
	font-weight:	normal;
	background-image:	none;
	background:		#FFF;
	
}



/* SIDE MENU */
#leftCol ul {
	margin-bottom: 0;
}

#leftCol ul li {
	border-bottom:		1px solid #909090;
	padding-bottom:		0.5em;
	margin-bottom:		0.5em;
}

#leftCol li a { 
	color: 			#990000; 
	font-weight:	bold;
}

#leftCol #sideNav {
	margin-left: 		0; 
	list-style: 		none; 
	margin-bottom: 		18px;
	text-align:			left;
}

#leftCol ul#sideNav li,
#leftCol #sideNav li{
	line-height:		1.1em;
	padding: 			0.5em 0.5em;
	border-bottom:		1px dotted #e7c961;
}

#leftCol ul#sideNav li a,
#leftCol #sideNav li a {
	font-weight:		normal;
	
}




/* FOOTER MENU */

#tabs ul {
	padding:			0;
	list-style:			none;
	overflow:			hidden;
	height:				34px;
	margin:				0;
}

#tabs li {
    display:			inline;
    margin:				0;
    padding:			0;
}

#tabs li.privacy a {
    float:				left;
    background:			url("../images/bTabLeft1.gif") no-repeat left top;
    margin:				0;
    padding:			0 0 0 29px;
    text-decoration:	none;
    color:				#333;
}

#tabs li.privacy a span {
    float:				left;
    display:			block;
    background:			url("../images/bTabRight1.gif") no-repeat right top;
    padding: 			10px 10px 8px 0;
    font-size:			12px;
}

#tabs li.terms a {
    float:				left;
    background:			url("../images/bTabLeft2.gif") no-repeat left top;
    margin:				0;
    padding:			0 0 0 29px;
    text-decoration:	none;
    color:				#333;
}

#tabs li.terms a span {
    float:				left;
    display:			block;
    background:			url("../images/bTabRight2.gif") no-repeat right top;
    padding: 			10px 40px 8px 0;
    font-size:			12px;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {	float:		none;	}

#tabs li.privacy a:hover,
#tabs li.terms a:hover{
  background-position:	0% -37px;
  text-decoration:		underline;
}

#tabs li.privacy a:hover span {
  background-position:	100% -37px;
}


/*===================================================================
  EXTRAS
===================================================================*/


/* PRE */
pre { font-size: 1.2em; padding: 10px;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}


/* ATTENTION BOXES */
span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;}
span.attention {color: #B79000;border:1px solid #E7BD72;background: #FFF3A3 url(../images/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/doc.png) 10px 50% no-repeat;}



/* BLOCKQUOTE BOXES */
blockquote {display: block;font-style: italic;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {display: block;font-style: italic;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;}
blockquote.blue{color: #0D507A;}
blockquote.red{color: #D12E2E;}
blockquote.green{color: #74A824;}
blockquote.purple{color: #9E0E87;}
blockquote.orange{color: #CC8300;}
blockquote.brown{color: #8B6846;}
blockquote.grey {color: #666;}
blockquote.quotes {display: block;background: url(../images/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 38px;margin: 20px 0;line-height: 150%;width: auto;color: #666;border: 0;}
blockquote.quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(../images/quote-end.png) 100% 100% no-repeat;}

/* UNORDERED LIST BULLETS */
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }


ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4,
ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px;overflow: hidden;margin-left: 5px;}
ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li,
ul.bullet-4 li, ul.bullet-5 li {list-style: none;padding-bottom: 3px;margin-bottom: 5px;padding-left: 10px;}
ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px;margin-bottom: 5px;padding-left: 22px;}
ul.bullet-1 li {background: url(../images/bullet-1.png) 0 7px no-repeat;}
ul.bullet-2 li {background: url(../images/bullet-2.png) 0 7px no-repeat;}
ul.bullet-3 li {background: url(../images/bullet-3.png) 0 7px no-repeat;}
ul.bullet-4 li {background: url(../images/bullet-4.png) 0 7px no-repeat;}
ul.bullet-5 li {background: url(../images/bullet-5.png) 0 7px no-repeat;}
ul.bullet-6 li {background: url(../images/bullet-6.png) 0 4px no-repeat;}
ul.bullet-7 li {background: url(../images/bullet-7.png) 0 4px no-repeat;}
ul.bullet-8 li {background: url(../images/bullet-8.png) 0 4px no-repeat;}



/* IMPORTANT BOX */
.important {padding: 15px;margin: 1.5em 0 1.5em 0;}
span.important-title {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;}
.important {border: 1px solid #333;}



/* HIGHLIGHT TEXT */
span.highlight {background: #FFFF99;padding: 1px 2px;}



/* ACCORDION */
#accordion {
	/* margin:20px 0px; */
}

h3.toggler {
	cursor: pointer;
	border-bottom-color: #ddd;
	background: url(../images/plus.gif) 5px 9px no-repeat;
	color: #333;
	margin: 0 0 4px 0;
	padding: 0.3em;
	text-indent: 1.5em;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}