Adding borders to tr tags

majortom

I'm trying to add borders to cells, however they are not appearing for unsorted columns. This is my code (CSS)

[code]
table.dataTable tr.odd {
background-color: #bbbbbb;
border: 1px solid #777;
}
table.dataTable tr.even {
background-color: white;
border: 1px solid #ddd;
}

table.dataTable tr.odd td.sorting_1, table.dataTable tr.odd td.sorting_2, table.dataTable tr.odd td.sorting_3 {
background-color: #ababab;
border: 1px solid #555;
}

table.dataTable tr.even td.sorting_1, table.dataTable tr.even td.sorting_2, table.dataTable tr.even td.sorting_3 {
background-color: #ebebeb;
border: 1px solid #999;
}
[/code]

The border does not work for table.dataTable tr.odd and table.dataTable tr.even (but it works for table.dataTable tr.even td.sorting_1, table.dataTable tr.odd td.sorting_1, etc). The only edits to the code I have done is style the background colours and pictures om the jquery.dataTables.css.

I would link you to my site, but it's not published yet

Thanks for the help