div#TableScrollDiv {
	width: expression((this.children[0].offsetWidth) < (100)?(this.children[0].offsetWidth):(100));
	height: 252px;
	overflow: auto;
	scrollbar-base-color: #c0c0c0;
}

table.scroll {
border-collapse: collapse;
background-color: WhiteSmoke;
border : 1px solid #000033;    
}

thead.scroll th, thead th.locked, a.scroll	{
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: #cccccc;
color: navy;
border-right: 1px solid silver;
position:relative;
text-decoration: none;
}

table.scroll td.header {
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;
vertical-align: top;
}

thead.scroll th {
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-2); /* IE5+ only */
z-index: 20;
}

thead.scroll th.locked {z-index: 30;} 
 
td.locked,  th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid silver;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
position: relative;
z-index: 10;
}

table.scroll td {
padding: 4px 7px 4px 4px;
font-size: 11px;
border-left: 1px solid silver;
border-bottom: 1px solid silver;
}

.sortarrow {
    color: navy;
    text-decoration: none;
}