rows not using jQueryUI colors?

beater

I can not get DataTables using jQueryUI to style the table rows. The background color does not use anything from jQueryUI theme. I figured if that was normal I'd style the rows myself but I can't get that to work either. table.dataTable tr.odd { background-color: red; } does nothing to change the row color.
How do I get rows to use jQueryUI colors?

link to example
http://jsfiddle.net/beater/m2vpT/