#resourcebg {
	background:url(../images/graypinstripes.gif);
}
#Container2 {
	background: #ffffff url(../images/mag_rt-shadow.gif) repeat-y scroll center;
  	width: 955px;
	float: left;
	overflow:hidden;
}
#botshadow {
	float: left;
	padding:0px 0px 15px 0px;
	margin:0px;
	background:url(../images/graypinstripes.gif);
}
#RightColumn1{
	margin-right:5px;
}
.clickBar{
	margin-top:8px;
	height:25px;
	background:url(../images/clickBar.gif) top repeat-x;
}

.clickBar .left{
	height:25px;
	background:url(../images/clickBar_l.gif) left no-repeat;
}

.clickBar .left .right{
	height:25px;
	background:url(../images/clickBar_r.gif) right no-repeat;
	text-align:center;
}

.clickBar .left .rightFree{
	height:25px;
	background:url(../images/clickBar_r.gif) right no-repeat;
	padding:0 15px;
}

.clickBar button{
	height:25px;
	margin:0;
	width:auto;
	overflow:visible;
	cursor:pointer;
	background-image:none;
}

.iconLeft{
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

.iconRight{
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
}

.popup{
	background-image:url(../images/icon_popup.gif)!important;
}

.doc{
	background-image:url(../images/icon_doc.gif)!important;
}

.table{
	border:2px solid #CCC;
}

#charts{
	margin:0 15px;
	width:491px;
}

#tables{
	margin-top:15px;
padding-right:5px;
}

	
	
	#charts #tabs,
	#tables .tabs{
      float:left;
      width:100%;
      background:#ffffff;
      line-height:normal;
	  border-bottom:0px solid #5397C5;
	  padding-left:0pt;
      }
   	#charts #tabs ul,
	#tables .tabs ul{
	  margin:0;
	  padding:15px 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("../images/tabL.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
   	#charts #tabs a span,
	#tables .tabs a span{
      float:left;
      display:block;
      background:url("../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("../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("../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;
      }
	

	#charts #centerDisplay{
		clear:both;
	}
	
	#charts #centerDisplay #displayContainer{
		border:2px solid #CCC;
		border-bottom:none;
		padding:4px 0;
	}
	
	#charts #centerDisplay #displayContainerBottom{
		width:491px;
		height:11px;
		background:url(../images/displayContainer_b.gif) bottom repeat-x;
	}
	
	
	#charts #centerDisplay #displayContainerBottom .lb{
		background:url(../images/displayContainer_lb.gif) no-repeat bottom left;
		width:11px;
		height:11px;
	}
	#charts #centerDisplay #displayContainerBottom .rb{
		background:url(../images/displayContainer_rb.gif) no-repeat bottom right;
		width:11px;
		height:11px;
	}

.clickBar{
	margin-top:8px;
	height:25px;
	background:url(../images/clickBar.gif) top repeat-x;
}

.clickBar .left{
	height:25px;
	background:url(../images/clickBar_l.gif) left no-repeat;
}

.clickBar .left .right{
	height:25px;
	background:url(../images/clickBar_r.gif) right no-repeat;
	text-align:center;
}

.clickBar .left .rightFree{
	height:25px;
	background:url(../images/clickBar_r.gif) right no-repeat;
	padding:0 15px;
}

.clickBar button{
	height:25px;
	margin:0;
	width:auto;
	overflow:visible;
	cursor:pointer;
	background-image:none;
}

.iconLeft{
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

.iconRight{
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:15px;
}

.popup{
	background-image:url(../images/icon_popup.gif)!important;
}

.doc{
	background-image:url(../images/icon_doc.gif)!important;
}


/* TABLE STYLES */
	table{
		border-collapse:collapse;
	}

	thead th{
		padding:4px 4px;
		text-align:left;
		background-image:url(../images/bluetablebg.gif);
		border:0px solid #5397C5;
		color:#ffffff;
		font:11px arial;
	}
	
	tr td{
		padding:4px;
		border-top:1px solid #CCC;
		/*vertical-align:top;*/
	}
/* END TABLE STYLES */


/* clear fix */

.tableDIV{
	display:table-cell;
	float:left;
	width:940px;
	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(../images/bluetablebg.gif);
	font:11px arial;
	color:#ffffff;
	padding:4px 2px 4px 0px;
	white-space:nowrap;
}
.tableDIV_tr{
	display:table-cell;
	float:left;
	width:100%;
	clear:both;	
	background:#ffffff;
	font:11px arial;
	border-width:0px 1px 1px 1px;
	border-style:solid ;
	border-color:#cccccc;
}
.tableDIV_td{
	float:left;
	background:transparent;
	padding:2px 5px 0px 5px;
}
.tableDIV_tdHeader{
	display:table-cell;
	float:left;
	border-width:0px 0px 0px 0px;
	border-style:solid;
	border-color:white;
	background:transparent;
	padding:2px 6px 0px 5px;
	vertical-align:middle;
}
.column6 div div{
	width:15%;
}
.column5 div div{
	width:18%;
}
.scrollY{
	overflow-y:auto;
}
.height350{
	height:100%;
}

.leftnavblocks4{
height:24px;
width:192px;
background-image:url(http://www.cmegroup.com/education/modules/images/navbargray4.gif);
padding-top:8px;
padding-left:10px;
color:#000000;
margin-bottom:7px;
}

.leftnavblocks5{
height:38px;
width:192px;
background-image:url(http://www.cmegroup.com/education/modules/images/navbargray5.gif);
padding-top:8px;
padding-left:10px;
color:#000000;
margin-bottom:7px;
}

.leftnavblocks4:hover{
height:24px;
width:192px;
background-image:url(http://www.cmegroup.com/education/modules/images/navbargray4h.gif);
padding-top:8px;
padding-left:10px;
color:#FFFFFF;
margin-bottom:7px;
}

.leftnavblocks5:hover{
height:38px;
width:192px;
background-image:url(http://www.cmegroup.com/education/modules/images/navbargray5h.gif);
padding-top:8px;
padding-left:10px;
color:#FFFFFF;
margin-bottom:7px;
}

.rightnavblocks2{
height:16px;
width:192px;
background-image:url(http://www.cmegroup.com/education/modules/images/rightnavbar2.gif);
padding-top:1px;
padding-left:2px;
color:#000000;
margin-bottom:4px;
text-align:center;
}

.rightnavblocks2:hover{
height:16px;
width:192px;
background-image:url(http://www.cmegroup.com/education/modules/images/rightnavbar2h.gif);
padding-top:1px;
padding-left:2px;
color:#E68800;
margin-bottom:4px;
text-align:center;
}

.additionalquotes{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
height:20px;
padding:2px 0px 2px 0px;
}

