table { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
table tr { border: 1px solid #e4e4e4;}

table th {  background-color:#EEEEEE; padding: 4px; white-space:nowrap; text-align: left; }

table td { vertical-align: top; padding: 4px;  }
table td.id { width: 2%; text-align: center;}
table td.checkbox { width: 15px; padding: 0px;}

table.leftlabel, table.rightlabel, table.leftlabel td, table.rightlabel td { border: 0px; }
table.leftlabel tr:hover, table.rightlabel tr:hover {background-color: #FFFFFF;}

/* this should all probably be refactored out yet */
td.leftlabel, td.rightlabel {
    width: 100px;
    padding-top: 7px;
    text-align: right;
}

td.rightlabel
{
    padding-top: 0px;
    width: 10px;
}

table.alternating tbody tr.odd td
{
    background-color: #edf3fe;
}

table.alternating tbody tr td
{
    border: 1px solid #cccccc; 
}

/* All 4 of these must be supplied to get both IE and firefox to show the hovers correctly*/
table tbody tr:hover , table tbody tr.odd:hover, table tbody tr:hover td, table tbody tr.odd:hover td {background-color: #f8f8f8;}