.sortable {width:600px; border:1px solid #ccc; border-bottom:none;}
.sortable th {padding:4px 6px 6px; background:#ABE3FF; color:#fff; text-align:left; color:#000;}
.sortable td {padding:2px 4px 4px 0px; background:#fff; border-bottom:1px solid #ccc;height:48px;}

.sortable td:first-letter {color:#FFF;}

.sortable .head {background:#ABE3FF url(../img/item/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .desc {background:#ABE3FF url(../img/item/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .asc {background:#2BF url(../img/item/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff;}

/*
.sortable .even td {background:#fff;}
.sortable .odd td {background:#fff;}
*/