/* * {margin:0; padding:0; outline:none} */
/* body {font:10px Verdana,Arial; margin:25px; background:#fff url(images/bg.gif) repeat-x; color:#091f30} */

/* .sortable {width:980px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px} */
/* .sortable th {background:url(images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none} */
/* .sortable th h3 {font-size:10px; padding:6px 8px 8px} */
/* .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 {border-bottom: 3px solid #f00}
.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:#f00}
.sortable .evenrow td {background:#ffe}
.sortable .oddrow td {background:#ffc}
.sortable thead th {font-size: 0.8em}
.sortable tbody td {font-size: 0.7em; padding: 3px; border-bottom: 1px solid #ccc}
.sortable td.evenselected {background:#fed}
.sortable td.oddselected {background:#fec}

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