/**
 * Paging Box
 */

.pagingbox {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    width: 640px;
    padding: 10px 0;
    display: inline-block;
    float: left;
}

.pagingbox .label {
    float: left;
    padding: 4px 0;
}

.pagingbox .paging {
    float: right;
}

.pagingbox .paging a {
    background: url("/static/img/bgi/sprites.png") no-repeat scroll -137px -134px transparent;
    display: block;
    height: 27px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    width: 27px;
    float: left;
}

.pagingbox .paging .numbers {
    float: left;
    margin: 2px 0;
}

.pagingbox .paging .numbers a.page {
    background: none;
    border-right: 1px solid #D8D8D8;
    height: 24px;
    line-height: 22px;
}

.pagingbox .paging .numbers a.page.lastpage {
    border-right: none;
}

.pagingbox .paging .numbers a.active {
    color: #9c9c9c;
}

.pagingbox .paging a.prev,
.pagingbox .paging a.first {
    background: url("/static/img/bgi/sprites.png") no-repeat scroll -445px -715px transparent;
    margin-left: 10px;
}

.pagingbox .paging a.next,
.pagingbox .paging a.last {
    background: url("/static/img/bgi/sprites.png") no-repeat scroll -482px -715px transparent;
    margin-left: 10px;
}

.pagingbox .paging a.next {
    margin-left: 0;
}

/* Standard */

.pagingbox .paging a.prev {
    background: url("/static/img/bgi/sprites.png") no-repeat scroll -445px -715px transparent;

}

.pagingbox .paging a.first {
    background: url("/static/img/bgi/sprites.png") no-repeat scroll -445px -755px transparent;
    /* @todo include it in the sprites */
    display: none;

}

.pagingbox .paging a.next {
    background: url("/static/img/bgi/sprites.png") no-repeat scroll -482px -715px transparent;

}

.pagingbox .paging a.last {
    background: url("/static/img/bgi/sprites.png") no-repeat scroll -445px -755px transparent;
    /* @todo include it in the sprites */
    display: none;

}