.sortable {width:675px; margin:0 auto 15px; border-collapse: collapse;}
.sortable th {background:url(/sorter/images/tablehead.png) top right repeat-x; text-align:left; color:#424242; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-decoration: underline; text-align: left; line-height: 15px; padding: 4px 15px 0 8px; height: 21px; }
.sortable td {padding:4px 6px 6px; vertical-align: top;}
.sortable .head {background:url(/sorter/images/tablehead.png) top right; cursor:pointer;}
.sortable .desc, .sortable .asc {background:url(/sorter/images/tablehead-sel.png);}
.sortable .desc {background:url(/sorter/images/tablehead-sel-down.png) top right no-repeat; cursor:pointer;}
.sortable .asc {background:url(/sorter/images/tablehead-sel-up.png) top right no-repeat; cursor:pointer;}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#424242}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#f3f3f3}
th.nosort { text-decoration: none;}
th#descfield {padding: 0; margin:0;}

#controls {width:600px; margin:20px auto 20px auto; height:20px;font-size:12px;}
#perpage {float:left; width:200px;}
#perpage select {float:left; font-size:12px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:200px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:200px; text-align:right; margin-top:2px}