/* Blue Theme */ table.tablesorter { font: 11px/18px Arial, Sans-serif; background-color: #cdcdcd; margin: 10px 0 15px; width: 100%; text-align: left; border-spacing: 0; } table.tablesorter, table.tablesorter th, table.tablesorter td { border: #cdcdcd 1px solid; } table.tablesorter th { background-color: #99bfe6; color: #000; border-collapse: collapse; font: 12px/18px Arial, Sans-serif; padding: 4px; } table.tablesorter .header, table.tablesorter .tablesorter-header { /* black double arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); /* white double arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); */ /* image */ /* background-image: url(black-bg.gif); */ background-repeat: no-repeat; background-position: center right; padding: 4px 20px 4px 4px; cursor: pointer; } table.tablesorter tbody td { color: #3d3d3d; padding: 4px; background-color: #fff; vertical-align: top; } table.tablesorter th.headerSortUp, table.tablesorter th.tablesorter-headerSortUp { background-color: #9fbfdf; /* black asc arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); /* white asc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); */ /* image */ /* background-image: url(black-asc.gif); */ } table.tablesorter th.headerSortDown, table.tablesorter th.tablesorter-headerSortDown { background-color: #8cb3d9; /* black desc arrow */ background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); /* white desc arrow */ /* background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); */ /* image */ /* background-image: url(black-desc.gif); */ } /* used to hide a tbody while rebuilding to speed it up */ table.tablesorter .tablesorter-hidden { display: none; } /* Zebra Widget - row alternating colors */ table.tablesorter tr.odd td { background-color: #ebf2fa; } table.tablesorter tr.even td { background-color: #fff; } /* Column Widget - column sort colors */ .tablesorter td.primary, .tablesorter tr.odd td.primary { background-color: #99b3e6; } .tablesorter tr.even td.primary { background-color: #c2d1f0; } .tablesorter td.secondary, .tablesorter tr.odd td.secondary { background-color: #c2d1f0; } .tablesorter tr.even td.secondary { background-color: #d6e0f5; } .tablesorter td.tertiary, .tablesorter tr.odd td.tertiary { background-color: #d6e0f5; } .tablesorter tr.even td.tertiary { background-color: #ebf0fa; } /* hovered row colors */ table.tablesorter tbody tr:hover td, table.tablesorter tbody tr.even:hover td { background: #d9d9d9; } table.tablesorter tbody tr.odd:hover td { background: #bfbfbf; } /* filter widget */ table.tablesorter input.tablesorter-filter, table.tablesorter select.tablesorter-filter { width: 95%; height: inherit; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.tablesorter tr.tablesorter-filter, table.tablesorter tr.tablesorter-filter td { text-align: center; background: #fff; } /* optional disabled input styling */ table.tablesorter input.tablesorter-filter.disabled, table.tablesorter select.tablesorter-filter.disabled { opacity: 0.5; filter: alpha(opacity=50); }