* {margin:0; padding:0; outline:none}
body {font:12px Verdana,Arial; margin:15px; repeat-x; color:#FFFFFF}

.sortable {width:980px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; margin:0 auto 15px}
.sortable th {background:#000000; text-align:left; color:#FFFFFF; border:1px solid #fff; border-right:1px solid #FFFFFF;}
.sortable th h3 {font-size:10.5px; padding:6px 8px 8px}
.sortable td {padding:6px 12px 12px; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF}
.sortable .head h3 {background:url(sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:#4D453E}
.sortable .desc h3 {background:url(desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#F6071E}
.sortable .evenrow td {background:url(carbon2.gif)} 
.sortable .oddrow td {background:url(carbon2.gif)}
.sortable td.evenselected {background:url(carbon2.gif)}
.sortable td.oddselected {background:url(carbon2.gif)}

#controls {width:980px; margin:0 auto; height:20px}
#perpage {float:left; width:300px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
.navigation {float:left; width:235px; text-align:center}
.navigation img {cursor:pointer}
#text {float:left; width:505px; text-align:center; margin-top:2px; font-size:14px}