#sortTable td.total {
	border-top:0;
	border-left:0;
	border-right:1px solid #bbb;
	background: none;
	text-align:right;
	font-weight:bold;
	letter-spacing:1px;
}
#sortTable th.sortable,
#sortTable th.sortable-text,
#sortTable th.sortable-date,
#sortTable th.sortable-keep,
#sortTable th.sortable-date-dmy,
#sortTable th.sortable-numeric,
#sortTable th.sortable-currency,
#sortTable th.sortable-sortByTwelveHourTimestamp,
#sortTable th.sortable-sortIPAddress,
#sortTable th.sortable-sortEnglishLonghandDateFormat,
#sortTable th.sortable-sortScientificNotation,
#sortTable th.sortable-sortImage,
#sortTable th.sortable-sortFileSize,
#sortTable th{
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
	text-align:left;
	cursor:pointer;
	background:#efefef url(../media/bg_header_sortable.jpg) no-repeat;
	padding:0px;
}
#sortTable th.forwardSort {
	background:#efefef url(../media/bg_header_down.jpg) no-repeat 0 0;
}
#sortTable th.reverseSort {
	background:#efefef url(../media/bg_header_up.jpg) no-repeat 0 0;
}
#sortTable th.forwardSort a,
#sortTable th.reverseSort a {
	color:#000;
	outline:0 none;
}
/*
These styles should be added when very long tables are expected
th.sort-active {
	background:#efefef url(../media/bg_header_sorting.jpg) no-repeat 0 0;
	cursor:wait;
}
th.sort-active a {
	color:#a80000 !important;
	cursor:wait;
}
*/
#sortTable th a {
	text-decoration:none;
	color: #333;
}
#sortTable td a {
	text-decoration:none;
	color:#333;
}
#sortTable td img {
	margin:0 auto;
	border:3px solid #ddd;
}
#sortTable td a:hover {
	color:#333;
}
#sortTable td {
	width:25%;
	text-align:left;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 0px;
	color: #333;
}
#sortTable td.lft {
	text-align:left;
}
#sortTable tr.alt {
	background: #efefef;
	color: #bbb;
}
/* Poor old Internet Explorer has a bug that means we can't use background images for the table rows
as it trys to download the image each and every time that it is used... */
#sortTable tr[class="alt"] td {
	background: #efefef url(../media/td_alt.jpg) no-repeat;
}
#sortTable td[class~="alt"] {
	background: #fff url(../media/col_alt.jpg) no-repeat !important;
}
/* Poor old Internet Explorer won't see the next two rules either */
#sortTable tbody tr.alt td:first-child {
	background: #efefef url(../media/bullet2.gif) no-repeat;
	font-weight:bold;
}
#sortTable tbody tr td:first-child {
	background: #fff url(../media/bullet1.gif) no-repeat;
	font-weight:bold;
}