.sortable {
	width:700px;
	border-left:1px solid #c6d5e1;
	border-top:1px solid #c6d5e1;
	border-bottom:none;
	margin:0 auto 15px
}

.sortable th {
/*	background:url(../sortTableImage/header-bg.gif);*/
	background:#99cc66;
	text-align:left;
	color:#000000;
	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(../sortTableImage/sort.gif) 7px center no-repeat;*/
	background: #99cc66;
	cursor:pointer;
	padding-left:18px
}

.sortable .desc, .sortable .asc {
/*	background:url(../sortTableImage/header-selected-bg.gif)*/
	background: #99cc66;
}

.sortable .desc h3 {
	background:url(../sortTableImage/desc.gif) 7px center no-repeat;
	cursor:pointer;
	padding-left:18px
}

.sortable .asc h3 {
	background:url(../sortTableImage/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:#ecf9e7;
}

.sortable td.evenselected {
	background:#ecf9e7
}

.sortable td.oddselected {
	background:#b9e9a6
}



#controls {
	width:665px;
	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:100px;
	text-align:center
}

#navigation img {
	cursor:pointer
}

#text {
	float:left;
	width:300px;
	text-align:right;
	margin-top:2px
}