div.tablesorterPager { padding: 10px 0 10px 0; background-color: #D6D2C2; text-align: center; } div.tablesorterPager span { padding: 0 5px 0 5px; } div.tablesorterPager input.prev { width: auto; margin-right: 10px; } div.tablesorterPager input.next { width: auto; margin-left: 10px; } div.tablesorterPager input { font-size: 8px; width: 50px; border: 1px solid #330000; text-align: center; } #tablesorterPagerLoading { background: rgba(255,255,255,0.8) url(icons/loading.gif) center center no-repeat; position: absolute; z-index: 1000; } /*** css used when "updateArrows" option is true ***/ /* the pager itself gets a disabled class when the number of rows is less than the size */ .pager.disabled { display: none; } /* hide or fade out pager arrows when the first or last row is visible */ .pager img.disabled { /* visibility: hidden */ opacity: 0.5; filter: alpha(opacity=50); }