/* {margin:0; padding:0; outline:none} */
/* body {font:10px Verdana,Arial; margin:25px; color:#091f30} */

.sortable {width:95%; 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) ;
	margin:0; padding:0; outline:none;
	text-align:left; 
	color:#cfdce7; 
	border:1px solid #fff; 
	border-right:none;
	min-height: 26px;
	}

.sortable th h3 {
	min-height: 26px;
	font-size:12px; 
	margin:0; padding:0; outline:none;
	padding-top:6px;
	padding-left:18px;
	}
.sortable td {
	padding:4px 6px 6px; 
	border-bottom:1px solid #c6d5e1; 
	border-right:1px solid #c6d5e1;
	font: 10px Verdana, Arial;
	color: #091f30;
	}
.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:700px; 
	margin:0 auto; 
	height:20px;
	background: #F0F8FF;
	}
#perpage {float:left; width:150px}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:400px; text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:150px; text-align:right; margin-top:2px}