Can't get a styled table to work with Spry dat set in DW CS6

Hi - I hope someone can help me with getting a styled table to work as a Spry data set. I first set up a nice table with an expandable drop down:

http://designerandpublisher.com/tables/index.html

I then followed along with this Adobe tutorial:

http://www.adobe.com/devnet/dreamweaver/articles/spry_creating_html_data_set.html

For the end result, you can see that all of the styling has been stripped away:

http://designerandpublisher.com/tables/spry-test.html

Although when you click on the column header, the sorting seems to work great but I obviously can't present this to the client because it doesn't look like the styled table.

Can someone tell me what I'm doing wrong?  I thought by styling the table first and then bringing it into Spry I thought it'd work.  I also would love to get this styled data set working for the client because I've used Spry for other things like accordions and it's easy to use.

Thank you.