/* Div container to wrap the datagrid */
div#div-datagrid {
width: 1535px;
height: 600px;
overflow: auto;
scrollbar-base-color:#ffeaff;
}

/* Locks the left column */
td.locked, th.locked {
font-size: 8px;
font-weight: bold;
text-align: center;
background-color: #DFA894;
color: white;
border-right: 1px solid black;
cursor: default;
/*IE5+ only*/
left: expression(document.getElementById("div-datagrid").scrollLeft-2);
}

/* Locks table header */
th {
font-size: 12px;
font-weight: bold;
text-align: center;
background-color: #DFA894;
color: Black;
border-right: 2px solid black;
position:relative;
cursor: default;
/*IE5+ only*/
top: expression(document.getElementById("div-datagrid").scrollTop-2);
z-index: 10;
}

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

/* DataGrid Item and AlternatingItem Style*/
.GridRow {font-size: 8pt; color: black; font-family: Arial; 
             background-color:#ffffff; height:15px;}
.GridAltRow {font-size: 8pt; color: black; font-family: Arial; 
             background-color:#eeeeee; height:15px;}