/********/

/*GLOBAL*/

/********/

#printheader {display:none;}

/*links*/

a, a:visited {COLOR: #00549E;}

a:hover {COLOR: #7a7a7a;}



/*body*/

.body, TD

{

	FONT: 12px Arial;

	COLOR: #000000;

	line-height: 17px;

}



/*lists*/

ul {

	margin-left: 16px;

}

ul {

    LIST-STYLE-IMAGE: url(/images/bullet.gif);

    LINE-HEIGHT: 16px;

    LIST-STYLE-POSITION: outside;

    padding: 0px 10px 0px 8px;

    /*margin-left: 0px; ---- for all other browsers*/

}

li {

    LIST-STYLE-IMAGE: url(/images/bullet.gif);

    margin: 0 0 16px 0.2em;

}

ul.news {

    LIST-STYLE-IMAGE: url(/images/bullet.gif);

    LINE-HEIGHT: 16px;

    LIST-STYLE-POSITION: outside;

    padding: 0px;

    /*margin-left: 0px; ---- for all other browsers*/

}

li.news {

    LIST-STYLE-IMAGE: url(/images/bullet.gif);

    margin: 0 0 -0.4em 0.2em;

}

/*ul ---> for IE only

{

	margin-left: 16px;

}

ul 

{

	LIST-STYLE-IMAGE: url(/images/bullet.gif);

	LINE-HEIGHT: 16px;

	LIST-STYLE-POSITION: outside;

	//margin-left: 0px; ---- for all other browsers//

}

li

{

	LIST-STYLE-IMAGE: url(/images/bullet.gif);

	MARGIN-BOTTOM: 12px;

}*/





/*forms*/

input, select, option /*Automatically applied to all input, select, option tags*/

{

	font-weight: normal;

	border: 1px solid #999999;

	font : 11px Arial;

	color : #666666;

	/*height : 22px;*/ /*can't use this because of current IE non-support*/

}

textarea { /*Automatically applied to all textarea tags*/

	font-weight: normal;

	border: 1px solid #999999;

	font : 11px Arial;

	color : #666666;

	height : auto;

}

.submit-button /*Use whenever it's a button, but not an image*/

{	

	font-weight : bold;

	FONT: 10px Arial;

	TEXT-TRANSFORM: uppercase;

	COLOR: #666666;

	BACKGROUND-COLOR: #FFFFFF;

	LEFT-MARGIN: 10px;

	RIGHT-MARGIN: 10px;

	border-bottom: 1px solid #999999;

	border-right: 1px solid #999999;

	border-top: 1px solid #BBBBBB;

	border-left: 1px solid #BBBBBB;

}

.inputImage { /*Use whenever the input type is an image*/

	BORDER: 0px;

	/*height: auto;*/ /*can't use this because of current IE non-support*/

}



/*******************/

/*HIGH-LEVEL STYLES*/

/*******************/

/*header*/

.searchInput {  /*Search Input Box in the headers ONLY*/

	border : 1px solid #999999;

	font : 11px Arial;

	color : #666666;

	height : 22px;

	width : 147px;

	padding: 3px 0px 0px 3px;

}

.productSelect { /*Product Quick Find Drop-down and International Drop-down*/

	font : 11px Arial;

	width : 145px;

	height : 22px;

	padding: 2px 3px 2px 3px;

}



/*footer*/

.footer

{

	font : 10px Arial;

	font-weight : normal;

	color : #7a7a7a;

	line-height : 13px;

}

/*.footerlink

{

    font : 10px Arial;

	font-weight : normal;

	color: #878787;

}*/

a.footer, a.footer:link, a.footer:visited

{

	FONT-WEIGHT: normal;

	FONT-SIZE: 9px;

	COLOR: #7a7a7a;

	FONT-FAMILY: Arial

}

a.footer:hover

{

	FONT-WEIGHT: normal;

	FONT-SIZE: 9px;

	COLOR: #656565;

	FONT-FAMILY: Arial

}



/*Left and Right Navs*/

#LeftNav {

	FONT: 10px Arial;

	vertical-align: middle;

	TEXT-TRANSFORM: uppercase;

	padding:3px 0px 2px 5px;

	height: 18px;

}

.leftNavBG {

	background-color: #F3F3F3;

}

a.about, a.trading, a.education, a.clearing, a.mycme {TEXT-DECORATION: none;}



.leftNav

{

	FONT-WEIGHT: normal;

	FONT: 11px Arial;

	COLOR: #000000;

	LINE-HEIGHT: 15px;

	background-color: #F3F3F3;

}

a.leftNav, a.leftNav:visited, a.leftNav:active, a.leftNav:link

{

	FONT-WEIGHT: normal;

	FONT: 11px Arial;

	COLOR: #000000;

	LINE-HEIGHT: 15px;

}

a.leftNav:hover

{

	COLOR: #7a7a7a;

}

.leftNavNonLink, a.leftNavNonLink, a.leftNavNonLink:visited, a.leftNavNonLink:active, a.leftNavNonLink:link

{

	FONT-WEIGHT: normal;

	FONT: 11px Arial;

	COLOR: #000000;

	LINE-HEIGHT: 15px;

	background-color: #F3F3F3;

	text-decoration: none;

}

.rightNav, .smallLink /*added rightNav*/

{

	FONT-WEIGHT: normal;

	COLOR: #000000;

	FONT: 10px Arial;

}

a.rightNav, a.rightNav:visited, a.smallLink, a.smallLink:visited /*added rightNav*/

{

	COLOR: #00549E;

	LINE-HEIGHT: 14px;

}

a.rightNav:hover, a.smallLink:hover /*added rightNav*/

{

	COLOR: #7a7a7a;

	LINE-HEIGHT: 14px;

}



/*Title ID with different section color classes*/

#Title {

	FONT: 16px Arial;

	FONT-WEIGHT: bold;

	height: 36px;

	vertical-align: top;

}

.sectionColor {COLOR: #00549E;} /*also use for my cme*/

.sectionBG {background-color: #00549E;} /*also use for my cme*/

a.sectionColor, a.sectionColor:visited, a.sectionColor:active, a.sectionColor:link {

	color: #00549E;

	text-decoration : none;

}



/*Subtitle, byline and bylineItalic are three levels of subtitles*/

.subTitle, .prodSubtitle

{

	FONT: 11px Arial;

	FONT-WEIGHT: bold;

	COLOR: #656565;

	LINE-HEIGHT: 18px;

}

.byline {

	FONT: 11px Arial;

	FONT-WEIGHT: normal;

	COLOR: #656565;

	LINE-HEIGHT: 15px;

}

.bylineItalic {

	FONT: 11px Arial;

	FONT-WEIGHT: normal;

	font-style : italic;

	COLOR: #656565;

	LINE-HEIGHT: 15px;

}



/*Body styles*/

/* black */

.bodySm

{

	Font: 10px Arial;

	Color: #000000;

}

.bodyMed, .bodyTable, .bodyTableNS

{

	Font: 11px Arial;

	Color: #000000;

}

.bodyTableBold, .bodyMedBold

{

	FONT: 11px Arial;

	COLOR: #000000;

	FONT-WEIGHT: bold;

}

/* blue */

.bodySmBlue

{

	Font: 10px Arial;

	Color: #00549E;

}

.blueItalic10

{

	FONT: 10px Arial;

	COLOR: #00549E;

	LINE-HEIGHT: 13px;

	FONT-STYLE: italic;

}

.bodyMedBlue {

	font: 11px Arial;

	color: #00549E;

	text-align: middle;

}

.bodyMedBlueBold

{

	font: 11px Arial;

	font-weight: bold;

	color: #00549E;

}

.bodyTableBlue

{

	FONT: 11px Arial;

	COLOR: #00549E;

	LINE-HEIGHT: 15px;

}

.bodyTableBlueBold

{

	FONT: 11px Arial;

	COLOR: #00549E;

	LINE-HEIGHT: 15px;

	FONT-WEIGHT: bold;

}

.bodyBlue, .blue12

{

	Font: 12px Arial;

	Color: #00549E;

}

.bodyBlueBold, .blueBold12

{

	Font: 12px Arial;

	Color: #00549E;

	FONT-WEIGHT: bold;

}

/* red */

.bodyMedRed{

	font: 11px Arial;

	color: #CC0000;

	text-align: middle;

}

/* green */

.bodyMedGreen{

	font: 11px Arial;

	color: #33CC00;

	text-align: middle;

}

/* gray */

.bodyMedGray{

	font: 11px Arial;

	color: #656565;

	text-align: middle;

}

.bodyMedGrayBold{

	font: 11px Arial;

	color: #656565;

	text-align: middle;

	FONT-WEIGHT: bold;

}



/* Basic Link Styles*/

.link, a.link, a.link:visited, a.news, a.news:visited, .news

{

	FONT-WEIGHT: normal;

	COLOR: #00549E;

	FONT: 11px Arial;

    line-height : 13px;

}

a.link:hover, a.news:hover

{

	COLOR: #7a7a7a;

}

.relatedLink, a.relatedLink, a.relatedLink:visited

{

	FONT-WEIGHT: normal;

	COLOR: #00549E;

	FONT: 11px Arial;

    line-height: 12px;

	text-align: top;

}

a.relatedLink:hover

{

	COLOR: #7a7a7a;

}

.menuLink, .topNavLink, a.menuLink, a.menuLink:visited, a.topNavLink, a.topNavLink:visited

{

	FONT-WEIGHT: normal;

	COLOR: #000000;

	FONT: 11px Arial;

	LINE-HEIGHT: 18px;

}

a.menuLink:hover, a.topNavLink:hover

{

	COLOR: #7a7a7a;

}

.nonlink

{

	FONT-WEIGHT: normal;

	COLOR: #000000;

	FONT: 11px Arial;

	text-decoration: none;

}

a.medDarkGrayBold, a.medDarkGrayBold:visited, a.medDarkGrayBold:hover {

	font: 11px Arial;

	FONT-WEIGHT: bold;

	color: #656565;

}

a.smallDarkGray, a.smallDarkGray:visited {

	font: 10px Arial;

	color: #656565;

	text-decoration: none;

}

a.smallDarkGray:hover {

	font: 10px Arial;

	color: #656565;

	text-decoration: underline;

}

a.bodySmBlue, a.bodySmBlue:visited, a.bodySmBlue:hover, a.bodyMedBlue, a.bodyMedBlue:visited, a.bodyMedBlue:hover {

	text-decoration: none;

}



/****************/

/*SITEMAP STYLES*/

/****************/



a.aboutMenuLink, a.aboutMenuLink:visited, a.aboutMenuLink:hover {

	font: 10px Arial;

	color: #01A0A6;

	text-decoration: none;

}

a.tradingMenuLink, a.tradingMenuLink:visited, a.tradingMenuLink:hover {

	font: 10px Arial;

	color: #5D86C1;

	text-decoration: none;

}

a.eduMenuLink, a.eduMenuLink:visited, a.eduMenuLink:hover {

	font: 10px Arial;

	color: #0090C2;

	text-decoration: none;

}

a.clearingMenuLink, a.clearingMenuLink:visited, a.clearingMenuLink:hover {

	font: 10px Arial;

	color: #6877A1;

	text-decoration: none;

}



/**************/

/*TABLE STYLES*/

/**************/



/* titles */

.tableTitleOutline

{

	BORDER-RIGHT: 1px solid #CCCCCC;

	BORDER-LEFT: 1px solid #CCCCCC;

	BORDER-TOP: 1px solid #CCCCCC;

	FONT: bold 11px Arial;

	TEXT-TRANSFORM: uppercase;

	COLOR: #656565;

	PADDING: 3px 8px 3px 8px;

}

.tableHead

{

	FONT: bold 11px Arial;

	BACKGROUND: #D2E4EE;

	COLOR: #656565;

	PADDING: 3px 8px 3px 8px;

	TEXT-TRANSFORM: none;

}

.tableHead2

{

	FONT: bold 11px Arial;

	BACKGROUND: #CCCCCC;

	COLOR: #656565;

	PADDING: 3px 8px 3px 8px;

	TEXT-TRANSFORM: none;

}

.tableHead3

{

	FONT: 10px Arial;

	BACKGROUND: #D2E4EE;

	COLOR: #656565;

	PADDING: 3px 3px 3px 3px;

	TEXT-ALIGN: center;

	LINE-HEIGHT: 11px;

	TEXT-TRANSFORM: none;

}

.tableHead4

{

	FONT: 10px Arial;

	BACKGROUND: #CCCCCC;

	COLOR: #656565;

	PADDING: 3px 3px 3px 3px;

	TEXT-ALIGN: center;

	LINE-HEIGHT: 11px;

	TEXT-TRANSFORM: none;

}

.tableHead5

{

	FONT: bold 11px Arial;

	BACKGROUND: #00549E;

	COLOR: #FFFFFF;

	PADDING: 3px 8px 3px 8px;

	TEXT-TRANSFORM: none;

}

.tableHead6

{

	FONT: bold 11px Arial;

	BACKGROUND: #CCCCCC;

	COLOR: #00549E;

	PADDING: 3px 8px 3px 8px;

	TEXT-TRANSFORM: none;

}

.tableHead7

{

	FONT: 10px Arial;

	BACKGROUND: #CCCCCC;

	COLOR: #00549E;

	PADDING: 3px 8px 3px 8px;

	TEXT-TRANSFORM: none;

}

a.tableHead2, a.tableHead2:hover, a.tableHead2:visited, a.tableHead2:link, a.tableHead2:active,

a.tableHead4, a.tableHead4:hover, a.tableHead4:visited, a.tableHead4:link, a.tableHead4:active

{COLOR: #656565;LINE-HEIGHT: 15px;}

a.tableHead, a.tableHead:hover, a.tableHead:visited, a.tableHead:link, a.tableHead:active,

a.tableHead3, a.tableHead3:hover, a.tableHead3:visited, a.tableHead3:link, a.tableHead3:active

{COLOR: #656565;LINE-HEIGHT: 15px;}

a.tableHead5, a.tableHead5:hover, a.tableHead5:visited, a.tableHead5:link, a.tableHead5:active

{COLOR: #FFFFFF;LINE-HEIGHT: 15px;}

a.tableHead6, a.tableHead6:hover, a.tableHead6:visited, a.tableHead6:link, a.tableHead6:active, 

a.tableHead7, a.tableHead7:hover, a.tableHead7:visited, a.tableHead7:link, a.tableHead7:active

{COLOR: #00549E;LINE-HEIGHT: 15px;}



/* outlines */

.tableOutline

{

	BORDER: 1px solid #CCCCCC;

}

.tabTableOutline

{

	BORDER-RIGHT: 1px solid #CCCCCC;

	BORDER-LEFT: 1px solid #CCCCCC;

	BORDER-BOTTOM: 1px solid #CCCCCC;

}

.sideTableOutline

{

	BORDER-RIGHT: 1px solid #CCCCCC;

	BORDER-LEFT: 1px solid #CCCCCC;

}

.tableOutlineTop

{

	BORDER-RIGHT: 1px solid #CCCCCC;

	BORDER-LEFT: 1px solid #CCCCCC;

	BORDER-TOP: 1px solid #CCCCCC;

}

/* white styles */

.whiteTD, .whiteTDnew

{

	BACKGROUND: #FFFFFF;

	FONT: 11px Arial;

	COLOR: #000000;

	PADDING: 3px 8px 3px 8px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.whiteTDbold

{

	BACKGROUND: #FFFFFF;

	FONT: bold 11px Arial;

	COLOR: #000000;

	PADDING: 3px 8px 3px 8px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.whiteTDNoPad

{

	BACKGROUND: #FFFFFF;

	FONT: 11px Arial;

	COLOR: #000000;

	VERTICAL-ALIGN: top;

}



/* gray styles */

.grayTD

{

	BACKGROUND: #E5E5E5;

	FONT: 11px Arial;

	COLOR: #000000;

	PADDING: 3px 8px 3px 8px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.grayTDbold

{

	BACKGROUND: #E5E5E5;

	FONT: bold 11px Arial;

	COLOR: #656565;

	PADDING: 3px 8px 3px 8px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.grayTDNoPad

{

	BACKGROUND: #E5E5E5;

	FONT: 11px Arial;

	COLOR: #000000;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.grayTD2

{

	BACKGROUND: #F3F3F3;

	FONT: 11px Arial;

	COLOR: #000000;

	PADDING: 3px 8px 3px 8px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.grayTD2bold

{

	BACKGROUND: #F3F3F3;

	FONT: bold 11px Arial;

	COLOR: #000000;

	PADDING: 3px 8px 3px 8px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.grayTD2NoPad

{

	BACKGROUND: #F3F3F3;

	FONT: 11px Arial;

	COLOR: #000000;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}



/***************************/

/*LOW LEVEL SPECIFIC STYLES*/

/***************************/



/*Home page and Section pages*/

.smallDarkGray {

	font: 10px Arial;

	color: #656565;

	text-align: middle;

}

.medDarkGray {

	font: 11px Arial;

	color: #656565;

}

.medDarkGrayBold {

	font: 11px Arial;

	FONT-WEIGHT: bold;

	color: #656565;

}

.darkGray {

	font: 12px Arial;

	color: #656565;

}

.darkGrayBold {

	font: 12px Arial;

	FONT-WEIGHT: bold;

	color: #656565;

}



/*Quotes*/

.quotesNeg{

	font: 11px Courier New;

	color: #CC0000;

	text-align: middle;

}

.quotesPos{

	font: 11px Courier New;

	color: #33CC00;

	text-align: middle;

}

.quotesText{

	font: 11px Courier New;

	color: #000000;

	text-align: middle;

}

.quotesGray{

	BACKGROUND: #F3F3F3;

	FONT: 11px Arial;

	COLOR: #000000;

	PADDING: 3px 7px 3px 7px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

.quotesWhite{

	BACKGROUND: #FFFFFF;

	FONT: 11px Arial;

	COLOR: #000000;

	PADDING: 3px 7px 3px 7px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

label.em10, .em10 label{
	width: 10em;
	text-align: right;
	float: left;
	margin-right: 5px;
}

.lineDouble {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}

.formBox2 {padding:0px 0px 0px 0px;}

.clear {clear:left;}


/*glossary*/

.glossary{

	font: bold 24px Arial;

	color: #656565;

}



/*MY CME menu styles*/

.hmItemMyCME1, .hmItemMyCME1Over, .hmItemMyCME1Selected {background: url(/images/myCmeMarketData.gif) no-repeat; height:21px; width:117px;}

.hmItemMyCME2, .hmItemMyCME2Over, .hmItemMyCME2Selected {background: url(/images/myCmeOnlineEdu.gif) no-repeat; height:21px; width:98px;}

.hmItemMyCME3, .hmItemMyCME3Over, .hmItemMyCME3Selected {background: url(/images/myCmeMyAccount.gif) no-repeat; height:21px; width:72px;}
