/********/
/*GLOBAL*/
/********/

/*links*/
/*a, a:visited {COLOR: #00549E;}*/
a, a:visited {COLOR: #0055EE;}
a:hover {COLOR: #7a7a7a;}

/*body*/
.body, TD
{
	FONT: 16px Arial;
	COLOR: #000000;
	line-height: 18px;
}

/*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;
	text-decoration: none;
	cursor: default;
}
	/*background-color: #F3F3F3;*/
.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: #FFFFFF;
	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: #FFFFFF;
	PADDING: 3px 3px 3px 3px;
	TEXT-ALIGN: center;
	LINE-HEIGHT: 11px;
	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: #FFFFFF;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;}

/* 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;
}

/*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;}

hr {
  border: 0;
  color: #FF0000;
  height: 1px;
  background-color: red;
  width: 98%;
}

.hrlarger {
  border: 0;
  color: #FF0000;
  height: 2px;
  background-color: red;
  width: 98%;
}