css

* {margin:0; padding:0}
body {font:10px Verdana,Arial}
#wrapper {width:825px; margin:50px auto}
.sortable {width:823px; 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:#444 url("https://photos-5.dropbox.com/t/0/AACs7HolHHuuk2MqoXdH-3gTxsYV14s9xbWdhBkSdBXP6g/10/114831602/jpeg/2048x1536/2/1358067600/0/2/sort.gif/8_EY0vVA_CQbKomycNs3j334L2-22-onm_JLJ9N61FY") 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:#222 url("https://photos-5.dropbox.com/t/0/AAAqaUfWU0MT-VsPNkiW0IQNgom2t6D0Z7coJCYzd2D3fA/10/114831602/jpeg/2048x1536/2/1358067600/0/2/desc.gif/1MqoxRM6yKzfZi0Qb71DiqiZvDfoYNgwrG5zLwkpowY") 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:#222 url("https://photos-6.dropbox.com/t/0/AAAtnCE9p0Sjl6pHxy3brqBOZceHDyMYJPoKyQ07oXPdmw/10/114831602/jpeg/2048x1536/2/1358071200/0/2/asc.gif/Cau2jTbakYycc5M3T0YXHivIo3l3Rum5E_bNLWC5P84") 6px  center no-repeat; 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}