.pagination{ padding: 2px; margin: 1em 0; clear: both; } .pagination ul{ margin: 0; padding: 0; text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/ font-size: 100%; } .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; } *:first-child+html .pagination li{ /*IE7 only CSS hack*/ margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */ } * html .pagination li{ /*IE6 and below CSS hack*/ margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/ } .pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1; } .pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000; background-color: #FFFF80; } .pagination a.currentpage{ /*Style for currently selected page link*/ background-color: #2e6ab1; color: #FFF !important; border-color: #2b66a5; font-weight: bold; cursor: default; } .pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/ background-color: white; cursor: default; color: #929292; border-color: transparent; } .pagination a.prevnext{ /*Style for previous and next link*/ font-weight: bold; } .virtualpage, .virtualpage2, .virtualpage3{ /*hide the broken up pieces of contents until script is called. Remove if desired*/ display: none; } .paginationstyle{ /*Style for demo pagination divs*/ width: 250px; text-align: center; padding: 2px 0; margin: 10px 0; } .paginationstyle select{ /*Style for demo pagination divs' select menu*/ border: 1px solid navy; margin: 0 15px; } .paginationstyle a{ /*Pagination links style*/ padding: 0 5px; text-decoration: none; border: 1px solid black; color: navy; background-color: white; } .paginationstyle a:hover, .paginationstyle a.selected{ color: #000; background-color: #FEE496; } .paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */ border: 0; padding: 0; } .paginationstyle a.imglinks img{ vertical-align: bottom; border: 0; } .paginationstyle a.imglinks a:hover{ background: none; } .paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/ color: #000; background-color: yellow; }