/* 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, {
	font-family: Arial,Verdana; font-style: normal; color: #666; }
.mosttext, .content { font-family: Arial,Verdana; font-style: normal; color: #666; }	/* legacy */

BR {line-height: 150% !important}
P { margin: .5em 0px .5em 0px; }

SELECT, TEXTAREA, INPUT, OPTION { font-family: Arial,Verdana; font-style: normal;  color: #666; }
UL { margin: 0px 0px 0px 1em; list-style-type: square; }
FORM { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }

/* 12px:84%; 11px:76%; 10px:70%; */

/* 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; }
.blueBody SELECT, TEXTAREA, INPUT, OPTION { font-size: 11px; font-family: Arial,Verdana; font-style: normal; color: #666; }

/* bodyColumn */
.bodyColumn { padding-left: 10px !important;}
.bodyColumn P { margin: 0px 0px 1.5em 0px !important; }
.bodyTable { width: auto; }

/*for legacy pages */
.textbold { font-weight: bold;}

/* 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; font-weight: bold; }
.red { color: #F30; text-align: right; font-weight: bold; }
.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, .tableHeader { color: #FFF; background-color: #84A6C1; border-bottom: 1px dashed #84A6C1; font-weight: bold; font-size: 84%; padding: 2px 10px 2px 10px; height: 21px; }
.dataTableColHead { color: #000; background-color: #BCCCDB; font-weight: bold; font-size: 84%; padding: 2px 10px 2px 10px; height: 21px; }
.dataTableRow { color: #000; background-color: #FFF; font-weight: normal; font-size: 84%; padding: 2px 10px 2px 10px; height: 21px; }
.datatableRow2, .odd { color: #000; background-color: #E4EDF5; font-weight: normal; font-size: 84%; 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.WhiteLink, A.WhiteLink:visited { color: #FFF !important; text-decoration: none; } /* legacy */
A.WhiteLink:hover, A.WhiteLink:active { color: #000 !important; text-decoration: underline; } /* legacy */
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; } 
.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 */
.pageNav {  color: white; background-color: #323265; border: 1px solid #323265; margin-bottom: 10px; }
.pageNavCell { padding-left: 10px; }
.pageNavOn { font-size: 73%; font-weight: bold; background-color: #84A6C1; border-left: 1px solid #99CCFF; padding-left: 9px; padding-right: 6; margin-top: 0px; margin-bottom: 1px; padding-top: 2px; height: 20px; }
.pageNavOff { background-color: #323265; padding-left: 9px; padding-right: 6; margin-top: 2px; height: 20px}
A.pageNav, A.pageNav:link, A.pageNav:visited { font-size: 73%; color: #FFF !important; font-weight: normal; text-decoration: none; }
A.pageNav:hover, A.pageNav:active { color: #FFF !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; } 

/*Nav Positions */
#mycboe_layer { position: absolute; width: 169px; top: 199px; left: 0px; visibility: hidden; z-index: 9;}
#quotes_layer { position: absolute; width: 169px; top: 199px; left: 78px; visibility: hidden; z-index: 9;}
#data_layer {position: absolute; width: 337px; top: 199px; left: 134px; visibility: hidden; z-index: 9;}
#products_layer {position: absolute; width: 169px; top: 199px; left: 174px; visibility: hidden; z-index: 9;}
#trading_tools_layer {position: absolute; width: 337px; top: 199px; left: 239px; visibility: hidden; z-index: 9;}
#strategies_layer {position: absolute; width: 169px; top: 199px; left: 329px; visibility: hidden; z-index: 9;}
#learning_center_layer {position: absolute; width: 169px; top: 199px; left: 399px; visibility: hidden; z-index: 9;}
#about_cboe_layer {position: absolute; width: 337px; top: 199px; left: 389px; visibility: hidden; z-index: 9;}
#institutional_layer {position: absolute; width: 169px; top: 199px; left: 493px; visibility: hidden; z-index: 9;}
#brokers_layer {position: absolute; width: 169px; top: 199px; left: 557px; visibility: hidden; z-index: 9;}