/* Prodigy Oil and Gas CSS Document */

body {
	margin: 0;
	background-color: #D2CB9D;
	background-image: url(../fading_bg.jpg);
	background-repeat: no-repeat;
}

#wrapper {
	text-align: left;
	margin: 0;
	padding: 0px;
	border:0;
	width: 765px;
	background-image: url(../leftPanel_bg.jpg);
	background-repeat: repeat-y;
	background-position: 34px;
}

#header {
	margin: 0 0 0 0;
	background: #000000;
	height: 27px;
	color: #E0DBB9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Top Navigation and Bottom Navigation */

#topNavContainer {
	margin-left: 234px; 
	padding-top: 6px;
}

#bottomNavContainer {
	padding-top: 10px;
}

#topNav, #bottomNav {
	list-style: none;
	padding: 0;
	margin: 0;
}

#topNav li, #bottomNav li {
	display: inline;
	padding: 0 5px;
	margin: 0;
}

#topNav li:before, #bottomNav li:before { content: " "; }
#topNav li:first-child:before, #bottomNav li:first-child:before { content: ""; }

/* IE Hacks */
/* All IE browsers */
* html #topNav li {
	border-left: 1px solid #E0DBB9;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

* html #bottomNav li {
	border-left: 1px solid #E0DBB9;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

/* Hide Win IE rules from Mac IE\*/
* html #topNav { height: 1%; }

* html #bottomNav { height: 1%; }


* html #topNav li {
	display: block;
	float: left;
}

* html #bottomNav li {
	display: block;
	float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #topNav li:first-child { border-left: 0; }
* html #bottomNav li:first-child { border-left: 0; }
/* END Mac IE 5*/
/* END IE Hack */

#header a:link, #header a:visited, #header a:active, #footer a:link, #footer a:visited, #footer a:active {
	color: #E0DBB9;
	text-decoration: none;
}

#header a:hover, #footer a:hover {
	color: #D3AE68;
	text-decoration: none;
}
/* END Header and Top Navigation */


#container {
	background-color: #F8F5E6;
	margin: 0;
	padding: 0;
}


#leftPanel {
	float: left;
	width: 200px;
	margin-left: 34px;
	display: inline;
}

#leftPanel img {
	padding-top: 10px;
}

#leftPanel a img {
	border: none;
}

#ticker {
	background-image: url(../ticker_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 159px;
	clear: left;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	
	padding-top: 12px; 
}

#centerPanel { 
	float: left; 
	width: 531px;
	margin: 0;
	padding: 0;
}

#banner {
	width: 531px;
	height: 298px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #78735C;
		
	margin: 0;
	padding: 0;
	
	background-repeat: no-repeat;
}

#sidePanel {
	float: left;
	width: 147px;
	
	margin-right: 5px;
	margin-top: 0;
	margin-bottom: 11px;
}

.sidebox {
	margin-bottom: 0;
	margin-top: 11px;
	
	background-color: #DBD3B6;
	vertical-align: top;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58554F;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #302B29;
}

.sidebox img {
	padding: 2px;
	border: 1px solid #5E5D59;
	text-align: center;
	background-color: #EFECDF;
}

.sidebox img.noBorder {
	padding: 0;
	border: none;
	background-color: none;
}

.sidebox div {
	margin: 0 auto 0 auto;
	text-align: center;
}

.sidebox div a:link, .sidebox div a:visited, .sidebox div a:active {
	text-decoration: none;
}

.sidebox div a:hover{
	text-decoration: underline;
}

div.backToTop {
	position: fixed;
	top: 500px;
	left: 770px;
	
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: right;
}

div.backToTop a img {
	border: none;
}

.sidebox a:link, .sidebox a:visited, .sidebox a:active, #content p a:link, #content p a:visited, #content p a:active, #noSidebox p a:link, #noSidebox p a:visited, #noSidebox p a:active, #noSidebox li a:link, #noSidebox li a:visited, #noSidebox li a:active, #content li a:link, #content li a:visited, #content li a:active, .backToTop a:link, .backToTop a:visited, .backToTop a:active {
	color: #953717;
	text-decoration: underline;
}

.sidebox a:hover, #content p a:hover, #noSidebox p a:hover, #content li a:hover, #noSidebox li a:hover {
	text-decoration: none;
}

.sidebox h2 {
	background-image: url(../sidebox_h2.gif);
	background-repeat: no-repeat;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: capitalize;
	
	height: 16px;
	
	margin: 0;
	padding-left: 23px;
	padding-top: 4px;
}

.sidebox p {
	margin-top: 0px;
	padding: 0 8px 0 8px;
}

.sidebox img {
	
}

#content { 
	float: left;
	width: 379px;
	background-color: #F8F5E6;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	margin-bottom: 11px;
}

#content h1, #noSidebox h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-variant: small-caps;
	text-transform: capitalize;
	font-weight:bold;
	color:#722A00;
	
	background-image: url(../content_h1.gif);
	background-repeat: repeat-y;
	background-position: top left;
	
	padding-left: 14px;
	padding-top: 4px;
	margin-top: 7px;
	
	height: 19px;
}

#content h2, #noSidebox h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-variant: small-caps;
	text-transform: capitalize;
	font-weight: normal;
	color: #BE722A;
	
	padding-left: 14px;
	padding-top: 10px;
	margin-top: 7px;
	margin-bottom: 0;
}

#content h2 a, #content h2 a:link, #content h2 a:visited, #content h2 a:active, #noSidebox h2 a, #noSidebox h2 a:link, #noSidebox h2 a:visited, #noSidebox h2 a:active {
	color: #BE722A;
	text-decoration: underline;
}

#content h2 a:link, #noSidebox h2 a:hover {
	text-decoration: none;
}

#content p, #noSidebox p {
	padding-right: 10px;
	padding-left: 14px;
}

#content ul li, #noSidebox ul li, .sidebox ul li {
	list-style-image: url(../orange_arrow_bullet.gif);
	padding-bottom: 10px;
}

.sidebox ul li {
	margin-left: -15px;
}

#content ul li ul li, #noSidebox ul li ul li {
	list-style-image: url(../lightGray_arrow_bullet.gif);
}

/* Two-column list */
ul#twoCol {
	float: left;
	width: 340px;
	list-style: none;
	margin: 10px 0 0 23px;
	padding: 0;
}

ul#twoCol li {
	float: left;
	width: 150px;
	margin: 0;
	padding: 0 0 0 17px;
	
	list-style: none;
	
	background-image: url(../orange_arrow_bullet.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

#noSidebox {
	width: 531px;
	float: left;
	background-color: #F8F5E6;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	margin-bottom: 11px;
}


/* News Box */
.newsBox {
	border-top-color: #58554F;
	border-top-style: solid;
	border-top-width: 1px;
	
	border-bottom-color: #58554F;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	
	width: 366px;
	margin-top: 30px;
	
	background-image: url(../content_h1.gif);
	background-repeat: repeat-y;
}

.newsBox p {
	text-align: left;
/*	margin-left: 110px;*/
	margin-bottom: 5px;
	font-size: 11px;
}

.newsBox h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #722A00;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: capitalize;
	text-align: left;
	
	margin: 5px 5px 0px 13px;
	padding: 0;
}

.newsBox img {
	border: 1px #FFFFFF solid;
	padding: 1px;
	margin: 5px;
	float: left;
}
/* END News Box */


#footer {
	clear: both;
	margin-left: 34px;
	padding-left: 13px;
	
	background: #595959;
	background-image: url(../leftPanel_bottomShadow.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
	height: 28px;
	color: #E0DBB9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#copyright {
	margin-top: 10px;
	
	width: 765px;
	text-align: center;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #595959;
	font-size: 10px;
}

#copyright img {
	border: none;
}

#disclaimer {
	clear: both;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 34px;
	padding-left: 13px;
	padding-bottom: 8px;
	
	background: #838171;
	background-image: url(../disclaimer_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	border-top-style: solid;
	border-top-color: #D2CB9D;
	border-top-width: 1px;	
	
	color: #E0DBB9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.65em;
}



#disclaimer a:link, #disclaimer a:visited, #disclaimer a:active {
	color: #E0DBB9;
	text-decoration: underline;
}

#disclaimer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* Generic Classes */
.center {
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}

.readMore {
	background-image: url(../readMore.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	
	margin-top: 0;
	margin-bottom: 5px;
	padding-right: 30px;
	height: 17px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	text-transform: lowercase;
}

.readMore a:link, .readMore a:visited, .readMore a:active {
	color: #FFFFFF;
	text-decoration: none;
}

.readMore a:hover {
	color: #FF9900;
	text-decoration: none;
}

#content .readMore {
	margin-right: 8px;
}

.clearBoth {
	clear: both;
}

/* Price index table */
table.priceIndexTable {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	font-size: 11px;
}

.priceIndexTable th {
/*	background-color: #BE722A; */
	color: #F0ECD7;
	background-image: url(../tableTH_bg.gif);
	background-repeat: repeat-x;
	padding: 3px;
}

.priceIndexTable td {
	background-color: #F0ECD7;
	background-image: url(../tableTD_bg.gif);
	background-repeat: repeat-x;
	padding: 3px;
}

.priceIndexTable td.titleRow {
	background-image: url(../tableTR_bg.gif);
	background-repeat: repeat-x;
	color: #AE6726;
	font-weight: bold;
}

p.smallText {
	font-size: 0.75em;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 24px;
}

/* END Price index table */



.formTable {
	margin-left: 14px;
}

.agree {
	border: 1px #666666 solid; 
	background-color: #CCCCCC;
	margin-left: 14px;
	margin-right: 14px;
}

.popupLink a {
	position: relative;
}

.popupLink a span {
	display: none;
}

.popupLink a:hover {
	display: inline;
}

.popupLink a:hover span {
	display: block;
	position: absolute;
	width: 250px;
	
	border: 1px #666666 solid; 
	background-color: #E4E4E4;
	font-size: 10px;
	color: #666666;
	
	padding: 5px;
	left: 73px;
	top: 5px;
	z-index: 10;
}



/* END General classes */

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Team Members Table */
#teamMembers {
	margin-left: 14px;
	margin-bottom: 16px;
	margin-top: 20px;
}

#teamMembers img {
	float: left;
	padding: 1px;
	border: 1px #666666 solid;
}

#teamMembers p, #teamMembers h2 {
	margin-left: 80px;
	text-align: left;
}

/* END Team Members Table */


strong {
	font-weight: bold;
	color: #BE722A;
}


/* Oil Price Ticker */
#scrollingTicker {
width: 200px;
padding-top: 1px;
}

#scrollingTicker a{
text-decoration: none;
color: #FFFFFF;
}
/* END Oil Price Ticker */


#hiddenLayer {
	display: none;
}

.formIndent {
	padding-left: 23px;
}


/* Diagram box */
.diagramBox {
	background-image: url(../diagramBox_bgtile.gif);
	background-repeat: repeat-y;
	width: 493px;
	
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 30px;
	
	display: block;
}


.diagramBox p {
	text-align: left;
	color: #FFFFFF;
	padding-bottom: 15px;

	background-image: url(../diagramBox_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#alphabet {
	width: 512px;
	height: 19px;
	
	background-image: url(../alphabet_bg.gif);
	background-repeat: no-repeat;
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#alphabetLinks {
	margin: 0;
	padding: 2px 0 0 0;
}

#alphabetLinks li {
	display: inline;
	list-style-type: none;
	padding-right: 8px;
	font-weight: bold;
	color: #FFFFFF;
}

#alphabetLinks li a:link, #alphabetLinks li a:active {
	color: #FFFFFF;
	text-decoration: none;
}

#alphabetLinks li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#alphabetLinks li a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

#noSidebox h2.alphabetAnchor {
	text-align: left;
	width: 400px;
	margin-left: 10px;
	
	background-image: url(../gray_arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 13px;
	
	color: #58554F;
}

.priceGraph {
	margin-top: 20px;
}

div.priceGraph strong {
	display: none;
}

.priceGraph a img {
	border: 0 none;
	background: none;
}

.priceGraph table {
	width: 100%;
	background-color: #EFEFEF;
	border: 0 none; !important 
	outline: none; !important
	padding-top: 0;
}

.priceGraph table table {
	padding-top: 5px;
}

.priceGraph table font {
	color: #595959;
}

#tinyButton_0 img {
	visibility: invisible;
	background-image: url(../priceGraph_1m.gif);
	background-repeat: no-repeat;
}


/**************************************************************************************************************
*	Banner images
**************************************************************************************************************/


.template, .oil-and-gas {
	background-image: url(../../images/banners/home_banner.jpg);
}




/*==========================new page==============================*/


div.special-wrap2{
	padding:0;
	clear:both;
	}

	
div.special-wrap{
	padding:10px 0 0 0;
	clear:both;
	}

div.colum1-wrap{
	width:256px;
	float:left;
	margin:0 2px 0 0;
	}

div.header-wrap{
	background:url(../content_h2.gif) no-repeat;
	width:250px;
	height:20px;
	padding:0 0 0 5px;
	margin:0;
	}
	
div.header-wrap p{
	font: bold 10px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#722A00;
	line-height:20px;
	margin:0;
	}
	
div.colum2-wrap{
	width:256px;
	float:left;
	}

div.contentcolum-wrap{
	width:243px;
	background:#D2CB9D;
	margin:3px;
	padding:5px;	
	}

div.contentcolum-wrap p{
	font:12px Arial, Helvetica, sans-serif;
	line-height:18px;
	}
div.content-{
	margin:3px 0 0 -0px;
	}

div.picsample-wrap{
	border:3px solid #FFFFFF;
	width:58px;
	height:46px;
	float:left;
	margin:15px 5px 0 10px;
	}
img{
	border:0;
}
*:focus { 
	outline: none; 
}
div.fixheight{
	height:225px;
	}

div.margins-{
	margin:-5px 2px 0 0;}