.dataTableClass td {
  color:            #000000;
  background-color: #F2F2F2;
  padding:    2px;
  font-size: 11px;
  font-family: Arial, Helvetica;
  border-bottom: 1px solid #F2F2F2;
  border-left:   1px solid #F2F2F2;
} /* color from cellTextColor cellBgColor - basic stats color */ 

.dataTableClass .headerRow a,       .dataTableClass .headerRow a:link
.dataTableClass .headerRow a:hover, .dataTableClass .headerRow a:visited { 
  color: #FFFFFF;
} /* links in the header */

.dataTableClass .currSortDataCell a,       .dataTableClass .currSortDataCell a:link,  
.dataTableClass .currSortDataCell a:hover, .dataTableClass .currSortDataCell a:visited { 
  color: #FFFFFF;
} /* links in sorted cells */


.dataTableClass .titleRow td, .dataTableClass .headerRow td { 
  color: #ffffff;
  font-weight: bold;
} /* aka tableTitleTextColor headerTextColor */
 
.dataTableClass .titleRow td { 
  background-color: #000000;
} /* aka tableTitleBgColor - row above table w/ desc - usually black w/ white text */
 
.dataTableClass .headerRow td {
  background-color: #BF4750;
} /* aka headerBgColor - row above the table stats - click to sort */
 
.dataTableClass .currSortDataCell { 
  color: #FFFFFF;
  background-color: #000066;
} /* aka sortedCellTextColor sortedCellBgColor - col for sorted data, usually white w/ dark bg */
 
.dataTableClass .highlightRow .dataCell { 
  color: #000000;
  background-color: #D9D9D9;
} /* aka highlightedCellTextColor highlightedCellBgColor - highlighted row on mousedown, usually a slightly darker grey */
 
.dataTableClass .highlightRow .currSortDataCell { 
  color: #FFFFFF;
  background-color: #00005B;
} /* aka sortedHighlightedCellTextColor sortedHighlightedCellBgColor - cell thats sorted *and* highlighed */