@import url("css/menu.css");

/* CSS Document */
/*Body {background: url(images/body_bg.png) repeat-x; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}*/

Body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
/*-------- Default Style --------*/
/*body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, input, .CommandButton{font-family:Arial, Helvetica, sans-serif;color:#666666;}*/
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h3, h4{font-size:12px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}


a,a:link,a:visited,a:active{color:#002744; text-decoration:underline; font-weight:normal; }


/*-------- Main Container ---------*/
#s_wrap_main{width:970px; background: #FFF url(images/pagebgright2.jpg) repeat-x;}
.centerCol {
width:970px;

}
.hLeftCol {
width:30%;
background:url(images/pagebgright2.jpg) repeat-x top;
}
.hRightCol {
width:30%;
background:url(images/pagebgright2.jpg) repeat-x top;
}


/*--------- pane style ----------*/

.ContentPane, .BottomPane{ padding:0; margin:0; }
.LeftPane{padding:0 20px 0 10px; margin:0; width:50%; }
.RightPane{padding:0 0 0 10px; margin:0; width:20%; }
.ContentPane a
{
    text-decoration:underline;
}
#topPane { padding:0;display:table-row;width:970px;}
.outertable { padding:0;margin:0;width:970px;}
.welcomePane{ padding:0 20px 0 0; width:20%; margin:0;}
.newsAnnouPane{padding:0 0 0 10px; margin:0; width:50%;}
.menu_bg{padding:0;margin: 0 21px 0 9px; text-align:center; }
.search_style{color:white;padding:0;margin:0; text-align:right;  font-size:11px;}
.search_style a:link,.search_style a:visited,.search_style  a:active{color:white;text-decoration:none; text-align:right; font-size:11px; }
/* ---- System Alerts Style --- */
.sysAlert {
background-image:url(images/alertbg.jpg);
background-repeat:repeat-x;
height:60px;
margin:0;padding:0;
width:22%;

}
/********* Trading Pane ********/
.dataSnap {
margin:10px 0px 0px 0px;
border: 3px solid #0A6695; 
font-size:11px;
color:#003768;
text-align:left;
}
.tabPanesHeader {
background-color:#8cceed;
text-align:center;
color:#094C7F;
padding:3px;
}
.tabPanesContentLeft {
background-color:#b9e1f4;
color:#003768;
padding:1px;
text-align:center;
}
.tabPanesContentRight {
background-color:#b9e1f4;
color:#003768;
padding:1px;
text-align:center;
}
/*--- Newsletter Style -----*/
.newsItem {
border-bottom:#666666 dotted 1px ;
display:block;
font-size:12px;
margin:10px 17px 0px 0px;
padding:0px 0px 10px 0px;

}
.newsList {
border-bottom:#666666 dotted 1px;
display:block;
margin-top:10px;
}

.newsList a 
{
 font-weight:bold;
 text-decoration:underline;
}    
.newsItem a:hover
{
    text-decoration:underline;
}
.newsItem a:visited,
{
    text-decoration : none;
}

.dots {
	background-image:url(images/dots.gif);
	background-repeat:repeat-x;
	background-position:center;
	width:100%;
}

/*---------- Newsletter Manager Style ----------*/
newsletterTbl
{
    border-style:dotted;
    border-width:thick;
    border:1px;
   
}
.newsLbl
{
    font-size:11px;
    color:white; 
    font-weight:bold;
    background-color:#5D7B9D;
    text-align:center;
}


.newsColumn a:link, .newsColumn a:visited {
color:#003768;
margin:0px;
padding:0px 10px 0px 0px;
}

/*-------- Style for Get News Alerts,Members Area, and Contact Us Section---------- */
.subItems {
display:inline-table;
padding:0;

}
.subItems a {
font-size:11px;
color:#3A657C;
text-decoration:underline;
margin-right:20px;
padding:0;
}

.subItems a:hover {
text-decoration:none;
}
.contact {
padding-left: 10px;
vertical-align:top;
}
.contact a :link,.contact  a:hover,.contact a:visited, .contact a:active
{
	text-decoration: underline;
	color:#002744; 
	font-weight:normal;
	font-size:11px;
}


.clear_float{clear:both; line-height:0; font-size:0; height:0;}


.gridView
{
  color:white;
}




/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

/*--------------Fee Schedule Style -----------*/
.gridHeader {
color:#003768;
margin:15px;

}

.dataGrid {
margin:5px 0px 25px 60px;


}

.gridKey 
{
font-family:Arial, Helvetica, sans-serif;
background:#003768;
color:#FFFFFF;
font-weight:bold;
font-size:11px;
text-align:left;
margin:0px;
padding:2px 2px 2px 10px;
}

.gridItem {
background-color:#8cceed;
font-size:11px;
text-align:left;
margin:0px;
padding:2px 2px 2px 10px;
color:#003768;
font-weight:normal;
border-bottom:#FFFFFF solid 1px;
}
/*----------Style for Page/Section Headings ------*/
.txtHeaderGarnet {
background-image:url(images/txtheadicon.gif);
background-repeat:no-repeat;
background-position:left;
font-size:18px;
color:#002744;
padding:0px 0px 0px 23px;
margin:0px;
display:block;
font-family:Arial, Helvetica, sans-serif;
}

.grayBlueBold {

	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#5E8194;
	font-size:12px;
   
}
.grayBlueBold a
{
     text-decoration:none;
}
/*-------- trading activity page--------------*/

div.tradingActivity_top {
}
div.tradingActivity_bottom {
}
div.tradingActivity_top img.logo {
	width:250px;
	height:90px;
	margin:0;
	padding:20px 0 38px 0;
	float:left;
}
table#historicalVolume {
	margin:0 0 0 30px !important;
	margin:0 0 0 15px; /* ie6 */
	float:left;
	width:195px;
}
table#historicalVolume td.tabPanesHeader, table#historicalVolume td.tabPanesContentLeft, table#historicalVolume td.tabPanesContentRight {
	white-space:nowrap;
}
table#tradingActivity_volume {
	width:220px;
	margin:0 0 20px 150px;
	float:left;

}
table#tradingActivity_volume td {
	padding:3px;
	white-space:nowrap;
}
table#tradingActivity_volume td.label {
	width:110px;
	padding-left:20px;
	font-weight:bold;
}
table#tradingActivity_volume td.tabs h4 {
	float:left;
	font-size:14px;
	padding:10px 10px 0 0;
}
div.tradingActivity {
}
div.tradingActivity ul.tabs {
	width:220px;
	overflow:visible;
	margin:15px auto 0px auto;
	text-align:center;
}
div.tradingActivity ul.tabs li {
	display:inline;
	margin:0 1px 0 0;
	padding:0px;
}
div.tradingActivity ul.tabs a {
	height:10px;
	padding:6px 9px 10px 9px;
	margin:0;
	color:#fff;
	text-decoration:none;
	background:url(images/bar_off.gif) repeat-x;
	border-left:none;
	border-right:none;
	border-top:none;
}
div.tradingActivity ul.tabs a.tab-active {
	background:#8cceed;
	color:#094C7F;
	border:none;
}
div.tradingActivity_bottom table#EDGA {
	float:left;
	width:182px;
	margin:0 0 0 90px !important;
	margin:0 0 0 60px;
}
div.tradingActivity_bottom table#EDGX {
	float:left;
	width:184px;
	margin:0 0px 0 10px !important;
	margin:0 0px 0 10px;
}
.tab-container {
background:none;
width:206px;
padding:0px;
margin:0px 0px 0px 0px;
text-align:center;
}
.tabs {
background:none;
position:relative;
height:24px;
overflow:hidden;
margin:0px 2px 0px 0px;
padding:8px 0px 0px 0px;
}
.tabs li {
display:inline;
margin:0px;
padding:0px;
}
.tabs a.tab-active {
background:#8cceed;
color:#094C7F;
border-bottom:1px solid #8cceed;
border-left:none;
border-top:none;
padding:6px 8px 10px 9px;
margin:0px -5px 0px 0px;
}
.tabs a {
height:10px;
font-weight:normal;
position:relative;
padding:6px 9px 10px 9px;
margin:0px -4px 0px 0px;
color:#fff;
text-decoration:none;
border-left:1px solid #C3D4C8;
border-right:1px solid #C3D4C8;
border-top:1px solid #C3D4C8;
background:url(../images/bar_off.gif) repeat-x;
}

.tab-panes {
background-color:#FFFFFF;
text-align:center;
width:197px;
padding:0px;
overflow:visible;
margin:0px 0px 0px 10px;
}

.tabTblWrapper {
overflow:visible;
background-image:url(../images/tabpanelbg.jpg);
background-position:bottom;
background-repeat:no-repeat;
margin:0px;
padding:0px 0px 0px 0px;
text-align:center;
}

.tabPanesHeader {
background-color:#8cceed;
text-align:center;
color:#094C7F;
padding:3px;
}

.tabPanesContentLeft {
background-color:#b9e1f4;
color:#003768;
padding:1px;
text-align:center;
}

.tabPanesContentRight {
background-color:#b9e1f4;
color:#003768;
padding:1px;
text-align:center;
}


/*-------------- Footer Style --------------*/

.footer {
width:970px;
height:100px;
background-image:url(images/footerbg.gif);
background-repeat:no-repeat;
background-position:top;
vertical-align:top;
text-align:center;
}

.footer a:link, .footer a:visited {
font-size:11px;
color:#37637d;
font-weight:normal;
text-decoration:none;
margin-right:25px;
}

.footer a:hover {
font-size:11px;
color:#37637d;
font-weight:normal;
text-decoration:underline;
margin-right:25px;
}

.fPara {
margin:0px;
padding:20px;
display:block;
}

.fParaCopyfParaCopyright {
color:#CCCCCC;
font-size:10px;
margin:0px;
padding:30px 0px 0px 0px;
}

.fParaCopyright a:link, .fParaCopyright a:visited {
font-size:10px;
color:#37637d;
font-weight:normal;
text-decoration:none;
margin:0px;
}

.fParaCopyright a:hover {
font-size:10px;
color:#37637d;
font-weight:normal;
text-decoration:underline;
margin:0px;
}


.super {
	vertical-align:super;
	font-size:9px;
}
.clear {
	clear:both;
}


/*----pop up controls */
.watermark {
background: #FFAAFF;
}

.popupControl {
    background-color:#AAD4FF;
    position:absolute;
    visibility:hidden;
    border-style:solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}