/***************************************************
************* cmegroup.com style.css****************
***************************************************/
@media print {
	#LeftColumn2,
	#RightColumn1,
	#RightColumn2,
	#CenterColumnRight,
	#footer{
		display:none;
	}
	.subnav .leftNavSub {
		display: none;
	}
	#TopNavHeaderRight,#TopNavHeaderBootm{
		display:none;
	}
	#cmelogoimg{
		display:block;
	}
	.headerRight,
	.headerSearch,
	#table_ .RightFutureDiv{
		display:none;
	}

	#LeftColumn1,
	#BelowHeader .TopProductSection{
		display:none;
	}

	#CenterColumn1,
	#CenterColumn2{
		/*width: 100%;*/
	}

	#mdTable .ProductTable{
		width /**/: 600px;
		display:table-cell;
		float:left;
	}
}

/*OVERALL ELEMENTS*/

/* \*/
* html .gainlayout { height: 1%; }
/* */

body {
	background:#FFF;
	font: normal normal normal 11px Arial;
	color:#333;
	/*text-align:center;*/
  	/*min-width:950px;*/
	padding:0;
	margin:0;
}
#Container {
	text-align: left;
  	width: 984px;
  	margin-left: auto;
  	margin-right: auto;
}
p {
	margin:4px 0px 4px 3px;
	color:#333;
}
a, a:focus, a:link {color:#0575b9;text-decoration:none;}
a:hover {color:#1c3d73;}
a:active {color:#1c3d73;}
a.link333 {color:#333;text-decoration:none;}
.boldText {color:#454545;font-weight:bold;}
.footnote {font-size:10px;margin:0px;}
.disclaimer {font-size:10px; color:#777}
.lineH15 {line-height:15px;}
.lineH25 {line-height:25px;}
.text10 {font-size:10px;line-height:10px;}
.clear {clear:left;}


/* start linklist */

.optionsList{
	padding: 3px 0;
}
.optionsList span{
	margin:0 3px;
}

/* end linklist */

/* start links */
a.neArrowLink{
	background:url(http://www.cmegroup.com/images/arrowHomeD.gif) no-repeat left;
	padding-left:11px;
    display: block;
}

a.eArrowLink{background:url(http://www.cmegroup.com/images/homeArrowF.gif) no-repeat left;
	padding-left:15px;
display:block;}

a.fullSize{
	display:block;
}

/* end links */

/*MouseOver  Message*/
#mousemessage {
	position:absolute;
	top: 0;
	background-color: #f8f8f8;
	width: 175px;
	line-height:18px;
	z-index:100;
	border:1px solid #ccc;
	visibility: hidden;
	text-align:left;
	padding:0px;
}

.mouseMessTitle {
font-weight:bold;
border-bottom:1px solid #ccc;
text-align:left;
padding:2px 7px 2px 5px;
}

.mouseMessContent {
text-align:left;
padding:2px 7px 10px 5px;
}




/* scrapbook */

#scrapBook{
	overflow: hidden;
}

span.scrapBookItem{
}

span.scrapBookItem a{
	background: url(http://www.cmegroup.com/images/iconExpandData.gif) left no-repeat;
	padding:0 0 0 13px;
}

span.scrapBookItem .divider{
	margin:0 3px 0 0;
}

span.scrapBookItemHidden{
	display:none;
}

/* scrapbook */

/*FORMS*/
optgroup{
	font-style:normal;
	padding-left:3px;
}

optgroup option{
	padding-left:8px;
}

fieldset {
	font: normal normal normal 10px Arial;
	border: 1px solid #CCC;
	padding:10px;
}
form {margin:0;padding:0;}

/* for IE 5.0+: */
input {
    border: expression(this.type == "checkbox" ? "none" : this.type == "radio" ? "none" : null);
}

select, input, textarea {
	font: normal normal normal 1em Arial;
	color:#333;
	border: 1px solid #CCC;
	vertical-align:bottom;
	padding-left:5px;
	scroll:auto;
	scrollbar-base-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-arrow-color: #CCCCCC;
}

button, input.button {
	background: transparent url("http://www.cmegroup.com/images/buttonBg.gif") repeat-x;
	border: 0px;
	font: normal normal normal 11px Arial;
	font-weight:normal;
	color:#FFF;
	padding:2px 3px;
	/*width:auto;*/
	/*height:18px;*/
}
.noBold {font-weight:normal;}
.goArrow {
	height:18px;
	padding:0;
	border:none;
	vertical-align:middle;
	margin:0;
}
.errorYellowBG{background-color:#FFFF66;}

.errorRed{color:#D40000;}
.error, errorText{
	color:#D40000;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}


/*added on 120309 for international pages A.D.*/
.smallRightNav{
	margin-left:524px;
	position:absolute;
	top:162px;
	width:201px;
	height:150px;
	padding-top:5px;
}

.shortCenterColumn{
	margin:0 20px 0 0;
	width:504px;
}

/*LISTS*/

ol{
	padding-left:16px;
}

ol li{
	background-image:none;
	padding-left:0;
}

ol.form li{
	clear:both;
	margin-bottom:8px;
}

ol.form input{
	vertical-align:middle;
}

ol.form label{
	width:8em;
	display:block;
	float:left;
}



ul {
	list-style:none;
	padding:0;
	padding-left: 12px;
	line-height:15px;
	margin:0;
}
li {
	background-image:url("http://www.cmegroup.com/images/bullet.gif");
	background-repeat:no-repeat;
	background-position: left .3em;
	padding-left:1.2em;
}
/*new bullets for unordered lists AD*/
li.circle {
	background-image:url("http://www.cmegroup.com/images/bullet_circle.gif");
	background-repeat:no-repeat;
	background-position: left .3em;
	padding-left:1.2em;
}
li.square {
	background-image:url("http://www.cmegroup.com/images/bullet_square.gif");
	background-repeat:no-repeat;
	background-position: left .3em;
	padding-left:1.2em;
}
ul.arrow {
	list-style:none;
	padding:0px;
	margin:0;
	text-align:left;
}
li.arrowList
{
background-image:url("http://www.cmegroup.com/images/homeArrowF.gif");
background-repeat:no-repeat;
background-position: .2em .2em;
padding-left:1.6em;
padding-top:.1em;
}

li.arrowBackList
{
background-image:url("http://www.cmegroup.com/images/homeArrowB.gif");
background-repeat:no-repeat;
background-position: .2em .2em;
padding-left:1.6em;
padding-top:.1em;
}

li.arrowUpList
{
background-image:url("http://www.cmegroup.com/images/arrowUD.gif");
background-repeat:no-repeat;
background-position: .2em .2em;
padding-left:1.6em;
padding-top:.1em;
}

ul.miniList{
	list-style:none;
	margin:0;
	padding:0;
	line-height:normal;
	font-size:smaller;
	width:auto;
}
ul.miniList li{
	list-style:none;
	background-image:none;
	padding-left:0;
	margin-bottom:3px;
	width:auto;
}

ul.spacedbullets {
	list-style:none;
	padding:0;
	padding-top: 5px;
	line-height:15px;
	margin:0;
}
ul.spacedbullets li {
	background-image:url("http://www.cmegroup.com/images/bullet.gif");
	background-repeat:no-repeat;
	background-position: left .3em;
	padding-left:1.2em;
	padding-bottom: .8em;
}


/*MAIN COLUMN CONTAINERS*/
#LeftColumn1 {
	width:202px;
	float:left;
	padding:0px 0px 10px 0px;
}
/*NOT CURRENTLY USED
#LeftColumn2 {
	width:202px;
	float:left;
	padding-bottom:10px;
}
NOT CURRENTLY USED*/
#titleFullWidth {
	width:728px;
	float:left;
	margin:0px 20px;
	padding-bottom:15px;
}

#titleFullWidth .titleImg{
	height:119px;
	background:url(http://www.cmegroup.com/images/blueBarLong.jpg) left top no-repeat;
}


#titleFullWidth #LandingTitle {
	background: #e6e6e6 url('http://www.cmegroup.com/images/grayBg02.gif');
	height:26px;
	font: normal normal normal 18px Arial;
	color:#1b3d73;
	padding:5px 0 0 10px;
}

#CenterColumn1 {
	width:504px;
	float:left;
	/*margin:0px 20px 0px 20px; */
	margin:0px 20px 0px 0px;
	padding-bottom:15px;
}
.breadcrumb {
	float:left;
	width:950px;
	height:7px;
	padding:4px 0 5px 0;
	margin-bottom:5px;
	font-size:10px;
}
.CenterColumn2 {
	width:504px;
	float:left;
	margin:10px 0;
	padding-bottom:30px;
}
#RightColumn1 {
	width:202px;
	float:left;
	padding-bottom:10px;
	clear:right;
}
#RightColumn2,
.RightColumn2 {
	width:202px;
	float:right;
	padding-left:18px;
	padding-bottom:10px;
}
#CenterColumnRight {
	width:200px;
	float:left;
	/*padding-bottom:20px;*/
	clear:right;
}
.DoubleColumnTop,
#DoubleColumnTop {
	width:726px;
	float:left;
	margin:0;
	padding:0;
	empty-cells: hide;
	display:none; /*This must be controlled in the template: if NotEmpty > don't use; if Empty > use*/
}
#DoubleColumnBottom {
	width:726px;
	float:left;
	margin:0 0 10px 20px;
	padding:0;
}

/*CENTER COMPONENTS (BGs, ETC)*/
#BlueBgCenter {
	background: #00508f url('http://www.cmegroup.com/images/bannerBlueBg.gif') repeat-x top;
	width:504px;
	height:30px;
	border: 1px solid #00508f;
}
#BlueBgCenterShort {
	background: #00508f url('http://www.cmegroup.com/images/bannerBlueBg.gif') repeat-x top;
	width:238px;
	height:30px;
	border: 1px solid #00508f;
}
#GrayBgCenter,
.GrayBgCenter {
	background: #e6e6e6 url('http://www.cmegroup.com/images/grayBg01.gif') repeat-x top;
	width:504px;
	border: 1px solid #e6e6e6;
	overflow:hidden;
	float:left;
}
#GrayBgCenterShort {
	background: #FFF url('http://www.cmegroup.com/images/grayBg01.gif') repeat-x top;
	width:239px;
	border: 1px solid #e6e6e6;
	overflow:hidden;
	float:left;
}
#LandingTitle {
	background: #e6e6e6 url('http://www.cmegroup.com/images/grayBg02.gif') repeat-x top;
	width:718px;
	height:26px;
	max-height: 26px;
	min-height: 26px;
	font: normal normal normal 18px Arial;
	color:#1b3d73;
	padding:5px 0 0 10px;
}
#LandingTitleShort {
	background: #e6e6e6 url('http://www.cmegroup.com/images/grayBg02.gif') repeat-x top;
	width:496px;
	height:26px;
	max-height: 26px;
	min-height: 26px;
	font: normal normal normal 18px Arial;
	color:#1b3d73;
	padding:5px 0 0 10px;
}

/* CONTENT ELEMENTS */
div.ContentElementRow {
	clear:both;
}

div.ContentElementSeparator {
	clear:both;
	height:20px;
	padding:0px;
	margin:0px;
}

div.ContentElementLeft {
	display:inline;
	float:left;
	width:243px;
}

div.ContentElementRight {
	display:inline;
	float:right;
	width:243px;
}

div.ContentElementFull {
	display:inline;
}

div.ContentElementHalfSizeWide {
	width:353px;
}

div.ContentElement {
	height:125px;
	background-color:#E0E0E0;
	padding:10px;
	overflow:hidden;
}

div.ContentInclude {
	padding:0px;
	overflow:visible;
}

/*DIV BOXES AND BLOCKS*/
.tabBox {margin:0px;padding:0px;width:728px;background: url('http://www.cmegroup.com/images/tabProductBG.gif') repeat-y;height:100%;}
.tabBoxAlt {margin:0px;padding:0px;width:728px;background-color:#e78a01;height:100%;}
.tabBoxOptions {margin:0px;padding:0px;width:728px;background: url('http://www.cmegroup.com/images/tabProductOptionsBG.gif') repeat-y;height:100%;}
.titleBox {padding:5px 5px 5px 5px;}
.titleBox2 {padding:5px 0px 5px 0px;}
.titleBox3 {padding:5px 1px 5px 2px;}
.titleBlock {margin:0px;}
.titleBlock135 {width:135px;}
.titleBlock174 {width:174px;}
.titleBlock275 {width:275px;}
.titleBlock230 {width:230px;}
.titleBlock485 {width:485px;}
.formBox {padding:5px 5px 10px 5px;}
.formBox2 {padding:0px 0px 0px 0px;}
.formBlock {line-height:25px; margin:0px; padding:0px 30px 0px 0px;}
.formBlock2 {line-height:25px; margin:0px; padding:0px 0px 0px 0px;}
.formBlock3 {line-height:25px; margin:0px; padding:0px 10px 0px 0px;}
.formBlock130 {width:130px;line-height:25px; margin:0px; padding:0px 0px 0px 0px;}
.formBlock174 {line-height:25px; margin:0px; padding:0px 0px 0px 5px; width:154px;}
.centerBox {text-align:center;padding:5px 0 5px 0;}
.centerBlock {text-align:center;padding:5px 0 5px 0;}
.contentBox {padding:5px 5px 10px 5px;}
.contentBox2 {padding:5px 5px 5px 5px;}
.contentBox3 {padding:10px 5px 0px 5px;}
.contentBox4 {padding:0 0 0 0;height:100%;}
.contentBlock {padding:0px;height:100%;}
.contentBlockGray {padding:10px 10px 10px 10px;background-color:#EEE;}
.contentBlock174 {width:174px;}
.contentBlock230 {padding-right:10px; width:230px;}
.contentBlock240 {width:240px;}
.contentBlockGray240 {width:220px;padding:10px 10px 10px 10px;background-color:#EEE;}
.contentBlock480 {width:480px;}
.navBox {padding:0 5px 0 5px;}
.navBlock {padding:0 0 0 0;}
.textBlock {width:230px;padding:10px 10px 10px 10px;vertical-align:top;}
.textBlockGray {width:230px;padding:10px 10px 10px 10px;vertical-align:top;background-color:#EEE;}

.boxBlueBold {width:auto;float:top;}
.clearingfirm{width: 242px; border-top: 1px solid #cccccc; float: left; padding: 3px 0 3px 0;}

/* start multicolumn blocks */

.halfColumn{
	width:49%; /* because of IE 6*/
	float:left;
}
html > .halfColumn{
	width:50%;
}

.thirdColumn{ /* takes up one third the width of its container */
	width:33%;
	float:left;
}

.quarterColumn{ /* takes up one third the width of its container */
	width:24%; /* because of IE 6*/
	float:left;
}
html > .quarterColumn{ /* takes up one third the width of its container */
	width:25%;
}

.fifthColumn{ /* takes up one third the width of its container */
	width:19%; /* because of IE 6*/
	float:left;
}

html > .fifthColumn{ /* takes up one third the width of its container */
	width:20%;
}

.eighthColumn{ /* takes up one third the width of its container */
	width:12%;
	float:left;
}

.tenthColumn{ /* takes up one third the width of its container */
	width:9%; /* because of IE 6*/
	float:left;
}

html > .tenthColumn{ /* takes up one third the width of its container */
	width:10%;
}

/* end multicolumn blocks */

/*TITLES*/

h1,
.titleOrangeBold18 {
	float:left;
	width:503px;
	text-align:left;
	font: normal normal normal 18px Arial;
	color:#cc6600;
	margin:0 0 5px;
	padding:5px 0 0;
}

h1.blue,
.titleBlueBold {
	font: normal normal normal 18px Arial;
	color: #1c3d73;
	padding:9.5px;
	float: left;
}

h2,
.titleOrangeBold14 {
	text-align:left;
	font: normal normal bold 14px Arial;
	color:#cc6600;
	margin:0px;
}

h2.overLine,
.titleOrangeBold {
	float:left;
	width:503px;
	text-align:left;
	font: normal normal bold 14px Arial;
	color:#cc6600;
	margin-bottom:5px;
	border-top:1px solid #CCC;
	padding:5px 0 0 2px;
}

h2.white,
h2.whiteProduct,
.titleWhiteProduct,
.titleWhite{
	font: normal normal bold 14px Arial;
	color: #FFFFFF;
}

h2.white,
.titleWhite {
	padding:3px 0px 0px 10px;
}

h3,
.titleOrangeBold11 {
	margin:0;
	text-align:left;
	font: normal normal bold 11px Arial;
	color:#cc6600;
}

h3.grey{
	color:#454545;
}

h3.green{
	color:#999933;
}

h3.dkblue{
	color:#0066cc;
}

/*next three classes added for International pages on 12/02/09 AD*/
.assetSection {
	float:left;
	margin-bottom:10px;
	width:504px;
	border-bottom:1px solid #CCCCCC;
}
.groupbox {
	background-color: rgb(238, 238, 238);
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	float:left;
	padding:5px 8px 8px;
}
.groupboxImg {
   padding: 3px;
   border: 1px solid #CCCCCC;
}
.whiteGroupbox {
	background-color: #FFFFFF;
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	float:left;
	padding:5px 8px 8px;
}
.imgNav {
	border: 1px solid #CCCCCC;
	padding:5px 10px 25px;
	text-align:center;
	width:466px;
}
.imgMargin3px {
	margin: 3px;
}
.width87px {
	width:87px;
}
.highlight {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background:transparent url(http://www.cmegroup.com/images/groupbox-th.jpg) repeat-x scroll 0 0;
	border:1px solid #075492;
	color:#FFFFFF;
	display:block;
	float:left;
	font-family:arial;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:18px;
	line-height:normal;
	margin-top:5px;
	padding-left:8px;
	padding-top:2px;
	vertical-align:top;
	width:494px;
}

.greenHL{
	background:transparent url(http://www.cmegroup.com/images/groupbox-th_green.jpg) repeat-x scroll 0 0;
	border:1px solid #999933;
}

.orangeHL{
	background:transparent url(http://www.cmegroup.com/images/groupbox-th_orange.jpg) repeat-x scroll 0 0;
	border:1px solid #cc6633;
}

/*TABS*/
/*#Tabs {
/*	height:25px;
/*	text-align:left;
/*	width:506px;
/*	padding:0px;
/*	margin:0px 0px 0px 0px;
/*}
/*#TabsProducts {
/*	background: #e78901 url('http://www.cmegroup.com/images/tabDividerBg.gif') repeat-x top;
/*	width:728px;
/*	height:24px;
/*	padding:0px;
/*	margin:0px;
/*}
/*#TabsProductOn {
/*	background: #e78901 url('http://www.cmegroup.com/images/tabProductOnBG.gif') repeat-x;
/*	width:343px;
/*	height:100%;
/*	padding-top:10px;
/*	padding-left:10px;
/*	padding-bottom:5px;
/*}
/*#TabsProductOnAlt {
/*	background: #e78901 url('http://www.cmegroup.com/images/tabProductOnBG.gif') repeat-x;
/*	width:707px;
/*	height:100%;
/*	padding-top:10px;
/*	padding-left:10px;
/*	padding-bottom:5px;
/*}
/*#TabsProductOff {
/*	background: #FFF;
/*	width:351px;
/*	padding-top:9px;
/*	padding-left:10px;
/*	padding-bottom:5px;
/*	border-top:1px solid #CCC;
/*}
/*
/*#TabsProductOptionsOn {
/*	background: #e78901 url('http://www.cmegroup.com/images/tabProductOnBG.gif') repeat-x;
/*	width:343px;
/*	height:100%;
/*	padding-top:10px;
/*	padding-left:10px;
/*	padding-bottom:5px;
/*}
/*#TabsProductOptionsOff {
/*	background: #FFF;
/*	width:350px;
/*	padding-top:9px;
/*	padding-left:10px;
/*	padding-bottom:5px;
/*	border-top:1px solid #CCC;
/*}
/*#TabsProductCornerBG {
/*	background: url('http://www.cmegroup.com/images/tabProductCornerBG.gif') repeat-y;
/*	width:14px;
/*	min-height:33px;
/*	height:100%;
/*}
/*#TabsProductCornerBGAlt {
/*	width:11px;
/*	min-height:33px;
/*	height:100%;
/*}
/*#TabsProductCornerOptionsBG {
/*	background: url('http://www.cmegroup.com/images/tabProductCornerOptionsBG.gif') repeat-y;
/*	width:11px;
/*	min-height:33px;
/*	height:100%;
/*}
/*.orange {
/*	float:left;
/*	border:0px;
/*	color:#FFF;
/*	font-weight:bold;
/*	background: #e78901 url('http://www.cmegroup.com/images/orangeBg01.gif') repeat-x top;
/*	text-align:center;
/*	padding: 5px 0px 5px 0px;
/*}
/*.orangeSolid {
/*	float:left;
/*	border:0px;
/*	color:#FFF;
/*	font-weight:normal;
/*	background: #e78901;
/*	text-align:center;
/*	vertical-align:top;
/*	padding: 5px 0px 5px 0px;
/*	height:10px;
/*}
/*//////////////////////////////////////////////*/
/*
/*
/*.orangeSolid div.selected a{/*selected main tab style */font-weight:bold;}
/*.tabOrangeBG {background: #e78901 url('http://www.cmegroup.com/images/tabDividerBg.gif') repeat-x top;}
/*
/*
/*//////////////////////////////////////////////*/

.ltBlue {
	float:left;
	border:0px;
	color:#333;
	background: #c5e5f2 url('http://www.cmegroup.com/images/ltBlueBg01.gif') repeat-x top;
	text-align:center;
	padding: 5px 0px 5px 0px;
}

.tabTransition{
	float:left;
	border:0px;
	background: #c5e5f2;
	text-align:center;
	padding: 5px 0px 5px 0px;
}
.tabTransition a,
.ltBlue a{
	color: rgb(51, 51, 51);
	cursor:pointer;
}

.live{
	float:left;
	background: #e78901;
	text-align:center;
	padding: 5px 0px 5px 0px;
}
.live a{
	color: rgb(254, 250, 251);
	cursor:pointer;
}

/*DYNAMIC TABS*/
.tabcontentstyle{/*style of tab content container*/width: 450px;}
.tabContainer{width:200px;}
.tabcontent{display:none;}
@media print {
.tabcontent {display:block!important;}
}


/*SWITCH CONTENT*/
.handcursor{
cursor:hand;
cursor:pointer;
}


/*LEFT NAVIGATION COMPONENTS*/

/*RIGHT AND LEFT NAVIGATION COMPONENTS - WIDGET BOXES*/
.boxTitleGray {
	font: normal normal bold 14px Arial;
	color:#454545;
	line-height:14px;
	vertical-align:top;
}
.grayBoxBg {background-color:#f7f7f7;padding:10px;margin-bottom:10px;}
.leftBox1{padding:15px 0px 0px 11px;}
.leftBox2{padding:23px 0px 0px 11px;}

.leftBox3{padding:23px 0px 0px 0px;}
.rightNavBox {padding-bottom:5px;}
.widgetTop {font-weight:bold;color: #CC6600;
}
.widgetBoxTop {
	color: #CC6600;
	background: #FFF url('http://www.cmegroup.com/images/widgetBg01.gif') repeat-x top;
	padding:5px 0 5px 10px;
	font-weight:bold;
	clear:both;
}
.widgetBoxTopRight {
	float:right;
	vertical-align:top;
	position:relative;
	right:8px;
	top:-14px;
	padding:0;
	margin:0;
}
.widgetBoxTopRight2 {
	vertical-align:top;
	position:relative;
	top:0px;
	left:220px;
	padding:0;
	margin:0;
}
.widgetBoxTopRight3 {padding:7px 7px 0 0;}


/*VARIOUS PADDING & MARGINS*/

.noPad {padding:0;}
.pad10,
.innerPadding {padding:10px;}/*Margins for inner DIV inside each column (to provide padding)*/

.padTop2 {padding-top:2px!important;}
.padTop5 {padding-top:5px!important;}
.padTop10 {padding-top:10px!important;}
.padTop15 {padding-top:15px!important;}
.padTop20 {padding-top:20px!important;}
.padTop25 {padding-top:25px!important;}
.padTop30 {padding-top:30px!important;}

.padTopBottom2 {padding:2px 0;}
.padTopBottom3 {padding:3px 0;}
.padTopBottom5 {padding-top:5px;padding-bottom:5px;}

.padBottom5 {padding-bottom:5px!important;}
.padBottom10 {padding-bottom:10px!important;}
.padBottom20 {padding-bottom:20px!important;}

.padRight5 {padding-right: 5px!important;}
.padRight10 {padding-right:10px!important;}
.padRight20 {padding-right:20px!important;}
.padRight30 {padding-right:30px!important;}
.padRight12 {padding-right:12px!important;}

.padLeftRight5 {padding-right: 5px;padding-left:5px}

.padLeft2 {padding-left: 2px!important;}
.padLeft5 {padding-left:5px!important;}
.padLeft10 {padding-left: 10px!important;}
.padLeft15 {padding-left: 15px!important;}
.padLeft20 {padding-left:20px!important;}
.padLeft25 {padding-left: 25px!important;}
.padLeft28 {padding-left:28px!important;}
.padLeft30 {padding-left:30px!important;}
.padLeft40 {padding-left:40px!important;}
.padLeft50 {padding-left: 50px!important;}
.padLeft60 {padding-left: 60px!important;}


.marginTop5 {margin-top:5px!important;}
.marginTop10 {margin-top:10px!important;}
.marginTop15 {margin-top:15px!important;}
.marginTop20 {margin-top:20px!important;}
.marginTop30 {margin-top:30px!important;}
.marginTop40 {margin-top:40px!important;}

.marginRight10 {margin-right:10px!important;}
.marginRight5 {margin-right:5px!important;}
.marginRight15 {margin-right:15px!important;}
.marginRight20 {margin-right:20px!important;}

.marginLeftRight3 {margin:0 3px;}
.marginLeftRight5 {margin:0 5px;}

.marginBottom2 {margin-bottom:2px!important;}
.marginBottom5 {margin-bottom:5px!important;}
.marginBottom10 {margin-bottom:10px!important;}
.marginBottom15 {margin-bottom:15px!important;}
.marginBottom20 {margin-bottom:20px!important;}

.marginLeft5 {margin-left:5px!important;}
.marginLeft10 {margin-left:10px!important;}
.marginLeft15 {margin-left:15px!important;}
.marginLeft20 {margin-left:20px!important;}


/*FLOATS & ALIGNMENT*/

.floatLeft,
.FloatLeft,
.leftFloat{
	float:left;
}

.floatRight,
.FloatRight,
.rightFloat {
	float:right;
}

.alignLeft,
.leftAlign {
	text-align:left;
}

.alignRight,
.rightAlign {
	text-align:right;
}

.alignCenter,
.centerAlign {
	text-align:center;
}

.alignJustify,
.justifyAlign {
	text-align:justify;
}

.alignMiddle,
.middleAlign {
	vertical-align:middle;
}

/* end FLOATS & ALIGNMENT*/

/*BORDERS*/
.noBorder { /*MUST use for checkboxes, radios*/border: none;}
.noBorderTop {border-top:none;}
.noBorderRight {border-right:none;}
.borderRBE5 {border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.borderTRBE5 {border-top:1px solid #E5E5E5;border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.borderTBE5 {border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.borderBE5 {border-bottom:1px solid #E5E5E5;}
.borderRFFF {border-right:1px solid #FFF;}
.border2TFFF {border-top:2px solid #FFF;}


/*GRAY LINES*/
.lineOver {border-top: 1px solid #CCC;}
.lineUnder {border-bottom: 1px solid #CCC;}
.lineDouble {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
.lineDashed {border-top:1px dashed #CCC; padding:0px 0px 0px 0px; height:3px; margin-top:8px;}
.lineDotted {border-top:1px dotted #CCC; padding:0px 0px 0px 0px; height:3px; margin-top:8px;}

.section,
.endSection{
	border-top: 1px solid #CCC;
	margin:1px 0 0;
	padding: 5px 0;
}
.endSection{
	border-bottom: 1px solid #CCC;
}

.section p{
	margin-top:15px;
}

/* width for spans and labels */

label.em1, .em1 label{
	width: 1em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em2, .em2 label{
	width: 2em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em3, .em3 label{
	width: 3em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em4, .em4 label{
	width: 4em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em5, .em5 label{
	width: 5em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em6, .em6 label{
	width: 6em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em7, .em7 label{
	width: 7em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em8, .em8 label{
	width: 8em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em9, .em9 label{
	width: 9em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em10, .em10 label{
	width: 10em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em11, .em11 label{
	width: 11em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em12, .em12 label{
	width: 12em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em13, .em13 label{
	width: 13em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em14, .em14 label{
	width: 14em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em15, .em15 label{
	width: 15em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em16, .em16 label{
	width: 16em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em17, .em17 label{
	width: 17em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em18, .em18 label{
	width: 18em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em19, .em19 label{
	width: 19em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em20, .em20 label{
	width: 20em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em25, .em25 label{
	width: 25em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em30, .em30 label{
	width: 30em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em35, .em35 label{
	width: 35em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em40, .em40 label{
	width: 40em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em45, .em45 label{
	width: 45em;
	text-align: right;
	float: left;
	margin-right: 5px;
}
label.em50, .em50 label{
	width: 50em;
	text-align: right;
	float: left;
	margin-right: 5px;
}

/*TABLE COMPONENTS*/

/* start tables with horizontal rules */
.horizontallyRuled table,
table.horRuled{
	border-collapse:collapse;
}

.horizontallyRuled table tr th,
.horizontallyRuled table tr td,
table.horRuled tr th,
table.horRuled tr td{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:3px;
}
.horizontallyRuled table tr.strong th,
.horizontallyRuled table tr.strong td,
table.horRuled tr.strong th,
table.horRuled tr.strong td{
	background:#EEE;
}


.noOverLine,
.noOverLine td,
.noOverLine th{
	border-top:none!important;
}
.noUnderLine,
.noUnderLine td,
.noUnderLine th{
	border-bottom:none!important;
}

/* end tables with horizontal rules */

/* start tables with vertical rules */
	table.vertRuled tr td,
	table.vertRuled tr th{
		border-right:1px solid #CCC;
	}

	table.vertRuled tr td:last-child,
	table.vertRuled tr th:last-child{
		border-right:none;
	}

/* end tables with vertical rules */

/* start alternating row colors */
	.odd, .odd td, .altRow td{
		background-color:#F3F3F3;
		color:#000;
	}
/* end alternating row colors */

.noLeftBorder,
.noLeftBorder,
.noLeftBorder td,
.noLeftBorder td{
	border-left:none !important;
}

.noRightBorder,
.noRightBorder,
.noRightBorder td,
.noRightBorder td{
	border-right:none !important;
}


	tr.sort{

	}
	tr.sort a{
		background:url(http://www.cmegroup.com/images/arrowUnsorted.gif) no-repeat right;
		padding-right:11px;
		white-space:nowrap;
	}
	tr.sort a.up,
	tr.sort td.up a,
	tr.sort th.up a,
	tr.sort a.sortedASC,
	tr.sort td.sortedASC a,
	tr.sort th.sortedASC a{
		background:url(http://www.cmegroup.com/images/arrowSortUp.gif) no-repeat right;
	}
	tr.sort a.down,
	tr.sort td.down a,
	tr.sort th.down a,
	tr.sort a.sortedDESC,
	tr.sort td.sortedDESC a,
	tr.sort th.sortedDESC a{
		background:url(http://www.cmegroup.com/images/arrowSortDown.gif) no-repeat right;
	}

tr.numeric td, td.numeric,
tr.numeric th, th.numeric{
	text-align:right;
	padding-right:3px!important;
}

td.nonNumeric,
th.nonNumeric{
	text-align:left!important;
}

tr.centered td,
tr.centered th,
td.centered,
th.centered{
	text-align:center !important;
}
.ProductTable td.cumulativeVolume{ /* Added 20100105 by James Owens to format estimated volumn columns to established style specifications */
    text-align:right;
    padding-right:10px;
}


table.plain td,
table.plain th{
	border-top: none;
}

TD {border-top: 2px solid #FFF; font: normal normal normal 11px Arial;}
.tableWrap {margin:0px; padding:0px;}
.thLeft1 {
	line-height:28px;
	font: normal normal bold 11px Arial;
	text-align:left;
	color:#454545;
	border-bottom: 1px solid #CCC;
	padding: 8px 0px 8px 3px;
}
.thLeft2 {
	line-height:28px;
	font: normal normal bold 11px Arial;
	text-align:left;
	color:#454545;
	border-bottom: 1px solid #CCC;
	padding: 0px 0px 0px 10px;
}
.thCenter1 {
	line-height:28px;
	font: normal normal bold 11px Arial;
	text-align:left;
	color:#454545;
	border-bottom: 1px solid #CCC;
	padding: 0px 0px 0px 3px;
}

.tdFFFsort {
	text-align:center;
	border-bottom:1px solid #E5E5E5;
	padding:5px 0px 5px 0px;
}
.tdFFFsort2 {
	text-align:left;
	border-bottom:1px solid #E5E5E5;
	padding:5px 10px 5px 10px;
}
.tdB7r1 {
	background-color:#b7b7b7;
	color:#FFF;
	text-align:center;
	border-right:1px solid #FFF;
	padding:5px 5px 5px 5px;
}
.tdB7 {
	background-color:#b7b7b7;
	color:#FFF;
	text-align:center;
	padding:5px 5px 5px 5px;
}
.tdEEEbr1 {
	background-color:#EEE;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:8px 5px 8px 5px;
	margin-top:0px;
}
.tdEEEbr2 {
	background-color:#EEE;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:3px 0px 3px 0px;
	margin-top:0px;
}
.tdEEEbr3 {
	background-color:#EEE;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}
tr.EEEbr3{
	background-color:#EEE;
	margin-bottom:0;
}
tr.EEEbr3 td,
tr.EEEbr3 th{
	border-top:none;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}

tr.headerRow,
tr.headerRowCenter{
	background-color:#EEE;
	margin-bottom:0;
}
tr.headerRow td,
tr.headerRow th{
	border-top:none;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}

tr.headerRowCenter td,
tr.headerRowCenter th{
	border-top:none;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}

tr.FFFbr3{
	background-color:#FFF;
	margin-bottom:0;
}
tr.FFFbr3 td,
tr.FFFbr3 th{
	border-top:none;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}
tr.FFFtb td,
tr.FFFtb th{
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:5px 10px 3px 10px;
	margin-top:0px;
}
tr.FFFb td,
tr.FFFb th{
	border-top:none;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}

tr.EEEbr3 td, tr.FFFbr3 td,
.borderLeftE5{
	border-left:1px solid #E5E5E5;
}
.tdEEEb1 {
	background-color:#EEE;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:8px 5px 8px 5px;
	margin-top:0px;
}
.tdEEEb2 {
	background-color:#EEE;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:3px 0px 3px 0px;
	margin-top:0px;
}
.tdEEEb3 {
	background-color:#EEE;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}
.tdFFFbr1 {
	background-color:#FFF;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:8px 5px 8px 5px;
	margin-top:0px;
}
.tdFFFbr2 {
	background-color:#FFF;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:3px 0px 3px 0px;
	margin-top:0px;
}
.tdFFFbr3 {
	background-color:#FFF;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}
.tdFFFb1 {
	background-color:#FFF;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:8px 5px 8px 5px;
	margin-top:0px;
}
tr.trFFFb1 td,
tr.trFFFb1 th{
	background-color:#FFF;
	border-bottom:1px solid #E5E5E5;
	padding:3px 10px;
	margin-top:0px;
}
tr.trFFFbFlush td,
tr.trFFFbFlush th{
	background-color:#FFF;
	border-bottom:1px solid #E5E5E5;
	padding:3px 2px;
	margin-top:0px;
}
.tdFFFb2 {
	background-color:#FFF;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	padding:3px 0px 3px 0px;
	margin-top:0px;
}
.tdFFFb5 {
	background-color:#FFF;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	padding:3px 10px 3px 10px;
	margin-top:0px;
}
tr.tdFFFt td,
.tdFFFt {padding:5px 10px 5px 3px;background-color:#FFF;border-top:1px solid #CCC;vertical-align:top;}
.tdFFFtb {padding:5px 0px 5px 3px;background-color:#FFF;border-top:1px solid #CCC;border-bottom:1px solid #CCC;vertical-align:top;}
.tdFFFtrbl {padding:5px 0px 5px 3px;background-color:#FFF;border:1px solid #CCC;vertical-align:top;}
tr.tdFFFb3 td,
.tdFFFb3 {padding:5px 10px 5px 3px;background-color:#FFF;border-bottom: 1px solid #CCC;vertical-align:top;}
.tdFFFb4 {padding:2px 10px 2px 3px;background-color:#FFF;border-bottom: 1px solid #CCC;vertical-align:top;}
.tdGrayEF {padding:5px 10px 5px 3px;background-color:#EFEFEF;}
.tdGrayFA {padding:5px 10px 5px 10px;background-color:#FAFAFA;}
.tdWhite {padding:7px 5px 7px 5px;text-align:center;}
.thWhite1 {padding:5px 10px 5px 3px;background-color:#FFF;}
.tdWhite2 {padding:5px 10px 5px 5px;border-bottom:1px solid #CCC;vertical-align:top;}
.tdWhite3 {padding:5px 10px 5px 10px;border-top:1px solid #CCC;}
.tdWhite4 {/*may be able to remove/rename - currently on home page*/padding:0px 0px 0px 0px;background-color:#FFF;}
.tdWhiteUnderline {background-color:#FFF;border-bottom: 1px solid #CCC;}
.tdWhiteOverline {background-color:#FFF;border-top: 1px solid #CCC;}
.tdGray1 {padding:5px 10px 5px 10px;background-color:#e6e6e6;}
.tdGray2 {padding:5px 10px 5px 10px;background-color:#EEE;}
.tdGray3 {padding:5px 10px 5px 10px;background-color:#f7f7f7;}

tr.overLine td,
tr.overLine th{
	border-top: 1px solid #CCC;
	padding:2px;
}

td.underLine,
tr.underLine td,
tr.underLine th{
	border-bottom: 1px solid #CCC;
	padding:2px;
}
tr.outLine td,
tr.outLine th{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding:2px;
}

table.toc tr td{
	padding:4px 0;
}

/*MISC TEXT STYLES*/
.lh15 {line-height:15px;}
.orangeText{color:#cc6600;font:normal normal bold 11px Arial;}


/*STOCK TABLE*/
.stockTable, .stockTableBold, .stockTableRight {
	background-color:#f7f7f7;
	border-top:none;
	border-bottom:1px solid #CCC;
	font-size:11px;
}
.stockTableRight {text-align:right}
.stockTableBold {font: normal normal normal 18px Arial;color:#454545;}
.stockBoxTop {
	color: #CC6600;
	background: #f7f7f7 url('http://www.cmegroup.com/images/widgetBg01.gif') repeat-x top;
	height:20px;
	padding:5px 0 0 10px;
	font-weight:bold;
}

.pos,
.positive,
.positiveGreen,
.positiveChange{
	color:#007800; /*6C3*/
}
.neg,
.negative,
.negativeRed,
.negativeChange{
	color:#ff0000;
}
.neg:before,
.negative:before,
.negativeRed:before,
.negativeChange:before{
	content:"(";
}
.neg:after,
.negative:after,
.negativeRed:after,
.negativeChange:after{
	content:")";
}


/*WIDGET CALENDAR*/
.calendarBold, .calendarSelect {font-weight:bold;color:#666;}
.calendarHeader, .calendarText, .calendarBlank, .calendarSelect {
	border: none;
	padding:0;
	height:28px;
	width:28px;
	text-align:center;
}
.calendarText {background-color:#e6f7fe;}
.calendarBlank {background-color:#e6e6e6;}
.calendarSelect {background-color:#cdeff9;}

/*end WIDGET CALENDAR*/

/*PAGE CALENDAR*/
.calCurrentMonth {
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
}

.calTitleCenter {
	border-bottom:1px solid #CCC;
	padding:0;
	height:25px;
	width:100px;
	text-align:center;
	font-weight:bold;
}
.calNum, .calBlank, .calSelect {
	border-right:2px solid #FFF;
	padding:5px 0 0 5px;
	height:100px;
	width:100px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
}
.calNum, .calText {background-color:#e6f7fe;}
.calBlank {background-color:#e6e6e6;color:#929191;}
.calSelect {background-color:#cdeff9;}

.calendar{
	empty-cells:show;
	border-collapse:collapse;
}
.calendar td{
	background-color:#E6F7FE;
	text-align:right;
	padding:1px 4px;
}
.calendar td.empty{
	background-color:#E6E6E6;
}

.calendar td,
.calendar th{
	vertical-align:top;
	border:1px solid #FFF;
}

.calendar th{
	background-color:#FFF;
}
.calendar td a,
.calendar td span{
	background-color:#E6F7FE;
	display:block;
	height: 200%;
}

/* end PAGE CALENDAR*/

/*FEATURED PRODUCT CHART/BANNER*/
.featuredProduct {padding:10px 0px 0px 0px;}


/*PAGINATION*/
.pagePrevious {color:#cccccc;}
.pageLink {word-spacing: 5px;}


/*DAUGHTER*/
.dhtmlwindow{
position: absolute;
border: 1px solid #CCC;
visibility: hidden;
background-color:#FFF;
}
.drag-handle{ /*CSS for Drag Handle*/
padding:3px;
text-indent:3px;
font:bold 11px Arial;
background-color:#F8F8F8;
color:#333;
cursor:move;
overflow:hidden;
width:auto;
text-align:left;
}
.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}
.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #CCC;
background-color:#FFF;
color: #333;
height: 150px;
padding: 2px;
overflow: auto;
}
.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid #CCC;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}
.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor:nw-resize;
padding-bottom:10px;
}


/*  commented out because these styles break the daughter window display...
a.daughter, a.daughter:active, a.daughter:focus, a.daughter:link {color:#0575b9;text-decoration:none;}
a.daughter:hover {color:#1c3d73;}
.boldTextDaughter {
	color:#454545;
	font-weight:bold;
	padding-top:12px;
	padding-bottom:12px;
}
#Daughter {text-align:left;}
#WrapperDaughter {
	text-align: left;
  	width: 600px;
	margin:0px;
	padding:0px;
}
#HeaderDaughter {
	float:left;
	width: 560px;
	margin:5px 20px 20px 20px;
	border-bottom:1px solid #CCC;
}
#ContentDaughter {
	float:left;
	width: 560px;
	margin:10px 20px 30px 20px;
}
#LinksDaughter {
	float:left;
	width: 560px;
	margin:0px 20px 20px 20px;
	border-top:1px solid #CCC;
}
#FooterDaughter {
	float:left;
	width: 560px;
	margin:0px 20px 20px 20px;
	padding-top:10px;
	border-top: 1px solid #CCC;
}

#EventDaughter {
	float:left;
	width: 210px;
	margin:0px 5px 0 5px;
}

*/


/* DW -- daughter window styles */

.DW_content{
	margin:10px 20px 20px;
}

.DW_content p{
	margin-bottom:10px
}

.DW_header{}

.DW_header ul{
	list-style:none !important;
	margin:10px 0 0;
	padding:0;
}

.DW_header ul li{
	margin:0 0 10px;
	padding:0;
	background:#FFF;
}

.DW_controlbar,
.DW_pagination{
	border-top: 1px solid #CCC;
	background:#EEE;
	padding-bottom:1px;
}
.DW_pagination .paging a img{
	vertical-align:text-bottom;
}
.DW_pagination .paging .pages,
.DW_pagination .paging .page{
	border:1px solid #CCC;
	background:#FFF;
	padding:0px 5px;
	margin:1px 4px;
}

.DW_controlbar .DW_content{
	margin:5px 20px;
}

.DW_pagination .DW_content{
	margin:3px 20px;
	text-align:center;
}

/* End DW -- daughter window styles */

.headerTools {
	text-align:right;
	vertical-align:middle;
}
.logo {
	float:left;
	width:560px;
	padding-bottom:10px;
}

label{
	line-height:2em;
}

.lineNormal,
.flat{
	line-height:normal;
}

.lineNormal input,
.flat input{
	vertical-align:middle;
}

.lineNormal select,
.flat select{
	vertical-align: top;
}

a img{
	border: none;
}

span.rss{
	float:right;
	text-align:right;
}

span.rss a,
a.rss{
	display:block;
	background:url(http://www.cmegroup.com/images/iconRSS.gif) no-repeat;
	width:16px;
	height:16px;
}
span.rss a span,
a.rss span{
	visibility:collapse;
}

a.more{

}

.viewAll,
.viewAllLeft{
	background:url(http://www.cmegroup.com/images/homeArrowF.gif) no-repeat left;
	padding-left:16px;
	font-weight:bold;
}

.viewAllRight{
	background:url(http://www.cmegroup.com/images/homeArrowF.gif) no-repeat right;
	padding-right:16px;
	font-weight:bold;
}

.toggler{
	cursor:default;
}

.disclose{
	background:url(http://www.cmegroup.com/images/iconPlus.gif) no-repeat left center;
	padding-left: 17px;
	cursor:default;
	display: inline;
        border:0px solid blue;
}

.conceal{
	background:url(http://www.cmegroup.com/images/iconMinus.gif) no-repeat left center;
	padding-left: 17px;
	cursor:default;
	display: inline;
        border:0px solid red;
}

.alphaIndex {
	margin:7px 5px;
	border-collapse:collapse;
}

.alphaIndex span{
	padding:0;
	margin:0;
	text-align:center;
	width:26px;
	display:block;
	height:10px;
	float:left;
	border-right:1px solid #333;
}

.alphaIndex span *{
	display:block;
	margin-top:-2px;
}

.alphaIndex span.last{
	border-right:none;
}

.linkList a{
	display:block;
	width:auto;
	margin:6px 0 17px;
}

.contentBlockGray110 {height:110px;padding:10px 10px 10px 10px;background-color:#EEE;}

.contentBlockGray485 {width:485px;padding:10px 10px 10px 10px;background-color:#EEE;}
.contentBlock485 {width:485px;}
.widgetTop2 {font-weight:bold;color: #CC6600;padding:5px 0 0px 10px;}


/* google search results */
.a {
	color: #AAA;
}

.g {
	margin:1em 0pt;
}


.g a{
	text-decoration:underline;
}

.j {
	width:auto;
}

.r {
	font-size:1em;
}
.sm {
	display:block;
	margin:0pt 0pt 0pt 40px;
}
.sl, .r {
	display:inline;
	font-weight:normal;
	margin:0pt;
}

/* end google search results */
.overflowauto{
	overflow:auto;
}

/* classes to hide elements until they are needed */
.preCollapse{
	visibility: collapse;
}
.preHidden{
	visibility:hidden;
}
.preNone{
	display:none;
}

.preTransparent{
	opacity:0;
	filter: alpha(opacity=0);
}

.preNoWidth{
	width:0;
	overflow: hidden;
}

.preNoHeight{
	height:0;
	overflow: hidden;
}

.block{
	display:block;
}
/* END classes to hide elements until they are needed */

a *{
	cursor:pointer;
}

/*  infoflyout  */

.tool-title{
	padding:3px 8px;
	font-weight: bold;
	border-bottom:	1px solid #CCC;
}

.tool-text{
	margin:3px 8px 6px;
	width: 172px;
	background:#FFF;
}

.tool-tip{
	background:	#FFF;
	position:		absolute;
	z-index:			200;
	width:			10px;
	height:			12px;
	border:			1px solid #3091CA;
	overflow:		hidden;
	cursor:			default;
}

.infoflyout,
#infoflyout{
	background:	url(http://www.cmegroup.com/images/bg_iconInfo.gif) no-repeat bottom right #FFF;
	position:		absolute;
	z-index:			200;
	width:			10px;
	height:			12px;
	border:			1px solid #3091CA;
	overflow:		hidden
	cursor:			default;
}

/* specialInfo */

.specialInfo{
	/*background:url(http://www.cmegroup.com/images/iconi.gif) center right no-repeat;
	padding-right: 10px;
	font-weight:bold;*/
	color: #0079c2;
}

/* end specialInfo */

/* ICONs */

.iconLeft{
	background-position:left top;
	background-repeat:no-repeat;
	padding-left: 13px;
}
.iconRight{
	background:right no-repeat top;
	padding-right: 13px;
}
.doc{
	background-image:url(http://www.cmegroup.com/images/iconDoc.gif);
}
.email{
	background-image:url(http://www.cmegroup.com/images/iconEmail.gif);
}
.excel{
	background-image:url(http://www.cmegroup.com/images/iconXcel.gif);
}
.pdf{
	background-image:url(http://www.cmegroup.com/images/iconPDF.gif);
}
.podcast{
	background-image:url(http://www.cmegroup.com/images/iconPodcast.gif);
}
.print{
	background-image:url(http://www.cmegroup.com/images/iconPrint.gif);
}
.sound{
	background-image:url(http://www.cmegroup.com/images/iconSound.gif);
	padding:0 16px;
}

.addToOutlook,
.outlook{
	background-image:url(http://www.cmegroup.com/images/homeArrowF.gif);
	/*padding-left:16px;*/
}

/* end ICONs */


/* minor pages (pop ups) */

	#minor{
		margin: 13px 15px;
	}

	#body_minor{
		margin-top:6px;
	}


	#body_minor #LeftColumn1 {
		float:left;
		/*width:260px;*/
		padding:0px 0px 10px 0px;
	}

	#mainColumn_minor{
		margin-left: 6px;
		float:left;
		width:721px;
	}

	#mainColumn_minor #banner_minor{
		margin-bottom: 6px;
		background:url(http://www.cmegroup.com/images/blueBarLong.jpg) no-repeat;
	}

	#mainColumn_minor #banner_minor h1{
		color:#FFF;
		float:none;
		margin:0;
		padding:26px 22px 25px;
		font-size:21px;
	}

	#mainColumn_minor #content_minor{
		margin-bottom: 6px;
		border:1px solid #CCC;
		height:417px;
		overflow:auto;
	}

	#content_minor .container{
		margin:8px;
	}

/* end of minor pages (pop ups) */

/* start vertical division */

	.verticalDividerLeft{
		border-left: 1px solid #CCC;
	}
	.verticalDividerLeftThick{
		border-left: 3px solid #CCC;
	}
	.verticalDividerRight{
		border-right: 1px solid #CCC;
	}
	.verticalDividerRightThick{
		border-right: 3px solid #CCC;
	}

/* end vertical division */


/*MooTree*/
.mooTree_node {
	font-family: Arial, Verdana, Helvetica;
	/*font-size: 10px;*/
	white-space: nowrap;
}

.mooTree_text {
	padding-top: 3px;
	height: 15px;
	cursor: pointer;
	font-weight:bold;
}

.mooTree_img {
	float: left;
	width: 18px;
	height: 18px;
	overflow: hidden;
}

.mooTree_selected	 {
	background-color: #e0f0ff;
	font-weight: bold;
}

.mooTree_root_node{
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding: 2px 0;
}

/*end MooTree*/


/* marketAlert */

.marketAlert{
	padding-bottom:5px;
	margin-top:15px;
	margin-bottom:10px;
}

#marketAlert{
	padding-bottom:5px;
	margin-top:15px;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}

#marketAlert #label{
	background-color:#C00;
	color:#FFF;
	padding:5px 0 5px 10px;
	font-weight:bold;
}

#marketAlert #alertMessage{
	padding:5px 0 5px 10px;
	height:150px;
	overflow:auto;
	/*margin-top:2px;*/
}

#marketAlert #alertMessage p#latest{
	padding-bottom:3px;
	margin-bottom:4px;
	font-weight:bold;
	color:#333;
}

#marketAlert #alertMessage p{
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom:1px solid #EEE;
	color:#555;
}

/* end marketAlert */



#toggleTabs{
}

#sectionTabs{
	clear:both;
	background:url(http://www.cmegroup.com/images/bg_sectionTabs.gif) center repeat-x;
	height:25px;
}

#toggleTabs ul,
#sectionTabs ul{
	padding:0;
}

#toggleTabs ul li,
#sectionTabs ul li{
	list-style: none;
	background-image: none;
	float:left;
	padding:0;
}

#toggleTabs ul li{
	margin-right:1px;
}

#sectionTabs ul li{
	text-align:center;
}

#toggleTabs ul li a{
	padding: 3px 30px;
	background-color:#CCC;
	display:block;
	font-weight:bold;
}

#toggleTabs ul li a.on{
	padding: 3px 30px;
	background-color:#5397c5;
	color:#FFF;
}

#sectionTabs ul li a{
	padding: 5px;
	margin:0 auto;
	display:block;
	color:#FFF;
}

#sectionTabs ul li a.on{
	font-weight:bold;
}

.grayTDbold

{

	BACKGROUND: #E5E5E5;

	FONT: bold 11px Arial;

	COLOR: #656565;

	PADDING: 3px 8px 3px 8px;

	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;

}


.tableHead

{

	FONT: bold 11px Arial;

	BACKGROUND: #D2E4EE;

	COLOR: #656565;

	PADDING: 3px 8px 3px 8px;

	TEXT-TRANSFORM: none;

}



.grayTD

{

	BACKGROUND: #E5E5E5;

	FONT: 11px Arial;

	COLOR: #000000;

	PADDING: 3px 8px 3px 8px;

	VERTICAL-ALIGN: top;

	TEXT-TRANSFORM: none;

}

/* widget table start */
.WidgetProductTable{
	display:table;
	float:left;
	width:200px;
	border-collapse:collapse;
}

.widgetTD{
	padding:3px 0px 3px 0px;
}

.widgetTH{
	padding:3px 0px 3px 0px;
	font:bold 11px arial;
	text-align:center;
}

.widgetButton{
	background:url(http://www.cmegroup.com/images/btn_quotes.gif) no-repeat scroll top left;
	width:200px;
	height:26px;
}

.widgetText{
	background:url(http://www.cmegroup.com/images/bth.freequotes.text.gif) no-repeat scroll top left;
	width:200px;
	height:27px;
}

.widgetArroaLink{
	display:table-cell;
	float:left;
	width:200px;
	text-align:left;
}

.widgetArroaLink span{
	padding-right:20px;
	background:url(http://www.cmegroup.com/images/homeArrowF.gif) scroll no-repeat right bottom;
}

.text_align_right{
	padding-left:2px;
	text-align:right;
}

.text_align_left{
	text-align:left;
}

#mdProductsTable font_black{
	padding-left:2px;
	text-align:right;
}
/* widget table end */

.border_Top{
	border-top:1px solid #cccccc;
}

.border_Bottom{
	border-bottom:1px solid #cccccc;
}

.font_green{
	font:11px arial;
	color:green;
}

.font_red{
	font:11px arial;
	color:red;
}

.RightTitleBar{
	background:url(http://www.cmegroup.com/images/grayBg02.gif) repeat;
	height:16px;
	font:bold 11px arial;
	color:#C60;
	padding:5px 0px 5px 5px;
	text-align:left;
	vertical-align:middle;
}

/* begin AssetClass Styles */

.Main_AssetClass{
	display:table;
	width:507px;
	float:left;
}

.AssetClass{
	margin-top:5px;
	display:table-cell;
	float:left;
	width:505px;
}

.AssetClass .Alert{
	margin-top:5px;
	display:table-cell;
	float:left;
	width:504;
	background:url(http://www.cmegroup.com/images/Alert_bg.gif) repeat-x scroll bottom center;
	height:64px;
	border:1px solid #C5E5F2;
}

.AssetClass .AlertBody{
	display:table-cell;
	float:right;
	width:456px;
	font:11px arial;
}

.AssetClass .AlertIcon{
	display:table-cell;
	float:left;
	width:46px;
	height:64px;
	background:url(http://www.cmegroup.com/images/iconAlert.gif) no-repeat scroll center center;
}

.AssetClass .AlertTitleText{
	display:table-cell;
	float:right;
	width:456px;
	font:bold 12px arial;
}

.AssetClass .ContentText{
	display:block;
	font:bold 12px arial;
	color:#000000;
	padding-left:8px;
	vertical-align:middle;
	height:124px;
	padding-top:2px;
}

.AssetClass .TitleText{
	display:block;
	font:bold 12px arial;
	color:#ffffff;
	padding-left:8px;
	vertical-align:top;
	height:18px;
	padding-top:2px;
	background:url(http://www.cmegroup.com/images/Highlights_bg.gif) repeat-x;
	border:1px solid #075492;
}
/* end AssetClass Styles */

/* membership start */
.historical_lease{
	display:none;
}
/* membership end */




/*Clearing Scrolls*/
.tableVScroll { /*clearing section page - advisory notices*/
	width: 233px;
	height: 151px;
	overflow: auto;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	SCROLLBAR-BASE-COLOR: #FFFFFF;
	overflow-y: scroll;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

.tableVScroll2 {
	width: 168px;
	height: 120px;
	overflow: auto;
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: #999999;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	SCROLLBAR-BASE-COLOR: #FFFFFF;
	overflow-y: scroll;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}



/***************************************************
************* Styles for CPC registration **********
***************************************************/

.regButton{
	margin:10px;
	width:90px;
}
.WidthAll {
	width:100%;
}

.width90th{
	width:90%;
}
.scrollVertical{
	overflow-y:scroll;
}
div.LicenseText{
	float:left;
	height: 400px;
	padding:0px 15px 15px 0px;
	width:710px;
}
.Width710{
	width:710px;
}

.alignTop,
.topAlign, .valignTop{
	vertical-align:top;
}

.textBoxWidthXL{
	width:400px;
}
.textBoxWidthL{
	width:300px;
}
.textBoxWidthM{
	width:150px;
}
.textBoxWidthS{
	width:100px;
}
.textBoxWidthXS{
	width:30px;
}
.paddingAll_10{
	padding:10px;
}
#RegistrationContainer .error{
	border:1px solid #D40000;
	color:#333;
	margin-top:0px;
}
.errorBox{
	color:#D40000;
}
.image_box_i{
background:url(http://www.cmegroup.com/images/iconi.gif) no-repeat top center;
}
#RegistrationContainer .iconMinus{
background:url(http://www.cmegroup.com/images/iconMinus.gif);
}
#RegistrationContainer .iconPlus{
background:url(http://www.cmegroup.com/images/iconPlus.gif);
}
.font_bold{
	font-weight:bold;
}
input[type=checkbox]{
	margin-right:5px;
}
input[disabled='disabled'], select[disabled='disabled']{
	background:#DDD;
}

#productSlate{
	display:table;
}

.UnsortedIcon{
	background:url(http://www.cmegroup.com/images/arrowUnsorted.gif) scroll no-repeat 100% 50%;
	padding-right:10px;
}

.SortedascendingIcon{
	background:url(http://www.cmegroup.com/images/arrowsortedascending.gif) scroll no-repeat 100% 50%;
	padding-right:10px;
}

.SorteddescendingIcon{
	background:url(http://www.cmegroup.com/images/arrowsorteddescending.gif) scroll no-repeat 100% 50%;
	padding-right:10px;
}

.Slatetd_ffffff{
	border-top:0px;
	padding:2px 5px;
	background:#ffffff;
}

.Slatetd_eeeeee{
	border-top:0px;
	padding:2px 5px;
	background:#eeeeee;
}


/***************************************************
************* cmegroup.com style2.css***************
***************************************************/
#tables{
	margin-top:0px;
}



	#charts #tabs,
	#tables .tabs{
            float:left;
            width:100%;
            background:#ffffff;
            line-height:normal;
            border:0px solid #5397C5;
            padding-left:0pt;
        }
   	#charts #tabs ul,
	#tables .tabs ul{
	  margin:0;
	  padding:10px 10px 0px 0px;
	  border:0px solid red;
	  list-style:none;
      }
   	#charts #tabs li,
	#tables .tabs li{
		display:table-cell;
		float:left;
		padding-left:0px;
		padding-right:2px;
      }
   	#charts #tabs a,
	#tables .tabs a{
      float:left;
      background:url("http://www.cmegroup.com/images/tabL.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 2px;
      text-decoration:none;
      }
   	#charts #tabs a span,
	#tables .tabs a span{
      float:left;
      display:block;
      background:url("http://www.cmegroup.com/images/tabBg_R_large.gif") no-repeat right top;
      padding:3px 10px 0px 6px;
      color:#0870B2;
	  font:bold 12px arial;
	  vertical-align:middle;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
   	#charts #tabs a span,
	#tables .tabs a span{float:none;}
    /* End IE5-Mac hack */
   	#charts #tabs a:hover span,
	#tables .tabs a:hover span{
      color:#FFF;
	  font:bold 12px arial;
      }
   	#charts #tabs a:hover,
	#tables .tabs a:hover{
      background-position:0% -19px;
      }
   	#charts #tabs a:hover span,
	#tables .tabs a:hover span{
      background-position:100% -19px;
      }


   	#charts #tabs .on li,
	#tables .tabs .on li{
		display:table-cell;
		float:left;
		padding-left:0px;
		padding-right:2px;
      }
   	#charts #tabs .on a,
	#tables .tabs .on a{
      float:left;
      background:url("http://www.cmegroup.com/images/tabL.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
	  background-position:0% -19px;
      }
   	#charts #tabs .on a span,
	#tables .tabs .on a span{
      float:left;
      display:block;
      background:url("http://www.cmegroup.com/images/tabBg_R_large.gif") no-repeat right top;
      padding:3px 10px 0px 6px;
      color:#FFF;
	  font:bold 12px arial;
	  background-position:100% -19px;
	  vertical-align:middle;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
   	#charts #tabs .on a span,
	#tables .tabs .on a span{float:none;}
    /* End IE5-Mac hack */
   	#charts #tabs a:hover span,
	#tables .tabs a:hover span{
      color:#FFF;
	  font:bold 12px arial;
      }
   	#charts #tabs .on a:hover,
	#tables .tabs .on a:hover{
      background-position:0% -19px;
      }
   	#charts #tabs .on a:hover span,
	#tables .tabs .on a:hover span{
      background-position:100% -19px;
      }

.tableDIV{
	display:table-cell;
	float:left;
	width:100%;
	height:100%;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#cccccc;
	background:transparent;
}
.tableDIV_th{
	display:table-cell;
	float:left;
	width:100%;
	clear:both;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:#7389ae;
	background-image:url(http://www.cmegroup.com/images/bluetablebg.gif);
	font:12px arial;
	color:#ffffff;
	padding:4px 0px 4px 0px;
	white-space:nowrap;
	vertical-align:middle;
}
.tableDIV_tr{
	display:table-cell;
	float:left;
	width:100%;
	clear:both;
	border-width:1px 1px 0px 1px;
	border-style:solid;
	border-color:#cccccc;
	background:#ffffff;
	font:12px arial;
}
.tableDIV_td{
	display:table-cell;
	float:left;
	border-width:0px 0px 0px 1px;
	border-style:solid;
	border-color:#ffffff;
	background:transparent;
	padding:0px 5px 0px 5px;
	vertical-align:middle;
}
.tableDIV_tdHeader{
	display:table-cell;
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:white;
	background:transparent;
	padding:0px 0px 0px 5px;
	vertical-align:middle;
	font:11px arial;
}


/***************************************************
********** cmegroup.com productpage.css*************
***************************************************/

.ProductInfoMenu .linkOn{
	color:#000000;
}

.tableDIV_th a{
	font:11px arial;
	color:#FFFFFF;
}

.tableDIV_th .linkOn{
	font:bold 11px arial;
}

.Link{
	cursor:pointer;
	border:0px;
}

.height_30{
	height:30px;
}

.PaddingRight_10{
	padding-right:10px;
}

.PaddingTop_10{
	padding-top:10px;
}

.PaddingLeft10{
	padding-left:10px;
}

.PaddingLeftTab{
	padding-left:20px;
}

.width_200{
	width:200px;
}

.IconImages img{
	padding-right:2px;
}

.ProductPageBox{
	display:table;
	float:left;
	width:710px;
	/*margin-left:15px;	*/
}
.TopProductSection{
	display:table-cell;
	float:left;
	width:720px;
}

.LeftProductSection{
	display:table-cell;
	float:left;
	width:505px;
}

.RightProductSection{
	display:table-cell;
	float:right;
	width:195px;
	padding-left:5px;
	height:76px;
	background:#ffffff url(http://www.cmegroup.com/images/bkg.placehoder76.gif) scroll no-repeat 5px 50%;
}

.ProductIden{
	font:bold 16px arial;
	color:#C60;
	padding:5px 5px 0px 5px;
	border-bottom:1px solid #cccccc;
}

.ProductInfoMenu{
	padding:5px 0px 0px 5px;
	width:100%;
	clear:both;
}

.ProductInfoMenu span{
	padding:0px 1px 0px 1px;
	width:100%;
	font:bold 11px arial;
}

.AssetClass_1_1{
	background:url(http://www.cmegroup.com/images/grayBg02.gif) repeat;
	height:25px;
	border-bottom:1px solid #FFFFFF;
}

.AssetClass_1_1 .TitleText{
	padding-left:8px;
	vertical-align:middle;
	height:16px;
	padding-top:2px;
	background:transparent;
	border:0px;
	font:bold 16px arial;
	color:#075492;
	border:0px;
}

.AssetClass_1_2{
	margin-top:1px;
	display:table-cell;
	width:507px;
	height:47px;
	float:left;
/*      background:url(http://www.cmegroup.com/images/productsService506x96.jpg) no-repeat;*/
/*	overflow:hidden;*/
}

.AssetClass_1_2 .Image_Banner{
	z-index:1;
	position:relative;
}

.AssetClass_1_2 .TitleText{
	display:inline;
	float:left;
	width:492px;
	font:bold 11px arial;
	color:#ffffff;
	padding-left:15px;
	background:transparent;
	border:0px;
	margin-top:2px;
	z-index:10;
	position: relative;
	clear:both;
}

.AssetClass_1_2 .DropDown{
	display:block;
	float:left;
	width:492px;
	padding-left:15px;
	margin-top:2px;
	z-index:10;
	position: relative;
	clear:both;
}
.DropDown select{
	font:11px arial;
	color:#333333;
	width:200px;
}

.ClearBoth{
	clear:both;
}

.ProductTableNoWidth{
	display:table;
	float:left;
	border-collapse:collapse;
}

.ProductTable{
	display:table;
	float:left;
	width:100%;
	border-collapse:collapse;
}

.ProductTable select{
	font:1em arial;
	color: #333333;
	border:1px solid #cccccc;
	vertical-align: bottom;
	padding-left: 5px;
	width:100px;
}


.ProductTable tr{

}

.ProductTable th{
	text-align:center;
	height:100%;
	vertical-align:middle;
	background:#eeeeee;
	padding:3px 2px 3px 2px;
	font:11px arial;
}

.ProductTable td{
	text-align:center;
	height:100%;
	vertical-align:middle;
	padding:3px 2px 3px 2px;
}

.ProductFooterNote{
	font:10px arial;
}
.ProductHeaderNote, .ProductHeaderNote img, .ProductHeaderNote input{
	vertical-align:middle;
	padding-left:2px;
}

.border_TopRight{
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.border_TopLeft{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.border_TopBottom{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.border_TopBottomRight{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.border_TopBottomLeft{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.border_Top{
	border-top:1px solid #cccccc;
}

.border_Bottom{
	border-bottom:1px solid #cccccc;
}

.border_Left{
	border-left:1px solid #cccccc;
}

.border_Right{
	border-right:1px solid #cccccc;
}

.font_small{
	font:10px arial;
}
.font_black{
	font:11px arial;
}

.font_bold{
	font:bold 11px arial;
}

.font_green{
	font:11px arial;
	color:green;
}
.font_orangeBold{
	font:bold 11px arial;
	color:#C60;
}
.font_red{
	font:11px arial;
	color:red;
}

.th_small{

}

.th_medium{

}

.th_large{

}

/* Small Table */
.ProductTableSmall{
	display:table;
	float:left;
	width:100%;
	border-collapse:collapse;
}
.ProductTableSmall td{
	text-align:left;
	padding-left:10px;
}
td .NoPadding{
	padding:0px;
}
.Small_td{
	width:20%;
	background:#dddddd;
	text-align:left;
	padding-left:10px;
}
.SmallWhite_td{
	width:20%;
	background:#ffffff;
	text-align:left;
	padding-left:10px;
}

.div_tr{
	display:table-cell;
	float:left;
	width:400px;
}

.Small_div_td{
	display:table-cell;
	float:left;
	width:20%;
	height:100%;
	padding:3px 2px 3px 10px;
	text-align:left;
}

.Large_div_td{
	display:table-cell;
	float:left;
	width:70%;
	padding:3px 2px 3px 10px;
	text-align:left;
	min-height:20px;
}

.RightTitleBar{
	background:url(http://www.cmegroup.com/images/grayBg02.gif) repeat;
	height:16px;
	font:bold 11px arial;
	color:#C60;
	padding:5px 0px 5px 5px;
	text-align:left;
	vertical-align:middle;
}


/* Place holders */
.FutureFPO{
	display:table-cell;
	float:left;
	width:200px;
	margin-bottom:10px;
}

.LeftFutureDiv{
	display:table-cell;
	float:left;
	width:495px;
	vertical-align:bottom;
	padding-right:5px;
}

.RightFutureDiv{
	display:table-cell;
	float:right;
	width:198px;
	padding-left:2px;
}
.LeftArroaLink{
	background:url(http://www.cmegroup.com/images/arrowUD.gif) scroll no-repeat 5px 50%;
	display:table-cell;
	float:left;
	width:180px;
	text-align:left;
	padding-left:20px;
}
.RightArroaLink{
	display:table-cell;
	float:left;
	width:195px;
	text-align:left;
	padding-left:5px;
	padding-top:5px;
}
.RightArroaLink span{
	padding-right:20px;
	background:url(http://www.cmegroup.com/images/homeArrowF.gif) scroll no-repeat right bottom;
}
.LeftArroaLinkBox{
	padding-top:5px;
}
.LastImgLink{
	padding-right:15px;
	background:url(http://www.cmegroup.com/images/iconOutlookAdd.gif) scroll no-repeat right bottom;
}
.LastLink{
	padding-right:20px;
}
.height_11{
	height:10px;
	line-height:10px;
}
.image_box_down{
	background:url(http://www.cmegroup.com/images/icon.arrow.down.box.blue.gif);
	background-repeat: no-repeat;
	background-attachment:scroll;
}
.image_box_i{
	background:url(http://www.cmegroup.com/images/iconi.gif);
	background-repeat: no-repeat;
	background-attachment:scroll;
}

.image_left_bottom{
	background-position: left bottom;
}

.image_left_center{
	background-position: left center;
}
.image_right_bottom{
	background-position: right bottom;
}

.image_right_center{
	background-position: right center;
}

.span_padding_left_20{
	padding-left:15px;
}

.span_padding_right_20{
	padding-right:15px;
}

/* Sprites by icons */
.Center{
  	margin-left: auto;
  	margin-right: auto;
}
.OptionsIcon{
	background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -480px;
	width:25px;
	height:14px;
	border:0px;
	display:block;
}
.aLinkOptionsIcon{
	display:block;background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -480px;width:27px;height:14px;border:0px;
}
.PriceChartIcon{
	background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px 0px;
	width:25px;
	height:14px;
	border:0px;
	display:block;
}
.aLinkPriceChartIcon{
	display:block;background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -420px;width:25px;height:14px;border:0px;
}
.VolumeChartIcon{
	background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -15px;
	width:25px;
	height:14px;
	border:0px;
	display:block;
}
.aLinkVolumeChartIcon{
	display:block;background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -450px;width:25px;height:14px;border:0px;
}

.TwitterIcon{
	background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -330px;width:14px;height:14px;border:0px;
}

.FacebookIcon{
	background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -360px;width:14px;height:14px;border:0px;
}
.LinkedInIcon{
	background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -390px;width:14px;height:14px;border:0px;
}

.bmfIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px 0px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.bursaIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -30px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:23px;}
.dmeIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -60px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.gevIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -90px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.imarexIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -120px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.jseIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -150px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.kcbtIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -180px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.keIcon			{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -210px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.mgexIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -240px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.onechiIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -270px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}
.sgxIcon		{background:url('http://www.cmegroup.com/images/sprites.gif') no-repeat 0px -300px;width:30px;height:23px;border:0px;padding:4px 0px;line-height:18px;}


/* ----------   *website add-ons   */
.riseAboveRisk {
position: absolute;
top:146px;
margin-left: 524px;
}





/* New Styles for Prod Specs ----------------------------------------------------------------*/




#productSpecs-corner {
border-collapse:collapse;
float:left;
margin-bottom:20px;
margin-top:10px;
width:500px;
border-bottom:1px solid #CCCCCC;
}
#productSpecs-corner thead th.productSpecs-company {
	background-attachment: scroll;
	background-color: #ffffff;
	/*background-image: url(http://www.cmegroup.com/img/cellCorner.gif);*/
	background-repeat: no-repeat;
	background-position: left -1px;
	font-weight: bold;
	color:#CC6600;
	font-family:arial;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	line-height:normal;
}
#productSpecs-corner thead th.productSpecs-q4 {
	background-attachment: scroll;
	background-color: #ffffff;
	/*background-image: url(http://www.cmegroup.com/img/cellCorne2.gif);*/
	background-repeat: no-repeat;
	background-position: right -1px;
}
#productSpecs-corner th {
	background:#CC6600 none repeat scroll 0 0;
	color:#000000;
	font-size:13px;
	font-weight:normal;
	padding:8px 8px 8px 1px;
}
#productSpecs-corner tbody td {
	color:#333333;
	padding:6px;

	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0 bottom;
	font-family:arial;
	font-size:11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
        border-left:1px solid #CCCCCC;
        vertical-align:top;
}


#productSpecs-corner tfoot td.productSpecs-foot-left {
background-attachment:scroll;
background-color:#FFFFFF;
background-position:left bottom;
background-repeat:no-repeat;
border-top:1px solid #CCCCCC;
}
#productSpecs-corner tfoot td.productSpecs-foot-right {
background-attachment:scroll;
background-color:#FFFFFF;
background-position:left bottom;
background-repeat:no-repeat;
border-top:1px solid #CCCCCC;
height: 10px;
}

#productSpecs-blank {
	background-color: #FFFFFF;
	background-image: url(http://cmegroup.com/images/productSpecsBlankTableBG.gif);
	background-repeat: no-repeat;
        border-left:1px solid #ffffff;
}

#productSpecs-blank td {
border-left:1px solid #ffffff;
}
#productSpecs-corner ul{
padding-top:10px;
padding-bottom:10px;
}
#productSpecs-rightNav {
	float:right;
        margin-top:27px;
        padding-left:5px;
        width:198px;
}

.productSpecs-Description {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
padding:10px 0;
width:500px;
float:left;
}
.productSpecs-DescriptionLBL {
font-weight: bold;
color:#CC6600;
font-family:arial;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
line-height:normal;
padding-left:1px;
padding-top:18px;
float:left;
width:500px;
}
.prodSpecAtribute {
width: 80px;
background-color: #dddddd;
}

/******* end specs styles ******/


/********************************
** Start datePicker.css styles **
********************************/
	#commodities li .commodities,
	#cds .cds,
	#economic-events .economic-events,
	#energy .energy,
	#equity-index .equity-index,
	#fx .fx,
	#interest-rates .interest-rates,
	#metals .metals,
	#otc .otc,
	#real-estate .real-estate,
	#weather .weather,

	#globex .globex,
	#clearing .clearing,
	#clearport .clearport,
	#market-data .market-data,
	#market-regulation .market-regulation,
	#education .education,
	#tools-information .tools-information,

	#company .company,
	#company_careers .careers,
	#investor-relations .investor-relations
{color:#CC6600;background:url('http://www.cmegroup.com/images/nav-arrow.gif') no-repeat 0px 1px;padding-left:7px;margin-left:-3px;*padding:0px;*margin:0px;*background:none;}

#international .international
{color:#CC6600;background:url('http://www.cmegroup.com/images/nav-arrow.gif') no-repeat 0px 0px;padding-left:7px;margin-left:-3px;*padding:0px;*margin:0px;*background:none;}

.dp_container{
	position: absolute;
	padding: 0px;
	z-index: 500;
}
.dp_cal{
	background-color: #fff;
	border: 1px solid #AAA;
	position: absolute;
	width: 177px;
	top: 0px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select{
	margin: 2px 3px;
}
.dp_cal select option{
}
.dp_cal th,
.dp_cal td{
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
	border:none;
}
.dp_cal th{
	border: solid #B9B9B9;
	border-top: solid #CCC;
	border-width: 1px 0;
	color: #454545;
	background: #CCC;
	font-weight: bold;
}
.dp_cal td{
	cursor: pointer;
	color: #0575b9;
}
.dp_cal thead th{
	background: #C5E5F2;
}
.dp_cal td.dp_roll{
	color: #FFF;
	background: #e78901;
	font-weight:bold;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
	visibility: hidden;
}
.dp_empty{
	background: #EEE;
}
.dp_today{
	background: #C5E5F2;
	font-weight:bold;
}
td.dp_selected{
	color: #FFF;
	background: #328dcf;
}

/* Begin Header Styles */
#TopHeader {
	display: block;
	float: left;
	height: 100px;
	margin-top: 17px;
	width: 984px;
	background: url(http://www.cmegroup.com/images/Beta-CME.jpg) no-repeat -20px -15px;
}

#TopNavHeaderLeft {
	display: block;
	float: left;
	width: 200px;
}

.header-logo {
	display: table-cell;
	width: 198px;
	height: 55px;
	float: left;
	background: url(http://www.cmegroup.com/images/cmeGroupLogo.gif) no-repeat;
}

#TopNavHeaderRight {
	display: block;
	float: left;
	width: 750px;
	height: 67px;
	white-space: nowrap;
}

#TopNavHeaderRight ul {
	float: right;
	display: block;
	clear: both;
	list-style-type: none;
}

#TopNavHeaderRight li {
	display: table-cell;
	float: left;
	padding: 0px 0px 0px 6px;
	height: 30px;
	line-height: 30px;
	border: 0px;
	background: #FFF;
}

#TopNavHeaderBootm {
	clear: both;
	background-image: url(http://www.cmegroup.com/images/topnav-bg.jpg);
	background-repeat: repeat-x;
	height: 30px;
	border: 1px solid #CCC;
}

#TopNavHeaderBootm ul {
	float: left;
	width: 800px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#TopNavHeaderBootm li {
	float: left;
	padding: 0px 0px 0px 8px;
	background-image: none;
	margin: 0px;
	border: 0px;
	height: 30px;
	line-height: 30px;
}

.sep {
	padding: 0px 0px 0px 6px;
}

#botNavFirst {
	margin-left: 0;
	padding: 0;
}

.DWTable {
	border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-top: 2px solid #ccc;
  border-left: 2px solid #ccc;
	border-right: 0px solid #999;
	border-bottom: 0px solid #999;
	z-index: 200;
  overflow: hidden;
}

.daughterWindow {
	display: none;
	position: absolute;
	z-index: 200;
  overflow: hidden;
  padding-right: 2px;
  padding-bottom: 2px;
  background: transparent url(http://www.cmegroup.com/images/black-20.png) repeat scroll;
}

.daughterWindow_topcol {
	background: #E78901;
	white-space: nowrap;
	padding: 5px 15px 5px 15px;
  border: 0;
  height: 100%;
	font: bold 11px arial;
	color: #FFF;
}

.daughterWindow_topcol a {
	color: #FFF;
	white-space: nowrap;
	padding-right: 20px;
	background: transparent url('http://www.cmegroup.com/images/homeArrowFWhite.gif') no-repeat top right;
	background-position: 98% 50%;
}

.daughterWindow_topcol a:link {
	color: #FFF;
	white-space: nowrap;
	padding-right: 20px;
	background: transparent url('http://www.cmegroup.com/images/homeArrowFWhite.gif') no-repeat top right;
	background-position: 98% 50%;
}

.daughterWindow_topcol a:hover {
	color: #FFF;
	white-space: nowrap;
	padding-right: 20px;
	background-position: 98% 50%;
}

.daughterWindow_col {
	background: #FFF;
	padding-bottom: 15px;
	height: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #FFF;
	border-right: 0px solid #FFF;
	vertical-align: top;
}

.daughterWindow_colM {
	background: #FFF;
	padding-bottom: 15px;
	height: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	vertical-align: top;
}

.daughterWindow_bottomcol {
	background: #FFF;
	color: #000;
	padding: 3px 3px 3px 0px;
	font: 10px arial;
	height: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #FFF;
	border-right: 0px solid #FFF;
}

.MainGroup {
	padding: 0px;
	width: 230px;
	display:block;
	clear:both;
	/*float:left;*/
}

.GroupProduct {
	display: block;
	padding: 10px 0px 0px 5px;
	font: bold 11px arial;
	color: #cc6600;
	clear:both;
	/*float:left;*/
	width:100%;
}

.ho_productName{
	width:150px;
	display:inline;
	float:left;
	padding:0px 0px 0px 0px;
	font: 11px arial;
}

.ho_productName img{
	margin:0px 0px -2px 3px;
}

.ho_productfoi{
	display:inline;
	float:left;
	text-align:left;
	padding:0px 0px 0px 9px;
	white-space:nowrap;
	font: 10px arial;
}

.ho_productfoi_opt{
	display:inline;
	float:left;
	padding:0px 0px 0px 38px;
	white-space:nowrap;
	font: 10px arial;
}

.GroupProductSubLink {
	display: block;
	font: 11px arial;
	line-height: 100%;
	padding: 0px 0px 0px 5px;
	font: 11px arial;
	clear:both;
}

.OptionProducts {
	padding-right: 14px;
	margin-left: 6px;
	background: url(http://www.cmegroup.com/images/sprites.gif) no-repeat 0px -45px;
}

.headerBottomPad {
	clear: both;
	display: block;
	padding-top: 20px;  /* for IE6 */
}

html > body div.headerBottomPad {
	padding-top: 60px;
}

.headerMenuLast {
	border-right: 0px;
}

div.headerMenuSlate {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.homeArrow {
	margin-top: 2px;
}

.header-search-container {
	float: right;
	text-align: right;
	padding: 6px 5px 0px 0px;
}

#searchField {
	width: 150px;
	height: 15px;
	padding-right: 0px;
	float: left;
	border-right: 0px;
	color: #888;
}

.searchButton {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.searchWhite {
	background-color: #fff;
	color: #888;
}

.searchRed {
	background-color: #fcc;
	color: #000;
}

/* End Header Styles */

/* Begin Footer Styles */

#footer {
	clear: both;
	background: #fff;
	margin: 0px;
	color: #333;
	padding: 0px 0 10px 0;
}

hr {
	margin-bottom: 8px;
	border: none;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	clear: both;
}

.disclaimer {
	clear: both;
	font-size: 10px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

.clearten {
	clear: both;
	padding-top: 10px;
}

#footer_col1, #footer_col2, #footer_col3, #footer_col4 {
	float: left;
}

#footer_col1 {
	margin: 0 5px 2em 0;
	width: 210px;
}

#footer_col2 {
	margin: 0 5px 2em 5px;
	width: 220px;
}

#footer_col3 {
	margin: 0 5px 2em 5px;
	width: 230px;
}

#footer_col4 {
	margin: 0 0 2em 5px;
}

.footer_header {
	font-size: 11px;
	font-weight: bold;
	color: #333;
}

.footer_text {
	font-size: 10px;
	color: #333;
}

.footer_text span {
	font: bold 11px arial;
}

.footerpadding {
	padding-left: 1px;
	font-size: 12px;
}

.padTop2 {
	padding-top: 2px;
}

.padTop5 {
	padding-top: 5px;
}

ul.footer_linkedIn li {
	background-image: none;
	padding-left: 0.2em;
	font-size: 10px;
}

.footer_linkedIn_first {
	padding: 0;
}

.footer-int {
	font-size: 10px;
	margin: 0;
	padding: 0 0 2px 0;
}

.footer-partner {
	font-size: 10px;
	margin: 0;
	padding: 5px 0px 0px 0px;
}

.footer-partner span {
	vertical-align: super;
}

/* End Footer Styles */

/* Centered Section Of the Body */
.centeredBodyFullWidth{
	display:table-cell;
	float:left;
	width:100%;
	background:#F6F6F6;
	margin-top:3px;
}
.centeredBody1{
	display:table;
	width:726px;
	padding-right:7px;
	padding-left:7px;
	background:#fff;
	margin-left:auto;
	margin-right:auto;
}
.centeredBody2{
	display:table-cell;
	float:left;
	width:726px;
	overflow:hidden;
}
/* Centered Section Of the Body */

/********************************
** END datePicker.css styles **
********************************/
