/**
 * Paging default style
 */

 @import 'config'

// paging drop-down list
select.pgSlc
    height              20px
    vertical-align      middle

// paging text-box
input.pgNbInp
    width               25px
    height              16px
    margin              1px
    vertical-align      middle

// paging buttons (Next/Previous)
input.pgInp
    vertical-align      middle
    width               19px
    height              19px
    cursor              pointer !important
    border              0 !important
    font-weight         bold

.nextPage
    @extends input.pgInp
    background              transparent url(themes/btn_next_page.gif) center center no-repeat !important
    &:hover
        background-color    $paging-nav-button-bg-color-hover !important

.previousPage
    @extends input.pgInp
    background              transparent url(themes/btn_previous_page.gif) center center no-repeat !important
    &:hover
        background-color    $paging-nav-button-bg-color-hover !important

.firstPage
    @extends input.pgInp
    background              transparent url(themes/btn_first_page.gif) center center no-repeat !important
    &:hover
        background-color    $paging-nav-button-bg-color-hover !important

.lastPage
    @extends input.pgInp
    background              transparent url(themes/btn_last_page.gif) center center no-repeat !important
    &:hover
        background-color    $paging-nav-button-bg-color-hover !important


// paging nb pages
span.nbpg
    padding             0 5px 0 0

// results per page select
select.rspg
    width           50px
    margin          1px 5px 0 5px
    vertical-align  middle
// results per page select label
span.rspgSpan
    font-size:11px;