/* GeoPetro */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
*	 { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }
body { background: #fff url(../images/bg_html.png) repeat-x; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 18px; text-align: center; color: #333; min-height: 820px; }

body #background { background: url(../images/bg_body.png) no-repeat 50% 0px; }
*html body #background { background: none; }

body.sub { background: url(../images/bg_body.png) repeat-x 50% 0; }
body.sub #background { background: url(../images/bg_body_inside.png) repeat-x 0px 100px; }
body.sub2 { background: #fff url(../images/bg_html2.png) repeat-x; }

body.projects { background: url(../images/bg_html2.png) repeat-x;  }
body #mast { margin-top: -256px; }
body.projects .row#corpus { background: #fff url(../images/bg_body_inside.png) repeat-x 0 0; position: relative; }

table, th, td { font-size: 12px; font-family: arial, helvetica, sans-serif; color: #333; }

a img, :link img, :visited img { border: none; }
a:link, a:visited { color: #0089cb; text-decoration: none; }
a:hover, a:active { color: #025a86; text-decoration: underline; }
abbr { border-bottom:1px dotted #ccc; cursor:help; }
#skip { display: none; }

div.row { text-align: center; }
div.container { width: 990px; margin: 0px auto; text-align: left; position: relative; }



/* HOME PAGE
------------------------------------------------------------------------------------- */
.flash_outer	{ width: 100%; overflow: hidden; text-align: center; z-index: 100;}
#flashBackground { margin-left: 0px; }
#flashContainer	{ height: 256px; overflow: hidden; width: 100%;}
	.sub #flashContainer	{ height: 100px;}
#noflash	{ position: relative; text-align: left; width: 900px; margin: 0 auto; padding: 50px 0 0; z-index: 100; color: #fff; background: url(../images/noflash_map.jpg) no-repeat top right; line-height: 14px;}
	#noflash h1	{ color: #fff;}
	#noflash ul	{ padding: 20px 20px 0;}
	#noflash li	{ padding: 0 0 15px;}
	#noflash li b	{ font-size: 15px; }
	#noflash li a:link, #noflash li a:visited	{ color: #fff; text-decoration: none; }
	#noflash li a:hover	{ color: #dcf0fa; text-decoration: underline; }

.container { width: 990px; margin: -256px auto 0; text-align: left; }
body.sub .container { margin: -100px auto 0; }

.logo	{ width: 990px; text-align: left; margin: 0 auto;}

#header	{ height: 100px; z-index: 50; }
#logotype { position: absolute; top: 13px; left: 0px; z-index: 90; }

#nav	{ position: absolute; right: 185px; top: 32px; font-family: helvetica, arial, sans-serif; font-size: 14px; }
	#nav li { float: left; height: 40px; list-style: none; }
	#nav li a:link, #nav li a:visited { display: block; float: left; height: 40px; line-height: 40px; padding: 0 10px; color: #fff; text-decoration: none; }
	#nav li a:hover { background: url(../images/nav_arrow_hover.gif) no-repeat 50% 35px; color: #bbe9ff; }
	#nav li.on a:link, #nav li.on a:visited { background: url(../images/nav_arrow_hover.gif) no-repeat 50% 35px; color: #bbe9ff;}

	#header form { position: absolute; right: 0px; top: 42px; }
	#header form input { float: left; }
	#header form #go { padding-top: 0px; padding-left: 2px; }
	#header form #q { width: 152px; background: #b2def4; border: 1px solid #fff; border-right: none; text-indent: 2px; color: #0484c3; font-family: arial, helvetica, sans-serif; font-size: 11px; padding: 1px;}

	a#subscribe { position: absolute; right: 0px; top: 10px; font-size: 11px; color: #fff; text-decoration: none; }
	a#subscribe:hover { text-decoration: underline; }

#h_flash	{ position: relative; height: 416px;}

#features { border-bottom: 1px solid #9dd3ee; height: 1%; padding: 0 0 20px;}

#h_stocks { float: left; display: inline; width: 190px; margin: 20px 50px 0 10px; }
	#h_stocks table { margin: 0 0 8px; width: 100%; border: 1px solid #9dd3ee; border-width: 1px 0 0 1px; }
	#h_stocks td { padding: 1px 4px; border: 1px solid #9dd3ee; border-width: 0 1px 1px 0; background: #fff; color: #19475e; font-size: 12px;}
	#h_stocks td.col1		{ background: #e0e0e0 url(../images/bg_td.png) repeat-x ; font-size: 11px;}
	#h_stocks td .percent	{ color: #45ae37; }

	/* IMPORTANT */
	#h_stocks img { margin: 0 0 8px; width: 100%; }

#h_word { float: left; width: 300px; margin: 20px 0; }
	#h_word span { text-transform: uppercase; }

#h_featured { float: left; display: inline; width: 350px; margin: 3px 0 0 50px; padding: 16px 20px 0; background: url(../images/bg_div_project.png) repeat-x; }
	* html #h_featured { width: 390px; w\idth: 350px }
	
#description { display: block; width: 550px; float: left; margin-top: 30px; }

#h_news { position: relative; padding: 10px 0 20px 10px; height: 1%; }
    #h_news a { font-weight: normal; color: #3496c7; }
	#h_news a:hover { color: #257ba6; }
	#h_news a.more { position: absolute; right: 0; top: 10px; font-size: 11px; }
	#h_news a.more:hover {color: #257ba6; font-decoration: underline; }
	#h_news li { position: relative; float: left; display:inline; width: 306px; margin-right: 30px; list-style-type: none; line-height: 16px;}
	#h_news li span.date { display: block; float: left; width: 42px; min-height:33px; padding: 5px 0 0; margin: 0 10px 20px 0; text-align: center; color: #4a87a5; background: url(../images/bg_news.png) no-repeat; }
	* html #h_news li span.date { height:33px; }
	#h_news li.last	{ margin: 0;}
	
#middle #news { display: block; height: 320px; overflow: auto; }
#middle #news li { width: 400px; height: 50px; clear: both; }

#footer { height: 80px; clear: both; border-top: 1px solid #9dd3ee;}
	#footer ul { position: relative; float: right;  background: #fff; padding-left: 6px; margin-top: -11px;}
	#footer ul li { display: inline; padding-right: 7px;}
	#footer ul li a { color: #0089cb; text-decoration: none; }
	#footer ul li a:hover { text-decoration: underline; }
	#footer span	{ color: #ccc; }
    #footer #copyright { width:720px; margin-top:10px; font-size:12px; float: left; color: #0089cb;  margin-top: 0px; margin-left:-495px; }

/* SUB PAGE
------------------------------------------------------------------------------------- */
.btn_viewmap	{ position: absolute; top: 2px; right: 180px;}

#subhead	{  padding: 25px 0 35px;}
	#subhead b	{ font-size: 30px; color: #4a87a5; letter-spacing: -1px;}

#breadcrumb { margin: 10px 0 0; padding: 5px 0 0; color: #6d96aa; border-top: 1px solid #9dd3ee; font-weight: bold; font-size: 10px; }
	#breadcrumb a:link, #breadcrumb a:visited { color: #0089cb; }
    
.totop { margin: 10px 0 0; padding: 5px 0 0; color: #6d96aa; border-top: 1px solid #9dd3ee; font-weight: bold; font-size: 10px; text-align:left; }
	.totop a:link, .totop a:visited { color: #0089cb; }

.projects .totop { text-align:center; }    
    
#subnav { float: left;  width: 174px; margin: 0 0 20px;}
	#subnav li { list-style-type: none; font-family: helvetica, arial, sans-serif; font-size: 13px; }
	#subnav li a:link, #subnav li a:visited { display: block; padding: 5px 5px 5px 20px;  background: url(../images/bg_subnav.gif) no-repeat 10px 10px; color: #0089cb; text-decoration: none; height: 1%;}
	#subnav li a:hover { background: #eef8fc url(../images/bg_subnav.gif) no-repeat 10px 10px; color: #025a86;  }
	#subnav li p { padding: 5px 5px 5px 20px; color: #666;}
	
	#subnav li li {  font-size: 12px; }
	#subnav li li a:link, #subnav li li a:visited { padding: 3px 5px 3px 30px; background: url(../images/bg_subnav.gif) no-repeat 20px 9px; }
	#subnav li li a:hover { background: #eef8fc url(../images/bg_subnav.gif) no-repeat 20px 9px; }
	#subnav li li p { padding: 3px 5px 3px 30px; background: url(../images/bg_subnav_on.gif) no-repeat 20px 9px;}
	
	#subnav li li li {  font-size: 11px; }
	#subnav li li li a:link, #subnav li li li a:visited { padding: 1px 5px 1px 40px; background: url(../images/bg_subnav.gif) no-repeat 30px 7px; }
	#subnav li li li a:hover { text-decoration: underline; }
	#subnav li li li p { padding: 1px 5px 1px 40px; background: url(../images/bg_subnav_on.gif) no-repeat 30px 7px;}
	
#content { position: relative; float: left; display: inline; width: 530px; margin: 0 20px 20px; min-height: 300px; }
	#content p { padding: 0 0 15px; }
	#content ul, #content ol { padding: 0 20px 20px; }
	#content ol.glossarylist {list-style-type:lower-roman;}
	#content ol.glossarysublist {list-style-type:upper-alpha;}

.content_wide	{ width: 794px !important; margin: 0 20px 20px 10px !important; }

.column_wide { margin-left:192px; clear:both; }

#projectmap	{ position: relative;  height: 417px;  }

#main { padding: 0 0 20px; height: 1%; }

.archives	{ clear: both; font-size: 11px;}
	.archives span	{ float: right;}

.sidebar { float: left; width: 246px; margin: 0px 0px 20px; }
.featurelist	{ list-style: none; padding: 0 0 20px;}
.sidebar2 { float: left; display: inline; width: 154px; margin: 30px 0px 20px; }
.projects_downloads	{ min-height: 145px; }
	* html .projects_downloads	{ height: 145px; }
	
#stocks { padding: 0 0 20px; font-size: 11px; }
	#stocks table 		{ margin: 0 0 8px; width: 100%; border: 1px solid #9dd3ee; border-width: 1px 0 0 1px; }
	#stocks select 		{ width: 100%; margin: 5px 0; border-top: 1px solid #3e3e3e; border-left: 1px solid #a9a9a9; padding: 1px;}
	#stocks td 			{ padding: 1px 4px; border: 1px solid #9dd3ee; border-width: 0 1px 1px 0; background: #fff; color: #19475e; font-size: 12px;}
	#stocks td.col1 	{ background: #e0e0e0 url(../images/bg_td.png) repeat-x ; font-size: 11px;}
	#stocks td .percent { color: #45ae37; }

#news { width: 450px; position: relative; padding: 10px 0 20px 10px; height: 1%; padding: 0 0 15px !important; }

    #news a { font-weight: normal; color: #3496c7; }
	#news a:hover { color: #257ba6; font-decoration: underline; }
	#news a.more  { position: absolute; right: 0; top: 10px; font-size: 11px; }
    #news a.more:hover {color: #257ba6; font-decoration: underline; }
	#news li { position: relative; list-style-type: none; line-height: 16px; clear: both;}
	#news li span.date { display: block; float: left; width: 42px; padding: 5px 0 0; margin: 0 10px 20px 0; text-align: center; color: #4a87a5; background: url(../images/bg_news.png) no-repeat;} }
	#news li.last	{ margin: 0;}

#featuredproject { position: relative; float: right; display: inline; width: 350px; margin-left: 50px; margin-top: -58px; padding: 16px 20px 40px; background: #fff; }
	* html #featuredproject { width: 390px; w\idth: 350px }
	
.tabs		{ position: absolute; top: 98px; left: 5px; height: 28px; font-family: helvetica, arial, sans-serif; padding: 0 !important; }
	.tabs li	{ float: left; margin: 0 0 0 3px; display: inline;  font-size: 12px; font-weight: bold; cursor:pointer; cursor:hand; }
	.tabs li { position: relative; display: block; float: left; background: url(../images/tabs_rt.gif) no-repeat top right; text-decoration: none; cursor: hand; color: #0089cb;}
	.tabs li span{ position: relative; float: left; display: block; background: url(../images/tabs_lt.gif) no-repeat; height: 26px; line-height: 26px; margin-left: -2px; padding: 0 10px; text-align: center;}
	.tabs li.on	{ background: url(../images/tabs_on_rt.gif) no-repeat top right; color: #19475e; top: -2px;}
	.tabs li.on span { background: url(../images/tabs_on_lt.gif) no-repeat !important; height: 29px !important; line-height: 29px !important;}
	
#detail { position: relative; height: 125px; margin-bottom: 20px; background-color: #0f84bc; }
	.detail_bengrall { background: #0f84bc url(../images/detail_bengrall.jpg); }
    

.inset	{ float: right; display: inline; margin: 0 0 20px 20px; width: 252px; color: #19475e; }
a.icon_enlarge:link, a.icon_enlarge:visited { padding: 0 0 5px 18px; background: url(../images/icon_magnify.gif) no-repeat; font-size: 10px; font-weight: bold; text-decoration: none;}
a.icon_enlarge span { border-bottom: 1px dotted #00acff; }

.contactform	{ margin: 0 0 20px;}
	.contactform td	{ padding: 3px; vertical-align: top;}
	.contactform label	{ display: block; text-align: right; font-weight: bold;}
	.input		{ padding: 2px; border: 1px inset #888;}
	.btn		{ font-weight: bold; padding: 1px 3px; color: #0089cb;}
	.reqd		{ color: #900;}

.facts { margin-left:5px; }
.facts li { padding-bottom: 5px; }

.facts2 { margin-left:5px; }
.facts2 li { padding-bottom: 5px; list-style-type:upper-alpha;}

.caption { width: 580px; margin-left:auto; margin-right:auto; font-style:italic; }

/* FAQ
------------------------------------------------------------------------------------- */
.faq { margin:0 0 15px; border:0; }
.faq td { padding-right:5px; }

.faqresponse { margin:0 0 20px; }
.faqresponse p { padding:2px 0 0 10px !important; } /* Important since #content p overwrites it */


/* ELEMENTS
------------------------------------------------------------------------------------- */
h1, h2, h3, h4	{ font-family: helvetica, arial, sans-serif; font-weight: normal; color: #4a87a5; }

h1	{ font-size: 22px; padding: 0 0 10px; }
	h1 span	{ font-size: 14px; }
h2	{ font-size: 18px; padding: 0 0 8px; }
	h2 span { font-family: arial, helvetica, sans-serif; font-size: 10px; color: #19475e; }
h3	{ font-size: 16px; padding: 0 0 10px; }
h4	{ font-size: 14px; padding: 0 0 10px; }

blockquote	{ margin: 10px 10px 20px; padding: 15px; background: #eee; font-size: 14px; line-height: 18px;}

/* LINK ICONS
------------------------------------------------------------------------------------- */
.audio		{ padding: 0 0 0 15px; background: url(../images/link_audio.gif) no-repeat 0px 4px; }
.doc		{ padding: 0 0 0 15px; background: url(../images/link_worddoc.gif) no-repeat 0px 4px; }
.excel		{ padding: 0 0 0 15px; background: url(../images/link_excel.gif) no-repeat 0px 4px; }
.external	{ padding: 0 0 0 16px; background: url(../images/link_external.gif) no-repeat 0px 4px; }
.flash		{ padding: 0 0 0 15px; background: url(../images/link_flash.gif) no-repeat 0px 4px; }
.ical		{ padding: 0 0 0 15px; background: url(../images/link_ical.gif) no-repeat 0px 4px; }
.itunes		{ padding: 0 0 0 15px; background: url(../images/link_itunes.gif) no-repeat 0px 4px; }
.outlook	{ padding: 0 0 0 15px; background: url(../images/link_outlook.gif) no-repeat 0px 4px; }
.pdf		{ padding: 0 0 0 16px; background: url(../images/link_pdf.gif) no-repeat 0px 4px; }
.phxprint      { padding: 0 0 0 16px; background: url(http://media.corporate-ir.net/media_files/irol/19/196336/images/printer_icon.gif) no-repeat 0px 4px; }
.phxemail      { padding: 0 0 0 16px; background: url(http://stage.geopetro.com.clients.pint.com/assets/images/icon_email.gif) no-repeat 0px 4px; }
.phxrss      { padding: 0 0 0 16px; background: url(http://stage.geopetro.com.clients.pint.com/assets/images/icon_rss.gif) no-repeat 0px 4px; }
.podcast	{ padding: 0 0 0 15px; background: url(../images/link_podcast.gif) no-repeat 0px 4px; }
.popup		{ padding: 0 0 0 16px; background: url(../images/link_popup.gif) no-repeat 0px 4px; }
.ppt		{ padding: 0 0 0 15px; background: url(../images/link_powerpoint.gif) no-repeat 0px 4px; }
.qt			{ padding: 0 0 0 15px; background: url(../images/link_quicktime.gif) no-repeat 0px 4px; }
.rar		{ padding: 0 0 0 16px; background: url(../images/link_rar.gif) no-repeat 0px 4px; }
.rp			{ padding: 0 0 0 16px; background: url(../images/link_realplayer.gif) no-repeat 0px 4px; }
.rss		{ padding: 0 0 0 15px; background: url(../images/link_rss.gif) no-repeat 0px 4px; }
.txt		{ padding: 0 0 0 13px; background: url(../images/link_text.gif) no-repeat 0px 4px; }
.video		{ padding: 0 0 0 15px; background: url(../images/link_video.gif) no-repeat 0px 4px; }
.wmp		{ padding: 0 0 0 16px; background: url(../images/link_wmp.gif) no-repeat 0px 4px; }
.zip		{ padding: 0 0 0 16px; background: url(../images/link_zip.gif) no-repeat 0px 4px; }

/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
a.more:link, a.more:visited	{ font-weight: bold; color: #0089cb; border-bottom: 1px dotted #00acff; text-decoration: none; }
a.more:hover {color: #257ba6; border-bottom: 1px solid #257ba6; text-decoration: none; }
a.icon_email:link, a.icon_email:visited, a.icon_rss:link, a.icon_rss:visited	{ font-weight: bold; color: #0089cb; border-bottom: 1px dotted #00acff; text-decoration: none; background: url(../images/icon_email.gif) no-repeat; padding-left: 20px; }
a.icon_rss:link, a.icon_rss:visited	{ background: url(../images/icon_rss.gif) no-repeat; padding-left: 15px; margin-left: 10px; }

.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 1px; font-size: 1px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display: inline-block; }
.clearfix { /*\*/display: block;/**/ }

/* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG,
MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li
MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */
* html .italicsfix { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ }

.floatleft	{ float: left; }
.floatright	{ float: right; padding-left: 20px; }

img.floatleft { margin: 0 10px 5px 0; position: relative; }
img.floatright { margin: 0 0 5px 10px; position: relative; }

.alignleft		{ text-align: left; }
.alignright		{ text-align: right; }
.aligncenter	{ text-align: center; }
.aligntop		{ vertical-align: top; }
.alignbottom 	{ vertical-align: bottom; }

.enlarge { padding: 0px 0px 0px 16px; background: url(../images/icn_view.gif) no-repeat 0px 0px; font-style:italic; }
.enlarge a:link, .enlarge a:visited, .enlarge a:hover { text-decoration: none; border-bottom: 1px dotted #025A86; }

.small { text-align:right; font-size: 75%; }

/* Gallery Styles */

body.gallery	{ background: #fff; margin: 0; padding: 0; }

#gallery_outer	{ width: 750px; margin: 20px auto; background: #fff; }

#gallery_outer h1	{ font-family: Helvetica, Arial, Sans-serif; color: #4a87a5; font-size: 20px; text-align: left; margin: 5px 5px 5px 15px; }



#gallery_thumbs { width: 410px; margin: 0 auto; }
#gallery_thumbs img        { margin: 4px 3px 0px 3px; border: 1px solid #8db9ce; }
#gallery_thumbs img:hover	{ border: 1px solid #3e89ae; }


#gallery_controls           { margin: 10px 0 10px; text-align: center; }
#gallery_controls #controls { margin: 0 auto; padding: 0; text-align: left; width: 285px; height: 20px; }
	#controls li       { float: left; position: relative; height: 20px; list-style: none; }
	#controls li.back  { margin-right: 5px; }
	#controls li.play  { margin-right: 5px; }
	#controls li.pause { margin-right: 5px; }
	#controls li.next  {}

	#controls li a { display: block; height: 20px; text-decoration: none; cursor: pointer; }

	#controls li.back,  #controls li.back a    { background-image: url(../images/gallery/BTN_gallery_prev.gif); background-position: 0 0; width: 61px; }
	#controls li.play,  #controls li.play a    { background-image: url(../images/gallery/BTN_gallery_play.gif); background-position: 0 0; width: 127px; }
	#controls li.pause, #controls li.pause a   { background-image: url(../images/gallery/BTN_gallery_pause.gif); background-position: 0 0; width: 21px; }
	#controls li.next,  #controls li.next a	   { background-image: url(../images/gallery/BTN_gallery_next.gif); background-position: 0 0; width: 61px; }

	#controls li.back:hover,  #controls li.back:hover a,  #controls li.back a:hover	 { background-position: 0px -20px; }
	#controls li.play:hover,  #controls li.play:hover a,  #controls li.play a:hover  { background-position: 0px -20px; }
	#controls li.pause:hover, #controls li.pause:hover a, #controls li.pause a:hover { background-position: 0px -20px; }
	#controls li.next:hover,  #controls li.next:hover a,  #controls li.next a:hover	 { background-position: 0px -20px; }

	#controls li a span	       { display: none; }
	
	
#inner_content 	{ display: none; }	
	
/* END styles for photo galleries */

.extra_news { margin-top:-12px; }
.extra_news td { font-size: 12px !important; padding:4px !important; }