.sortable {width:95%; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto}
.sortable th {background:#579; text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th.datecol a {width:90px; color:#cfdce7}
.sortable th.subjcol a {width:200px; color:#cfdce7}
.sortable th h3 {font-size:10px; padding:6px 8px 8px; color:#cfdce7; margin:0}
.sortable th a {color:#cfdce7; display:block}
.sortable th a:hover {color:#fff}
.sortable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:#246}
.sortable .desc h3 {background:url(images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}