fixed inconsistencies in using sortUp & sortDown - fixes issue #173

css/theme.black-ice.css

@@ -32,20 +32,24 @@
 	background-position: center right;
 	background-repeat: no-repeat;
 }
-.tablesorter-blackice th.headerSortUp,
+.tablesorter-blackice .headerSortUp,
-.tablesorter-blackice th.tablesorter-headerSortUp {
+.tablesorter-blackice .tablesorter-headerSortUp,
+.tablesorter-blackice .tablesorter-headerAsc {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
+	color: #fff;
+}
+.tablesorter-blackice .headerSortDown,
+.tablesorter-blackice .tablesorter-headerSortDown,
+.tablesorter-blackice .tablesorter-headerDesc {
 	color: #fff;
 	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
 }
-.tablesorter-blackice th.headerSortDown,
-.tablesorter-blackice th.tablesorter-headerSortDown {
-	color: #fff;
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
-}
 
 /* tfoot */
 .tablesorter-blackice tfoot .tablesorter-headerSortUp,
-.tablesorter-blackice tfoot .tablesorter-headerSortDown {
+.tablesorter-blackice tfoot .tablesorter-headerSortDown,
+.tablesorter-blackice tfoot .tablesorter-headerAsc,
+.tablesorter-blackice tfoot .tablesorter-headerDesc {
 	/* remove sort arrows from footer */
 	background-image: url();
 }

css/theme.blue.css

@@ -48,29 +48,33 @@
 	cursor: pointer;
 }
 .tablesorter-blue .headerSortUp,
-.tablesorter-blue .tablesorter-headerSortUp {
+.tablesorter-blue .tablesorter-headerSortUp,
+.tablesorter-blue .tablesorter-headerAsc {
 	background-color: #9fbfdf;
 	/* black asc arrow */
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
 	/* white asc arrow */
-	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
+	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
 	/* image */
 	/* background-image: url(images/black-asc.gif); */
 }
 .tablesorter-blue .headerSortDown,
-.tablesorter-blue .tablesorter-headerSortDown {
+.tablesorter-blue .tablesorter-headerSortDown,
+.tablesorter-blue .tablesorter-headerDesc {
 	background-color: #8cb3d9;
 	/* black desc arrow */
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
 	/* white desc arrow */
-	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */
+	/* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */
 	/* image */
 	/* background-image: url(images/black-desc.gif); */
 }
 
 /* tfoot */
 .tablesorter-blue tfoot .tablesorter-headerSortUp,
-.tablesorter-blue tfoot .tablesorter-headerSortDown {
+.tablesorter-blue tfoot .tablesorter-headerSortDown,
+.tablesorter-blue tfoot .tablesorter-headerAsc,
+.tablesorter-blue tfoot .tablesorter-headerDesc {
 	/* remove sort arrows from footer */
 	background-image: url();
 }

css/theme.bootstrap.css

@@ -5,7 +5,9 @@
 .tablesorter-bootstrap {
 	width: 100%;
 }
-.tablesorter-bootstrap .tablesorter-header {
+.tablesorter-bootstrap .tablesorter-header,
+.tablesorter-bootstrap tfoot th,
+.tablesorter-bootstrap tfoot td {
 	font: bold 14px/20px Arial, Sans-serif;
 	position: relative;
 	padding: 8px;
@@ -25,6 +27,10 @@
 	box-shadow: inset 0 1px 0 white;
 }
 
+.tablesorter-bootstrap .tablesorter-header {
+	cursor: pointer;
+}
+
 .tablesorter-bootstrap .tablesorter-header-inner {
 	position: relative;
 	padding: 4px 18px 4px 4px;

css/theme.dark.css

@@ -31,20 +31,24 @@
 	background-position: center right;
 	background-repeat: no-repeat;
 }
-.tablesorter-dark th.headerSortUp,
+.tablesorter-dark thead .headerSortUp,
-.tablesorter-dark th.tablesorter-headerSortUp {
+.tablesorter-dark thead .tablesorter-headerSortUp,
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
+.tablesorter-dark thead .tablesorter-headerAsc {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
 	border-bottom: #888 1px solid;
 }
-.tablesorter-dark th.headerSortDown,
+.tablesorter-dark thead .headerSortDown,
-.tablesorter-dark th.tablesorter-headerSortDown {
+.tablesorter-dark thead .tablesorter-headerSortDown,
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
+.tablesorter-dark thead .tablesorter-headerDesc {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
 	border-bottom: #888 1px solid;
 }
 
 /* tfoot */
 .tablesorter-dark tfoot .tablesorter-headerSortUp,
-.tablesorter-dark tfoot .tablesorter-headerSortDown {
+.tablesorter-dark tfoot .tablesorter-headerSortDown,
+.tablesorter-dark tfoot .tablesorter-headerAsc,
+.tablesorter-dark tfoot .tablesorter-headerDesc {
 	border-top: #888 1px solid;
 	/* remove sort arrows from footer */
 	background-image: url();

css/theme.default.css

@@ -35,21 +35,24 @@ Default Theme
 	padding: 4px 20px 4px 4px;
 }
 .tablesorter-default thead .headerSortUp,
-.tablesorter-default thead .tablesorter-headerSortUp {
+.tablesorter-default thead .tablesorter-headerSortUp,
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
+.tablesorter-default thead .tablesorter-headerAsc {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
 	border-bottom: #000 2px solid;
 }
 .tablesorter-default thead .headerSortDown,
-.tablesorter-default thead .tablesorter-headerSortDown {
+.tablesorter-default thead .tablesorter-headerSortDown,
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
+.tablesorter-default thead .tablesorter-headerDesc {
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
 	border-bottom: #000 2px solid;
 }
 
 /* tfoot */
 .tablesorter-default tfoot .tablesorter-headerSortUp,
-.tablesorter-default tfoot .tablesorter-headerSortDown {
+.tablesorter-default tfoot .tablesorter-headerSortDown,
+.tablesorter-default tfoot .tablesorter-headerAsc,
+.tablesorter-default tfoot .tablesorter-headerDesc {
 	border-top: #000 2px solid;
-	background-image: url();
 }
 
 /* tbody */

css/theme.dropbox.css

@@ -30,19 +30,22 @@
 	color: #2281CF;
 	text-align: left;
 }
-.tablesorter-dropbox tr.header,
+.tablesorter-dropbox .header,
-.tablesorter-dropbox tr.tablesorter-header {
+.tablesorter-dropbox thead tr,
+.tablesorter-dropbox .tablesorter-headerRow {
 	background-color: #f0f9ff;
 	border-bottom: 1px solid #96c4ea;
 	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 0 #000000 inset;
 	cursor: pointer;
 	white-space: normal;
 }
-.tablesorter-dropbox th.tablesorter-headerSortUp,
+.tablesorter-dropbox .tablesorter-headerSortUp,
-.tablesorter-dropbox th.tablesorter-headerSortDown {
+.tablesorter-dropbox .tablesorter-headerSortDown,
+.tablesorter-dropbox .tablesorter-headerAsc,
+.tablesorter-dropbox .tablesorter-headerDesc {
 	font-weight: 600;
 }
-.tablesorter-dropbox th.tablesorter-header i {
+.tablesorter-dropbox .tablesorter-header i {
 	width: 9px;
 	height: 9px;
 	padding: 4px 20px 4px 4px;
@@ -51,17 +54,25 @@
 	background-repeat: no-repeat;
 	content: "";
 }
-.tablesorter-dropbox th.tablesorter-headerSortUp i {
+.tablesorter-dropbox .tablesorter-headerSortUp i,
-	background-image: url(images/dropbox-asc1.png);
+.tablesorter-dropbox .tablesorter-headerAsc i {
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALhJREFUeNpi/P//PwMhwILMiexYx8bIxNTy/9+/muUVQb9g4kzIitg4edI4+YRLQTSyOCPMupjerUI8whK3OXgEhH58+fDuy9sXqkuKvd+hmMTOxdvCxS8sxMUvxACiQXwU6+Im7DDg5BNKY+fiY2BmYWMA0SA+SByuiJ2bbzIHrwAzMxsb0AGMDCAaxAeJg+SZ7wtaqfAISfQAdTIwMUM8ywhUyMTEzPD/71+5FXvPLWUkJpwAAgwAZqYvvHStbD4AAAAASUVORK5CYII=');
+	/* background-image: url(images/dropbox-asc.png); */
 }
-.tablesorter-dropbox th.tablesorter-headerSortUp i {
+.tablesorter-dropbox .tablesorter-headerSortUp:hover i,
-	background-image: url(images/dropbox-asc2.png);
+.tablesorter-dropbox .tablesorter-headerAsc:hover i {
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALVJREFUeNpi/P//PwMhwILMCc+qZGNkYmr5/+9fzcpp7b9g4kzIitjYOdM4uXlLQTSyOCPMuqi8OiEefsHbHFzcQj++fX335eN71WWTmt6hmMTOwdXCycMnBDSJAUSD+CjWxRQ0GHBw86Sxc3AyMDOzMIBoEB8kDlfEzsk1mYOLByjPCnQAIwOIBvFB4iB55rsfmVS4+QV7QNYwMTNDHApUyMTExPDv/z+5Feu3L2UkJpwAAgwA244u+I9CleAAAAAASUVORK5CYII=');
+	/* background-image: url(images/dropbox-asc-hovered.png); */
 }
-.tablesorter-dropbox th.tablesorter-headerSortDown i {
+.tablesorter-dropbox .tablesorter-headerSortDown i,
-	background-image: url(images/dropbox-desc1.png);
+.tablesorter-dropbox .tablesorter-headerDesc i {
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALdJREFUeNpi/P//PwMhwBLdtVGFhZ3zNhMzC4bkv79/GP78/K7KCDIpZ9mVw+xcfDaMTExwBf///WP4+e3TkSlROrZg7UxMLLns3HxnmFnZmGGK/v7+9ff3j2+5YHkQMSlC48Kv719m/f//D2IKkAbxQeJwRSDw4/OHmr+/fr0DqmAA0SA+TA6uaEq0zjugG+r//vkFcks9iA/3HbJvvn18O+vf379yP758mMXAoAAXZyQmnAACDADX316BiTFbMQAAAABJRU5ErkJggg==');
+	/* background-image: url(images/dropbox-desc.png); */
 }
-.tablesorter-dropbox th.tablesorter-headerSortDown i {
+.tablesorter-dropbox .tablesorter-headerSortDown:hover i,
-	background-image: url(images/dropbox-desc2.png);
+.tablesorter-dropbox .tablesorter-headerDesc:hover i {
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALNJREFUeNpi/P//PwMhwBJf3uP879e3PUzMzBiS//7+ZWBi43JhBJmU2z7nIzMzEx8jIyNcAUj8799/nyZXpvCzgARYuXjTWBkZVjCzIEz7++cvw+//DGkgNiPMTWVT1l5hZvynDTINbMp/pqtdOcE6IDkmmM5fv3/5//v37z9QBQOIBvFhcnBFEwoj7/5jZFnz9+8fBhAN4sN9h+ybH9++JrGxscr/+vE1CVmckZhwAggwANvlUyq5Dd1wAAAAAElFTkSuQmCC');
+	/* background-image: url(images/dropbox-desc-hovered.png); */
 }
 
 /* tbody */

css/theme.green.css

@@ -20,28 +20,37 @@
 /* header */
 .tablesorter-green thead tr,
 .tablesorter-green tfoot tr {
-	background: url(images/green-header.png) center center repeat-x;
+	background: center center repeat-x;
+	background-image: url(data:image/gif;base64,R0lGODlhAQBkAOYAAN/e39XU1fX19tTU1eXm5uTl5ePk5OLj4+Hi4vX29fT19PP08/Lz8vHy8fDx8O/w7+7v7uzt7Orr6ufo5/T08/Pz8ufn5uLi4eDg39/f3t3d3Nzc29HR0NDQz8/Pzuvq6urp6eno6Ojn5+fm5tfW1tbV1dTT09PS0tLR0dHQ0NDPz/f39/b29vX19fT09PPz8/Ly8vHx8e/v7+7u7u3t7ezs7Ovr6+rq6unp6ejo6Ofn5+bm5uXl5eTk5OPj4+Li4uHh4eDg4N/f397e3t3d3dzc3Nvb29ra2tnZ2djY2NfX19XV1dPT09LS0tHR0dDQ0M/Pz8rKysXFxf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFMALAAAAAABAGQAAAdegCsrLC0tLi+ILi6FCSwsCS0KkhQVDA0OMjM0NTYfICEiIzw9P0AYGUQaG0ZHSEoDTU9Qs08pTk1MSyRJR0VDQT8+PTw7Ojg3NTMyMTAvi4WOhC0vMTI1OT9GTlFSgQA7);
+	/* background-image: url(images/green-header.gif); */
 }
 .tablesorter-green th,
 .tablesorter-green thead td {
+	font-weight: bold;
 	border-right: #cdcdcd 1px solid;
 	border-collapse: collapse;
 	padding: 6px;
 }
 .tablesorter-green .header,
 .tablesorter-green .tablesorter-header {
-	background: url(images/green-unsorted.png) no-repeat 5px center;
+	background: no-repeat 5px center;
+	background-image: url(data:image/gif;base64,R0lGODlhEAAQAOYAAA5NDBBYDlWWUzRUM5DVjp7inJ/fnQ1ECiCsGhyYFxqKFRFdDhBXDQxCCiO8HSK2HCCqGh2aGByUFxuPFhqNFhmHFRZ2EhVvERRpEBBVDSS8HiGyHB+mGh6fGRuTFxiAFBd5Eww/Cgs5CRp7Fiu+JRx8GCy/JjHAKyynKCuhJzXCMDbCMDnDMyNuHz3EODy9N0LFPSl7JkvIRjycOFDKS1LKTVPLT1XLUFTCT17OWTBkLmbQYnDTbHXVcXnWdoXago/djGmUZ112XCJEIEdjRf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEUALAAAAAAQABAAAAdlgEWCg4SFhoIvh4cVLECKhCMeJjwFj0UlEwgaMD4Gii0WFAkRHQ47BIY6IQAZDAwBCyAPOJa1toRBGBAwNTY3OT0/AoZCDQoOKi4yNDOKRCIfGycrKZYDBxIkKLZDFxy3RTHgloEAOw==);
+	/* background-image: url(images/green-unsorted.gif); */
 	border-collapse: collapse;
 	white-space: normal;
 	cursor: pointer;
 }
 .tablesorter-green thead .headerSortUp,
-.tablesorter-green thead .tablesorter-headerSortUp {
+.tablesorter-green thead .tablesorter-headerSortUp,
-	background-image: url(images/green-asc.png);
+.tablesorter-green thead .tablesorter-headerAsc {
+	background-image: url(data:image/gif;base64,R0lGODlhEAAQANUAAA5NDBBYDpDVjp7inJ/fnSCsGhyYFxFdDhBXDSO8HSK2HB2aGBuPFhqNFhmHFRZ2EhBVDSS8Hh6fGRuTFxd5Eww/Chp7Fhx8GCy/JjnDMyNuHzy9N0LFPVTCTzBkLmbQYnDTbHnWdo/djP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACMALAAAAAAQABAAAAY4wJFwSCwaj8ikcslMbpojR0bEtEwwoIHywihEOCECUvNoGBaSxEdg9FQAEAQicKAoOtC8fs8fBgEAOw==)
+	/* background-image: url(images/green-asc.gif); */
 }
 .tablesorter-green thead .headerSortDown,
-.tablesorter-green thead .tablesorter-headerSortDown {
+.tablesorter-green thead .tablesorter-headerSortDown,
-	background-image: url(images/green-desc.png);
+.tablesorter-green thead .tablesorter-headerDesc {
+	background-image: url(data:image/gif;base64,R0lGODlhEAAQANUAAFWWUzRUMw1EChqKFQxCCiO8HSCqGhyUFxVvERRpECGyHB+mGhiAFAs5CSu+JTHAKyynKCuhJzXCMDbCMD3EOELFPSl7JkvIRjycOFDKS1LKTVPLT1XLUF7OWXXVcYXagmmUZ112XCJEIEdjRf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACQALAAAAAAQABAAAAY4QJJwSCwaj8ikcskkghKGimbD6Xg+AGOIMChIKJcMBjlqMBSPSUQZEBwcEKYIsWiSLPa8fs9HBgEAOw==)
+	/* background-image: url(images/green-desc.gif); */
 }
 .tablesorter-green th.tablesorter-header .tablesorter-header-inner,
 .tablesorter-green td.tablesorter-header .tablesorter-header-inner {

css/theme.grey.css

@@ -66,16 +66,18 @@
 	background-image: linear-gradient(top, #195c93, #0e4776);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#195c93', endColorstr='#0e4776', GradientType=0);
 }
-.tablesorter-grey th.headerSortUp i,
+.tablesorter-grey .headerSortUp i,
-.tablesorter-grey th.tablesorter-headerSortUp i {
+.tablesorter-grey .tablesorter-headerSortUp i,
+.tablesorter-grey .tablesorter-headerAsc i {
 	/* white asc arrow */
-	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
-}
-.tablesorter-grey th.headerSortDown i,
-.tablesorter-grey th.tablesorter-headerSortDown i {
-	/* white desc arrow */
 	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
 }
+.tablesorter-grey .headerSortDown i,
+.tablesorter-grey .tablesorter-headerSortDown i,
+.tablesorter-grey .tablesorter-headerDesc i {
+	/* white desc arrow */
+	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
+}
 
 /* tfoot */
 .tablesorter-grey tbody td,

css/theme.ice.css

@@ -35,25 +35,35 @@
 }
 .tablesorter-ice .header,
 .tablesorter-ice .tablesorter-header {
-	background: #f6f8f9 url(images/ice-unsorted.gif) no-repeat center right;
+	background: #f6f8f9 no-repeat center right;
-	padding: 4px 18px 4px 4px;
+	background-image: url(data:image/gif;base64,R0lGODlhDAAMAMQAAAJEjAJCiwJBigJAiANFjgNGjgNEjQRIkQRHkANIkAVMlAVQmAZWnQZUnAdYoAhdpAhZoAlhqQlepQliqQppsApmrQxutgtutQtutAxwtwxwtg1yug1zugxtsw1yuP8A/yH5BAEAAB8ALAAAAAAMAAwAAAUx4Cd+3GiOW4ado2d9VMVm1xg9ptadTsP+QNZEcjoQTBDGCAFgLRSfQgCYMAiCn8EvBAA7);
+	/* background-image: url(images/ice-unsorted.gif) */
+	padding: 4px 20px 4px 4px;
 	white-space: normal;
 	cursor: pointer;
 }
-.tablesorter-ice th.headerSortUp,
+.tablesorter-ice .headerSortUp,
-.tablesorter-ice th.tablesorter-headerSortUp {
+.tablesorter-ice .tablesorter-headerSortUp,
+.tablesorter-ice .tablesorter-headerAsc {
 	color: #333;
-	background: #ebedee url(images/ice-desc.gif) no-repeat center right;
+	background: #ebedee no-repeat center right;
+	background-image: url(data:image/gif;base64,R0lGODlhDAAMANUAAAJCiwNHkANFjgNEjQRIkQNJkQRMlARKkwRKkgVPlwZSmgdaogdYnwhfpghcowlhqgliqglgqAlgpwljqwporwpmrQplrAtsswtqsgtrsgtqsQxttAtvtQtttAxyuQxwtwxxtwxvtg10uw1zuQ1xuP8A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACUALAAAAAAMAAwAAAY6wJKwJBoahyNQ6Dj0fDoZCpPEuWgqk4jxs8FQLI+Gg8Esm5kQydFQMC7IwkOAqUiUCAIzIjA4lwBlQQA7);
+	/* background-image: url(images/ice-desc.gif) */
 }
-.tablesorter-ice th.headerSortDown,
+.tablesorter-ice .headerSortDown,
-.tablesorter-ice th.tablesorter-headerSortDown {
+.tablesorter-ice .tablesorter-headerSortDown,
+.tablesorter-ice .tablesorter-headerDesc {
 	color: #333;
-	background: #ebedee url(images/ice-asc.gif) no-repeat center right;
+	background: #ebedee no-repeat center right;
+	background-image: url(data:image/gif;base64,R0lGODlhDAAMANUAAAE/iAJBigNFjgNEjQNFjQNDiwRHkQRHjwNHjwROlgRMlQRMlARJkgRKkgZQmAVPlgZWnQZSmgZRmAdXoAdXnwdUnAdbogdZoQhbowlhqAlepglkrAliqQtstAtqsQxyugxyuQxwuAxxuAxxtwxwtgxvtQ10vA12vA10u/8A/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACkALAAAAAAMAAwAAAY6wJQwdRoah6bP6DhEiVIdDxNEGm4yxlDpiJkwv2AmR2OhVCSJBsJ4gUQeCwOB6VAwBAXwYRAIpwBfQQA7);
+	/* background-image: url(images/ice-asc.gif); */
 }
 
 /* tfoot */
 .tablesorter-ice tfoot .tablesorter-headerSortUp,
-.tablesorter-ice tfoot .tablesorter-headerSortDown {
+.tablesorter-ice tfoot .tablesorter-headerSortDown,
+.tablesorter-ice tfoot .tablesorter-headerAsc,
+.tablesorter-ice tfoot .tablesorter-headerDesc {
 	background: #ebedee;
 }
 

css/theme.jui.css

@@ -52,6 +52,12 @@
 	vertical-align: top;
 }
 
+/* hovered row colors */
+.tablesorter-jui tbody > tr:hover td {
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+}
+
 /* table processing indicator */
 .tablesorter-jui .tablesorter-processing .tablesorter-header-inner {
 	background-position: center center !important;

docs/index.html

@@ -397,11 +397,12 @@
 			<tr id="cssasc">
 				<td><a href="#" class="toggle2">cssAsc</a></td>
 				<td>String</td>
-				<td>"tablesorter-headerSortUp"</td>
+				<td>"tablesorter-headerAsc"</td>
-				<td>The CSS style used to style the header when sorting ascending.  Example from the blue skin:
+				<td>The CSS style used to style the header when sorting ascending. Default value <span class="tip"><em>Changed!</em></span> v2.5.
 					<div class="collapsible">
-						<pre class="css">th.tablesorter-headerSortUp {
+						Example from the blue theme:
-  background-color: #8dbdd8;
+						<pre class="css">.tablesorter-blue .tablesorter-headerAsc {
+  background-color: #9fbfdf;
   background-image: url(black-asc.gif);
 }</pre></div>
 				</td>
@@ -466,11 +467,12 @@
 			<tr id="cssdesc">
 				<td><a href="#" class="toggle2">cssDesc</a></td>
 				<td>String</td>
-				<td>"tablesorter-headerSortDown"</td>
+				<td>"tablesorter-headerDesc"</td>
-				<td>The CSS style used to style the header when sorting descending.  Example from the blue skin:
+				<td>The CSS style used to style the header when sorting descending. Default value <span class="tip"><em>Changed!</em></span> v2.5.
 					<div class="collapsible">
-						<pre class="css">th.tablesorter-headerSortDown {
+						Example from the blue theme:
-  background-color: #8dbdd8;
+						<pre class="css">.tablesorter-blue .tablesorter-headerDesc {
+  background-color: #8cb3d9;
   background-image: url(black-desc.gif);
 }</pre></div>
 				</td>
@@ -481,17 +483,16 @@
 				<td><a href="#" class="toggle2">cssHeader</a></td>
 				<td>String</td>
 				<td>"tablesorter-header"</td>
-				<td>The CSS style used to style the header in its unsorted state.  Example from the blue skin:
+				<td>The CSS style used to style the header in its unsorted state.
 					<div class="collapsible">
-						<pre class="css">th.tablesorter-header {
+						Example from the blue theme:
-  background-color: #e6eeee;
+						<pre class="css">.tablesorter-blue .tablesorter-header {
-  background-image: url(black-bg.gif);
+  background-color: #99bfe6;
   background-repeat: no-repeat;
   background-position: center right;
-  border-collapse: collapse;
+  padding: 4px 18px 4px 4px;
+  white-space: normal;
   cursor: pointer;
-  font-size: 12px;
-  padding: 4px 20px 4px 4px;
 }</pre></div>
 				</td>
 				<td></td>
@@ -1034,7 +1035,7 @@
 					<div class="collapsible">
 						<br>When changing this theme option, make sure that the appropriate css theme file has also been loaded. Included theme files include: 
 						<a href="themes.html" target="_blank" title="open themes in a new window">see all themes</a><br>
-						<iframe style="width:100%;height:230px;" src="themes.html"></iframe>
+						<iframe style="width:100%;height:300px;" src="themes.html"></iframe>
 
 					</div>
 				</td>

docs/themes.html

@@ -79,6 +79,7 @@ $(function() {
 		<h3>blackice</h3>
 		<table class="demo tablesorter-blackice">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -92,6 +93,7 @@ $(function() {
 		<h3>blue</h3>
 		<table class="demo tablesorter-blue">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -105,6 +107,7 @@ $(function() {
 		<h3>Bootstrap</h3>
 		<table class="tablesorter-bootstrap">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -119,6 +122,7 @@ $(function() {
 		<h3>dark</h3>
 		<table class="demo tablesorter-dark">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -132,6 +136,7 @@ $(function() {
 		<h3>default</h3>
 		<table class="demo tablesorter-default">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -145,6 +150,7 @@ $(function() {
 		<h3>dropbox</h3>
 		<table class="demo tablesorter-dropbox">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -159,6 +165,7 @@ $(function() {
 		<h3>green</h3>
 		<table class="demo tablesorter-green">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -172,6 +179,7 @@ $(function() {
 		<h3>grey</h3>
 		<table class="demo tablesorter-grey">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -185,6 +193,7 @@ $(function() {
 		<h3>ice</h3>
 		<table class="demo tablesorter-ice">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>
@@ -199,6 +208,7 @@ $(function() {
 		<h3>jQuery UI</h3>
 		<table class="tablesorter-jui">
 			<thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead>
+			<tfoot><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></tfoot>
 			<tbody>
 				<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
 				<tr><td>14</td><td>15</td><td>16</td><td>5</td></tr>

js/jquery.tablesorter.js

@@ -71,9 +71,9 @@
 
 				// css class names
 				tableClass       : 'tablesorter',
-				cssAsc           : 'tablesorter-headerSortUp',
+				cssAsc           : 'tablesorter-headerAsc',
 				cssChildRow      : 'tablesorter-childRow', // previously "expand-child"
-				cssDesc          : 'tablesorter-headerSortDown',
+				cssDesc          : 'tablesorter-headerDesc',
 				cssHeader        : 'tablesorter-header',
 				cssHeaderRow     : 'tablesorter-headerRow',
 				cssIcon          : 'tablesorter-icon', //  if this class exists, a <i> will be added to the header automatically
@@ -390,7 +390,7 @@
 				var f, i, j, l,
 					c = table.config,
 					list = c.sortList,
-					css = [c.cssDesc, c.cssAsc],
+					css = [c.cssAsc, c.cssDesc],
 					// find the footer
 					$t = $(table).find('tfoot tr').children().removeClass(css.join(' '));
 				// remove all header information

js/jquery.tablesorter.widgets.js

@@ -1,4 +1,4 @@
-/*! tableSorter 2.4+ widgets - updated 11/15/2012
+/*! tableSorter 2.4+ widgets - updated 11/22/2012
  *
  * Column Styles
  * Column Filters
@@ -159,7 +159,7 @@ $.tablesorter.addWidget({
 				$tar.removeClass(rmv + ' tablesorter-icon ' + o.icons);
 			} else {
 				t = ($t.hasClass('hasStickyHeaders')) ? $t.find(sh).find('th').eq(i).add($el) : $el;
-				klass = ($el.hasClass(c.cssAsc)) ? o.sortDesc : ($el.hasClass(c.cssDesc)) ? o.sortAsc : $el.hasClass(c.cssHeader) ? o.sortNone : '';
+				klass = ($el.hasClass(c.cssAsc)) ? o.sortAsc : ($el.hasClass(c.cssDesc)) ? o.sortDesc : $el.hasClass(c.cssHeader) ? o.sortNone : '';
 				$el[klass === o.sortNone ? 'removeClass' : 'addClass'](o.active);
 				$tar.removeClass(rmv).addClass(klass);
 			}

package.json

@@ -1,6 +1,6 @@
 {
     "name": "tablesorter",
-    "version": "2.4.8",
+    "version": "2.5",
     "title": "tablesorter",
     "author": {
         "name": "Christian Bach",