.sortable {width:550px; border-left:1px solid #90d5e3; border-top:1px solid #90d5e3; border-right: none; border-bottom:#4d8693; margin:0 auto 15px}
.sortable th {background:url(images/header-bg2.gif); text-align:left; color:#222; border:1px solid #fff; border-right:none}
.sortable th h6 {font-size:16px; padding:4px 8px 4px 8px; text-shadow: 1px 1px 0 rgba(118,213,220,0.73); text-align:center;}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #4d8693; border-right:1px solid #4d8693; text-align:center;}
.sortable .head h6 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; text-align:center;}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg2.gif)}
.sortable .desc h6 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); color:#fff; text-align:center;}
.sortable .asc h6 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px; text-shadow: 1px 1px 2px rgba(0,0,0,0.75); color:#fff; text-align:center;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#f4f4f4}
.sortable .oddrow td {background:#cae9eb}
.sortable td.evenselected {background:#dedede}
.sortable td.oddselected {background:#afcfd1}