/* green theme */ table.tablesorter { font-family: arial; background-color: #cdcdcd; margin: 10px 0pt 15px; font-size: 12px; width: 100%; text-align: left; border-spacing: 0; } table.tablesorter, table.tablesorter th, table.tablesorter td { border: #cdcdcd 1px solid; } table.tablesorter th { border-collapse: collapse; font-size: 12px; padding: 5px; } table.tablesorter td { color: #3d3d3d; padding: 5px; } table.tablesorter thead tr, table.tablesorter tfoot tr { background: url(bkgd.png) center center repeat-x; } table.tablesorter th.header, table.tablesorter th.tablesorter-header { background: transparent; border-right: #cdcdcd 1px solid; padding: 9px; height: auto; cursor: pointer; } table.tablesorter th.header span:first-child, table.tablesorter th.tablesorter-header .tablesorter-header-inner { background: url(none.png) no-repeat; padding: 2px 0 2px 25px; } table.tablesorter th.headerSortUp span:first-child, table.tablesorter th.tablesorter-headerSortUp .tablesorter-header-inner { background: url(asc.png) no-repeat; } table.tablesorter th.headerSortDown span:first-child, table.tablesorter th.tablesorter-headerSortDown .tablesorter-header-inner { background: url(desc.png) no-repeat; } /* Zebra Widget - row alternating colors */ table.tablesorter tr.odd td { background-color: #f0f6f0; } table.tablesorter tr.even td { background-color: #fff; } /* Column Widget - column sort colors */ table.tablesorter td.primary, table.tablesorter tr.odd td.primary { background-color: #c0ffc0; } table.tablesorter tr.even td.primary { background-color: #e8ffe8; } table.tablesorter td.secondary, table.tablesorter tr.odd td.secondary { background-color: #d6ffd6; } table.tablesorter tr.even td.secondary { background-color: #e8ffe8; } table.tablesorter td.tertiary, table.tablesorter tr.odd td.tertiary { background-color: #eaffea; } table.tablesorter tr.even td.tertiary { background-color: #f8fff8; } /* filter widget */ table.tablesorter input.tablesorter-filter { width: 95%; -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 { opacity: 0.5; filter: alpha(opacity=50); }