tablesorter/css/ui/style.css

/* jQuery UI Theme */
table.tablesorter {
	font-family: arial;
	margin: 10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	padding: 5px;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
	border-collapse: collapse;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr th {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	white-space: normal;
	/* UI hover and active states make the font normal and the table resizes, this fixes it */
	font-weight: bold !important;
}
table.tablesorter thead tr th .tablesorter-inner {
	position: relative;
	padding-right: 20px; /* wider than the icon */
}
table.tablesorter thead tr th .ui-icon {
	position: absolute;
	right: 3px;
	top: 50%;
	margin-top: -8px; /* half the icon height; older IE doesn't like this */
}

table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
}
/* This allows you to use ui-state-default as the zebra stripe color */
table.tablesorter tr.ui-state-default {
	background-image: url();
}

/* filter widget */
table.tablesorter thead tr.tablesorter-filter input.tablesorter-filter {
	width: 95%;
	height: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.tablesorter thead tr.tablesorter-filter,
table.tablesorter thead tr.tablesorter-filter td {
	text-align: center;
}
/* optional disabled input styling */ 
table.tablesorter thead tr.tablesorter-filter input.tablesorter-filter.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}