* {margin: 0; padding: 0; border: 0;}
body {
	background-color: #fff;
	/*background-image: url(../images/backgroundcircles.jpg);*/
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #172f5f;
	margin-left: auto;
    margin-right: auto;
	min-width: 980px;
	max-width: 980px;
}
/*#main_body {text-align:left;}*/
h1 {font-size: 24pt;}
h2 {font-size: 16pt;}
h3 {font-size: 12pt;}
h4 {font-size: 10pt;}
h5 {font-size: 9pt;}
h6, p {font-size: 8pt;}
ul {list-style-type: none;}
li {display: inline;}
a {color: #172f5f; text-decoration: none; outline: none;}      /*#0F4579*/
a:hover {text-decoration: underline;}
.small-indent {
	margin-left: 20px;
}
.large-indent {
	margin-left: 40px;
}
.gsc-resultsbox-visible {
	border: dashed 1px #999999;
	-webkit-border-radius: 5px;   	/*Safari browser*/
	-moz-border-radius: 5px;		/*Firefox browser*/
	border-radius: 5px;
	margin: 10px;
	padding: 10px;
	width: 425px;
}
#logo_signin, #menu_bar, #sponsors, #bottom_bar {border-bottom: solid 1px #fff;}
#logo_signin {position: relative; background-color: #172F5F;}   /*#103160;}   #0f4579;}*/
#logo_signin img {display: block;}		/* This clears the gap under the image */
#signin {
	padding: 5px 5px 0px 0px;
	text-align: right;
	position: absolute;
	top: 0%;
	bottom: 0%;
	right: 0%;
}
#signin p {
	margin-top: 20px;
	font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
/*#signin ul {text-align: right;}
#signin li {margin-right: 1em;}

#signin a, .eia_discuss a {color: #fff;	text-decoration: underline;}
#signin a:hover, #login_help a:hover, .eia_discuss a:hover{
	color: red;
	cursor: pointer;
}*/
#signin td, #signin a {
	font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	color: #fff;
}

.button {
	-moz-border-radius:5px;
	-x-system-font:none;
	border:1px solid #000000;
	cursor:pointer;
	font-family:verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0 0 6px 6px;
	padding:3px;
}
.member_controls {
	background-color: #999;
	border: solid 2px #fff;
	padding: 4px;
	text-align: center;
	width: 50%;
	display: inline;
	font-family: tahoma,verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 15px 0px 0px 6px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.member_controls a {text-decoration: none; color: #fff;}
.member_controls a:hover {text-decoration: underline; color: #fff;}

.eia_discuss a, .eia_discuss a:link {
	display: block;
	padding: 1em 0.4em;
	background-color: #172f5f;    /*#0f4579;*/
	text-align: center;
	color: #fff;
	zoom: 1.0;	/* triggering hasLayout so in IE 6 the background colour actually shows */
}
.eia_discuss {
	border: double 3px #172f5f;     /*#0f4579;*/
	margin: 2em 0;
}
div.vert_list {
  clear:right;
}
.vert_list ul {
	margin-top: 10px;
	margin-left: 5px;
	width: 100%;
	
	/*display: block;
	*/
}
.vert_list li {
	float: left;
	text-align: left;
	margin: 0px 2px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
	border: solid 1px #ccc;
	border-bottom: none;
	/*width: 25%;
	display: inline;*/
}
.vert_list li a {display: block;font-weight: bold;}
/*.vert_list a:active,.vert_list a:visited {
	background-color: #ddd;
	color: #000;
}

#hdd {background-image: url(../images/hdd-icon.png);}
#cdd {background-image: url(../images/cdd-icon.png);}
#hurricane {background-image: url(../images/hurricane-icon.png);}
#hdd, #cdd, #hurricane {
	background-repeat: no-repeat;
	background-position: 15px 10px;
}*/
.news_preview_block {
	text-align: left;
	margin: 8px;
	padding-top: 20px;
}
.news_preview_block h4 {
	color: #ce1d1e;
}
.news_preview_block p {
	padding-left: 10px;
}
.info_block {
	margin: 20px;
	text-align:center;
}
#dtn {
	padding: 5px;
}
#dtn a, #dtn span {
	color: #ce1d1e;
	font-size: 8pt;
}
#dtn a {
	font-style: italic;
}
#menu_bar {
	background-color: #172F5F;    /*#103160;   #0f4579; */
	font-size: 8pt;
	font-weight: bold;
	clear: both;
	width: 100%;
	overflow:auto;
}
#menu_bar ul {display: block;}
#menu_bar li {
	float: left;
	background-color: #999;
}
#menu_bar li a {
	/*height: 2em;*/
	line-height: 21px;
	padding: 0px 10px;
	display: block;
	text-align: center;
	border-right: solid 1px white;
}
#menu_bar ul li a {
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	font-family: arial, sans-serif;
}
.active_button a, #menu_bar li a:hover{
	background-color: #666;
	text-decoration: none;
}
#first_menu_button {
	border-left: solid 1px white;
	margin-left: 30px;
}
#sponsors {
	/*height: 60px;*/
	overflow: hidden;
	background-color: #fff;
	text-align:center;
    
}
#right_ads img{display:inline;padding: 0 20px;vertical-align:middle;}
#right_ads h4 {
	font-size: 8pt;
	color: #ce1d1e;
	margin-bottom: 5px;
	display:inline;
}
#right_ads li {display:inline-block;}
#bottom_bar img {
	display: block;
	width: 100%;
	height: 0.8em;
}
#content_wrapper {position: relative; display: block;}
#left, #right {
	text-align: center;
	padding: 2.5em 0.6em 0.6em 0.6em;
	/*position: absolute;
	top: 0%;
	bottom: 0%;*/
}
#left {
	/*position: absolute;*/
	float: left;
}
#right {
	float: right;
}
#left {width: 15.5em; background-color: #f2f2f2;}
#right {width: 18.5em; right: 0%; background-color: #fff;}
#center_2col, #center_3col {
	margin-left: 18em;
	background-color: #fff;
	background-image: url(../images/backgroundcircles.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 1em 0;
	overflow: auto;
}
#center_3col {margin-right: 21.5em;}
#center_3col div {float: right;}
.forgot {padding: 4em 0 !important;}
.forgot p {font-size: 10pt;}
input {
	border: solid 1px #000;
	margin: 0.4em 0em 0.4em 0em;
}
.search, .search option {
	width: 110px;

}
#site_search {
	width:250px;
	float: right;
}
#searchform {
	width:250px;
	
}
#searchresults {
	
	/*padding: 10px;
	margin: 10px;
	border: solid 3px #339999;display: none;*/
}
#site_search input {
	margin: 0px;
}
.most_read label {
	width: 55px;
	/*display: block;*/
	float: left;
	line-height: 20px;
	vertical-align: bottom;
}
.search {border: solid 1px #000;}
h2#main_content_header {
	color: #ce1d1e;
	font-size: 16pt;
	padding-top: 10px;
	margin-top: 0px;
	text-transform: none;
	text-align: left;
}
h4#main_content_date {
	text-align: left;
	padding-left: 10px;
}
#article_links {
	margin: 0 0 15px 5px;
	font-size: 9pt;
	font-weight: bold;
}
#article_links a {color: #807f83;}
/* .article {color: #172f5f;} */   /*#0f4579;}*/
h3.article {
  color: #ce1d1e;
}
div.article {
  padding: 4px;
}
.title {
    color: #222;
    margin: 20px 0px 5px;
}
.pub-date, .author, .story {
    color: #222222;
    font-size: 13px;
    line-height: 18px;
}
.pub-date, .author {
  margin-left: 15px;
  font-size: 80%;
}
.story {
  padding: 5px 0px;
}

/*
p.article a:link, p.article a:visited, p.article a:active, h3.article a:link, h3.article a:visited, h3.article a:active{
	font-size: 8pt;
	color: #0f4579;
}
h3.article a:hover {
	color: #0f4579;
}*/
.back {
	float: right;
	font-size: 8pt;
	font-weight: bold;
}
.back a:link, .back a:visited, .back a:active {color: #ce1d1e;}
.most_read {margin-top: 15px; clear: both; padding: 0em 0.8em;text-align:left;}
.most_read h6 {
	display: block;			/* removes the generic li inline */
	
	font-size: 0.8em;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 5px;
	background-image: url(../images/right_arrow_bullet.gif);
	background-repeat: no-repeat;
}
.most_read a {color: #172f5f;}     /*#0f4579}*/
.most_read form {
	padding: 0.5em;
	border: solid 1px black;
}
table#eia_main {
	padding: 0;
	width:200px;
	text-align: center;
	margin-top: 0px;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
.eia_header, .most_read h4 {
	padding-bottom: 4px;
	text-align: center;
	border-spacing: 0;
	border: 0;
	font-family: Veranda, Helvetica, Arial, san-serif;
	color: #666666;
	font-size: 10pt;
}
.eia_header {
	padding-top: 20px;
}
td.eia_data_header, td.eia_chart_data {
	font-size: 9pt;
	border: solid 2px slategray;
	width: 100px;
	font-weight: bold;
	padding: 6px 0;
	text-align: center;
}
td.eia_data_header {
	background-color: #9bafc7;
	color: #265787;
}
td.eia_chart_data {
	color: #666;
	background-color: #fff;
}
th.eia_data_header {
	font-size: 9pt;
	border: solid 2px slategray;
	width: 100%;
	font-weight: bold;
	padding: 6px 0;
	text-align: center;
	background-color: #9bafc7;
	color: #265787;
	
}
td#eia_footer {
	font-size: 9pt;
	text-align: left;
	padding-left: 8px;
	color: #666;
}
#fef_est {
	color: red;
	font-weight: bold;
}
#homepage_video {
	margin-top: 40px;
}
.playlist {
	margin-top: 15px;
}
#youtube_block {margin-left: 40px;}
.video_preview {
	display: block;
	margin: 10px 0 0 30px;
}
.video_preview h4 {
	/*display: inline;
	margin-left: 10px;*/
}
.playerInnerBox_gsvb .player_gsvb {
  width : 320px;
  height : 260px;
}
#videoBar-bar span {
	color:#676767;
	font-size:11px;
	margin:10px;
	padding:4px;
}
.bookmark_button {float:right; margin-right: 15px;}
.column_ad {
	padding-top: 2em;
	text-align: center;
}
#searchform {width: 250px;}
.gsc-search-form {width: 250px;}
/* Commentary layout */
.comment_block {
	color: #172f5f;    /*#0f4579;*/
	border-left: solid 2px slategray;
	border-bottom: solid 2px slategray;
	margin-top: 20px;
	overflow: auto;
	/*height: 100%;*/
	font-size: 8pt;
}
/*#weather_section {overflow: scroll;}*/
.comment_block h3 {position: relative;}
.comment_block span {position: absolute; right: 0;}
.comment_block a {color: #172f5f;}    /*#0f4579;}*/
.comment_credits {
	clear: both;
	padding: 10px 0 10px 10px;
	width: 180px;
	margin-right: 15px;
	float: left;
	font-weight: bold;
	font-size: 8pt;
	background-color: #f2f2f2;
	height: 100%;
	min-height: 60px;
}
.comment_credits ul {clear: left;}
.comment_credits li, #no_access li {display: block;}
.comment_header {padding: 15px 2em 0 0;	text-align: right;}
.comment_headline {float: left;}
.comment_headline a, .comment_credits a {font-weight: bold;}
/*.archive li {display: block;}*/
.archive h5 {clear: none; display: inline;}
#prices_energy_quotes li a {
	font-size: 0.8em;
	font-weight: bold;
	color: #807f83;
}
#prices_energy_quotes span {
	color: #ce1d1e;
	font-weight: bold;
}
#prices_energy_quotes img {
	height: 16px;
}
#search_pattern h4 {text-align: left !important;}
#no_access {
	margin: 15px 0 0 15px;
}
#no_access h3 {
	color: #ce1d1e;
}
#no_access h4 {
	margin-left: 30px;
}
#no_access p, #no_access ul {
	margin: 5px 0 0 60px;
}
.back_button {
	color: #ce1d1e;
	font-weight: bold;
	float: right;
}
#footer {
	color: #000;
	padding: 15px 2.5em 2.5em 2.5em;
	text-align: right;
	font-size: 7pt;
	background-color: #fff;		/*#a7a6a9;*/
	/*display: inline;*/
	clear: both;
}
#footer ul {float: left;}
#footer p {float: right;}
#footer a {color: #000;}
#footer span {margin-left: 10px;}
#footer p, #footer ul {margin: 10px 0;}
#footer p, #footer span , #footer li {font-size: 7pt;}



#left_col {width: 220px; background-color: #f2f2f2; padding: 20px 5px 10px;}
#center_col {width: 510px; padding: 10px;}
#right_col {width: 250px; padding: 10px 5px;}
#left_col, #center_col, #right_col, #main_col {vertical-align: top;}
#main_col {width: 730px;text-align:left;}



/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:0px 10px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	height: 100%;
	
}
/*#
 mac hide \
#*/
* html .colmask {zoom:1;position:relative;}
/*#
 end hide */

/* holy grail 3 column settings */
.holygrail {
	background:#fff;    	 /*Right column background colour */
	height: 100%;
	
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-270px; 	/* Width of right column */
	
	right:100%;
	background:#fff;    	/* Centre column background colour */
	
}

.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	
	left:490px;         	/* Left column width + right column width */
	background:#f2f2f2;    	/* Left column background colour */
	
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	
	right:220px;        	/* Width of left column */
	padding-bottom: 1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	
}
.holygrail .col1 {
	margin:0 275px 0 245px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
	
}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:10px;         	/* Width of the left-hand side padding on the left column */
	
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:250px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:30px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
	
}
.container_2col {
	background-color: #fff;
	overflow: none;
	
}
.main_2col {
	background-color: #fff;
    border-left: solid 220px #f2f2f2;
    padding-left: 15px;
	
}
.left_2col {
	float: left;
	background-color: #f2f2f2;
	width: 220px;
    margin-left: -235px;
	text-align: center;
	
}
.main_2col_right {
	background-color: #fff;
    border-right: solid 250px #f2f2f2;
    padding-left: 15px;
	
}
.right_2col {
	float: right;
	background-color: #f2f2f2;
	width: 250px;
    margin-right: -250px;
	text-align: center;
	
}

.prices_preview {
	padding-top: 40px;
	padding-left: 40px;
}
.prices_preview h4 {
	font-family: Veranda, Helvetica, Arial, san-serif;
	color: #666666;
	font-size: 10pt;
	padding-bottom: 5px;
}
.prices_preview td {
	width: 90px;
	font-weight: bold;
}
.positive {
	color: green;
}
.negative {
	color: red;
}
.commod_prices {
	border: outset 3px #666;
	margin: 15px 0 0 10px;
	padding: 10px;
	background-color: #f2f2f2;
	/*width: 660px;*/
	overflow: auto;
}
.commod_prices a {
	float: right;
	clear: none;
	width: 80px;
}
.commod_prices img {
	width: 30px;
	margin-right: 5px;
}
.commod_prices h2 {
	clear: none;
	color: #172f5f;    /*#0f4579;*/
	margin-left: 20px;
	margin-bottom: 20px;
}
.commod_prices table {
	border: none; /*outset 1px #666;*/
	text-align: center;
	background-color: #fff;
	border-collapse: collapse;
	width: 660px;
}
.commod_prices table tr {
	line-height: 20px;
}
.commod_prices table tr th{
	/*width: 55px;*/
	border: none;
	background-color: #f2f2f2;
}
.commod_prices table tr td {
	/*width: 55px;*/
	border: inset 1px #666;
	padding: 3px 0px;
}
.first_price {
	/*width: 210px !important;*/
}
.neg {
	color: #ce1d1e;
}
.reg_form_label {
	float: left;
	width: 115px;
	margin-top: 10px;
}
.premier_member {
	color: #ce1d1e;
}
#logo_signin {zoom: 1;}

#notifications {margin-top:10px;}


/***  NEW SITE STRUCTURE CODE STARTED: 8-05-2010  ***/
/*div#ad_strip {
    height: 60px;
    line-height: 60px;
}
div#ad_strip h4 {display: inline;}
div#ad_strip img {
    vertical-align: middle;
    margin-left: 15px;
}*/

div#ad_strip table {
    width: 100%;
    text-align:center;
    background-color: white;
}
div#ad_strip tbody {
    height: 60px;
    line-height: 60px;
}
div#ad_strip th {
    color: #ce1d1e;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    font-family: arial;
}
div#ad_strip img {
    vertical-align: middle;
    /*margin-left: 15px;*/
}

#fixed_2col_small {
    width: 320px;
    background-color: #e5e5e5;
    padding: 5px;
}
#fixed_2col_large {
    width: 660px;
    text-align:left;
    padding: 10px;
}
#fixed_2col_small, #fixed_2col_large {
    vertical-align: top;
}

.block {padding-top: 20px;}
.block img {margin: 5px 5px 0px;}
.footnote {
    font-size:10px;
    margin:10px 0 0 20px;
    text-align:left;
}

/* Membership Support style */
.support {
    text-align: center;
    margin: 20px;
    border: 1px solid #999;
}
.support h4 {
    background-color: #777777;
    color: #fff;
}
.message-wrapper {
    border-top: 1px solid #999;
    padding: 5px;
    background-color: #fff;
}