* {margin:0; padding:0; outline:none}
xbody {
	margin:15px;
	color:#091f30;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-align: center;
	background-color: #fff;
	background-repeat: repeat-x;
}

.sortable {
	width:700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9DB7CC;
	border-right-color: #9DB7CC;
	border-bottom-color: #9DB7CC;
	border-left-color: #9DB7CC;
}
.sortable th {
	text-align:left;
	color:#cfdce7;
	border:1px solid #fff;
	border-right:none;
	background-image: url(header-bg.gif);
}
.sortable th h4 {
	font-size:9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: center;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.sortable td {
	border-bottom:1px solid #c6d5e1;
	border-right:1px solid #c6d5e1;
	text-align: center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 11px;
}
.sortable .head h4 {
	cursor:pointer;
	padding-left:6px;
	background-image: url(sort.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
.sortable .desc, .sortable .asc { background-image: url(header-selected-bg.gif); }
.sortable .desc h4 {
	cursor:pointer;
	padding-left:6px;
	background-image: url(desc.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-right: 2px;
}
.sortable .asc h4 {
	cursor:pointer;
	padding-left:6px;
	background-image: url(asc.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-right: 2px;
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover { color:#333 }
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}

#controls {
	width:720px;
	margin:0 auto;
	height:20px;
	background-color: #FFFF9F;
	border: 1px solid #33F;
}
#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:350px;
	text-align:center
}
#navigation img {cursor:pointer}
#text {
	float:left;
	width:140px;
	text-align:right;
	margin-top:2px
}

