div#tbl-container {
width: 750px;
height: 450px;
overflow: auto;
scrollbar-base-color:silver;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#table {
table-layout: fixed;
border-collapse: collapse;
}

div#tbl-container table th {
width: 70px;
}

div#tbl-container table td {
font-size: 10px;
}

thead th, thead th.locked	{
font-size: 10px;
font-weight: bold;
color: white;
background-color: #006699;
border-right: 1px solid WhiteSmoke;
position:relative;
cursor: default; 
}
	
thead th {
top: expression(document.getElementById("tbl-container").scrollTop-2); /* IE5+ only */
z-index: 20;
}

thead th.locked {z-index: 30;}

td.locked,  th.locked{
background-color: #FFFFBB;
border-right: 1px solid WhiteSmoke;
left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); /* IE5+ only */
position: relative;
z-index: 10;
}

/*these styles have nothing to do with the locked column*/


button {
width: 150px; 
font-size: 10px;
font-weight: bold;
color: #006699;
margin-bottom: 5px;
}