/*
* jQuery-Pagination V1.0
* Copyright 2014, Didier J. Angel
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/13/2014
*/

tr.jquery-pagination
{
    font-size: 12px;
    line-height: 15px;
}

div.pagination-nav
{
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 4px;
    border: 1px solid #999;
    padding: 2px;
    background: rgb(252,255,244);
    background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1)));
    background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
    background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
    background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
    background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

div.pagination-total
{
    display: inline-block;
    vertical-align: middle;
    float: right;
}

span.pagination-current
{
    display: inline-block;
    height: 12px;
    vertical-align: middle;
    margin: 0 2px 0 2px;
}

span[id^=pagination-first]
{
    background: url("jquery-pagination-icons/pagination-first.png") center no-repeat;
    background-size: 11px;
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    vertical-align: middle;
}

span[id^=pagination-back]
{
    background: url("jquery-pagination-icons/pagination-back.png") center no-repeat;
    background-size: 11px;
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    vertical-align: middle;
}

span[id^=pagination-next]
{
    background: url("jquery-pagination-icons/pagination-next.png") center no-repeat;
    background-size: 11px;
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    vertical-align: middle;
}

span[id^=pagination-last]
{
    background: url("jquery-pagination-icons/pagination-last.png") center no-repeat;
    background-size: 11px;
    display: inline-block;
    width: 12px;
    height: 12px;
    cursor: pointer;
    vertical-align: middle;
}