/* Div container to wrap the datagrid */
div#div-datagrid {
overflow: auto;
}

tr.locked{
z-index: 99;
}
	
/* Locks the left column */
td.locked, th.locked
{
	
background-color:HighlightTxt;
border-width:0px;
color: white;
position:relative;
cursor: default; 
left: expression(document.getElementById("div-datagrid").scrollLeft-1); /*IE5+ only*/

}	

       
/* Locks table header */
th 
{
	border-bottom-width:1px;
	border-width:0px;
	font-size: 9pt;
	font-family:Arial;
	text-align: center;
	border-bottom-color:Silver;
	border-bottom-width:0px;	
	color: white;
	position:relative;
	cursor: default; 
	top: expression(document.getElementById("div-datagrid").scrollTop-1); /*IE5+ only*/
	z-index: 10;
}

/* Keeps the header as the top most item. Important for top left item*/
th.locked 
{
	z-index: 99;}

/* DataGrid Item and AlternatingItem Style*/
.GridRow {padding-right:20px;  padding-left:5px; font-size: 8pt; color: black;  font-family: Verdana; background-color:#ffffff; height:24px;}
.GridAltRow {padding-right:20px;  padding-left:5px; font-size: 8pt; color: black; font-family: Verdana; background-color:#EEF1F6; height:24px;}
.GridLayout{ font-size:100px; }