table {
	width: 100%;
	float: left;
	border-collapse: separate;
	margin: 0px 0px;
}
table td {
	padding: 0 5px;
}
table tbody td {
	background:#EAEAEA;
	line-height:25px;
	vertical-align:middle;
}
table tbody .alt td {
	background:#FFFFFF;
	line-height:25px;
}	
table tbody .selected td {
	background:#000000;
	line-height:25px;
	color: #FFFFFF;
	cursor: pointer;	
}	
table tbody .alt-over td {
	background:#712D97;
	line-height:25px;
	cursor: pointer;	
}
tbody .selected a {
	color: #FEE100;
}
tbody .selected a:hover {
	color: #FEE100;
	text-decoration:underline;
}	
tbody .alt-over a {
	color: #C11016;
}
tbody .alt-over a:hover {
	color: #C11016;
	text-decoration:underline;
}	
	
table thead td {
	background:#555555;
	font-weight: bold;
	line-height: 25px;
}
/* overwriting weird style forced into the header td cells of the AJAX sorting... */
table .header {
	height: auto;
	width:auto;
	margin: auto;
	background:#555555;	
}	
thead a {
	color: #FFFFFF;
	font-weight: bold;
}
thead a.up {
	background: url(assets/layout/up.gif) center right no-repeat;
	display: block;
}
thead a.down {
	background: url(assets/layout/down.gif) center right no-repeat;
	display: block;		
}