.sortable {
	margin:0 auto 15px;
	border: 1px solid #666;
}
.sortable th {
	text-align:center;
	color:#FFF;
	background-color: #222;
	border: 1px solid #666;
}
.sortable th h3 {
	font-size:12px;
	padding:6px 8px 8px
}
.sortable td {
	padding:4px 6px 6px;
	border-bottom:1px solid #666;
	border-right:1px solid #666
}
.sortable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {
	background-color: #333;
}
.sortable .desc h3 {
	cursor:pointer;
	padding-left:18px;
	background-color: #333;
	background-image: url(../images/desc.gif);
	background-repeat: no-repeat;
	background-position: 7px center;
}
.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-color: #EEE;
}
.sortable td.evenselected {
	background-color: #EEE;
}
.sortable td.oddselected {
	background-color: #DDD;
}

#controls {
	width:100%;
	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 {
	width:100%;
	text-align:center
}
#navigation img {cursor:pointer}
#text {
	width:100%;
	text-align:center;
	margin-top:2px
}
td a {
	color: #666;
	text-decoration: underline;
}
td a:hover {
	color: #000;
	text-decoration: none;
}