<style type="text/css">
TR.line {
background: #F1F1F1; color: #333
}
.ruler TD {
padding: 3px
}
.header {
background: navy; color: white
}
</style>
<script language="JavaScript">
function tableRuler() {
if (document.getElementById) {
tables = document.getElementsByTagName("table")
for (i=0;i<tables.length;i++) {
if (tables[i].className == "ruler") {
trs = tables[i].getElementsByTagName("tr")
for (j=0;j<trs.length;j++) {
if (trs[j].className != "header") {
trs[j].onmouseover = function() { this.className = "line"; return false }
trs[j].onmouseout = function() { this.className = ""; return false }
} } } } }
}
</script>