/** Table css setup ***/
table, .tableClass {
    font-family: Lucida Grande, Verdana, Trebuchet;
    font-size: 0.8em;
    border: 1px solid #ccc;
    border-collapse: collapse;
    cursor: default;
}
table td,
table th{
    padding: 2px;
    font-weight: normal;
}
table thead td, table thead th, .tableHeaderClass {
   background-color: #e7e7e7; /* #6699ff;  is this right for ft-head.gif? */
   background-image: url(../../images/grey-bar.png);  /* ft-head.gif */
   background-position: top left;
   background-repeat: repeat-x;
}
table thead td.selectedUp, table thead th.selectedUp {
    background-image: url(../../images/ft-headup.gif);
}
table thead td.selectedDown, table thead th.selectedDown {
    background-image: url(../../images/ft-headdown.gif);
}

table tbody tr td{
 /*   border-bottom: 1px solid #ddd; */
}
table tbody tr.alt td, .odd{
    background: #e7e7e7;
}
table tbody tr.selected td{
    background: #ff9;
}
table.dataTable tbody tr:hover td{
    background: #a6c2e7;
}
table tbody tr.selected:hover td{
    background: #faff61;
}

div.pagerDiv {
    border: 1px solid #e7e7e7;
}
.pagerText {}