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

.sortable {
	width:940px;
	border-left:1px solid;
	border-left-color:#D1D1D4;
	border-top:1px solid;
	border-top-color::#F99;
	border-bottom:none;
	height:auto;
	margin:0 auto 15px;
}
.sortable th {
	background:url(images/header-bg.gif);
	text-align:left;
	color:#ECECED;
	border:1px solid;
	border-color:#fff;
	border-right:none
}
.sortable th h3 {font-size:10px; padding:6px 8px 8px; color:#FFF;}
.sortable td {
	padding:4px 6px 6px;
	border-bottom:1px solid;
	border-bottom-color:#D5D5D8;
	border-right:1px solid;
	border-right-color:#C5C5C5;
}
.sortable .head h3 {background:url(images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px; color:#FFF;}
.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-color:#fff}
.sortable .oddrow td {
	background-color:#F0F0F0
}
.sortable td.evenselected {
	background-color:#FFF;
}
.sortable td.oddselected {
	background-color:#D9DADC;
}

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