@charset "UTF-8";
/* sorter */

#wrapper {
	width:800px;
	margin:50px auto;
	font-size: 10px;
}
.sortable {
	width:800px;
	border:1px solid #ccc;
	border-bottom:none
}
.sortable th {
	padding:4px 6px 6px;
	color:#fff;
	text-align:left;
	color:#FFF;
	background-color: #1B215D;
}
.sortable td {padding:2px 4px 4px; background:#fff; border-bottom:1px solid #ccc}
.sortable .head {
	cursor:pointer;
	padding-left:18px;
	background-color: #1B215D;
	background-image: url(../images/sort.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
}
.sortable .desc {background:#222 url(../images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {
	cursor:pointer;
	padding-left:18px;
	background-color: #131740;
	background-image: url(../images/asc.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}