div.tableContainer {
	width: 50%;		/* table width will be 99% of this*/
	height: 280px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	left:0px;
	}

table.contains {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: #f7f7f7;
	height:500px;
	}
table.contains_ant {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: #f7f7f7;
	
	}
	
table.contains>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 500px;
	overflow-x: hidden;
	}
	
thead tr.contains	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}
	
thead td.contains, thead th.contains {
	text-align: center;
	font-size: 14px; 
	background-color: oldlace;
	color: steelblue;
	font-weight: bold;
	border-top: solid 1px #d8d8d8;
	}	
	
td.contains	{
	color: #000;
	padding-right: 2px;
	font-size: 12px;
	text-align: right;
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
	}
	
table tfoot tr.contains { /*idea of Renato Cherullo to help IE*/
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= 
	  offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }


tfoot td.contains	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: papayawhip;
	color: steelblue;
	border-top: solid 1px slategray;
	}

td.contains:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/