/* @XXXoverride http://directedge.com/Portals/_default/Skins/DirectEdge/skin.css */
@import url("css/menu.css");
/* ================== */
/** GENERAL STYLES **/
/* ================== */
body { color: #58595B; font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0px 0 0 0; background: #f4f4f6; }
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 { color: #0079b4;font-size:12px; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
.on a, a.on { color: #000000; }
.Normal {padding:0px;}

.txtHeaderGarnet
{
font-size:14px;
font-weight:bold;
color:#FFFFF;
margin:0px;
display:block;
font-family:Arial, Helvetica, sans-serif;
}
/* ================== */
/** LAYOUT STYLES **/
/* ================== */
/* I am using classes for unique items for ease of ASP integration */
#s_wrap_main{display:table;width: 982px;margin:0 auto;}
#s_wrap_sub{display:table-row}
.welcomePane{ padding:0 20px 0 0; width:20%; margin:0;}
.newsAnnouPane{padding:0 0 0 10px; margin:0; width:50%;}
.LeftPane{padding:0 20px 0 10px; margin:0; width:50%; }
.ContentPane{ padding:0; margin:0; }
div.topBannerBlackBar {  vertical-align: middle; color: #5b5b5b; background: #000000; padding: 12px 0px 14px 0px; margin-bottom: 0px;background: url(imgs/backgrounds/top-banner.jpg) 0 0 repeat-x;}
div.topBannerBlackBar a {  color: #13B5EA; }
	div.topBannerContent { margin: 0px auto 10px auto; padding: 0 0px 0 0px; width: 972px;}
	.topBannerContent { margin: 0px auto 10px auto; padding: 0 0px 0 0px; width: 972px;}
		div.leftContent {vertical-align: middle; float: left; *margin-top: -15px; }
		div.rightContent { float: right;  margin-right:5px;}
		td.rightContent { float: left;  }
			.loginForm { float: left;margin-left:400px;}
			div.loginLinks {float: right; vertical-align: middle; /*margin-left: 410px;*/ background: url(imgs//backgrounds/top-banner.jpg) 0 0 repeat-x;}
				.whiteCopy {color: #ffffff;}
div.wrapper { margin: 0px auto 10px auto; padding: 0 0px 0 0; width: 982px;}
div.leftCol{ width: 705px;clear: none; float: left; border: 1px solid #bbbdbf;  background:#ffffff;}
	div.masthead {border-bottom: 1px solid #bbbdbf;padding: 20px 20px 15px 20px;}
		div.logo {  }
		div.search { float: right; padding-top: 0px; width: 286px; }
		div.search span { display: block; }
	div.prime-nav { 
			margin: 0px 0px 0px 0px;
			height:33px;
			background: url(imgs//backgrounds/prime-nav.jpg) 0 0 repeat-x;
			border-bottom:1px solid #01c2ed;}
	div.bodyContainer {padding:10px 20px 20px 20px; }
		div.bodyLeft  {float:left; }
	
		.bodyRight { width: 495px;  }
		
		div.bodyHome {float:left; width: 665px;}
div.rightCol{ width: 257px;  margin: 0px 0px 0px 10px;  clear: none; float: left;}
	div.alerts {background: #ffffff; border: 1px solid #bbbdbf; margin-bottom:0px;padding:3px;}
		span.alertsLabel {font-size: 14px; font-weight: bold; padding: 1px 13px;}
		span.alertsStatus {font-size: 11px;  float: right;}
	div.marketData{width: 249px;background: #ffffff; padding: 3px; border-left: 1px solid #bbbdbf;border-right: 1px solid #bbbdbf;border-bottom: 1px solid #bbbdbf;}
	div.marketData2{width: 249px;background: #ffffff; padding: 3px; border-left: 1px solid #bbbdbf;border-right: 1px solid #bbbdbf;}
	div.marketData3{width: 255px; border-bottom: 1px solid #ffffff;  border-left: 1px solid #bbbdbf;border-right: 1px solid #bbbdbf;}
	div.totalVol{background: #ffffff;width: 255px; border: 1px solid #bbbdbf;  }
	div.tradingPane {width: 257px;  margin: 0px 0px 0px 10px;  clear: none; float: left;}
div.bottomBannerBlackBar { font-size: 10px;color: #5b5b5b; background: #000000; padding: 12px 0px 28px 0px; margin-bottom: 0px;}
div.bottomBannerBlackBar a {  color: #13B5EA; }
	div.bottomBannerContent { margin: 0px auto 0px auto; padding: 0 0px 0 0px; width: 972px; }
		div.footerLinks { }
		div.footerLinks a {}
		div.footerCopy {padding-top: 5px;color: #a9a9ab;}
		.pipe {padding: 0px 3px;}

.main td { margin:0px;padding:0;width:100%;}
/* ================== */
/* BODY CONTENT: HEADINGS */
/* ================== */
h1 { margin-bottom: 10px; padding-bottom: 10px;font-size: 15px; color: #000000; font-weight: bold; border-bottom: 1px solid #bbbdbf;} /* h1 = page title */
h2 { margin-bottom: 5px; margin-top: 15px; font-size: 13px; color: #000000;}
h3 { margin-bottom: 5px; margin-top: 15px; font-size: 11px; color: #58595b;}
/*h4 { margin-bottom: 5px; margin-top: 15px; font-size: 11px; }
h5 { margin-bottom: 5px; margin-top: 15px; font-size: 11px; }
h6 { margin-bottom: 5px; margin-top: 15px; font-size: 11px; }*/

h2.mgmt { margin-bottom: 5px; margin-top: 0px; font-size: 13px; color: #000000;}
h3.mgmt {margin-bottom: 10px;padding-bottom: 10px; margin-top: 0px; font-size: 11px; color: #58595b;  border-bottom: 1px solid #bbbdbf;}
img.headshot {float: left; height: 150px;  margin: 0px 10px 5px 0px; width: 120px;}
div.leader { margin: 20px 0px 30px 0px; clear:both;}
div.mgmtBio {width: 360px; float:right; }

/* ================== */
/** BODY CONTENT: SHARED STYLES **/
/* ================== */

div.bodyContainer p { padding: 0 0 15px 0; line-height: 1.6em; font-size:1.2em;}
div.bodyContainer p.leadCopy { font-size: 1.4em;  margin-bottom: 5px;}
div.bodyContainer p.note, p.note { color: #58595B; font-size: 10px; margin: 15px 10px 20px 10px;}
div.bodyContainer p.note2, p.note2 { color: #58595B; font-size: 10px; margin: 0px 0px 0px 0px;}
div.bodyContainer ul.simpleList { margin-bottom: 14px; line-height: 1.6em; font-size:1.2em;}
div.bodyContainer ul.simpleList li { list-style-type: disc; margin-left:30px; padding: 0 0 2px 0;  }
div.bodyContainer ol.simpleList { margin-bottom: 14px; line-height: 1.6em; font-size:1.2em; }
div.bodyContainer ol.simpleList li { list-style-type: decimal; margin-left:34px;  padding: 0 0 2px 0;   }
img.pdf {padding-right: 4px; }

/* ================== */
/* BODY CONTENT: NAV STYLES */
/* ================== */
div.bodyContainer div.bodyLeft ul.primaryNav  {margin-left:0px; font-weight: bold;   }
div.bodyContainer div.bodyLeft ul.secondaryNav  {margin-left:0px; font-weight: normal;  padding-top:3px;   }
div.bodyContainer div.bodyLeft ul.secondaryNav li {border-bottom: 1px solid #c8c8c8; font-size: 11px;  line-height:2.3em; }
div.bodyContainer div.bodyLeft ul.secondaryNav li a {padding-left: 5px; }
div.bodyContainer div.bodyLeft ul.secondaryNav li a.on {font-weight: bold; }


button { background-color: transparent; background-position: 0 0; background-repeat: no-repeat; border: 0 none; cursor: pointer; display: inline-block; overflow: hidden; text-indent: -10000px; }
button.search { background-image: url(imgs//buttons/btn-search.gif); height: 21px; width: 56px; margin-left:5px;}
button.login { background-image: url(imgs//buttons/btn-log-in.gif);  height: 16px; width: 48px;  }
button.submit { background-image: url(imgs//buttons/btn-submit.gif);  height: 16px; width: 53px;  }
button:hover { background-position: 0 100%; }
div.search{padding:0;margin:0;   font-size:11px; }
.search_style {vertical-align:top;height: 21px; width: 10px;}
div.search input {width:200px; border:1px solid #bbbdbf;}
a.search_style:hover { background-position: 0 100%; }

/* ================== */
/**  BODY CONTENT: TABLES **/
/* ================== */
table td {vertical-align: top;}

table.volume { width:249px;margin-right: 10px; }
.volume td.volumeCell {font-weight: bold; text-align: right;padding: 5px 10px 5px 0px; }
.volume td,.tapes th {font-size: 12px; border-bottom: 1px solid #bbbdbf ;padding: 5px 15px 5px 10px; }
table.volume td.on 
	{ 
		background: #ffffff;
		border-bottom: none;
		border-right: 1px solid #bbbdbf;
		text-align:center;
		vertical-align:middle;
		padding: 14px 19px 14px 18px;
		
	}
table.volume td.last {
	border-right: 1px solid #bbbdbf; 
	padding: 14px 19px 14px 18px; 
	text-align:center; 
	vertical-align:middle;
	border-bottom: 1px solid #bbbdbf; 
	background: #f4f4f6;
	} 	
table.totalVolume { width:249px;margin-right: 10px;font-size: 12px; }
table.totalVolume td.volumeCell {font-weight: bold; text-align: right;padding: 5px 10px 5px 0px; }
table.totalVolume td,.tapes th {font-size: 12px; border-bottom: 1px solid #bbbdbf ;padding: 5px 15px 5px 10px; }
table.totalVolume td.histVol {font-weight: bold; text-align: left; }
table.tapes { width:249px;margin-right: 10px;}
.tapes td.volumeCell {font-weight: bold; text-align: right;padding: 5px 10px 5px 0px; }
.tapes td,.tapes th {font-size: 12px; border-bottom: 1px solid #bbbdbf ;padding: 5px 15px 5px 10px; }
table.tapes td.on 
	{ 
		background: #ffffff;
		border-bottom: none;
		border-right: 1px solid #bbbdbf;
		text-align:center;
		vertical-align:middle;
		padding: 14px 19px 14px 18px;
		border-top:1px solid #bbbdbf ;  
	}
table.tapes td.last {
	border-right: 1px solid #bbbdbf; 
	padding: 14px 19px 14px 18px; 
	text-align:center; 
	vertical-align:middle;
	border-bottom: 1px solid #bbbdbf; 
	background: #f4f4f6;
	border-top:1px solid #bbbdbf ;  
	} 	
table th.rightAlign,
table td.rightAlign {text-align: center; padding: 5px 10px 5px 0px;border-bottom: 1px solid #bbbdbf  }
table td.symbolH {padding: 5px 10px 5px 0px; border-bottom: 1px solid #bbbdbf; text-align:center;}
table th.symbol,
table td.symbol{padding: 5px 10px 5px 0px;}
table td.symbol{font-weight: bold;border-bottom: 1px solid #bbbdbf}



/* ================*/
/** Fee Schedule **/
/*================*/
.gridHeader {
border-bottom: 1px solid #bbbdbf; padding:0px;

}

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


}

.gridKey 
{
border-bottom: 1px solid #bbbdbf; padding: 5px 15px 5px 10px; margin:0px;
text-align: left;vertical-align: bottom; font-weight: bold; 
}

.gridItem {
vertical-align: top;
border-bottom: 1px solid #bbbdbf; padding: 5px 15px 5px 10px; 

}

/* ================*/
/** Trading Tab **/
/*================*/

table.exchanges 
	{ 
		width: 257px; 
		font-weight:bold; 
		font-size: 18px; 
		border-bottom: #ffffff;
		padding:0px;
		margin:0px;
	}

td.first { }
table.exchanges a {font-size: 18px;}
table.exchanges td.last {
	border-right: 1px solid #bbbdbf; 
	padding: 14px 19px 14px 18px; 
	text-align:center; 
	vertical-align:middle;
	border-bottom: 1px solid #bbbdbf; 
	background: #f4f4f6;
	border-left:1px solid #bbbdbf; 
	} 
table#marketData a{ color: #000000;}
table.marketData {width: 257px; }

table.exchanges td.on 
	{ 
		background: #ffffff;
		border-bottom: none;
		border-right: 1px solid #bbbdbf;
		text-align:center;
		vertical-align:middle;
		padding: 14px 19px 14px 18px;
	
	}


*ul.exchanges { font-size: 18px; line-height: 48px; border-top: 1px solid #bbbdbf;}
*ul.exchanges li { padding: 14px 19px 14px 19px;font-weight:bold; border-left: 1px solid #bbbdbf; border-bottom: 1px solid #bbbdbf;display: inline;  margin: 0; } 
*ul.exchanges li.first { }
*ul.exchanges li.last {border-right: 1px solid #bbbdbf; padding: 14px 16px 12px 16px; } 
*ul.exchanges li a {  padding: 0px 19px 0px 19px; }


p.active {
	font-weight: bold; 
	padding:3px 20px 10px 20px; 
	font-size: 13px;
	background: #ffffff ;
	
 }
/* ================== */
/** CUSTOM PAGE STLYES **/
/* ================== */
/*.maximize {float:left; margin-top:300px; font-weight: bold;}
.minimize {float:right; margin-top:300px; font-weight: bold;}*/

div.homeBox {background: url(imgs//backgrounds/homeBanner.jpg) 0 0 repeat-y; width: 644px; margin-left: -10px; margin-top:-10px; color: #ffffff; padding: 20px;}

div.tagLine {font-weight: bold;font-size: 24px; margin-bottom: 30px;}
div.subTag {font-size: 14px;margin-bottom: 30px; }
div.tagEdge { float: right; padding:5px 5px; text-align: center; *margin-bottom: -30px;}
div.homeBodyBox {margin-top:10px;}
	div.homeBodyBox  h1 { border-bottom: 1px solid #bbbdbf; padding-bottom:7px; margin-bottom:0px; margin-top:20px;}
	div.homeBodyBox  h1.gimme10{padding-top:20px;}
	div.homeBodyBox p {line-height: 1.3em; font-size: 11px;  padding-bottom:0px; }
	div.homeBodyBox h2 {margin-top:0px;}
	div.homeBodyBox p.homeLinkBig {font-size: 12px; border-bottom: 1px solid #bbbdbf; padding: 8px;}
div.homeColLeft {float:left; width: 321px;}
	div.video { padding-top:10px;border-bottom: 1px solid #bbbdbf; padding-bottom:10px; }
		img.videoThumb {float: left; margin: 0px 10px 0px 10px; }
		div.videoMeta { width: 175px; float: right;  }
	div.newsMod {padding-top:10px;border-bottom: 1px solid #bbbdbf; padding-bottom:10px; }
		div.newsDate{float: left; margin: 0px 10px 0px 10px; padding:5px; background: #b7b8ba; color:#ffffff; font-weight: bold;}
		div.newsMeta {width: 247px; float: right;}
			div.newsMeta a  {line-height: 1.5em; }
			div.newsMeta a.pdfIcon  {padding-left:15px; background-image: url(imgs//icons/miniPdf.jpg);background-repeat: no-repeat;  }
div.homeColRight {float:right;  width: 322px;}
h2.volume {background: #f4f4f6; padding:5px;}





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


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

.popupControl {
    background-color:#AAD4FF;
	vertical-align:top;
    visibility:hidden;
    border-style:solid;
    border-color: Black;
    border-width: 2px;
	margin:0;
}

.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;
	position:fixed;
}

.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%;
}