* {margin:0; padding:0}
body {font:18px Times New Roman}
#wrapper {width:375px; margin:50px auto}
.sortable {width:375px; border:1px solid #FFFFFF; border-bottom:none}
.sortable th {padding:4px 6px 6px; background:#FFFFFF; color:#fff; text-align:left; color:#000000}
.sortable td {padding:2px 4px 4px; background:#FFF; border-bottom:1px solid #ccc}
.sortable .head {background:white url(images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:white url(images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:white url(images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:blue}  
.sortable .even td {background:#DCDCDC;  cursor:pointer; color:#FF0000}
.sortable .odd td {background:#fff;  cursor:pointer; color:#FF0000}
.sortable tr :hover {color:blue};