/* BASIC HTML ELEMENTS. SHOWN IN ALL CAPS */
BODY{background: #FFF; }
BODY,ADDRESS, BLOCKQUOTE, CAPTION, CENTER, DD, DIR, DIV, DL, DT, MENU, H1, H2, H3, H4, H5, OL, P, TD, TH, UL, LI{
font-family: Arial,Verdana; font-style: normal; color: #666;}
BR {line-height: 150% !important}
P { margin: .5em 0px 1em 0px; }
SELECT, TEXTAREA, INPUT, OPTION { font-family: Arial,Verdana; font-style: normal; color: #666; }
UL { margin: 0px 0px 0px 1em; list-style-type: disc; }
DL { margin: 0px 0px 0px 1em; }
LI, DT, DD{ margin: 0px 0px 0px 2em; FONT-FAMILY: Arial,Verdana; font-style: normal; font-size: 12px; }
FORM { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
IMG {border: none;}
.tablebod {font-size: 84%; font-family: Arial,Verdana; font-style: normal; color: #666; text-align: center; vertical-align: middle;}
.linkad { font-size: 11px !important; color: #039 !important; text-decoration: underline; font-weight: normal !important; margin: 0px 0px 12px; display: block;}
.tabledata { font-size: 100%; font-family: Arial,Verdana; font-style: normal; color: #666; }
.mostText { FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.note {FONT-SIZE: 70%; COLOR: #616161; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.notered {FONT-SIZE: 70%; COLOR: #f2472f; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.body{ font-size: 84%; font-family: Arial,Verdana; font-style: normal; color: #666; }
.right{ float: right;}
.hr{clear:both}
/* 12px:84%; 11px:76%; 10px:70%; */
.calandartable {background-color:#fff; font-size: 98%; font-family: Arial,Verdana; font-style: normal; color: #666; }
.calandartable td{background-color:#EEEEEE;}
.calendarHeader{background-color:#BCCCDB; }
/* SELECTORS: always in mixed case */
/* Blue Content Blocks */
.blueTable {padding-bottom: 10px !important; margin: 10px 0px 10px 0px !important; }
.blueHeader {font-size: 84%; height: 20px; color: #FFF; padding: 1px 10px 1px 5px; font-weight: bold !important; background-color: #84A6C1; }
.blueBody { color: #666; padding: 6px 5px 0px 5px !important; background-color: #FFF; }
.blueBodyHome { color: #666; padding: 6px 10px 0px 10px !important; background-color: #FFF; }
.blueBodyBorder { color: #666; padding: 6px 20px 0px 20px !important; background-color: #FFF; border-right: 1px solid #B4D3EE; border-left: 1px solid #B4D3EE; }
.blueBody P, .blueBodyHome P, .blueBodyBorder P , P.body { font-size: 84%; }
.blueBody .hr, .blueBodyBorder .hr {color: #B4D3EE; margin: 8px 0px 8px 0px !important; }
.blueButton {color: #039; height: 18px; font-size: 11px; border: 1px solid #B4D3EE; background-color: #FFF; text-align: middle; }
.blueButtonSnapShot {cursor: hand; color: #039; height: 11px; width: 32; font-family: Arial,Verdana; font-size: 11px; border: 1px solid #B4D3EE; background-color: #FFF; vertical-align: top; text-align: middle;}
.blueBody SELECT, TEXTAREA, INPUT, OPTION { font-size: 11px; font-family: Arial,Verdana; font-style: normal; color: #666; }
/* bodyColumn */
.bodyColumn { padding-left: 10px !important;}
.bodyTable { width: auto; }
/* Market Snapshot */
A.marketLink { font-size: 11px; font-weight: bold; color: #039; }
.marketHead { font-size: 10px; background-color: #E5F1FD; }
.market { background-color: #E5F1FD; font-size: 11px; }
.marketAlt { background-color: #FFF; font-size: 11px;}
.green { color: #093; text-align: right; }
.red { color: #F30; text-align: right; }
.topBox1 { font-size: 11px !important; color: #FFF; background-color: #84A6C1; line-height: 110%; }
.topBox2 { font-size: 11px !important; color: #FFF; background-color: #7391A8; }
.topBox3 { font-size: 11px !important; color: #FFF; background-color: #69849A; line-height: 120%; }
.marquee { font-size: 11px !important; }
.framePad { height: 126px; padding: 15px 20px 15px 20px; }
.framePadHeader { font-size: 125%; font-weight: bold; color: #336; padding-bottom: 0px !important; margin-bottom: 0px; }
.framePadBody { padding-top: 0px; margin-top: 0px; font-size: 76%;}
.header, H1 { font-size: 125%; font-weight: bold; color: #336; height: 28px; }
.subhead, H2 { font-size: 104%; font-weight: bold; color: #336; height: 22px; }
.relatedHead { font-size: 11px; font-weight: bold; color: #666; }
.relatedLinks { padding-bottom: 8px; }
UL.sub { font-size: 84%; margin-left: 2.5em !important; }
.arrow { font-size: 84%; padding-top: 3px; padding-left: 15px; text-indent: -15px !important; }
TD.footer { font-size: 11px !important; color: #FFF; background-color: #84A6C1; }
.utilNav { color: #999999; }
TABLE.footer {height: 34px; width: 100%;}
.printEmail { position: absolute; right: 0px; top: 28px; margin-bottom: 0px; z-index: 4; }
A.pFriendly, A.pFriendly:link, A.pFriendly:visited { font-size: 11px; font-weight: normal !important; text-decoration: underline !imporatant; }
A.pFriendly:hover, A.pFriendly:active { font-size: 11px; font-weight: normal !important; text-decoration: none !imporatant; }
/* dataTable */
.dataTable { margin-top: 5px;}
.dataTableHead { color: #FFF; background-color: #84A6C1; border-bottom: 1px dashed #84A6C1; font-weight: bold; font-size: 84%; padding: 2px 10px 2px 10px; height: 21px; }
.dataTableColHead, .th, .content { color: #000; background-color: #BCCCDB; font-weight: bold; font-size: 84%; padding: 2px 10px 2px 10px; height: 21px; }
.dataTableRow, .even { color: #000; background-color: #FFF; font-weight: normal; font-size: 70%; padding: 2px 10px 2px 10px; height: 21px; }
.datatableRow2, .odd { color: #000; background-color: #E4EDF5; font-weight: normal; font-size: 70%; padding: 2px 10px 2px 10px; height: 21px; }
.dataTableRowGreen, .hossGreen { color: #000; background-color: Lime; font-weight: normal; font-size: 70%; padding: 2px 10px 2px 10px; height: 21px; }
.dataTableRowYellow, .hossYellow { color: #000; background-color: Yellow; font-weight: normal; font-size: 70%; padding: 2px 10px 2px 10px; height: 21px; }
A.dataTableLink { color: #039; font-weight: normal !important; text-decoration: underline !important; }
.disclaimer { font-size: 70%; color: #666; }
/* links */
A, A.blue { color: #039 !important; text-decoration: underline; font-weight: bold; } /*default A is same as .blue */
A:hover, A:active, A.blue:hover, A.blue:active { color: #000 !important; text-decoration: none; font-weight: bold; }
A:visited, A.blue:visited { color: #666 !important; text-decoration: underline; font-weight: bold; }
A.related { font-size: 11px !important; color: #039 !important; text-decoration: underline; font-weight: normal !important; }
A.related:hover, A.related:active { color: #000 !important; text-decoration: none; font-weight: normal !important; }
A.related:visited { color: #666 !important; text-decoration: underline; font-weight: normal !important; }
A.white, A.white:visited { color: #FFF !important; text-decoration: none; }
A.white:hover, A.white:active { color: #000 !important; text-decoration: underline; }
A.whiteUnd { color: #FFF !important; text-decoration: underline; font-weight: normal !important; }
A.whiteUnd:visited { color: #FFF !important; text-decoration: underline; }
A.whiteUnd:hover, A.whiteUnd:active { color: #000 !important; text-decoration: none; }
A.marquee, A.marquee:visited { color: #FFF !important; text-decoration: none; }
A.marquee:hover, A.marquee:active { color: #FFF !important; text-decoration: underline; }
A.footer, A.footer:active, A.footer:hover, A.footer:visited { font-size: 11px !important; font-weight: normal; color: #FFF !important; text-decoration: none !important; }
A.footer:active, A.footer:hover { font-size: 11px !important; font-weight: normal; color: #FFF !important; text-decoration: underline !important; }
A.utilNavLink:active, A.utilNavLink:hover { font-size: 11px !important; font-weight: normal !important; color: #FFF !important; text-decoration: underline !important; }
A.utilNavLink, A.utilNavLink:visited { font-size: 11px !important; font-weight: normal !important; color: #FFF !important; text-decoration: none !important; }
/* advert, sponsor */
.adv { margin-top: 10px !important; text-align: center; border: none; }
.advhalf { margin-top: 10px !important; text-align: center; border: none; float: right }
.advTop { margin-bottom: 10px !important; text-align: center; border: none; }
.adv IMG, .advTop IMG, .sponsor IMG { border: none !important; }
.sponsor { padding-bottom: 3px; padding-right: 0px; margin-right: 0px; }
.sponsoredBy { font-size: 11px; font-weight: bold; margin-bottom: 0px; }
IMG.floatRight { margin: 0px 0px 10px 10px; float: right !important; }
.banner { margin: 10px 0px 10px 0px; text-align: center; }
.homeBanner { margin: 10px 10px 10px 10px;}
.topBanner { background-color: #323265; width: auto; padding-top: 5px; text-align: center; }
.bodySponsor { padding-bottom: 20px !important; }
.bodySponsoredLinks { font-size: 84%; border: 1px red; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #666;}
.bodySponsoredLinksHead { font-size: 84%; color: #666; font-weight: bold; bottom-margin: 0px; bottom-padding: 0px;}
.sponsoredLinks { font-size: 11px; border: 1px solid #B2B2B2; padding: 8px 8px 8px 5px; color: #666; margin-top: 10px; margin-bottom: 10px;}
.sponsoredLinksHead { font-size: 11px; color: #666; font-weight: bold; }
a.sponsLinks, a.sponsLinks:visited, a.sponsLinks:hover, a.sponsLinks:active, a.sponsLinks:link { font-size: 11px; color: #666 !important; font-weight:normal; text-decoration: underline; }
/* pageNav */
.pageNavWidth { width : 500px;}
.pageNav { color: white; background-color: #E4EDF5; border: 1px solid #E4EDF5; margin-bottom: 10px; }
.pageNavCell { padding-left: 10px; }
.pageNavOn { font-size: 73%; font-weight: bold; background-color: #84A6C1; border-left: 1px solid #E4EDF5; padding-left: 9px; padding-right: 6; margin-top: 0px; margin-bottom: 1px; padding-top: 2px; height: 20px; }
.pageNavOff { background-color: #E4EDF5; padding-left: 9px; padding-right: 6; margin-top: 2px; height: 20px}
A.pageNav, A.pageNav:link, A.pageNav:visited { font-size: 73%; color: #039 !important; font-weight: normal; text-decoration: none; }
A.pageNav:hover, A.pageNav:active { color: #039 !important; font-weight: normal; text-decoration: underline; }
/* leftNav */
.leftNav { background: #D6E2ED; }
.navHead { font-size: 12px; color: #039; background-color: #FFF; font-weight: bold; padding: 4px 16px 2px 4px; height: auto; border-bottom: 1px dashed #B5CADA; width: 140px !important; }
.nav1On { font-size: 12px; color: #F60; background-color: #FFF; font-weight: bold; padding: 5px 8px 2px 16px; text-indent: -14px; height: auto; border-bottom: 1px dashed #B5CADA; }
.nav1Off { font-size: 12px; color: #039; background-color: #E4EDF5; font-weight: normal; padding: 5px 8px 2px 16px; text-indent: -9px; height: auto; border-bottom: 1px dashed #B5CADA; }
.nav2On { font-size: 11px; height: auto; font-weight: bold; color: #B5CADA; padding: 4px 2px 2px 5px; text-indent: 0px !important; line-height: 105%;}
.nav2Off { font-size: 11px; height: auto; font-weight: normal; color: #039; padding: 4px 2px 2px 5px; text-indent: 0px !important; line-height: 105%;}
A.navOff, A.navOff:visited { color: #039 !important; font-weight: normal; text-decoration: none; }
A.navOff:hover, A.navOff:active { color: #039 !important; font-weight: normal !important; text-decoration: underline; }
A.navOn, A.navOn:visited { color: #F60 !important; font-weight: bold; text-decoration: none; }
A.navOn:hover, A.navOn:active { color: #F60 !important; text-decoration: underline; }
A.navOpen, A.navOpen:visited { color: #039 !important; font-weight: bold; text-decoration: none; }
A.navOpen:hover, A.navOpen:active { color: #039 !important; font-weight: bold; text-decoration: underline; }
.navHead A, .navHead A:visited{ color: #039 !important; font-weight: bold; text-decoration: none; }
.navHead A:hover, .navHead A:active { color: #039 !important; font-weight: bold; text-decoration: underline; }
/* menu items */
.menuBox { background-color: #039; border: 1px solid #039; border-top: none; padding-top: 6px; padding-bottom: 6px; z-index: 9;}
.menuRightCol { font-size: 11px !important;background-color: #FFF; width: 169; position: absolute; left: 168; top: 0px; border-left: 1px dashed #666; border-right: 1px solid #039; border-bottom: 1px solid #039;padding-top: 6px; padding-bottom: 6px; z-index: 9;}
.menuOneCol,.menuLeftCol { font-size: 11px !important;background-color: #FFF; width: 169; position: absolute; left: 0px; top: 0px; padding-top: 6px; border-left: 1px solid #039; border-bottom: 1px solid #039; border-right: 1px solid #039;padding-bottom: 6px; z-index: 9;}
.menuRow {font-size: 11px !important; background-color: #FFF !important; font-style: normal; color: #039 !important; width:169; height: 18px;}
.menuRowWrap {background-color: #FFF; font-style: normal; color: #039 !important; height: 34px; }
.menuRow A, menuRow A:active, .menuRow A:visited, .menuRow A:link, .menuRowWrap A, menuRowWrap A:active, .menuRowWrap A:visited, .menuRowWrap A:link { font-size: 11px !important; background-color: #FFF; color: #039 !important; font-weight: normal; text-decoration: none; CURSOR: hand; padding: 2px 2px 2px 5px; width: 100%;}
.menuRow A:hover, .menuRowWrap A:hover { font-size: 11px !important; background-color: #E5F1FD; color: #039 !important; text-decoration: underline; width: 100%;}
.openTab { background-color: #E4EDF5; height: 20px; width: auto; }
.mostText { FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.snap { FONT-SIZE: 11px; COLOR: #555555; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.snapRed { FONT-SIZE: 11px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; }
.snapGreen { FONT-SIZE: 11px; COLOR: #009900; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.snaplinks { COLOR: #009900; TEXT-DECORATION: none; }
.snaplinks:hover { COLOR: #009900 }
.snaplinks:visited { COLOR: #009900 }
.ShortH2
{
FONT-WEIGHT: 700;
FONT-SIZE: 14px;
COLOR: #333333;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.ShortH3
{
FONT-WEIGHT: 700;
FONT-SIZE: 12px;
COLOR: #333333;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
/* delayed quote */
.delayedQuotes
{
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesBold
{
FONT-WEIGHT: 900;
FONT-SIZE: 11px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesRed
{
FONT-SIZE: 11px;
COLOR: #ff0000;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesGreen
{
FONT-SIZE: 11px;
COLOR: #008040;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesShortH2Black
{
FONT-WEIGHT: 900;
FONT-SIZE: 14px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesShortH2Red
{
FONT-WEIGHT: 900;
FONT-SIZE: 14px;
COLOR: #ff0000;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesShortH2Green
{
FONT-WEIGHT: 900;
FONT-SIZE: 14px;
COLOR: #008040;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesNormalText
{
FONT-WEIGHT: 400;
FONT-SIZE: 11px;
COLOR: #333333;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.delayedQuotesFormText
{
FONT-WEIGHT: 400;
FONT-SIZE: 12px;
COLOR: #000000;
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.dataTableRowHybrid
{
PADDING-RIGHT: 10px;
PADDING-LEFT: 10px;
FONT-WEIGHT: normal;
FONT-SIZE: 70%;
PADDING-BOTTOM: 2px;
COLOR: #000;
PADDING-TOP: 2px;
HEIGHT: 21px;
BACKGROUND-COLOR: #e9c089
}
.question { font-family: Arial,Verdana; font-style: bold; color: #666; cursor: hand; cursor:pointer;
}
.response { display:none; visibility:hidden; font-family: Arial,Verdana; font-style: normal; color: #666; }
.orange
{
color: #F60;
text-align: right;
background-color: #FFF;
}