/* These styles are used to present scrollable tables with locking header rows */

/* DIV container around table to constrict the height for IE (IE ignores the tbody height style) */
div.FixedTableHead {
	overflow-y:auto;
	
	/* this fixes IE so container width is same as table width */
	width: expression( (this.childNodes[0].clientWidth + 24) + 'px' );
	
	/* This fixes IE so the container height is table height plus the height of the header */
	height: expression( (parseInt(this.childNodes[0].style.height) + this.childNodes[0].childNodes[1].offsetTop + 1) +'px' );
}

/* Scrollable Content */
.FixedTableHead table tbody {
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}

.FixedTableHead table tbody tr {
	height: auto;
	white-space: nowrap;
}

.FixedTableHead td{
	border-left:2px solid white;
}

/* Prevent Mozilla scrollbar from hiding right-most cell content */
.FixedTableHead table tbody tr td:last-child {
	padding-right: 20px;
}

/* Fixed Header */
/* In WinIE any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
.FixedTableHead table thead tr {
	position: relative;
	height: auto;
	/* this fixes IE header jumping bug when mousing over rows in the tbody */
	top: expression( this.parentNode.parentNode.parentNode.scrollTop -2 + 'px' );
}

/* Fixed Header */
.FixedTableHead table thead tr td {
	background-color:white;
	font-weight:bold;
	padding:4px;
}