/* Borrowed from http://rcswebsolutions.wordpress.com/2007/01/02/scrolling-html-table-with-fixed-header/ */

div.scrollTableContainer {
	width: 65%;		/* table width will be 99% of this*/
	height: 295px; 	/* must be greater than tbody*/
	overflow: auto;
   position: relative;
/*   margin: 15px 0 0 0; */
}


/* All browsers accept this, but we are targeting IE with this rule */
div.scrollTableContainer table {
	width: 97%;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
    width: 99%; 		/*100% of container produces horiz. scroll in Mozilla*/
}

div.scrollTableContainer table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 250px;
	overflow-x: hidden;
}

div.scrollTableContainer thead tr {
   position: relative;
}

div.scrollTableContainer table tfoot tr { /*idea of Renato Cherullo to help IE*/
   position: relative; 
   overflow-x: hidden;
}
      
div.scrollTableContainer thead td, div.scrollTableContainer thead th, div.scrollTableContainer tfoot td {
   /* Make sure you have a background color for these or the table values */
   /* will "bleed through" when using IE */
}	

div.scrollTableContainer tbody tr {
   height: auto;
}
	
div.scrollTableContainer td:last-child {
   padding-right: 20px; /*prevent Mozilla scrollbar from hiding cell content*/
}

