.sortable {width:100%;border-left:0px solid #c6d5e1; border-top:0px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th {display: none;width:0px;}
.sortable th h3 {display: none;}
.sortable td {padding:0px 0px 0px; border-bottom:0px solid #c6d5e1; border-right:0px solid #c6d5e1}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(images/header-selected-bg.gif)}
.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:#fefdfe}
.sortable td.evenselected {background:#fefdfe}
.sortable td.oddselected {background:#ffffff}
.sortable td.hidden {display: none;width:0px;empty-cells: hide;}


#controls {
width:100%;
margin:0 auto;
height:20px;
border-top:1px solid #c6d5e1;
border-bottom:1px solid #c6d5e1;
margin-top:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:10px;
}
#perpage {float:left; width:150px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:430px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:150px; text-align:right; margin-top:2px}