h1 { font-size: 1.3em; }

table { margin: 10px 50px; border: 1px solid gray; border-collapse: collapse; border-spacing: 0;}

thead { background: white; }

td, th { border: 1px solid gray; }

td.click, th.click { background-color: #bbb; }

td.hover, tr.hover { background-color: #CCCCCC; }

th.hover, tfoot td.hover { background-color: ivory; }

td.hovercell, th.hovercell { background-color: #333333; }

td.hoverrow, th.hoverrow { background-color: #6df; }

table.tablesorter { font-family:arial; background-color: #fff; margin:10px 0pt 15px; font: 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; width: 1000px; align:center;}

table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #333333; border: 1px solid #FFF; font: 11px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif; padding: 4px; color: #FFFFFF; }

table.tablesorter thead tr .header { background-image: url(bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }

table.tablesorter tbody td { color: #3D3D3D; padding: 4px; vertical-align: top; }

table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }

table.tablesorter thead tr .headerSortUp { background-image: url(asc.gif); }

table.tablesorter thead tr .headerSortDown { background-image: url(desc.gif); }

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; color: #000000; }