.sortable {
	width:98%;
	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 {
	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:#fff;
	}
	
.sortable .oddrow td {
	background:#ecf2f6;
	}
	
.sortable td.evenselected {
	background:#ecf2f6;
	}
	
.sortable td.oddselected {
	background:#dce6ee;
	}

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