/* MARKETS*/

#homeOverview .tabs { border-bottom: 1px solid #bbb; width:670px; }
#homeOverview .tabs > li{ border: 1px solid #ddd; border-bottom-color: #BBB; border-radius: 4px 4px 0 0; margin-right: 3px; }
#homeOverview .tabs > li.active { border: 1px solid #bbb; border-bottom: none; -webkit-box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.05); box-shadow: 0 -2px 4px 0 rgba(0,0,0,0.05); }
#homeOverview .tabs > li > a { background-color: #ddd; border: 1px solid #fff; border-bottom: none; border-radius: 3px 3px 0 0; font-size: 14px; line-height: 28px; margin-right: 0; padding: 0 10px; -webkit-box-shadow: inset 0 -4px 10px 0 rgba(0,0,0,0.06); -moz-box-shadow: inset 0 -4px 10px 0 rgba(0,0,0,0.06); box-shadow: inset 0 -4px 10px 0 rgba(0,0,0,0.06); background-color: #FBFBFB; }
.lte8 #homeOverview .tabs > li > a{ background-color: #eee }
#homeOverview .tabs > li > a:hover { -webkit-box-shadow: inset 0 -6px 20px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 -6px 20px 0 rgba(0,0,0,0.1); box-shadow: inset 0 -6px 20px 0 rgba(0,0,0,0.1); }
.lte8 #homeOverview .tabs > li > a:hover{ background-color: #ddd }
#homeOverview .tabs > li.active > a { background-color: #bbb; border: 1px solid #fff; border-bottom: 1px solid white; border-radius: 2px 2px 0 0; color: #444; text-shadow: 0 1px 0 #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #fff; }

.markets {}
.span11 {
	width:100% !important;

}
.wspan12 {
	width:100% !important;
}
.mainContentDiv {
padding: 0px;
margin-left: 0px;}

.markets #commodity_focus_wrap {
	margin-bottom: 20px;
	height:auto;
	padding-top:0px;
}
.markets #commodity_focus_wrap .tabs {
	background-color: #424343;
	border: none;
	margin: 0 0 10px;
	padding: 0 0 0 20px; 
	width: 97%;
}
.markets #commodity_focus_wrap .tabs li {
	top: 0;
	width: 32%;
}
.markets #commodity_focus_wrap .tabs li.active {}
.markets #commodity_focus_wrap .tabs li a {
	border-bottom: 1px solid #45803D;
	border-radius: 0;
	color: #fff;
	line-height: 1.4em;
	text-align: center;
	text-transform: uppercase;
}
.markets #commodity_focus_wrap .tabs li a:hover {
	background: #343637; 
	background: -moz-radial-gradient(center, ellipse cover,  #343637 0%, #a5a6a6100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#343637), color-stop(100%,#519548)); 
	background: -webkit-radial-gradient(center, ellipse cover,  #343637 0%,#a5a6a6100%); 
	background: -o-radial-gradient(center, ellipse cover,  #343637 0%,#a5a6a6100%); 
	background: -ms-radial-gradient(center, ellipse cover,  #343637 0%,#a5a6a6100%); 
	background: radial-gradient(ellipse at center,  #343637 0%,#a5a6a6100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343637', endColorstr='#519548',GradientType=0 ); 
	border-color: transparent;
}
.markets #commodity_focus_wrap .tabs li a,
.markets #commodity_focus_wrap .tabs li.active a:hover {
	/*background: #eeeeee; 
	background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); 
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); 
	background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); 
	background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); 
	background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); */
}
.markets #commodity_focus_wrap .tabs li.active a {
	border-color: #45803D;
	border-bottom-color: white;
	border-radius: 10px 10px 0 0;
	color: #333;
	font-weight: 800;
	margin-top: -10px;
	padding-top: 10px;
}
.markets #commodity_focus_wrap .tabs li.active a:hover {
	cursor: default;
}
.markets #commodity_focus_wrap .tab-content {}
.markets #commodity_focus_wrap .tab-content .active {}

.markets #commodity_focus_wrap .chartTabs{
	background-color: #646767;
	border: none;
	margin: 0px;
	width:100%;
}

.markets #commodity_focus_wrap .chartTabs li {
	width: 24%;
	background-color: #646767;
}

.markets #commodity_focus_wrap .chartTabs li.active a {
	border-radius: 0;
	margin-top: 0;
    padding-top: 0;
 }
 
.markets #commodity_focus_wrap .chartTabs li a {
 }

.markets #commodity_focus_wrap #commodity_chart{
	display: inline-block;
}

.markets #commodity_focus {width:260px;}

.markets #commodity_focus p {
	font-size: 14px;
	margin-bottom: 0;
}
.markets #commodity_focus p small {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}
.markets #commodity_focus hr {
	border-bottom-color: #C4DDD4; 
	border-bottom-color: #E1F0EA; 
	margin: 14px 0;
}
.markets #commodity_focus p span {
	float: right;
	font-weight: 800;
}
.markets #commodity_focus .market-status {
	border-radius: 0px;
	margin-top: 4px;
	padding: 3px 0; 
	text-align: center;
}
.markets #commodity_focus .market-status.open {
	background-color: #fdfdf5;
	border: 1px solid #d7d7d5; 
	width:100%;

}
.markets #commodity_focus .market-status.closed {
	background-color: #7AA7D6;
	border: 1px solid #6E97C1; 
	color: #FFF;
}

.markets #commodity_focus .commodity_last_price {
	color: #555;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.5em;
	text-align: left;
}
.markets #commodity_focus .commodity_last_price span {
	float: none;
/*	font-size: 18px;
	font-weight: 400;*/
	background-position: 0 -650px;
	display: inline-block;
	margin: 0 0 -5px 6px;
	height: 32px;
	width: 26px;
}
.markets #commodity_focus .commodity_last_price img {
	vertical-align: text-top;
	padding-top: 6px;
	}

.markets #commodity_focus .commodity_last_price.up span {background-position: 0 -650px;}
.markets #commodity_focus .commodity_last_price.down span {background-position: 0 -702px;}
.markets #commodity_focus .commodity_last_change,
.markets #commodity_focus .commodity_last_volume,
.markets #commodity_focus .commodity_last_volume,
.markets #commodity_focus .commodity_open_interest  {
	margin-bottom: 4px;
}
.markets #commodity_focus .commodity_last_change {
	font-size: 18px;
}
.markets #commodity_focus .commodity_last_change.up span {color: #007c1d;}
.markets #commodity_focus .commodity_last_change.down span {color: #b50000;}
.markets #commodity_focus .commodity_last_volume {}
.markets #commodity_focus .commodity_open_interest {}
.markets #commodity_focus .commodity_last_updated {}
.markets #commodity_focus .commodity_previous {}
.markets #commodity_focus .commodity_day {}
.markets #commodity_focus .label,
.markets #commodity_focus .label {
	background-color: transparent;
	color: #111;
	font-size: 10px;
}
.markets #commodity_focus .price,
.markets #commodity_focus .price {
	font-size: 15px;
}
.markets #commodity_focus .commodity_day.low,
.markets #commodity_focus .commodity_month.low {
	float: left;
}
.markets #commodity_focus .commodity_day.high,
.markets #commodity_focus .commodity_month.high {
	text-align: right;
}

.markets #commodity_focus .commodity_day.label.low,
.markets #commodity_focus .commodity_month.label.low {}
.markets #commodity_focus .commodity_day.label.high,
.markets #commodity_focus .commodity_month.label.high {}

.markets #commodity_focus .commodity_day.price.low,
.markets #commodity_focus .commodity_month.price.low {}
.markets #commodity_focus .commodity_day.price.high,
.markets #commodity_focus .commodity_month.price.high {
	padding-bottom: 3px;
}

.markets #commodity_focus .commodity_day.price {}
.markets #commodity_focus .commodity_day.price.low {}
.markets #commodity_focus .commodity_day.price.high {}
.markets #commodity_focus .commodity_month {}
.markets #commodity_focus .commodity_month.label {}
.markets #commodity_focus .commodity_month.label.low {}
.markets #commodity_focus .commodity_month.label.high {}
.markets #commodity_focus .commodity_month.price {}
.markets #commodity_focus .commodity_month.price.low {}
.markets #commodity_focus .commodity_month.price.high {}
.markets #commodity_focus .meter-bar {
	height: 40px;
	margin: 0px 0px 0px 10%;
}
.markets #commodity_focus .meter-bar div {
	height: 8px;
}
.markets #commodity_focus .meter-bar .meter-bar-open {
	background-position: 0 -623px;
	margin-left: 50%;
	margin-top: 0;
	height: 7px;
	width: 14px;
}
.markets #commodity_focus .meter-bar .meter-bar-outer {
	background-color: #ddd;
	width: 210px;
}
.markets #commodity_focus .meter-bar .meter-bar-outer .meter-bar-inner {
	background-color: #bbb;
	width: 210px;
	position:absolute;
}
.markets #commodity_focus .meter-bar .meter-bar-pointer 
{
	margin-left: -5px;
	margin-top: -5px;
	float: left;
}
	
.markets #commodity_focus .meter-bar .meter-bar-text {
	font-size: 10px;
	font-weight: 700;
	float: left;
	margin-left: -5px;
	margin-top: -5px;
}
.markets #commodity_focus .stat {/*border-bottom: 1px solid #ddd;*/}
.markets #commodity_focus .change_commodity {
	margin: 20px 0; 
}
.markets #commodity_focus .change_commodity .btn {}
/* GRAPH */
.markets #commodity_focus_graph {
	margin-bottom: 14px;
	height: 325px;
	margin-top:2.3%;
	width:55%;
}
.markets #commodity_focus_graph #focus_chart {}
.markets #commodity_focus_graph #focus_chart canvas {}
.markets #commodity_focus_graph ul {}
.markets #commodity_focus_graph ul li {
	border-left: 1px solid #999;
	margin: 0;
	text-align: center;
	width: 98px;
}
.markets #commodity_focus_graph ul li:first-of-type {border-left: none;}
.markets #commodity_focus_graph ul li input {
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: #0069D6;
	margin: 0;
	padding: 1px 10px;
}
.markets #commodity_focus_graph ul li input:hover {
	color: #ebebeb;
}
.markets #commodity_focus_news { margin:2% 0px 0px 3%; width:55%;}
.markets #commodity_focus_news p {border-top: 1px dotted #BBB; margin: 0; padding: 3px 0 0;}
.markets #commodity_focus_news h3 {}
.markets #commodity_focus_news ul {margin-left:6px}
.markets #commodity_focus_news ul li {
	margin: 0 0 3%;
	list-style:none;
}
.markets #commodity_focus_news ul li a {display: block;}
.markets #commodity_focus_news ul li a:hover {background-color: #FAF9DC;}
.markets #commodity_focus_news ul li a:active {background-color: #E8F2E6;}
.markets #commodity_focus_news ul li a h5 {
	/*display: block;*/
	/*font-size: 0.9em;*/
	color: #444;
	line-height: 1.3em;
	padding: 0;
}
.markets #commodity_focus_news ul li a:hover h5 {}
.markets #commodity_focus_news ul li a p {
	/*font-size: 0.7em;*/
	border-top: none;
	margin: 0; 
}
.markets #moreNews 
{
	font-size: 14px;
	padding: 6px;
}

.markets #all_markets {margin-bottom: 10px;}
.markets #all_markets h3 {
	margin-bottom: 20px;
}
.markets #all_markets section {
	float: left;
	width: 25%;
}
.markets #all_markets h6 {
	color: #444;
	font-size: ;
	line-height: 1em;
	margin: 0 0 4px;
}
.markets #all_markets ul {}
.markets #all_markets ul li  {
	border-bottom: 0px transparent solid;
	margin-right: 0px;
}
.markets #all_markets ul li:hover  {border-bottom-style: solid;}
.markets #all_markets ul li a {
	display: block;
	font-size: 15px;
	padding: 0px;
}
.markets #all_markets ul li a:hover {
	background-color: #eee;
}
.markets#all_markets div{
	width:100%;
}
.clRespDiv{
	display:inline-block;
	*display:inline;
	width:24%;
	vertical-align:top;
	min-width:102px;
	margin:5% 0px 0px;
}

.markets #cme_attribution
{
	text-align:center;
	font-size: 10px;
}
/*.markets #commodity_market_stories {}
.markets #commodity_market_stories .news {}
.markets #commodity_market_stories .blogs {}*/

/* market audio */
.markets #market_podcast_playlist {
	padding-top: 14px;
}
.markets #market_podcast_playlist h6,
.markets #market_podcast_playlist p {
	text-align: center;
}
.markets #market_podcast_playlist h6 {
	color: #333;
	font-size: 1.1em;
	line-height: 1em;
	margin-bottom: 5px;
}
.markets #market_podcast_playlist p {
	margin-bottom: 25px;
}
.markets #market_podcast_playlist p.more-audio {
	
}
.markets #market_podcast_playlist p.more-audio a {
	background-color: #DDD;
	border-radius: 20px;
	padding: 6px 10px;
}
.markets #market_podcast_playlist p.more-audio a:hover {
	background-color: #eee;
}
.markets #market_podcast_playlist p.more-audio a:active {
	box-shadow: inset 0 2px 2px 0 #BBB;
}
.markets #market_podcast_playlist ol {
	/*color: #ddd;*/
	background-color: whiteSmoke;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin-bottom: 30px;
	margin-left: 0;
	padding-left: 0px;
	width:100%;
}
.markets #market_podcast_playlist ol li {
	background-color: #FFF;
	border: 1px solid #DDD;
	border-top: none;
	color: #AAA;
	margin: 0 0 5px 0;
	margin: 0;
}
.markets #market_podcast_playlist ol li p{
	text-align:left;
	margin:0px;
	padding:.5% 0px 1% 2%;
	font-size:14px;
}
.markets #market_podcast_playlist ol li:last-of-type {border-bottom: none;}
.markets #market_podcast_playlist ol li.playing {border-bottom-color: #BBB;}
.markets #market_podcast_playlist ol li a { 
	color: #444;
	display: block;
	padding: 8px 0 0px 4px;
}
.markets #market_podcast_playlist ol li a:hover {
	background-color: #EEE;
	/*background-color: #DDD;*/
	/*border-radius: 20px; */
}
.markets #market_podcast_playlist ol li.playing a {
	color: #FA2A00;
	color: #000;
	background-color: #ddd;
}
.markets #market_podcast_playlist ol li.playing a:hover {
	cursor: default;
	background-color: #FFF;
	background-color: #ddd;
}
.markets #market_podcast_playlist .audiojs {
	background-color: #888;
	background: -moz-linear-gradient(top,  #999999 0%, #888888 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#888888)); 
	background: -webkit-linear-gradient(top,  #999999 0%,#888888 100%); 
	background: -o-linear-gradient(top,  #999999 0%,#888888 100%); 
	background: -ms-linear-gradient(top,  #999999 0%,#888888 100%); 
	background: linear-gradient(to bottom,  #999999 0%,#888888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#888888',GradientType=0 ); 
	border-bottom: 1px solid #666;
	box-shadow: none;
	margin: 0;
	width: 100%;
}
.markets #market_podcast_playlist .audiojs .play-pause {
	border-right-color: #777;
	width: 27px;
}
.markets #market_podcast_playlist .audiojs .play-pause .play,
.markets #market_podcast_playlist .audiojs .play-pause .pause,
.markets #market_podcast_playlist .audiojs .play-pause .loading,
.markets #market_podcast_playlist .audiojs .play-pause .error {
	background-image: url(/images/markets/audio-graphics-alt.png);
	background-color: transparent;
	background-repeat: no-repeat;
}

.markets #market_podcast_playlist .audiojs .play-pause .play {background-position: -2px -1px;}
.markets #market_podcast_playlist .audiojs .play-pause .pause {background-position: -2px -31px;}
.markets #market_podcast_playlist .audiojs .play-pause .loading {background-position: -2px -91px;}
.markets #market_podcast_playlist .audiojs .play-pause .error {background-position: -2px -61px;}
.markets #market_podcast_playlist .audiojs .scrubber {
	background-color: #777;
	border-top: none;
	width: 460px;
}
.markets #market_podcast_playlist .audiojs .scrubber .progress {
	/*background-color: #7AB317;
	background-color: rgba(122, 179, 23, 0.9);*/

	background: #87bc23;
	background: -moz-linear-gradient(top,  #87bc23 0%, #87bc23 48%, #88c425 52%, #88c425 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87bc23), color-stop(48%,#87bc23), color-stop(52%,#88c425), color-stop(100%,#88c425));
	background: -webkit-linear-gradient(top,  #87bc23 0%,#87bc23 48%,#88c425 52%,#88c425 100%);
	background: -o-linear-gradient(top,  #87bc23 0%,#87bc23 48%,#88c425 52%,#88c425 100%);
	background: -ms-linear-gradient(top,  #87bc23 0%,#87bc23 48%,#88c425 52%,#88c425 100%);
	background: linear-gradient(to bottom,  #87bc23 0%,#87bc23 48%,#88c425 52%,#88c425 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bc23', endColorstr='#88c425',GradientType=0 ); /* IE6-9 */

	border-right: 3px solid #222;
}
.markets #market_podcast_playlist .audiojs .scrubber .loaded {
	background-color: #666;
	background-image: none;
	-webkit-box-shadow: inset -1px 1px 2px 0 #555;
	-moz-box-shadow: inset -1px 1px 2px 0 #555;
	box-shadow: inset -1px 1px 2px 0 #555;
}
.markets #market_podcast_playlist .audiojs .time {
	border-left-color: #777;
	color: #CCC;
	font-family: MuseoSans500Regular, sans-serif;
	text-shadow: none;
}
.markets #market_podcast_playlist .audiojs .time .played {
	padding: 0px 6px 0px 0px; 
}
.markets #market_podcast_playlist .audiojs .time .duration {
	padding: 0px 0px 0px 6px;
}
.markets #market_podcast_playlist .audiojs .error-message {}


/* select box */
.sbHolder {
    background-color: #FFF;
    border: solid 1px #EEE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 4px;
    position: relative;
    width: 100%;
		height:30px;
}
.sbHolder:hover {
	border-color: #DDD; 
	color: #00438A;
}
.sbHolder:focus .sbSelector {outline: 0;}
.sbSelector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 189px;
}
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
	border-right: 1px solid #ddd;
    color: #0069D6;
    outline: none;
    text-decoration: none;
	width:90%;
	height:30px;
}
.sbToggle,
.sbToggleOpen {
    /*background: url(../images/site-sprite.png) 7px -744px no-repeat transparent;*/
}
.sbToggle {
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    opacity: 0.5;
}
.sbToggle:hover { /*background-position: 7px -744px; opacity: 1; */}
.sbToggleOpen {/* background-position: 7px -779px; */}
.sbToggleOpen:hover { /*background-position: 7px -779px; opacity: 1; */}
.sbHolderDisabled {
    background-color: whiteSmoke;
    border: solid 1px #CCC;
}
.sbHolderDisabled .sbHolder { }
.sbHolderDisabled .sbToggle { }
.sbOptions {
    background-color: whiteSmoke;
    border: solid 1px #BBB;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 220px;
    z-index: 1;
    overflow-y: auto;
}
.sbOptions:focus {outline: 0;}
.sbOptions li { 
	font-size: 12px;
    font-weight: 400;
    padding: 0 7px;
 }
.sbOptions a {
    border-bottom: dotted 1px #CCC;
    display: block;

    outline: none;
    padding: 7px 0 7px 3px;
}
.sbOptions a:link,
.sbOptions a:visited {
    color: #333;
    color: #0069D6;
    text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus { /*color: #EBB52D;*/ color: #00438A; background-color: #DDD; outline: 0;}
.sbOptions li.last a { border-bottom: none }
.sbOptions .sbDisabled {
    border-bottom: dotted 1px #EEE;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup {
    border-bottom: solid 1px #AAA;
    color: #111;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px;
}
.sbOptions .sbSub { padding-left: 12px }

.markets .span4 {
width:260px;
}
.markets .content ol {
width:635px;
}
/*Column List*/
#columnNews ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
width: 300px;
}


#columnNews content ul, .content ol {
padding-top: 0;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
width:300px;
}


/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
#columnNews ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
width: 300px;
}


#columnNews content ul, .content ol {
padding-top: 0;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
width:300px;
}


/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
#columnNews ul.nav li {
border-bottom: 1px solid #666; /* this creates the button separation */
width: 300px;
}


#columnNews content ul, .content ol {
padding-top: 0;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
width:300px;
}


/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
#columnNews ul.nav {
list-style: none; /* this removes the list marker */
border-top: 1px solid #8f8c8c; /* this creates the top border for the links - all others are placed using a bottom border on the LI */

padding-bottom: 0px; /* this creates the space between the navigation on the content below */
}
#columnNews ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
border-bottom: none;
color: #115498;
font-weight: 400;
border-right: none;
text-decoration: underline;
cursor: pointer;
width: 170px; 
}

#columnNews ul.nav a, ul.nav a:visited {
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 240px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
}

aside.sidebar1{
	width: 30%;
  float: right;
  padding: 2% 0px;
  margin: 0px !important;
}

.mainContentDiv div.row:nth-child(3){
	width:65%;
}

#columnNews ul.nav li {
border-bottom: 1px solid #8f8c8c; /* this creates the button separation */


}
#columnNews ul.nav a, ul.nav a:visited news_headline {
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
width: 170px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
text-decoration: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
height:55px;
line-height:130%;
}
#columnNews ul.nav li news_headline {
border-bottom: 1px solid #F0F0F0;
padding-bottom: 10px;
width: 170px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 2px;
}
#columnNews ul li { padding: 0; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; }
#columnNews ul li:hover { background-color: #ebebeb; color: #222; cursor: pointer; font-size:15px; }

.market_table {
border-collapse: collapse;
border-width:0px;
float:left;
width:100%;
}

.markets_table {
border-collapse: collapse;
border-width:0px;
float:left;
width:100%;
}

#market_columns {
list-style:none;
width:100%;
}
#market_columns  ul{
list-style:none;
}
#market_columns  li {
list-style:none;
color:#767676;
border-bottom:1px #ddd solid;
height:auto;
}

#market_columns ul li a:hover{
		background-color: #FAF9DC ;
	border-bottom: 1px solid #ccc;
}
.mktItemImg{
 padding:0px;
 width:80px;
 float:left;
}
.mktItemImg img{
 padding-top:8px;
}
.mktItemDesc {
	margin-left:0px;
	color:#767676;
}
#blog_columns {
list-style:none;
}
#blog_columns   ul{
list-style:none;
}
#blog_columns  li {
list-style:none;
color:#767676;
border-bottom:1px #ddd solid;
}
#blog_columns  h4 {
	line-height:100%;
	color:#979797;
	}
#blog_columns ul li a:hover{
		background-color: #FAF9DC ;
	border-bottom: 1px solid #ccc;
}

/* CSS OVERRIDES */
#LocationTabs .resp-tab-content {
  border: none;
}
li#LocationTabOneLi, li#LocationTabTwoLi {
  border: 1px solid #b7b7b7;
}
.resp-tab-content{
	border:none; 
	border-top:1px solid #c1c1c1;
	padding:0px !important;
	width:100%;
}
h3.fcControls{
	padding:12px !important;
}
.mktItemDesc h2 {
  margin:0px 0px .5% !important;
}
h4.fcControlsSectionHeader{
	width:100% !important;
	margin:0px 0px 3%;
	clear:both;
}
tr.fcControlsSubHdr td h4.fcControlsSectionHeader{
	width:100%;
}
.markets a{
	font-weight:normal;
}
.fctabs{
	width:95%;
	padding:0px 2.5%;
	background-color: #FFFFFF;
}
.resp-tab-active {
	background-color: #eeeeee; /*25% color 3*/
	color:#515151;
	border:none;
}
table.market_table{
	border-right:1px solid #BBBBBB;
}
select.custom-select{
	width:100%;
}
p.market-status{
	width:100%;
}
.resp-tabs-list li{
	border: 1px solid #FFFFFF !important;
}
.resp-tab-content{
	border: none !important;
}
/* MEDIA QUERY SECTION */
@media only screen and (max-width:1024px){
	.mainContentDiv{
		margin-left:0px;
	}
	.markets #commodity_focus{
		width:30%;
		margin:0px 0px 0px 3%;
	}
	.markets #commodity_focus_wrap{
		margin-left:0px;
	}
	.markets #commodity_focus_wrap .tabs{
		width:100%;
		padding:0px;
	}
	#content{
		width:98%;
	}
	.markets #commodity_focus_graph {
		margin-bottom: 14px;
		height: 325px;
		margin-left:4%;
		text-align:center;
		width:60%;
	}
	.markets #commodity_focus_news{
		margin:2% 0px 0px 3%;
		width:60%;
	}
		.markets .span7{
		width:55%;
	}
	h4.fcControlsSectionHeader{
	width:100%;
}
	aside.sidebar1{
		width:100%;
	}
	.mainContentDiv div.row:nth-child(3){
		width:100%;
	}
}

@media only screen and (max-width:1023px){
	aside.sidebar1{
		display:none;
	}
}

@media only screen and (max-width:768px){
	.mainContentDiv{
		margin-left:0px;
	}
	.markets #commodity_focus{
		margin:0px 15%;
		width:60% !important;
	}
	.markets #commodity_focus_wrap{
		margin-left:0px;
	}
	.markets #commodity_focus_wrap .tabs{
		width:100%;
		padding:0px;
	}
	#content{
		width:95%;
	}
	.markets #commodity_focus_graph {
		margin-bottom: 14px;
		height: 325px;
		margin-left:0px;
		margin-top:10%;
		width:100%;
		text-align:center;
	}
	.markets #commodity_focus_news{
		width:100%;
	}
}

@media only screen and (max-width:480px){
	.content-box{
		padding:1% 2%;
	}
	.mainContentDiv{
		margin-left:0px;
	}
	.markets #commodity_focus{
		margin:0px;
		padding:0px 5%;
		width: 260px !important;
	}
	.markets #commodity_focus_wrap .tabs{
		width:100%;
		padding:0px;
	}
	#content{
		width:95%;
	}
	.markets #commodity_focus_graph {
		margin-bottom: 14px;
		height: 325px;
		margin-left:0px;
		margin-top:10%;
		width:100%;
		text-align:center;
	}
	.markets #commodity_focus_news{
		margin:0px;
	}
	.markets .span7{
		width:100%;
	}
	#Div3 iframe{
		margin:0px 0px 0px -12%;
	}
	.clRespDiv{
		margin:5% 5% 0px;
	}
	tr.fcControlsSubHdr td:nth-child(5) h4.fcControlsSectionHeader{
	padding:15px 4px 15px !important;
	margin:0px 0px 0px -10%;
}
}
/* END MARKETS*/