.tabs { display: block; z-index: 100; padding: 0 5px; list-style-type: none; text-align: left; font-size: 10pt; font-weight: bold; line-height: 1; } .tabs.underline { border-bottom: solid 1px #ccc; } .tabs li { display: block; float: left; margin-top: 3px; margin-right: 2px; padding-right: 5px; background-image: url(tabs.gif); background-position: 100% -50px; background-repeat: no-repeat; } .tabs li.active { margin-top: 0px; background-position: 100% 0px; } .tabs li:hover { background-position: 100% -100px; } .tabs li.active:hover { background-position: 100% 0px; } .tabs li a { display: block; padding: 5px 3px 0px 8px; background-image: url(tabs.gif); background-position: 0px -50px; background-repeat: no-repeat; color: #999; font-weight: normal; text-align: center; text-decoration: none; } .tabs li.active a { padding-top: 8px; padding-bottom: 1px; background-position: 0px 0px; color: #333; } .tabs li a:hover { background-position: 0px -100px; } .tabs li.active a:hover { background-position: 0px 0px; } .pagingbar { overflow: hidden; height: 26px; margin: 5px; border: solid 1px #BBB; background-image: url(/auction/images/fades.gif); background-repeat: repeat-x; background-position: 0 -86px; font-family: Arial, Verdana, Helvetica; font-size: 10pt; font-weight: bold; } .pagingbar span { height: 27px; } .pagingbar span.pagingbar_size { border-width: 0px; } .pagingbar a { font-size: 10pt; } .pagingbar span.pagingbar_pages a, .pagingbar span.pagingbar_size a { display: inline-block; height: 26px; margin: 0px 2px; padding: 6px 6px; color: #666; text-decoration: none; } .pagingbar span.pagingbar_pages a.active, .pagingbar span.pagingbar_size a.active, .pagingbar span.pagingbar_pages a:hover, .pagingbar span.pagingbar_size a:hover { padding: 6px 5px; border: solid 1px #999; border-top-width: 0px; border-bottom-width: 0px; background-color: #FFF; } .pagingbar span.pagingbar_pages a:hover, .pagingbar span.pagingbar_size a:hover { color: #FF9900; } .pagingbar span.pagingbar_pages a.active:hover, .pagingbar span.pagingbar_size a.active:hover { color: #666; } .pagingbar_prev { float: left; width: 65px; border-right: solid 1px #BBB; text-align: center; } .pagingbar_next { float: right; width: 65px; border-left: solid 1px #BBB; border-right: solid 1px #BBB; text-align: center; } .pagingbar_prev a, .pagingbar_next a { display: block; padding: 6px 0 7px 0; color: #666; text-decoration: none; } .pagingbar_prev a:hover, .pagingbar_next a:hover { border: solid 0px #FFF; background-color: #FFF; color: #FF9900; } .pagingbar_pages { display: block; text-align: center; } .pagingbar_pages span { display: inline-block; height: 17px; margin: 0; padding: 0; border: 0; color: #999; font-size: 8pt; } .pagingbar_size { float: right; border: solid 0px #CCC; text-align: right; } .pagingbar_size small { float: left; padding: 7px 5px 0 10px; color: #999; text-align: left; font-size: 8pt; font-weight: normal; }