﻿/* Site Status Control */

div.site_status
{
    position: relative;
    margin-bottom: 5px; 
    background-color: #7FB837;
    color: #FFF; 
    width: 400px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    text-align: center;    
}


/*
### Price Table Search Control###

*/

div.ctrl_price_table_search{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r3_c1.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	clear: both;
	float: left;
	width: 800px;
	position: relative;
	padding: 0px;
	margin-bottom: 15px;
}

div.ctrl_price_table_search div.col_ctrl{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	background-repeat: no-repeat;
	position: relative;
	width: 760px;
	padding-top: 12px;
	padding-left: 10px;
}

div.ctrl_price_table_search div.col_ctrl_top{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r1_c1.jpg);
	width: 100%;
	background-repeat: no-repeat;	
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	position: relative;
	padding-bottom: 5px;
}

div.ctrl_price_table_search div.col_ctrl_bottom{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r5_c1.jpg);
	width: 100%;
	background-repeat: no-repeat;
	margin: 0px;
	clear: both;
	float: left;
	position: relative;
	padding: 0px;
	height: 13px;
}


div.ctrl_price_table_search div.col_ctrl input.ctrl_price_table_search{
	width: 70px;
	font-size: 11px;
}

div.ctrl_price_table_search div.col_ctrl div.ctrl_left_sm,
div.ctrl_price_table_search div.col_ctrl div.ctrl_right,
div.ctrl_price_table_search div.col_ctrl div.ctrl_left{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	position: relative;	
}


div.ctrl_price_table_search div.col_ctrl div.ctrl_left{
	width: 670px;
}

div.ctrl_price_table_search div.col_ctrl div.ctrl_left_sm{
	width: 499px;
}


div.ctrl_price_table_search div.col_ctrl div.ctrl_right{
	width: 70px;
	padding-top: 7px;
}

div.ctrl_price_table_search div.col_ctrl div.ctrl_right input{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctrl_table_btn_submit.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 72px;	 
}

div.ctrl_price_table_search div.col_ctrl li.toggle_data{
	display: block;
}

div.ctrl_price_table_search div.col_ctrl li.toggle_date{
	display: none;
}

div.ctrl_price_table_search div.col_ctrl ul{
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 99%;
	position: relative;
	list-style-type: none;
}

div.ctrl_price_table_search div.col_ctrl ul li{
	margin: 0px;
	clear: none;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.ctrl_price_table_search div.col_right{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r1_c5.jpg);
	width: 12px;
	float: right;
}


/* End Price Table Search Control */

/* Historical Database Search Control */

div.ctrl_hist_db_table_search{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r3_c1.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	clear: both;
	float: inherit;
	width: 800px;
	position: relative;
	padding: 0px;
	margin-bottom: 15px;
}

div.ctrl_hist_db_table_search div.col_ctrl{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: inherit;
	background-repeat: no-repeat;
	position: inherit;
	width: 760px;
	padding-top: 12px;
	padding-left: 10px;
}

div.ctrl_hist_db_table_search div.col_ctrl_top{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r1_c1.jpg);
	width: 100%;
	background-repeat: no-repeat;	
	margin: 0px;
	padding: 0px;
	clear: both;
	float: inherit;
	position: relative;
	padding-bottom: 5px;
}

div.ctrl_hist_db_table_search div.col_ctrl_bottom{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r5_c1.jpg);
	width: 100%;
	background-repeat: no-repeat;
	margin: 0px;
	clear: both;
	float: inherit;
	position: relative;
	padding: 0px;
	height: 13px;
}


div.ctrl_hist_db_table_search div.col_ctrl input.ctrl_hist_db_table_search{
	width: 70px;
	font-size: 11px;
}

div.ctrl_hist_db_table_search div.col_ctrl div.ctrl_left_sm,
div.ctrl_hist_db_table_search div.col_ctrl div.ctrl_right,
div.ctrl_hist_db_table_search div.col_ctrl div.ctrl_left{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	position: relative;	
}


div.ctrl_hist_db_table_search div.col_ctrl div.ctrl_left{
	width: 670px;
}

div.ctrl_hist_db_table_search div.col_ctrl div.ctrl_left_sm{
	width: 499px;
}


div.ctrl_hist_db_table_search div.col_ctrl div.ctrl_right{
	width: 70px;
	padding-top: 7px;
}

div.ctrl_hist_db_table_search div.col_ctrl div.ctrl_right input{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctrl_table_btn_submit.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 72px;	 
}

div.ctrl_hist_db_table_search div.col_ctrl li.toggle_data{
	display: block;
}

div.ctrl_hist_db_table_search div.col_ctrl li.toggle_date{
	display: none;
}

div.ctrl_hist_db_table_search div.col_ctrl ul{
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 99%;
	position: relative;
	list-style-type: none;
}

div.ctrl_hist_db_table_search div.col_ctrl ul li{
	margin: 0px;
	clear: none;
	float: left;
	position: relative;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.ctrl_hist_db_table_search div.col_right{
	background-image: url(../Images/Site/Controls/PriceTableSearch/ctlr_table_search_panel_r1_c5.jpg);
	width: 12px;
	float: right;
}


/* End Historical Database Search Control /*/

/* 
###  Price Table Control ###
This Table styles price tables
*/
div.ctrl_price_table{
	padding:0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	clear: both;
	position: relative;		
}

div.ctrl_price_table div.header a,
div.ctrl_price_table div.footer a
{
    color: #FFF;
}

div.ctrl_price_table div.header,
div.ctrl_price_table div.footer_info,
div.ctrl_price_table div.data,
div.ctrl_price_table div.footer
{	
	padding:0px;
	margin:0px;
	clear: both;
	float: left;
	position: relative;	
}

div.ctrl_price_table div.footer
{
    padding-top: 10px;
}

div.ctrl_price_table div.header{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_header_r1_c3.jpg);
	background-repeat:repeat-x;
	height: 55px;	
}

div.ctrl_price_table div.options,
div.ctrl_price_table div.header div.title
{
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}



div.ctrl_price_table div.options
{
	width: 100%;	
	clear: both;
}

div.ctrl_price_table div.header div.title
{
	width: 95%;
	clear: none;
}

div.ctrl_price_table div.header div.title_rt,
div.ctrl_price_table div.header div.title_lt {
	width: 10px;
	padding: 0px;
	margin: 0px;
	position: relative;
	clear: none;
	background-repeat: no-repeat;
	height: 55px;
}

div.ctrl_price_table div.header div.title_lt {	
	float: left;
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_header_r1_c1.jpg);
}

div.ctrl_price_table div.header div.title_rt{
	float: right;
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_header_r1_c5.jpg);
}

div.ctrl_price_table div.options{
	z-index: 10;
	position:absolute;
	text-align: right;
}

div.ctrl_price_table div.footerText
{
    display: none;
    visibility: hidden;
}

/*Icon opitions */


a.icon-feedPrefs span
{
    background-repeat: no-repeat;
    background-image: url(../Images/Site/Buttons/icon-gears.jpg);
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 5px;
}

a.icon-settingsPrefsBlue{
	text-decoration: none;
}
a.icon-settingsPrefsBlue span {
    background-repeat: no-repeat;
    background-image: url(../Images/Site/Buttons/btn-gear-blue-bkg.jpg);
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 5px;
    background-position-y: 4px;
    font-size: 11px;
    background-color: #0A4370;
    border: 1px solid #82B832;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 5px;
    font-weight: normal;
}

div.ctrl_price_table div.options a.option_historical img,
div.ctrl_price_table div.options a.option_excel img,
div.ctrl_price_table div.options a.option_pdf img,
div.ctrl_price_table div.options a.option_fav_add img,
div.ctrl_price_table div.options a.option_fav_remove img,
div.ctrl_price_table div.options a.graph img,
div.ctrl_price_table div.options a.option_print img{
	background-repeat: no-repeat;
	height: 18px;
	width: 18px;	
	border-width: 0px;
}

div.ctrl_price_table div.options a:hover.option_historical img,
div.ctrl_price_table div.options a:hover.option_excel img,
div.ctrl_price_table div.options a:hover.option_pdf img,
div.ctrl_price_table div.options a:hover.option_fav_add img,
div.ctrl_price_table div.options a:hover.option_fav_remove img,
div.ctrl_price_table div.options a.hover.graph img,
div.ctrl_price_table div.options a:hover.option_print img{
	background-position: 0px 0px;
}

div.ctrl_price_table div.options a.graph img {
    background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_chart.jpg);
}

div.ctrl_price_table div.options a.option_historical img{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_db.jpg);	
}

div.ctrl_price_table div.options a.option_excel img{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_excel.jpg);
}

div.ctrl_price_table div.options a.option_pdf img{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_pdf.jpg); 
}

div.ctrl_price_table div.options a.option_fav_add img{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_fav_add.jpg);
}

div.ctrl_price_table div.options a.option_fav_remove img{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_fav_remove.jpg);
}

div.ctrl_price_table div.options a.option_print img{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_print.jpg);
}


#MainContent a.option_info img,
a.option_info_lme img, 
a.option_info_custom_report img,
div.ctrl_price_table div.header  a.option_info_lme img,
div.ctrl_price_table div.header  a.option_info img{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_icon_info.png);
	height: 15px;
	width: 15px;
	border-width: 0px;
	margin-left: 5px;
}

div.ctrl_price_table div.options ul{
	margin: 0px;
	clear: both;
	float: right;
	list-style-type: none;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.ctrl_price_table div.options ul li{
	display: inline;
	clear: none;
	float: left;
	padding-right: 5px;
	list-style-type: none;	
}

div.ctrl_price_table div.header div.title{
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

div.ctrl_price_table div.footer{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_footer.jpg);
	background-repeat: repeat-x;
	height: 35px;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
}

div.ctrl_price_table div.footer_info{
	visibility: hidden;	
	height: 0px;
	overflow: hidden;
}

div.ctrl_price_table table{
	width: 100%;
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;
}

div.ctrl_price_table th{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_col_title.jpg);
	background-repeat: repeat-x;
	height: 28px;
	color: #14425A;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	border-right-width: 1px;
	text-align:center;
}

div.ctrl_price_table th a:link,
div.ctrl_price_table th a:visited,
div.ctrl_price_table th a:active{
	color: #14425A;
	text-decoration: none;
}

div.ctrl_price_table th a:hover{
	color: #FFFFCC;
	text-decoration: none;
}

div.ctrl_price_table th a.graph{
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 22px;
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_icon_graph.jpg);
	background-repeat: no-repeat;
	
}

div.ctrl_price_table th a:hover.graph{
	background-position: 0px 0px;	
}


div.ctrl_price_table tr,
div.ctrl_price_table td{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_col_td.jpg);
	background-repeat: repeat-x;
	height: 29px;
	text-align: right;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	border-right-width: 1px;
}

div.ctrl_price_table td.date{
	background-image: url(../Images/Site/Controls/PriceTable/ctrl_table_col_date.jpg);
	background-repeat: repeat-x;
	text-align:center;
	color: #fff;
	padding-right: 0px;
}

div.ctrl_price_table td.date a
{
    color: #fff;
}

div.ctrl_price_table table.high_low td,
div.ctrl_price_table table.high_low th{
	width: 20%;
}
 




/* 
###  End Price Table Control ###
*/


/* News Box Control*/

#FeaturedHome {
    padding-top: 10px;
}

#FeaturedHome,
#FeaturedHome div.top,
#FeaturedHome div.mid,
#FeaturedHome div.bot{
	width: 556px;
	text-align: left;	
}

#FeaturedHome h2 {
    width: 495px;
}

#FeaturedHome
{
    margin-bottom: 10px;
}
#FeaturedHome div.mid {
    width: 556px;
    overflow:auto;
    height: 165px;
}
#FeaturedHome div.mid div
{
    width: 531px;
	height: auto;
	overflow: visible;	
}

#FeaturedHome div ul li ul.article li.title {
    width: 441px;
}

div.ctrl_news a:link,
div.ctrl_news a:visited,
div.ctrl_news a:active{
    text-decoration: none;
}

div.ctrl_news a:visited
{
    color: #B0B0B0;
}
div.ctrl_news li.article_wrap_none:hover{
    background-color: #B6C5D3;
    color: #333;
}
div.ctrl_news a:hover {
    text-decoration: underline;
}


div.ctrl_news,
div.ctrl_news div.top,
div.ctrl_news div.mid,
div.ctrl_news div.bot{
	width: 800px;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	position: relative;	
}

div.ctrl_news{
	padding-bottom: 20px;	
}
div.ctrl_news div.top{
	background-color: #036;
	background-image: url(../Images/Site/Backgrounds/bkg_secondary_menu.jpg);
	background-repeat: repeat-x;
	background-position: 0px -3px;
	height: 28px;
}

div.ctrl_news div.top h2{
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;		
}

div.ctrl_news div.mid{
	background-color: #F4F4F4;
	padding-bottom: 10px;
}

div.ctrl_news div.mid div{
	width: 98%;
	margin: 0px;
	clear: both;
	float: left;
	position: relative;
	height: 200px;
	overflow:auto;
    overflow-y: scroll;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}



div.ctrl_news div ul,
div.ctrl_news div ul li{
	margin: 0px;
	clear: both;
	float: left;
	width: 100%;
	padding: 0px;
	list-style-type: none;
}

div.ctrl_news div ul li{
	padding-bottom: 8px;	
}

div.ctrl_news div ul li span{
 padding-right: 9px;	
}

div.ctrl_news div ul li ul.article {
    margin: 0px;
	clear: both;
	float: left;
	width: 100%;
	padding: 0px;
	list-style-type: none;    
}

div.ctrl_news div ul li ul.article li {
    margin: 0px;
	clear: none;
	float: left;	
	padding: 0px;
    width: auto;
	list-style-type: none;
}

div.ctrl_news div ul li ul.article li.preview {
    width: 590px;
    clear: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

div.ctrl_news div ul li ul.article li.readmore {
    float: right;
    width: auto;
}

#news div ul li ul.article li.title {
   width: 555px;
    clear: right;
  overflow: hidden;
  white-space: nowrap;
   text-overflow: ellipsis; 
}

div.ctrl_news div ul li span.newssub{
 padding-right: 0;
    color: #07558C;
    font-weight: bold;
}

div.ctrl_news div li.news_item a {
    color: #07558C;
}

div.ctrl_news div li.news_item:hover a,
div.ctrl_news div li.news_item:hover {
      color: #B0B0B0;
    cursor: pointer;
}

/*
div ul li ul.article li.title span.product,
div ul li ul.article li.date span {
    display: block;
}*/




/* End News Panel Wrapper*/



/* Full News Panel Wrapper */


#FullNews,
#FullNews div.top,
#FullNews div.mid,
#FullNews div.bot{
	width: 1000px;	
}

#FullNews div.mid div{
	height: auto;
	overflow: visible;	
}

#FeedNews,
#FeedNews div.top,
#FeedNews div.mid,
#FeedNews div.bot{
	width: 590px;
	text-align: left;	
}

#FeedNews
{
   
    margin-bottom: 10px;
}
#FeedNews div.mid {
    width: 590px;
     overflow:auto;
    height: 280px;
    
}
#FeedNews div.mid div
{
    width: 550px;
	height: auto;
	overflow: visible;	
}


#FeedNews div ul li ul.article li.title {
  width: 320px;
  clear: right;
  overflow: hidden;
  white-space: nowrap;
   text-overflow: ellipsis; 
}

#FeedNews div ul li ul.article li.preview {
  width: 460px;
  clear: right;
  overflow: hidden;
  white-space: nowrap;
   text-overflow: ellipsis; 
}


#HalfNews,
#HalfNews div.top,
#HalfNews div.mid,
#HalfNews div.bot{
	width: 495px;
	text-align: left;	
}

#HalfNews
{
   
    margin-bottom: 10px;
}
#HalfNews div.mid {
    width: 495px;
     overflow:auto;
    height: 280px;
    
}
#HalfNews div.mid div
{
    width: 470px;
	height: auto;
	overflow: visible;	
}


#HalfNews  div ul li ul.article li.title {
  width: 290px;
  clear: right;
  overflow: hidden;
  white-space: nowrap;
   text-overflow: ellipsis; 
}

#HalfNews div ul li ul.article li.preview {
  width: 390px;
  clear: right;
  overflow: hidden;
  white-space: nowrap;
   text-overflow: ellipsis; 
}


/* End Full News Panel Wrapper */

/* Panel Wrapper */
div.panel_white_wrapper,
div.panel_white_wrapper h2,
div.panel_white_wrapper div.data,
div.panel_wrapper,
div.panel_wrapper h2,
div.panel_wrapper div.data{
	margin: 0px;
	clear: both;
	float: left;
	width: 100%;
	padding: 0px;
	position: relative;	
	text-align: left;
}

div.panel_white_wrapper,
div.panel_wrapper{
	margin-bottom: 15px;
	background-image: url(../Images/Site/Backgrounds/bkg_panels.jpg);
	background-repeat: repeat-x;
	background-color: #F2F2F2;	
	padding-bottom: 5px;
}

div.panel_white_wrapper
{
    background-color: #FFF;
}

div.panel_white_wrapper h2,
div.panel_wrapper h2{
	font-size: 12px;
	color: #FFF;
	width: 98%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}


div.panel_wrapper div.data{
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	width: 98%;
}

div.panel_wrapper div.data ul
{
    width: 100%;
    float: left;
    clear: both;
    list-style-type: none;
    position: relative;
    padding: 0px;
    margin: 0px;
	padding-bottom: 10px;
}

div.panel_white_wrapper div.data ul li,
div.panel_wrapper div.data ul li
{
    float: left;
    clear: none;
    list-style-type: none;
    position: relative;
    padding: 0px;
    margin: 0px;
    padding-right: 8px;

}

div.panel_white_wrapper div.data form ul li label,
div.panel_wrapper div.data form ul li label
{
    display: block;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 4px;
}

div.panel_white_wrapper div.data ul li select.metal,
div.panel_wrapper div.data ul li select.metal
{
    width: 200px;
}

div.panel_white_wrapper div.data ul li select.currency,
div.panel_wrapper div.data ul li select.currency
{
    width: 150px;
}

/*Annual Table Controles*/

/*Daily Exchange and Open Market Control*/
div.ctrl_annualtable_exchange
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: both;
    float: left;
	padding-bottom: 10px;
}

div.ctrl_annualtable_exchange div.options
{
    text-align: right;
    width: 95%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: both;
    float: left;
    background-color: White;
    padding-bottom: 5px;
}

img.btn_print,
input.btn_print
{
    background-image: url(../Images/Site/Buttons/btn_print.jpg);
    width: 96px;
    height: 31px;
}

div.ctrl_annualtable_exchange h2
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding-top: 5px;
    background-image: url(../Images/Site/Backgrounds/bkg_panels.jpg);
	background-repeat: repeat-x;
    background-color: #075893;
    padding-bottom: 5px;
    clear: both;
    float: left;
    position: relative;
}

div.ctrl_annualtable_exchange div.data
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: both;
    float: left;
    padding-top: 10px;
}

div.ctrl_annualtable_exchange div.data div.year,
div.ctrl_annualtable_exchange div.data div.month
{   
    width: 24%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: none;
    float: left;
    margin-left: 5px;
    padding-bottom: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: #999;
}

div.ctrl_annualtable_exchange div.data div.year
{
    width: 16%;   
    margin-left: 3px; 
}

div.ctrl_annualtable_exchange div.data div.month_data
{   
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: both;
    float: left;
}



div.ctrl_annualtable_exchange div.data div.month_avg
{   
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: both;
    float: left;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: right;
    background-color:#CCC;
    color: #000;
}

div.ctrl_annualtable_exchange div.data div.month_avg ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    clear: both;
    float: left;
    width: 100%;
    position: relative;
    text-align: right;
}

div.ctrl_annualtable_exchange div.data div.month_avg ul li
{
    list-style-type: none;
    position: relative;
     padding: 0px;
    margin: 0px;
    clear: none;
    padding-right: 2px;
    font-weight: bold;
    float: left;
    text-align: right;
    width: 100px;
}

div.ctrl_annualtable_exchange div.data div.year div.month_avg ul li {
    float: right;
}

div.ctrl_annualtable_exchange div.data div.year div.month_avg ul li.avg,
div.ctrl_annualtable_exchange div.data div.month_avg ul li.avg
{
    padding-left: 0px;
    text-align: left;
    width: 32px;
    float: left;
}



div.ctrl_annualtable_exchange div.data div.month_avg ul li.cash
{
    /*
    padding-left: 3px;
    padding-right: 15px;*/
}

div.ctrl_annualtable_exchange div.data h3
{
    width: 100%;
    background-color:#CCC;
    color: #000;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align:center;
}

div.ctrl_annualtable_exchange div.data table
{
    width: 100%;
}

div.ctrl_annualtable_exchange div.data table tr.avg
{
    background-color:#CCC;
    border-collapse:collapse;
}

div.ctrl_annualtable_exchange div.data table td
{
    text-align: right;
}
div.ctrl_annualtable_exchange div.data table td.day
{
    text-align: left;
    width: 10px;
    background-color: #EEEEEE;
}

div.ctrl_annualtable_exchange div.data table td.mon3
{
	background-color: #DDE4FF;
}


/*End Daily Exchange*/

/*Start LME Official*/

div.ctrl_annualtable_lme_official
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: both;
    float: left;
	padding-bottom: 10px;
}

div.ctrl_annualtable_lme_official div.options
{
    text-align: right;
    width: 95%;
    padding: 0px;
    margin: 0px;
    position: relative;
    clear: both;
    float: left;
    background-color: White;
    padding-bottom: 5px;
}

div.ctrl_annualtable_lme_official div.options img.btn_print
{
    background-image: url(../Images/Site/Buttons/btn_print.jpg);
    width: 25px;
    height: 25px;
}

div.ctrl_annualtable_lme_official h2
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    padding-top: 5px;
    background-image: url(../Images/Site/Backgrounds/bkg_panels.jpg);
	background-repeat: repeat-x;
    background-color: #075893;
    padding-bottom: 5px;
    clear: both;
    float: left;
    position: relative;
}

div.ctrl_annualtable_lme_official h3
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    padding-top: 5px;
    background-image: url(../Images/Site/Backgrounds/bkg_panels.jpg);
	background-repeat: repeat-x;
    background-color: #075893;
    padding-bottom: 5px;
    clear: both;
    float: left;
    position: relative;
}

div.ctrl_annualtable_lme_official table
{
    width: 100%;
}

div.ctrl_annualtable_lme_official table th
{
	background-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.ctrl_annualtable_lme_official table td
{
	border: 1px solid #D6D6D6; 
	font-size: 11px;  
	text-align: right; 
	padding-top: 3px;
	padding-bottom: 3px;
}

div.ctrl_annualtable_lme_official table td.title
{
	text-align: left;
	color: #039;
}

/*End LME Official */
/*End Annual Table Controls*/


/**/

ul.feed_listing{
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
	position: relative;
	list-style-type: none;
}

ul.feed_listing li{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: left;
	position: relative;
	list-style-type: none;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CDF;
}

ul.feed_listing li.head_first{
	border-left-width: 0px;	
}

ul.feed_listing li.head_last{
	border-right-width: 0px;
}
ul.feed_listing li ul{
	width: 99%;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	position: relative;
	list-style-type: none;
	padding-top: 10px;
	padding-left: 10px;
	
}
ul.feed_listing li ul li{
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	position: relative;
	list-style-type: none;
	border-width: 0px;
	width: 100%;
}

div.error_alert
{
    width: 100%;
    padding: 3px 0px 3px 0px;
    margin: 0px;
    color: Red;
    position: relative;
    float: left;
    clear: both;
    font-size: 11px;
}

/* Daily Snapshot UI Control*/

div.dailysnapshots
{
    width: 100%;
    padding:0px;
    margin: 0px;
    float: left;
    clear: both;
    padding-bottom: 15px;
}

div.dailysnapshots div.top
{
    width: 920px;
    padding:0px;
    margin: 0px;
    float: left;
    clear: both;
    padding-bottom: 10px;
}

div.dailysnapshots div.col_right
{
    width: 250px;
    padding:0px;
    margin: 0px;
    float: left;
    clear: none;
    
}

#shfe div.col_right,
#cme div.col_right
{
    width: 400px;
}

div.dailysnapshots div.col_left
{
    width: 700px;
    padding:0px;
    margin: 0px;
    float: left;
    clear: none;
    padding-right: 20px;
}

#shfe div.col_left,
#cme div.col_left
{
    width: 500px;
    padding:0px;
    margin: 0px;
    float: left;
    clear: none;
}

div.dailysnapshots div.avg
{
    width: 99%;
     padding:0px;
    margin: 0px;
    float: left;
    clear: both;
}

div.dailysnapshots div.avg table
{
    width: 100%;
}

div.dailysnapshots div.avg table th,
div.dailysnapshots div.avg table td
{
    border: 1px solid #999;
}

div.dailysnapshots div.avg table th
{
    color: #FFF;
    background-image: url(../Images/Site/Backgrounds/bkg_panels.jpg);
	background-repeat: repeat-x;
    background-color: #075893;
    height: 18px;
}

div.dailysnapshots ul.overview
{
    width: 315px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    float: none;
    clear: both;
    list-style-type: none;
    
}

#shfe ul.overview,
#cme ul.overview
{
    width: 480px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    float: none;
    clear: both;
    list-style-type: none;
    
}


div.dailysnapshots ul.overview li
{
	list-style-type: none;
	float: left;
	clear: none;
	padding: 0px;
	margin: 0px;
	width: 150px;
	text-align: center;
	margin-right: 5px;
	font-size: 15px;
	border: 1px solid #999;
}

div.dailysnapshots ul.overview h3
{
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 5px;
    color: #FFF;
    background-image: url(../Images/Site/Backgrounds/bkg_panels.jpg);
	background-repeat: repeat-x;
    background-color: #075893;
}

div.dailysnapshots table.SnapshotDaysOverview td
{
    width: 33%;
    text-align: right;
    padding-right: 3px;
}

#shfe table.SnapshotDaysOverview td,
#cme table.SnapshotDaysOverview td
{
    width: 25%;
}

div.dailysnapshots table.SnapshotMonthOverview td
{
    width: 14%;
    text-align: right;
    padding-right: 3px;
}

#shfe table.SnapshotMonthOverview td,
#cme table.SnapshotMonthOverview td
{
    width: 25%;    
}

#shfe table.SnapshotDaysOverview td.date,
#cme table.SnapshotDaysOverview td.date,
div.dailysnapshots table.SnapshotMonthOverview td.date,
div.dailysnapshots table.SnapshotDaysOverview td.date
{
	text-align: center;
	background-color: #E7E7E7;
}

div.dailysnapshots div.options
{
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: left;
}

div.dailysnapshots div.alert
{
    width: 100%;
    float: left;
    clear: both;
    margin: 0px;
    padding: 0px;
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-bottom:10px;
    color: #CC0000;
    
}

div.dailysnapshots table td.pos
{
	color: #060;
}

div.dailysnapshots table td.neg
{
	color: #C00;
}

div.dailysnapshots h2
{
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
}

/* Daily SnapSHots End*/

ul.settings_user,
ul.settings_user li
{
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul.settings_user li
{
    
    padding-bottom: 15px;
}

ul.settings_user div
{
    float: left;
    clear: none;
    padding: 0px;
    margin: 0px;
    position: relative;
}

ul.settings_user div.col1
{
    font-size: 13px;
    width: 400px;
}

ul.settings_user img.setting_order_up,
ul.settings_user img.setting_order_down,
ul.settings_user img.setting_order_remove,
ul.settings_user img.setting_order_remove_disabled,
ul.settings_user img.setting_order_add
{
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}

ul.settings_user img.setting_order_up
{
    background-image: url(../Images/Site/buttons/btn-up.jpg);
}

ul.settings_user img.setting_order_down
{
    background-image: url(../Images/Site/buttons/btn-down.jpg);
}

ul.settings_user img.setting_order_remove
{
    background-image: url(../Images/Site/buttons/btn-remove.jpg);
}

ul.settings_user img.setting_order_remove_disabled
{
    background-image: url(../Images/Site/buttons/btn-remove-disabled.jpg);
}


ul.settings_user img.setting_order_add
{
    background-image: url(../Images/Site/buttons/btn-add.jpg);
}

/* Non- Subscriber Notice*/
div.non-subscriber-notice
{
   width: 99%;
   border: 1px solid black; 
   color: red; 
   font-weight: bold; 
   text-align: center; 
   padding: 5px;
   clear: both;
   float: left;
   position: relative;    
}

div.non-subscriber-notice a
{ 
    color: red; 
}

/*standard-sidebar */
div.standard-sidebar div.top, div.standard-sidebar div.mid, div.standard-sidebar div.bot {
    background-repeat: no-repeat;
    clear: both;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    width: 300px;
}
div.standard-sidebar div.top {
    background-image: url("../Images/Site/Controls/ContentBoxes/mp_service_frame_r1_c1.gif");
    height: 5px;
}
div.standard-sidebar div.mid {
    background-image: url("../Images/Site/Controls/ContentBoxes/mp_service_frame_r3_c1.gif");
    background-repeat: repeat-y;
}
div.standard-sidebar div.mid div {
    background-repeat: no-repeat;
    clear: both;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
    position: relative;
    width: 280px;
}
div.standard-sidebar div.bot {
    background-image: url("../Images/Site/Controls/ContentBoxes/mp_service_frame_r5_c1.gif");
    height: 14px;
}
div.standard-sidebar h2 {
    color: #FFFFCC;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
div.standard-sidebar ul {
    color: #D9ECFF;
    list-style-type: none;
    margin: 0 0 0 9px;
    padding: 0;
}
div.standard-sidebar ul li {
    list-style-type: none;
    padding-bottom: 8px;
}


div.login
{
    width: 350px;
    margin-left: 300px;
    margin-right:0px;
    margin-top: 0px;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    clear: both;
    float: left;
    background-color:#EEEEEE;
    position: relative;
    border: 1px solid #333;
}
div.login h2
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}
ul.login 
{
    width: 300px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    padding-left: 25px;
    clear: both;
    list-style-type: none; 
    position: relative;
}

ul.login li
{
    
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    clear: both;
    list-style-type: none;
    padding-bottom: 8px;
     position: relative;
    
}

ul.login li label
{
    width: 90px;
    clear: none;
    display:block;
    float: left;
    clear: none;
    text-align: right;
    padding-right: 10px;
    padding-top: 4px;
}
ul.login li input.login-button
{
    float: left;
    margin-left: 60px;
}

ul.login li label.login
{
    width: 150px;
    display:inline;
    text-align: left;
    float: left;
}

ul.login li input.login
{
    width: 140px;
}
ul.login li span
{
    width: 210px;
    display:block;
    float: left;
    clear: both;
    margin-left: 50px;
}

li.login
{
    width: 220px;
}

li.login table
{
    width: 200px;
    border-width: 0px;    
  
}

li.login input.login
{
    width: 80px;
    height:10px; 
    font-size:10px;
    border-width: 0px;
}

li.login table tr td.panelLabel
{
    width: 70px; 
    text-align: right; 
    padding-right: 5px; 
    font-size: 11px; 
    color: #FFF;
}

li.login table input.loginBtn
{
    background-image: url(../Images/Site/buttons/btn-login.gif);
    width: 30px;
    height: 15px;
    border-width: 0px;  
   
}


/* Date Picker Control*/

.jdpicker_w .date_selector * {
	width: auto;
	height: auto;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	font-size:12px;
}
.jdpicker_w .date_selector {
	background: #FFF;
	border: 1px solid #bbb;
	padding: 5px;
	margin: -1px 0 0 0;
	position: absolute;
	z-index: 100000;
	display: none;
	width:210px
}

.jdpicker_w .date_selector table{
	width:210px;
	margin-left:3px;
}

.jdpicker_w .date_clearer{
	color: #a00;
	padding-left:3px;
	cursor:pointer;
	font-weight:bold;
	font-family:sans-serif
}

.jdpicker_w .date_selector_ieframe {
	position: absolute;
	z-index: 99999;
	display: none;
}

.jdpicker_w .error_msg{
	display:none;
	text-align:center;
	font-size:0.8em;
	color:#666
}

.jdpicker_w .date_selector .nav {
	width: 17.5em; /* 7 * 2.5em */
}
.jdpicker_w .date_selector .month_nav, .jdpicker_w .date_selector .year_nav {
	margin: 0 0 3px 0;
	padding: 0;
	display: block;
	position: relative;
	text-align: center;
}
.jdpicker_w .date_selector .month_nav {
	float: left;
	width: 56%;
}
.jdpicker_w .date_selector .year_nav {
	float: right;
	width: 37%;
	position:relative;
}

.jdpicker_w .date_selector .month_nav select {
	width:75px;
	margin: 0 auto;
	border:1px solid #ccc;
	position:relative;
	top:1px
}

.jdpicker_w .date_selector .year_nav .year_input {
	text-align:center;
	width:36px;
	border:1px solid #ccc;
	position:relative;
	top:2px
}  

.jdpicker_w .date_selector .month_name, .jdpicker_w .date_selector .year_name {
	font-weight: bold;
	line-height: 20px;
}
.jdpicker_w .date_selector .button {
	display: block;
	position: absolute;
	top: 0;
	width: 18px;
	height: 18px;
	line-height: 17px;
	font-weight: bold;
	color: #333;
	text-align: center;
	font-size: 120%;
	overflow: hidden;
	border: 1px solid #F2F2F2;
	cursor:pointer;
}

.jdpicker_w .date_selector .button:hover, .jdpicker_w .date_selector .button.hover {
	background: none;
	color: #333;
	cursor: pointer;
	border-color: #ccc;
}

.jdpicker_w .date_selector .prev {
	left: 0;
}
.jdpicker_w .date_selector .next {
	right: 0;
}

.jdpicker_w .date_selector table {
	margin:0 auto;
	border-spacing: 1px;

	clear: both;
}
.jdpicker_w .date_selector th{
	padding-top:5px
}

.jdpicker_w .date_selector th, .jdpicker_w .date_selector td {
	text-align: center;
	color: black;
}

.jdpicker_w .date_selector th.week_label{
	font-weight:normal;
	font-style:italic;
	font-size:80%;
	width:25px
}

.jdpicker_w .date_selector .week_num, .jdpicker_w .date_selector .hover .week_num, .jdpicker_w .date_selector .selected .week_num{
	font-style:italic;
	color:#333 !important;
	vertical-align:bottom !important;
	text-align:right;
	border:none !important;
	font-size:70%;
	background:#FCFCFC !important;
	padding-right:4px;
}

.jdpicker_w .date_selector td {
	border: 1px solid #ccc;
	line-height: 2em;
	text-align: center;
	white-space: nowrap;
	color: #003C78;
	background: white;
}
.jdpicker_w .date_selector td.today {
	background: #FFFEB3;
}
.jdpicker_w .date_selector td.unselected_month {
	color: #ccc;
}
.jdpicker_w .date_selector td.selectable_day, .jdpicker_w .date_selector tr.selectable_week td {
	cursor: pointer;
	background:url('images/bg_selectable.png');
	border:1px solid #aaa;
	color:#333
}
.jdpicker_w .date_selector td.selected, .jdpicker_w .date_selector tr.selected  td{
	background: url('images/bg_selected.png');
	font-weight: bold;
}
.jdpicker_w .date_selector tr.selectable_week.hover td, .jdpicker_w .date_selector td.selectable_day.hover {
	background: url('images/bg_hover.png');
	color: white;
}

/* End Datepicker Control*/


/* Intrinsic Value Price Table */

table.tbl_intrinsic th.element_sub {
    background-image: none;
	background-color: #EEEEEE;
	color: #333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #FFF;
	font-weight: bold;
    
}

table.tbl_intrinsic td.alloy {
    background-image: none;
	background-color: #666;
	color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
    text-align: left;
    padding-left: 4px;
}

table.tbl_intrinsic td.alloy a {
    color: #FFF;
}

table.tbl_intrinsic tr,
table.tbl_intrinsic td,
table.tbl_intrinsic th{
   padding-right: 4px;
}
/*End Intrinsic Value Price Table*/

div.metal_alert_historical,
div.metal_alert {
    width: 785px;
    clear: both;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    color: red;
   
}

div.metal_alert {
    width: 785px;
    float: left;
    margin-bottom: 10px;
}

div.metal_alert_historical div,
div.metal_alert div {
    width: 99%;
    clear: both;
    padding: 5px;
    margin: 0;
    position: relative;
    text-align: center;
    float: left;
    background-color: #E5EEF3; 
    border-width: 1px; 
    border-color:#0A4370;
    border-style: solid;
}

div.metal_alert_historical div h2,
div.metal_alert div h2 {
    width: 100%;
    font-size: 13px;
    margin: 0px;
    padding-bottom: 5px;
}

div.metal_alert_historical div p,
div.metal_alert div p {
    margin: 0;
    padding-top: 5px;
}


div.feed_tabs {
                
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
    clear: both;
    padding-top: 10px;
}
div.feed_tabs ul {
    clear: both;
    list-style-type: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

div.feed_tabs ul li {
    font-size: 11px;
    width: 151px;
    text-align: center;
    float: left;
    clear: none;
    margin-right: 5px;
    background-color:  #fff;
    padding-top: 11px;
    padding-bottom: 5px;
    background-repeat: no-repeat;
    background-image: url(/Assets/Images/Site/Controls/Feeds/feed-tab.png);
    background-position: 0 7px;
}

div.feed_tabs ul li a {
        color: #333;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

div.feed_tabs ul li.tab-high {
    background-color: #0A406C;
    padding-top: 6px;
    padding-bottom: 10px;
    background-image: url(/Assets/Images/Site/Controls/Feeds/feed-tab-high.png);
    background-position: 0 0;
                
}

div.feed_tabs ul li.tab-high a {
    color: #fff;
}


.ui-front {
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}

div.news-widget-display {
    position: fixed; 
    z-index: 10000; 
    width: 580px; 
    height: 401px;
    background-color: #fff;
    border: 1px solid #000;
}

div.news-widget-display div.news-widget-control {
    width: 100%;
    background-color: #036;
    background-image: url(../Images/Site/Backgrounds/bkg_secondary_menu.jpg);
    background-repeat: repeat-x;
    background-position: 0px -3px;
    height: 23px;
}

div.news-widget-display div.news-widget-control ul {
    width: 100%;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    float: left;
}

div.news-widget-display div.news-widget-control ul li {
    width: auto;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 4px;
}

div.news-widget-display div.news-widget-control ul li.widget-title {
    float: left;
  color: #fff;
  font-size: 11px;
}

div.news-widget-display div.news-widget-control ul li a.close span {
    display: block;
    background-image: url(../Images/Site/Controls/CustomDashboard/custom-dash-item-remove.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
}
div.news-widget-display div.news-widget-control ul li a.close span.popout
{
     background-image: url(../Images/Site/Controls/CustomDashboard/custom-dashboad-icon-popout.png);
 
}

div.news-article-wrapper {
  width: 96%;
  float: left;
  clear: both;
  overflow-x: auto;
  height: 370px;
  padding-left: 5px;
  padding-right: 10px;
}


div.news-article-wrapper h1 {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
    font-weight: bold;
}

div.news-article-wrapper p.time {
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #47454D;
}

