* {margin:0; padding:0}
body {font:10px Verdana,Arial;}
#wrapper {width:560px; margin:50px auto;}
.sortable {width:560px; border:1px solid #ccc; border-bottom:none;}
.sortable th {padding:4px 6px 6px; background:#444; color:#fff; text-align:left; color:#ccc;}
.sortable td {padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc;}
.sortable .head {background : #444444 url(sort.gif) no-repeat 6px center; cursor:pointer; padding-left:18px;}
.sortable .desc {background : #222255 url(desc.gif) no-repeat 6px center; cursor:pointer; padding-left:18px;}
.sortable .asc {background : #222255 url(asc.gif) no-repeat 6px center; cursor:pointer; padding-left:18px;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff;}
.sortable .even td {background:#f2f2f2;}
.sortable .odd td {background:#fff;}