﻿body {
  background: #636357;
  font: 76% verdana;
  margin-top: 0;
  padding-top: 0;
  min-width:900px;
}

a img {
  border: 0;
}

h2 {
  font-size: 12px;
  margin: 0;
  padding: 0;
  line-height: 19px;
  text-align: center;
}

h3 {
  font-size: 1.1em;
  margin: 3px 0;
  padding: 0 0 5px 0;
}

h4 {
  font-size: 1.1em;
  margin: 3px 0;
  padding: 5px 0;
}

h4 a{
  color: #000;
  text-decoration: none;
}

h4 a:hover {
  color: #FF9D30;
}

h5 {
  font-size: 10px;
}

h5 a
{
	text-decoration: none;
  color: #000;
}


p.research_archive_link {
  font-weight: bold;
  margin: 5px 0;
  padding: 0;
  font-style: italic;
}

p.research_archive_link a {
  color: #3294ad;
}

div.article_slab {
  width: 48%;
}

div.right {
  float: right;
}

div.left {
  float: left;
}
div#articles tr
{
	vertical-align:top;
}

td article_summary {
  font-size: .8em;
  line-height: 1.4em;
  margin: 3px 0;
  padding: 0;
}

div#articles a.more_link {
  padding-left: 10px;
  background: #FFF url(../images/right-arrow-green.gif) no-repeat 0 0;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

div#articles a:hover {
  color: #FF9D30;
}

p.archive_link {
  text-align: center;
  padding: 5px 0;
  margin: 0;
  font-weight: bold;
  font-size: 10px;
}
p.archive_link a {
  color: #000;
}

div#container {
/*   background: #FFF url(../images/container-background.gif) top right repeat-y; */
  background: #FFF;
  margin: 0 auto;
  width: 100%;
}

div#container div#banner {
  background: #000 url(../images/header-background-withoutlogo.jpg) no-repeat top left;
  padding: 10px 10px 8px 10px;
  position: relative;
}

div#container div#traditionenergylogo 
{
	position:absolute;
	right: 25px;
	top: 30px;
}

div#container div#logininfo
{
	position:absolute;
	right: 25px;
	top: 10px;
	color:#fff;
	font-weight:bold;
}

div#container div#logininfo a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

div#container div#banner a#tradition_link {
  display: block;
  position: absolute;
  width: 200px;
  height: 35px;
  top: 30px;
  right: 10px;
  text-decoration: none;
}

div#container div#futures_prices {
  background: #fff;
  height: 62px;
}

.bcTD { font: 11px verdana; }
.bcTD2 { font: 11px verdana; color: #f8781d; }
.bcCon { background: #FFF; margin: 0; width: 100%; }
.bcBan { background: transparent url(../images/futures-background-long.gif) no-repeat top right; height: 58px; }

div#container div#content {
  padding: 0 10px 10px 10px;
}

div#container div#content div#articles {
  float: left;
  margin: 0 5px 10px 0;
  padding-right: 0;
  width: 600px;
}

div#container div#content div#articles .buttons 
{
	background: transparent ;	
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;	
}
div#container div#content div#articles div#featured_articles, div#content div#articles div#other_articles {
  background: transparent url(../images/orange-headline-cap-left.gif) repeat-x 1px 1px;
  position: relative;
}

div#container div#content div#articles div#other_articles {
  clear: left;
}

div#content div#articles div#other_articles div.article h5 {
  margin-bottom: 0px;
}


div#container div#content div#articles div#featured_articles p.earlier_link, div#content div#articles div#other_articles p.earlier_link {
  text-align: right;
  margin: 10px 0 7px 0;
  padding: 0;
}
div#container div#content div#articles div#featured_articles p.earlier_link a, div#content div#articles div#other_articles p.earlier_link a {
  padding-right: 10px;
  background: #FFF url(../images/right-arrow-green.gif) no-repeat top right;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
}
div#container div#content div#articles div#featured_articles h2, div#content div#articles div#other_articles h2 {
  border: 1px solid #FF9D30;
  background: transparent url(../images/orange-headline-cap-right.gif) no-repeat top right;
  margin-bottom: 2px;
  margin-right: 108px;
}
div#container div#content div#articles div#featured_articles h2 a, div#content div#articles div#other_articles h2 a {
  color: #000;
  text-decoration: none;
}
div#container div#content div#articles div#featured_articles a.article_title, div#content div#articles div#other_articles a.article_title{
  font-size: 10px;
  margin-bottom: 0;
  padding: 1px 0;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

div#container div#content div#articles div#featured_articles a.article_title:hover, div#content div#articles div#other_articles a.article_title:hover{
  color: #FF9D30;
}

div#container div#content div#articles div#featured_articles .article_source, div#content div#articles div#other_articles .article_source {
  font-size: 9px;
  color: #b6beb8;
  margin: 0;
  padding: 0;
}
div#container div#content div#articles div#featured_articles .more_articles, div#container div#content div#articles div#other_articles .more_articles {
  position: absolute;
  top: 0;
  right: -3px;
  width: 110px;
  background: transparent url(../images/more-articles-background.gif) repeat-x top left;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 1px solid #cfa97b;
  line-height: 19px;
  text-decoration:none;
  color: #000;
  font-size: 10px;
  font-weight: bold;
}
div#container div#content div#articles div#featured_articles .no_more_articles, div#container div#content div#articles div#other_articles .no_more_articles {
  position: absolute;
  top: 0;
  right: -3px;
  width: 110px;
  background: transparent url(../images/more-articles-background.gif) repeat-x top left;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 1px solid #cfa97b;
  line-height: 19px;
  text-decoration:none;
  color: #666;
  font-size: 10px;
}
div#container div#content div#articles div#featured_articles .more_articles2, div#container div#content div#articles div#other_articles .more_articles2 {
  line-height: 19px;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  text-align:center;
  /*position: relative;
  top:0;
  right: -620px;
  width: 110px;*/
}
div#container div#content div#reports {
  float: right;
  margin-top: 0;
  width: 233px;
  text-align: right;
}

div#container div#content table {
  font-size: .9em;
  width: 100%;
}

div#container div#content div#reports p {
  font-size: .8em;
}

div#container div#content div#reports div#weather_resources {
  background: #e2f1f7 url(../images/blue-headline-cap-right.gif) repeat-x 1px 1px;
}

div#container div#content div#reports div#weather_resources h2 {
  border: 1px solid #5C97AA;
  
}

div#container div#content div#reports div#weather_resources div#forecast_change_report {
  text-align: center;
  background: #e2f1f7;
  clear: left;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report h4 {
  font-size: 9px;
  margin: 4px 0;
  padding: 0;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report h5 {
  background: #FFF;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  font-size: 11px;
  padding: 3px 0;
  margin: 1px 0;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table {
  width: 90%;
  margin: 5px auto;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table td {
  padding: 2px 0;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table td.region {
  text-align: left;
  position: relative;
  display: block;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table td.region a {
  color: #000;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table td.region ul.region_key {
  position: absolute;
  top: 4px;
  left: 0;
  display: none;
  background: #f2fafc;
  border: 1px solid #adb6ba;
  border-top: 2px solid #000;
  padding: 0;
  z-index: 2;
  width: 120px;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table td.region ul.region_key li {
  margin: 2px 0 4px 0;
  padding: 0 5px;
  list-style: none;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table td.bias {
  text-align: right;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table tr.national {
  border-top: 2px solid #000;
  font-weight: bold;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table tr.national td.region {
	text-align:left;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report table tr.national td.bias {
	text-align:right;
}
div#container div#content div#reports div#weather_resources div#forecast_change_report p.last_update {
  margin: 2px 0 6px 12px;
  padding: 0;
  color: #b6beb8;
  font-weight: bold;
  font-size: 9px;
  text-align: left;
}
div#container div#content div#reports div#weather_resources div#weather_images {
  text-align: center;
  padding-top: 4px;
}
div#container div#content div#reports div#weather_resources div#weather_images div.image {
  position: relative;
  float: left;
  margin: 0 2px 1px 2px;
}
div#container div#content div#reports div#weather_resources div#weather_images div.image img {
  border: 1px solid #a9b4b9;
}
div#container div#content div#reports div#weather_resources div#weather_images div.image a {
  padding: 0;
  margin: 0;
}
div#container div#content div#reports div#weather_resources div#weather_images div.image span.title {
  position: absolute;
  top: 0;
  left: 0;
  width: 112px;
  background: #a9b4b9;
  font-size: 9px;
  font-weight: bold;
}
div#container div#content div#charts {
  width: 225px;
  float: left;
  padding-right: 25px;
padding-left: 0px;
}
div#container div#content div#charts div#chart_cl {
  width: 225px;
  padding: 10px 5px 5px 0;
}
div#container div#content div#charts div#chart_cl p.last_update {
  margin: 0;
  padding: 0;
  color: #b6beb8;
  font-weight: bold;
  font-size: 9px;
}
div#container div#content div#charts div#chart_ng {
  width: 225px;
  padding: 10px 5px 5px 0;
}
div#container div#content div#charts div#chart_ng p.last_update {
  margin: 0;
  padding: 0;
  color: #b6beb8;
  font-weight: bold;
  font-size: 9px;
}

div#container div#content div#reports div#tradition_ad {
  clear: both;
  padding-bottom: 1px;
  background: #FFF;
}

div#container div#content div#fxdd_quotes {
  background: #FFF url(../images/orange-headline-cap-left.gif) repeat-x 1px 1px;
  padding-bottom: 10px;
  width: 100%;
  float: left;
  position: relative;
}
div#container div#content div#fxdd_quotes h3 {
  border: 1px solid #FF9D30;
  font-size: 9px;
  padding: 0 0 0 7px;
  margin: 0;
  line-height: 19px;
  text-align:left;
}

div#container div#content div#fxdd_quotes table td, th
{
	font-size:9px;
	text-align:left;
}
div#container div#content div#fxdd_quotes table tr.alt {
  background: #E2F1F7;
}
div#container div#content div#fxdd_quotes table tr.header {
  font-size: 9px;
}
div#container div#content div#fxdd_quotes table td.positive {
  color: #82ba4f;
}
div#container div#content div#fxdd_quotes table td.negative {
  color: #f0632b;
}
div#container div#content div#natural_gas_data {
  background: #FFF url(../images/orange-headline-cap-left.gif) no-repeat 1px 1px;
  padding-bottom: 10px;
  width:100%;
  float: right;
  position: relative;
}

div#container div#content div#natural_gas_data h3 {
  border: 1px solid #FF9D30;
  background: transparent url(../images/orange-headline-cap-right.gif) no-repeat top right;
  font-size: 9px;
  padding: 0 0 0 7px;
  margin: 0 111px 0 0;
  line-height: 19px;
  text-align:left;
}

div#container div#content div#natural_gas_data h3 a {
  color: #000;
  text-decoration: none;
}
div#container div#content div#natural_gas_data h5 {
  font-size: 9px;
  color: #b6beb8;
  margin: 2px 0;
  padding: 3px 0 0 0;
  clear: both;
    text-align:left;
}
div#container div#content div#natural_gas_data h5.archive_link {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  background: transparent url(../images/more-articles-background.gif) repeat-x top left;
  text-align: center;
  margin: 0;
  padding: 0;
  border: 1px solid #cfa97b;
  line-height: 19px;
}
div#container div#content div#natural_gas_data h5.archive_link a {
  color: #000;
  text-decoration: none;
}
div#container div#content div#natural_gas_data td {
  font-weight: normal;
  vertical-align: bottom;
  padding-bottom: 2px;
  font-size: 9px;
}
div#container div#content div#natural_gas_data td.report_date {
  font-weight: bold;
  text-align: left;
}
div#container div#content div#natural_gas_data td.report_date span {
  color: #FF9D30;
}

div#container div#content div#natural_gas_data table tr.alt {
  background: #E2F1F7;
}
div#container div#content div#natural_gas_data td {
  padding: 2px;
  text-align: center;
  font-size: 9px;
}
div#container div#content div#natural_gas_data td.value_name {
  padding-left: 5px;
  text-align: left;
}
div#container div#content div#natural_gas_data td.value {
  font-weight: bold;
}

div#container div#content div#petroleum_stock_report {
  background: #FFF url(../images/orange-headline-cap-left.gif) no-repeat 1px 1px;
  padding-bottom: 3px;
  float: left;
  width:100%;
  position: relative;
}
div#container div#content div#petroleum_stock_report h3 {
  border: 1px solid #FF9D30;
  background: transparent url(../images/orange-headline-cap-right.gif) no-repeat top right;
  font-size: 9px;
  padding: 0 0 0 7px;
  line-height: 19px;
  margin: 0 0 0 0;
  text-align:left;
}
div#container div#content div#petroleum_stock_report h3 a {
  color: #000;
  text-decoration: none;
}
div#container div#content div#petroleum_stock_report h5 {
  font-size: 9px;
  clear: both;
  color: #b6beb8;
  margin: 0;
  padding: 3px 0 0 0;
  text-align:left;
}
div#container div#content div#petroleum_stock_report h5.archive_link {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  background: transparent url(../images/more-articles-background.gif) repeat-x top left;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 19px;
  border: 1px solid #cfa97b;
}
div#container div#content div#petroleum_stock_report h5.archive_link a {
  color: #000;
  text-decoration: none;
}

div#container div#content div#petroleum_stock_report th {
  font-weight: normal;
  font-size: 9px;
}
div#container div#content div#petroleum_stock_report td {
  padding: 2px;
  text-align: center;
  font-size: 9px;
}
div#container div#content div#petroleum_stock_report tfoot td {
  height: 0;
  padding: 0;
}
div#container div#content div#petroleum_stock_report td.footnote {
  color: #CCC;
  font-size: 11px;
  font-style: italic;
  text-align:right;
}
div#container div#content div#petroleum_stock_report td.value_name {
  padding-left: 5px;
  text-align: left;
}
div#container div#content div#petroleum_stock_report td.value {
  font-weight: bold;
}
div#container div#content div#petroleum_stock_report table tr.alt {
  background: #E2F1F7;
}
div#container div#content div#nuclear_reactor_output_report 
{
	position:relative;
  background: transparent url(../images/orange-headline-cap-left.gif) no-repeat 1px 1px;
  border-bottom: 1px solid #000;
  width: 100%;
  float:left;
}
div#container div#content div#nuclear_reactor_output_report h3 {
  border: 1px solid #FF9D30;
  background: transparent url(../images/orange-headline-cap-right.gif) no-repeat top right;
  padding: 0 0 0 7px;
  font-size: 9px;
  margin-bottom: 3px;
  line-height: 19px;
}
div#container div#content div#nuclear_reactor_output_report h3 a {
  color: #000;
  text-decoration: none;
}
div#container div#content div#nuclear_reactor_output_report h5 {
  margin: 0;
  padding: 1px 0 2px 0;
  border-bottom: 1px solid #000;
  font-size: 9px;
}
div#container div#content div#nuclear_reactor_output_report table td {
  font-size: 9px;
}
div#container div#content div#nuclear_reactor_output_report h5 span.total {
  color: #ef5315;
}
div#container div#content div#nuclear_reactor_output_report table th.plant {
  font-weight: normal;
  color: #b6beb8;
  text-align: right;
  width: 60%;
}
div#container div#content div#nuclear_reactor_output_report table td.plant {
  text-align: right;
  padding: 1px 0 2px 0;
}
div#container div#content div#nuclear_reactor_output_report table td.plant img {
  margin-bottom: -3px;
}
div#container div#content div#nuclear_reactor_output_report table th.change {
  font-weight: normal;
  color: #b6beb8;
  width: 40%;
}
div#container div#content div#nuclear_reactor_output_report table td.change {
  text-align: center;
}
div#container div#content div#nuclear_reactor_output_report table tr.alt {
  background: #E2F1F7;
}
div#container div#content div#nuclear_reactor_output_report table td.positive {
  color: #82ba4f;
}
div#container div#content div#nuclear_reactor_output_report table td.negative {
  color: #f0632b;
}
div#container div#content div#nuclear_reactor_output_report h6 {
  font-size: 9px;
  color: #b6beb8;
  margin: 0 0 2px 0;
  padding: 0;
}
div#container div#content div#nuclear_reactor_output_report p.plant_location_link {
  text-align: center;
  padding: 3px 0;
  margin: 0;
  font-weight: bold;
  font-size: 10px;
}
div#container div#content div#nuclear_reactor_output_report p.plant_location_link a {
  color: #000;
}
div#container div#content div#reports div#industry_links {
  padding: 0 0 10px 5px;
  border-bottom: 1px solid #000;
  position:relative;
  float:left;
  width:100%;
}
div#container div#content div#reports div#industry_links h3 {
  text-align:center;
  background: transparent url(../images/orange-headline-cap-left.gif) no-repeat 1px 1px;
  border: 1px solid #FF9D30;
  padding: 0 0 0 7px;
  font-size: 9px;
  margin-bottom: 3px;
  line-height: 19px;
}
div#container div#content div#reports div#industry_links h5 {
  margin: 5px 0;
  padding: 0;
  font-size: 11px;
}
div#container div#content div#reports div#industry_links div
{
	text-align:left;
}
div#container div#content div#reports div#industry_links h5 {
  color: #2f9abe;
}
div#container div#content div#reports div#industry_links h5 a.active {
  color: #2f9abe;
}

div#container div#content div#reports div#industry_links p.research_archive_link {
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 3px 0;
  text-decoration: underline;
}
div#container div#footer {
  background: #e3e3c8;
  clear: both;
  height: 50px;
  padding: 10px;
}
div#container div#footer img#cbot_logo {
    float: left;
}
div#container div#footer p {
  font-size: 11px;
  text-align: right;
}
div#container div#footer p a {
  color: #000;
  font-weight: bold;
}
ul#footer_links li a {
  color: #000;
  font-weight: bold;
} 
div#container div#content div#reports div#EnergyCalendar
{
	height:245px;
	border-left: solid 1px #fe9523;
	border-right: solid 1px #fe9523;
	border-bottom: solid 1px #fe9523;
	border-top: solid 1px #fe9523;
	margin-bottom:5px;
}
div#container div#content div#reports div#EnergyCalendar h3 {
  text-align:center;
  padding: 0 0 0 7px;
  font-size: 9px;
  margin-bottom: 3px;
  line-height: 19px;
  background: transparent url(../images/orange-headline-cap-left.gif) no-repeat 1px 0px;
  margin-top: 1px;
}
div#container div#content div#reports div#EnergyCalendar .EnergyCalendarStyle
{
	background: #ffffff; 
    width: 220px;
    border: solid 0px #ffffff;
	font-family: Arial; 
	font-size: 8pt;	
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarDayStyle, div#container div#content div#reports div#EnergyCalendar .EnergyCalendarDayStylePast
{
	font-weight: bold;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarDayStyle a
{
	text-decoration:none;
	color: #000000;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarDayStylePast a
{
	text-decoration:none;
	color: #808080;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarOtherMonthDayStyle
{
	font-weight: bold;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarOtherMonthDayStyle a
{
	text-decoration:none;
	color: #808080;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarEventDayStyle
{
	font-weight: bold;
	background: url(../images/blue-box-bg.gif) no-repeat top center;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarEventDayStylePast
{
	font-weight: bold;
	background: url(../images/gray-box-bg.gif) no-repeat top center;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarEventDayStyle a
{
	text-decoration:none;
	color: #000000;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarEventDayStylePast a
{
	text-decoration:none;
	color: #808080;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNYMEXClosed
{
	font-weight: bold;
	color:#ffffff;
	background: url(../images/blue-dot-bg.gif) no-repeat top center;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNYMEXClosedPast
{
	font-weight: bold;
	color:#ffffff;
	background: url(../images/gray-dot-bg.gif) no-repeat top center;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNYMEXClosed a
{
	text-decoration: none;
	color: #000000;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNYMEXClosedPast a
{
	text-decoration: none;
	color: #808080;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNGBid
{
	font-weight: bold;
	background: url(../images/blue-triangle-bg.gif) no-repeat top center;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNGBidPast
{
	font-weight: bold;
	background: url(../images/gray-triangle-bg.gif) no-repeat top center;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNGBid a
{
	text-decoration: none;
	color: #000000;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNGBidPast a
{
	text-decoration: none;
	color: #808080;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarDayHeaderStyle
{
	font-size: 9pt;
	border-bottom: solid 1px #000000;
	text-align:center;
}
div#container div#content div#reports div#EnergyCalendar .EnergyCalendarTitleStyle
{
	font-size: 10pt;
	font-weight: bold;
	border: solid 0px #ffffff;
	background: #ffffff;
}
div#container div#content div#reports div#EnergyCalendar .caption
{
	font-size: 7pt;
}
div#container div#content div#reports div#EnergyCalendar .captionPast
{
	font-size: 7pt;
	color:#808080;
}

div#container div#content div#reports div#EnergyCalendar .EnergyCalendarNextPrevStyle a
{
	text-decoration:none;
}

.alert {
  color: #900;
  font-size: 12px;
  margin: 3px 0;
  padding: 0;
  font-weight:bold;
}