.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:#eee url(../img/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:#555 url(../img/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:#555 url(../img/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px; }
.sortable .asc, .sortable .desc { color:#fff; }
.sortable .asc, .sortable .desc, .sortable .head { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:90%; text-align:center; }
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff; font-weight:bold;}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}