* {margin:0; padding:0; outline:none}

.sortable {width:550; border-left:1px solid #F4F3F2; border-top:1px solid #F4F3F2; border-bottom:none; margin:0 auto 15px; font-size:11;}
.sortable th {background:url(tabsort_images/header-bg.gif); text-align:left; color:#fff; border:1px solid #f6f3f1; border-right:none}
.sortable th h2 {font-size:12px; padding:4px 4px 4px; font-family: Verdana, Arial, Helvetica, sans-serif}
.sortable td {padding:4px 4px 4px; border-bottom:1px solid #F4F3F2; border-right:1px solid #F4F3F2}
.sortable .head h4 {background:url(tabsort_images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:14px}
.sortable .desc, .sortable .asc {background:url(tabsort_images/header-selected-bg.gif)}
.sortable .desc h2 {background:url(tabsort_images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:14px}
.sortable .asc h2 {background:url(tabsort_images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:14px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#F4F3F2}
.sortable td.evenselected {background:#fff}
.sortable td.oddselected {background:#F4F3F2}

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