CSS/datatable.css

table.open-data-table {
   font-size:0.9em; 
   color:black;
   border-style: none; 
   border-collapse:collapse;
}

/*
table.open-data-table th:hover a {
   text-decoration: underline;		      
   color: blue;
}
*/

table.open-data-table th {
   background-color:#E8E8E8;
   font-weight:normal;
}

table.open-data-table th a {
   text-decoration: none;		      
   color: black;
}

#bodyContent table.open-data-table th a.external {
   text-decoration: none;		      
   color: black;
}

table.open-data-table th:hover {
   background-color:#F0F0F0;
   text-decoration: none;		      
   color: blue;
}

table.open-data-table th {
   border:1px solid #AAAAAA;
   padding-left:0.3em;
   padding-right:0.3em;
   text-align:center;
}

table.open-data-table td {
   border:1px solid #AAAAAA;
   padding-left:0.3em;
   padding-right:0.3em;
   text-align:left;
}

/*
   Make a few changes for add-on class "form-table"
*/

table.form-table {
   border-collapse: separate;
   border-spacing: 0.2em;
}

table.form-table th {
   border: none;
   /* text-align: right;  */
}

table.form-table td {
   text-align: left;
}

/*
    Optionally add class "top-table" to vertically align table cell content to the top
 */

 table.top-table td {
   vertical-align: top;
 }