* {margin:0; padding:0; outline:none}
body {font:10px Verdana,Arial; margin:25px; color:#091f30}

.sortable {width:100%}
.sortable th {
	background: rgb(200, 200, 200);
	text-align: left;
	color: #cfdce7;
	border: 1px solid #fff;
	border-right: none;
}
.sortable th h3 {font-size:10px; padding:6px 8px 8px; color: #000000}
.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 {
	background: rgb(180, 180, 180)
}
.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: rgb(230, 230, 230)
}
.sortable td.evenselected {
	background: rgb(245, 245, 245)
}
.sortable td.oddselected {
	background: rgb(210, 210, 210)
}

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