﻿/* Mast */
#mastLogo { 
    background-image: url(Images/Header.gif); 
}

#homeLink { background-position: 0px -48px; }

/* Side Nav */

.AspNet-TreeView-ClickableNonLink,
div.AspNet-TreeView li.AspNet-TreeView-Leaf a {
    color:#99b416;
}



.goButton {
    height:42px;
    width:42px;
    background-image:url(Images/GoBtn.gif);
}

/* Headers */

.blockHeader {
    background-color:#99b416;
    font-weight:bold;
    font-size:16px;
    text-align:left;
    color:White;
    padding:4px;
    margin-bottom:10px;
    line-height:1.1818;
}

.blockHeadReg {
    color:#99b416;
    font-weight:bold;
    font-size:108%;
    margin-bottom:10px;
}

.blockHead1 {
    background-color:#99b416;
    /*line-height:1.8;*/
    line-height:1.1818;
    color:#fff;
    font-weight:bold;
    padding:4px;
    /*padding-left:4px;
    padding-right:4px;*/
    font-size:16px;    
}

h1 {
    background-color:#99b416;
    line-height:1.8;
    color:#fff;
    font-weight:bold;
    padding-left:4px;
    padding-right:4px;
    font-size:108%;    
}
.blockHead1 a {
    color:#fff;
}

.blockHead1 a:hover {
    color:#74c7dd;
}

.blockHead1 #sidetext {
    float:right;
    line-height:1.8;
    color:#000;
    padding-left:4px;    
}

.blockHead1 .ticker {
    background-color:#99B416;
}

/* grey w green txt */
.blockHead2 {
    background-color:#8c8c8c;
    color:#e2eaa6;
    line-height:1.8;
    font-weight:bold;
    padding-left:4px;
    font-size:108%;   
    padding-left:4px;  
}

.blockHead2 #sidetext {
    line-height:1.8;
    color:#fff;   
    font-size:93%;
    font-weight:normal;
}

/* grey w orange txt */
.blockHead3 {
    background-color:#8c8c8c;
    color:#ffd9b2;
    font-size:108%; 
    padding-left:4px;   
    line-height:1.8em;
    height:1.8em;        
}

.blockHead3 .icon {
    float:right;
    position:relative;
    margin-top:-14px;
}

/* orange w green txt */
.blockHead4 {
    background-color:#ffd9b2;
    color:#99b416;
    font-size:108%;
    font-weight:bold;  
    padding-left:4px;
    line-height:1.8;
}

/* grey w black txt */
.blockHead5 {
    background-color:#e0e0e0;
    color:#000;
    font-size:85%;
    padding-left:4px;
    font-weight:bold;
    line-height:1.8;
}

/* green txt */
.blockHead6 {
    color:#99b416;
    font-weight:bold;
    font-size:93%;
    margin-bottom:3px;
}

/* green txt large */
.blockHead7 {
    color:#99b416;
    font-weight:bold;
    font-size:108%;
    margin-bottom:3px;
}

/* grey w orange txt */
.blockHead8 {
    background-color:#8c8c8c;
    color:#e2eaa6;
    font-size:108%; 
    padding-left:4px;   
    line-height:1.8em;
    height:1.8em;    
    font-weight:bold;    
}

.blockHead8 .icon {
    float:right;
    position:relative;
    margin-top:-14px;
}

/* Text Blocks */
.block1 {
    background-color:#efefef;
    padding:5px;
}

.block1 li {
    margin-bottom:4px;
}

.block2 {
    background-color:#ecf3c6;
    /*border:solid 1px #bacc3b;
    border-top-width:0px;*/
    text-align:center;
    padding:3px;
}

div.block3 {
    padding:5px;
    background-color:#e0e0e0;

}

div.block3 label {
    font-weight:bold;
    float:left;
}

div.block3 .text {
    margin-left:11em;
}

div.block3 li {
    margin-bottom:5px;
    /*float:left;*/
    clear:both;
    width:100%;
}

div.block3 .footnote {
    font-size:smaller;
}

div.block4 {
    padding:5px;
    background-color:#e2eaa6;
}

div.block4 .header {
    color:#99b416;
    border-bottom:solid 2px #fff;
    border-top:solid 2px #fff;    
    font-weight:bold;
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom:5px;
}

div.block4 label {
    float:left;
    font-weight:bold;
}

div.block4 .text {
    margin-left:10em;
    background-color:#e2eaa6;
}

div.block4 .text .ticker {
    background-color:#e2eaa6;
}

div.block4 .text .return {
    background-color:#e2eaa6;
    width:4em;
    text-align:right;
}

div.block4 li {
    margin-bottom:5px;
    /*float:left;*/
    clear:both;
    width:100%;    
}

.borderedBlock1 {
    border:solid 1px #FFD9B2;
    padding:5px;
}

.borderedBlock2 {
    border:solid 1px #e2eea6;
    padding:5px;
}

.smText
{
	font-size: 85%;
}

.longPara 
{
	text-align: justify;
	line-height: 1.4em;
}

.sideText
{
	text-align: right;
	color: #ebbe42;
	float: right;
	margin-top: -20px;
	padding-right: 5px;
	font-weight: bold;
	height: 16px;
}
/* Pick of the Week Special Tables */
.pickHeader
{
	background-color: #e2eaa6;
	font-size: 85%;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	vertical-align: top;
}

.pickSubheader
{
	background-color: #efefef;
	font-size: 85%;
	font-weight: bold;
	font-style: italic;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

.pickRow
{
	font-size: 85%;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #e0e0e0;
}

.pickRowRight
{
	font-size: 85%;
	padding: 3px;
	text-align: right;
	vertical-align: top;
	border-bottom: solid 1px #e0e0e0;
}

/* Lists */
.list1
{
    margin-left: 10px;
    line-height:1.3;
}

.list1 .head
{
    padding-left:5px;
    font-weight:bold;
    color:#99b416;
}

.list1 .subHead
{
    padding-left:5px;
    font-weight:bold;
}

.list1 .subHead2
{
    padding-left:5px;
    font-weight:bold;
    background-color: #e0e0e0;
    font-size:93%;
}

.list1 li
{
    font-size:93%;
    list-style: disc outside; 
    margin-left:2em; 
}


.list2
{
    margin-left: 5px;
    margin-top: 10px;
    line-height:1.5;
    
}

.list2 li
{
    list-style: disc outside; 
    margin-left:2em; 
}



/* Tables/Grids */
.table1 {
    background-color:#E0E0E0;
    border:solid 1px #000;
    
}

.table1 th {
    font-weight:bold;
    padding:5px;
}

.table1 td {
    padding:5px;
}

.table1 td.highlight {
    color:green;
}

.table1 tfoot td {
    border-top:solid 1px #ccc;
}

.table_etf {
    border-spacing:0;
    border-width:0;
    width:100%;       
    background-color:#000000 !important;
    line-height:1.7em !important;
    padding:3px 0px 0px 0px !important;
    text-align: left !important;
    cursor: pointer !important;
    color: white;  
    font-family:Tahoma, Geneva, sans-serif; 
}

.table_etf thead th {
    font-weight:bold;
    color: White;
    background-color:#000000;
    line-height:1.7em;
    padding-left:5px;
    padding-right:5px;
}

.table_etf tbody td {
    padding-left:5px;
    padding-right:5px;
    line-height:1.7em;
}

.table_etf tbody tr {
    background-color:#000000 !important;
    line-height:1.7em !important;
    padding:3px 20px 0px 0px !important;
    text-align: left !important;
    cursor: pointer !important;
    color: white; 
    font-weight: bolder; 
}

.table_etf tr.subHead td {
    background-color:#000000;
    font-weight:bold;
    line-height:1.7em;
}


div.grid2 .AspNet-GridView table {
    width:100%;
}

div.grid2 .AspNet-GridView th, div.grid2 .AspNet-GridView td {
    padding-left:5px;
    padding-right:5px;
}

div.grid2 .AspNet-GridView thead tr th {
    font-weight:bold;
    background-color:#e0e0e0;
    line-height:1.8;
}

div.grid2 .AspNet-GridView tbody tr td {
    background-color:#efefef;
    line-height:1.6;
}

div.grid2 .AspNet-GridView-Empty td {
    text-align:center;
    font-weight:bold;
    padding:5px;
    color:#999;
}

.table2 th
{
    background-color: #e2eaa6;
    color: #000000;
    font-size: 93%;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}
.table2 td.subHead
{
    background-color: #e0e0e0;
    color: #000000;
    font-size: 93%;
    font-weight: bold;
    text-align: center;
    padding: 3px;
}

.table2 td
{
    font-size: 93%;
    text-align: left;
    padding: 3px;
    vertical-align: top;
}

.table2 td.RightGridCell
{
    font-size: 93%;
    text-align: right;
    padding: 3px;
    vertical-align: top;
}

.table2 td.NowrapGridCell
{
    font-size: 93%;
    padding: 3px;
    white-space: nowrap;
    vertical-align: top;
}

/* grid 2 not GridView */

table.grid2 {
    font-size:93%;
    width:100%;
    border:1px solid #fcf6e6;
    border-top-width:0;
}

table.grid2 thead {
    background-color:#ffd9b2;
}

table.grid2 thead th {
    padding:5px;
    font-weight:bold;
    text-align:center;
    vertical-align:bottom;
}

table.grid2 tbody tr {
    background-color:#fff;
}

/* setting these SPAN bg-color's explicitly so jquery highlight works */
table.grid2 tbody tr span {
    background-color:#fff;
}

table.grid2 tbody td {
    padding:5px;
    white-space: nowrap;
    vertical-align:top;
}
/* end Grid 2 */


.newsItem {
    border-top:solid 2px #99b416; 
}
strong { font-weight: bold;}
em {font-style: italic;}

.newsHeadline {
    font-weight:bold;
}

.divider {
    border-bottom:solid 2px #99b416;    
}

.cartButton {
    float:left;
    width:47.6%;
    background-color:#8c8c8c;
    line-height:1.8;
    height:1.8em; 
    padding-left:4px;
    color:#fff;
}

.cartButton a {
    color:#fff;
    font-weight:bold;
    cursor:pointer;    
}

.cartButton a:hover {
    color:#E2EAA6;
}

.msg {
    background-color:#e2eaa6;
    border:solid 3px #99b416;
    text-align:center;
    padding:8px;
}
/* Forum Links */
.forumPostLink 
{
	font-weight: bold;
	font-size: 85%;
}

/* Reports view on IPO Profile */
table.reports {
    width:100%;
    margin-bottom:5px;
}

table.reports img {
    vertical-align:middle;
}

table.reports td {
    vertical-align:middle;
}

table.reports tr.AspNet-GridView-Empty td {
    text-align:center;
    font-weight:bold;
}

table.reports thead th {
    font-weight:bold;
}

.entryForm input[type="submit"] {
    width:6em;
    padding:2px;
    background-color: #e0e0e0;
    color: #000000;
    border: solid 1px #99b416;
    font-size: 93%;
    font-weight: bold;
    vertical-align: middle;
}

div.uWriters .underwriterHeader {
    font-weight:bold;
    margin-top:10px;
}

.btn_Investing {
    background: #a4459f;  
    font-family:Verdana;
    font-size:12px;  
    font-weight:bold; 
    height: 16px;
    width: 200px;  
    text-align: center;         
    border-style: ridge;
}        
.btn_Investing a:link, 
.btn_Investing a:visited { 
    color: White; 
    text-decoration: none; 
} 
.btn_Investing a:hover { 
    color: #C8EFEF; 
    text-decoration: none; 
} 

 /* news tables */
/* table1 */
.news-table1 {
  text-align: left;
  border-collapse: collapse;
  margin: 0 0 1em 0;
}
.news-table1 thead th {
  font-weight: bold;
}
.news-table1 tr {
  height: 30px;
  border-bottom: solid 1px #e0e0e0;
}
.news-table1 td, .news-table1 th {
  padding: 5px;
}

/* table2 */
.news-table2 {
  border: 1px solid #999;
  text-align: left;
  border-collapse: collapse;
  margin: 0 0 1em 0;
  caption-side: top;
}
.news-table2 thead th {
  font-weight: bold;
}
.news-table2 tr {
  height: 30px;
}
.news-table2 td, .news-table2 th {
  padding: 5px;
  border-bottom: 1px solid #999;
}

/* table3 */
.news-table3 {
  border: 1px solid #000;
}
.news-table3 thead th {
  font-weight: bold;
}
.news-table3 tr {
  height: 30px;
}
.news-table3 th, .news-table3 td {
  text-align: left; 
  vertical-align: top;
  border: 1px solid #999;
  border-spacing: 0;
  padding: 5px;
}

/* charts */

.chartHeadETF {
    font-weight:bold;
    color: White;
    background-color:#8C8C8C;
    /*line-height:1.8462em;*/
    line-height:1.8em;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align:middle;
}