/* -------------------------------------------------------------
	Continental Resources
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Description:	Screen Style
	Filename:		style.css
	Version:		2.0
	Date:			4 May 2006
------------------------------------------------------------- */


/* -------------------------------------------------------------
	Re-defined Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	background: #fff url(/images/temp_body.jpg) no-repeat top center;
	font: normal 10px/1.6 Verdana, Helvetica, sans-serif;
	color: #000;
	min-width: 770px;
}

body,
h1, h2, h3, h4, h5, h6,
ul, li, dl, dd, dt,
p,
form, fieldset,
div {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0px;
}

a img {
	border: none;
}

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

a:hover {
	text-decoration: underline;
}

ul {
	clear: both;
}

li {
	list-style-type: none;
	background: url(/images/icon_listArrow.gif) no-repeat 0 6px;
	padding-left: 10px;
	position: relative;
}

hr {
	background: #999;
	color: #999;
	height: 1px;
	border: 0px;
}

div {
	width: 100%;
}



/* -------------------------------------------------------------
	Custom Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*	Document Setup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.indexDiv {
	position: relative;
}

.mastheadContent:after, 
.indexDivBody:after, 
.messagingContent:after,
.indexDivMessaging:after,
.bodyMainPanel:after,
.mainPanelContent:after,
.breadcrumbs:after {
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}

#uiList li, 
.messagingImage, 
.title {
	display: block;
	overflow: hidden;
	text-indent: -9000px;
	background: none;
}


/*	Masthead
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.indexDivMasthead {
	display: block;
	border-bottom: 8px solid #e5e5e5;
	clear: both;
}

.mastheadContent {
	width: 770px;
	margin: 0 auto;
	display: block;
}

#brand {
	display: block;
	float: left;
	clear: none;
}

#uiList {
	width: 500px;
	height: 60px;
	margin: 25px 0 0 20px;
	float: right;
	clear: none;
}

#uiList li {
	float: left;
	display: block;
	clear: none;
	margin: 30px 0 0 28px;
	padding: 0;
}

#uiList a {
	display: block;
	overflow: hidden;
	height: 9px;
	background: no-repeat;
	background-position: top left;
}

li#about a {
	width: 52px;
	background-image: url(/images/ui_about.gif);
}

li#operations a {
	width: 61px;
	background-image: url(/images/ui_operations.gif);
}

li#investors a {
	width: 53px;
	background-image: url(/images/ui_investors.gif);
}

li#news a {
	width: 60px;
	background-image: url(/images/ui_news.gif);
}

li#careers a {
	width: 44px;
	background-image: url(/images/ui_careers.gif);
}

li#contact a {
	width: 61px;
	background-image: url(/images/ui_contact.gif);
}



/*	Messaging
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.indexDivMessaging {
	position: relative;
}

#home .indexDivMessaging {
	height: 301px;
	background: url(/images/bg_messagingHome.gif) repeat-x top left;
	border-top: 1px solid #fff;
	z-index: 1;
}

#primary .indexDivMessaging {
	height: 171px;
	background: url(/images/bg_messagingInterior.gif) repeat-x top left;
	border-top: 1px solid #fff;
	z-index: 1;
}

#secondary .indexDivMessaging {
	background: #616161;
	height: 38px;
	border-top: 1px solid #929292;
}

.messagingContent {
	position: relative;
}


/* --- #img_messaging --- */
#home #img_messaging {
	background: url(/images/img_messagingHome.jpg) no-repeat top left;
	height: 301px;
}

.messagingImage {
	width: 1022px;
	position: absolute;
	left: 50%;
	margin-left: -511px;
}

#primary .messagingImage {
	height: 171px;
}

#secondary .messagingImage {
	height: 38px;
}

#primary #img_messagingInterior02 {
	background: url(/images/img_messagingInterior02.jpg) no-repeat top left;
}

#primary #img_messagingInterior03 {
	background: url(/images/img_messagingInterior03.jpg) no-repeat top left;
}

#primary #img_messagingInterior04 {
	background: url(/images/img_messagingInterior04.jpg) no-repeat top left;
}

#primary #img_messagingInterior05 {
	background: url(/images/img_messagingInterior05.jpg) no-repeat top left;
}

#primary #img_messagingInterior06 {
	background: url(/images/img_messagingInterior06.jpg) no-repeat top left;
}

#primary #img_messagingInterior07 {
	background: url(/images/img_messagingInterior07.jpg) no-repeat top left;
}

#home #img_messaging h2 {
	height: 0px;
	width: 0px;
}

#primary .messagingImage h3#header {
	color: #fff;
	height: 28px;
	position: absolute;
	font-size: 18px;
	font-weight: normal;
	z-index: 3;
	top: 130px;
	left: 138px;
	text-indent: 0;
}

#secondary .messagingImage h3#header {
	color: #fff;
	height: 28px;
	position: absolute;
	font-size: 18px;
	font-weight: normal;
	z-index: 3;
	top: 5px;
	left: 126px;
	text-indent: 0;
}

#deepContent {
	position: absolute;
	top: 0;
	right: 126px;
	width: 257px;
	color: #fff;
	text-indent: 0;
        background: url(/images/homePageRight.jpg) no-repeat;
}

#home #deepContent p {
	position: absolute;
	top: 232px;
	left: 23px;
	width: 215px;
	line-height: 1.2;
}

#home #deepContent ul {
	position: absolute;
	top: 274px;
	left: 24px;
}

#home #deepContent li {
	background-position: 0 7px;
}

#deepContent a:link, #deepContent a:visited, 
#deepContent a:hover, #deepContent a:active {
	color: #fff;
}

#home #deepContent {
	height: 301px;
}



/*	Body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.indexDivBody {
	z-index: 1;
	position: relative;
	display: block;
	overflow: hidden;
}

#home .indexDivBody {
	background: #cecece;
	border-bottom: 10px solid #cecece;
}


/*	Body: Main Panel
- - - - - - - - - - - - - -  */

.bodyMainPanel {
	margin: 0 auto;
	width: 770px;
	display: block;
	position: relative;
	clear: none;
}

.mainPanelContent {
	width: 503px;
	float: left;
	clear: none;
	color: #737373;
	font-size: 13px;
	line-height: 1.5;
}

#home .mainPanelContent {
	color: #555;
}

#home .mainPanelContent a:link,
#home .mainPanelContent a:visited {
	text-decoration: underline;
}

#home .mainPanelContent a:hover,
#home .mainPanelContent a:active {
	text-decoration: none;
}

#primary .mainPanelContent {
	width: 478px;
	padding: 5px 10px 20px 15px;
	min-height: 400px;
}

#secondary .mainPanelContent {
	width: 486px;
	padding: 20px 10px 20px 5px;
	min-height: 400px;
}

.mainPanelLeft {
	width: 248px;
	float: left;
	clear: none;
	display: block;
}

#primary .mainPanelLeft {
	width: 215px;
}

.mainPanelRight {
	width: 240px;
	float: right;
	clear: none;
	display: block;
}

#primary .mainPanelRight {
	width: 230px;
}

.mainPanelContent h4 {
	color: #5171a3;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}

#secondary .mainPanelContent h4 {
	margin-bottom: 10px;
}

.mainPanelContent h5 {
	color: #5171a3;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}

#primary .mainPanelContent p, 
#primary .mainPanelContent ul {
	margin-bottom: 30px;
	padding: 0 auto;
	display: block;
	position: relative;
}

#secondary .mainPanelContent p,
#secondary .mainPanelContent ul {
	margin-bottom: 20px;
	padding: 0 auto;
	display: block;
	position: relative;
}

.mainPanelContent .link {
	clear: both;
	color: #5171a3;
	display: block;
	margin-top: 10px;
	position: relative;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	background: url(/images/icon_listArrow.gif) no-repeat left center;
	padding-left: 10px;
}

.mainPanelContent ul {
	padding-left: 20px;
}

.mainPanelContent li {
	background: url(/images/icon_listArrow.gif) no-repeat 0 7px;
}


/*	Body: mainPanelLeft
- - - - - - - - - - - - - -  */

.line_vertical {
	width: 1px;
	height: 148px;
	background: url(/images/line_vertical.gif) no-repeat top left;
	float: left;
	clear: none;
}

#titleMainLeft {
	background: url(/images/title_investorInfo.gif) no-repeat top left;
	height: 10px;
	margin-bottom: 10px;
}



/*	Body: mainPanelRight
- - - - - - - - - - - - - -  */

#titleMainRight {
	background: url(/images/title_about.gif) no-repeat top left;
	height: 10px;
	margin-bottom: 5px;
}

#home .moreLink:link, 
#home .moreLink:visited {
	text-decoration: none;
	display: block;
	padding-left: 10px;
	background: url(/images/icon_listArrow.gif) no-repeat 0 9px;
}

#home .moreLink:hover, 
#home .moreLink:active {
	text-decoration: underline;
}



/*	Body: mainPanelSub (sidebar)
- - - - - - - - - - - - - -  */

.mainPanelSub {
	width: 257px;
	background: #ededed;
	position: relative;
	display: block;
	z-index: 2;
	float: right;
	clear: none;
	margin-bottom: -20000px;
	padding-bottom: 20010px;
}

#home .mainPanelSub {
text-align: center;
}

#primary .mainPanelSub {
	padding: 15px 0px 20010px 15px;
	margin-bottom: -20000px;
	width: 242px;
}

#secondary .mainPanelSub {
	padding: 15px 0px 20010px 15px;
	margin-bottom: -20000px;
	width: 242px;
}


/* --- ul.uiSubList --- */
.uiSubList {
	width: 100%;
}

.uiSubList li {
	background: none;
	padding-left: 0;
}

.uiSubList a {
	background-image: url(/images/icon_listSubArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	width: 217px;
	text-decoration: none;
}

.uiSubList li a:hover,
.uiSubList li.active a:link, 
.uiSubList li.active a:visited, 
.uiSubList li.active a:hover, 
.uiSubList li.active a:active {
	background-color: #d5d5d5;
	text-decoration: none;
}


/* --- secondary --- */

.uiSubList ul li a:link,
.uiSubList ul li a:visited,
.uiSubList li.active ul li a:link,
.uiSubList li.active ul li a:visited {
	background-color: #ededed;
	padding-left: 20px;
	background-position: 10px 5px;
	width: 207px;
}

.uiSubList ul li a:hover,
.uiSubList ul li a:active,
.uiSubList li.active ul li a:hover,
.uiSubList li.active ul li a:active {
	background-color: #d5d5d5;
}


/* --- headings --- */
#home .mainPanelSub {
	background: #c1c1c1;
}

.mainPanelSub h4 {
	color: #5171a3;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}


/* --- SubPanel: Homepage specific content --- */
#titleSubPanel {
	background: url(/images/annual2009.gif) no-repeat top left;
	height: 25px;
        width: 172px;
	margin-bottom: 10px;
}

.mainPanelSub dl {
	width: 231px;
	display: block;
	clear: both;
	margin: 23px 0 0 24px;
}

.mainPanelSub dt, 
.mainPanelSub dd {
	float: left;
	clear: none;
	display: block;
	text-indent: 0;
	color: #676767;
}

.mainPanelSub dt {
	width: 50px;
	height: 63px;
}

.mainPanelSub dd {
	font-size: 12px;
	line-height: 1.1;
	width: 160px;
	margin-left: 9px;
}

.mainPanelSub dd h4 {
	margin-top: 1px;
}

.mainPanelSub dd a {
	display: block;
	margin-top: 8px;
}

.mainPanelSub form {
	display: block;
	clear: both;
}

/* --- breadcrumbs --- */

.bodyMainPanel .mainPanelContent .breadcrumbs {
	width: 100%;
	clear: both;
	padding-bottom: 15px;
	padding-left: 0 !important;
	margin: 0 !important;
}

.bodyMainPanel .mainPanelContent .breadcrumbs li {
	float: left;
	display: block;
	background: url(/images/icon_listCrumbArrow.gif) no-repeat 2px 3px;
	padding-right: 5px;
	font-size: 10px;
	line-height: 11px;
}

.bodyMainPanel .mainPanelContent .breadcrumbs li.first {
	background: none;
	padding-left: 0;
}

.bodyMainPanel .mainPanelContent .breadcrumbs li a:link,
.bodyMainPanel .mainPanelContent .breadcrumbs li a:visited,
.bodyMainPanel .mainPanelContent .breadcrumbs li a:hover,
.bodyMainPanel .mainPanelContent .breadcrumbs li a:active {
	font-weight: bold;
}


/* --- reserveDetail --- */

#reserveDetail {
	display: block;
	float: left;
}

.careersTableBG {
	background-color: #eee;
	padding: 0px;
}

.careersTableBG td {
	padding: 2px 5px 2px 5px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
}

.careersTableColumns {
	background-color: #ddd;
	font: bold 11px/1.6 Verdana, Helvetica, sans-serif;
	color: #666;
}

 




/*	Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.indexDivFooter {
	border-top: 2px solid #fff;
	color: #8e8e8e;
	background: url(/images/bg_footer.gif) repeat-x top left;
	height: 60px;
	padding-top: 38px;
	position: relative;
}

.indexDivFooter a:link, 
.indexDivFooter a:active, 
.indexDivFooter a:visited, 
.indexDivFooter a:hover {
	color: #8e8e8e;
	margin-left: 20px;
}

#footerContent {
	width: 770px;
	margin: 0 auto;
}

#copyright {
	width: 370px;
	float: left;
	padding-left: 5px;
}

#footerLinks {
	width: 370px;
	float: right;
	text-align: right;
}

#footerLinks li {
	position: relative;
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent;
	float: left;
	display: inline;
}

#footerLinks li.first {
	margin-left: 93px;
	padding-left: 0;
}

li#footerLinkWebmail {
	width: 130px;
	margin: 0;
}


/* -------------------------------------------------------------
	Form Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/*	Global Classes
- - - - - - - - - - - - - -  */

.inputClass {
	color: #4e4e4e;
	font: normal 10px Verdana, Helvetica, sans-serif;
	border: 1px solid #acacac;
	background: #fff;
}

#primary .inputClass, 
#secondary .inputClass {
	font-size: 12px;
}

#primary .mainPanelLeft form {
	margin-top: -15px;
}

#primary .mainPanelLeft .inputClass {
	width: 203px;
	line-height: 15px;
	padding: 1px 1px 1px 4px;
	text-indent: 0;
	height: 15px;
	margin-bottom: 7px;
	position: relative;
}

#primary .mainPanelLeft select.inputClass {
	width: 210px;
	height: 17px;
	padding-left: 0;
}

#primary .mainPanelLeft #careers_button {
	margin-top: 8px;
}

select, select option {
	background: #fff;
}

textarea.inputClass {
	height: 150px;
}

.input {
	width: 180px;
}  

.input2 {
	width: 385px;
}

.input3 {
	width: 40px;
}

.input4 {
	width: 138px;
}

.input5 {
	width: 128px;
}

.inputSelect {
	width: 185px;
}

#contactForm {
	text-align: right;
	padding-right: 15px;
}

#contactForm .inputClass {
	width: 330px;
}

#contactForm select.inputClass {
	width: 334px;
}

#contactForm input.inputClass,
#contactForm label {
	text-align: left;
}

#contactForm label {
	margin-right: 20px;
}

#contactForm fieldset.commentFieldset label {
	position: absolute;
	top: 0;
	right: 340px;
}

#contactForm fieldset {
	position: relative;
}

#contactForm fieldset fieldset {
	padding: 2px;
}

#submit {
	width: 100px;
}

.required {
	color: #c00;
}

#contactForm .required {
	padding-left: 3px;
	margin-right: -12px;
}


/*	Quicklinks
- - - - - - - - - - - - - -  */

#quicklinks {
	width: 214px;
	display: block;
	clear: both;
	position: relative;
	margin-left: 24px;
	padding: 25px 0 20px 0;
}

#quicklinks fieldset select {
	width: 214px;
	height: 17px;
	line-height: 17px;
	padding: 1px;
	border: 1px solid #6b6b6b;
	background: #e6e6e6;
}

.mainPanelContent fieldset {
	width: 100%;
}




/* -------------------------------------------------------------
	Miscellaneous
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.vcard {
	display: none;
}