/*
 * This file is part of the dozoisch/paginator
 *
 * (C) 2013 Hugo Dozois-Caouette
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
/*
 *  Document   : css
 *  Author     : dozoisch
 *  version    : 1.2.3
 *  Description: Simple stylesheet for the paginator plugin
 */


.paginateContainer {
    display : block;
    text-align: center;
}

.paginateContainer .paginateList,
.paginateContainer .paginateShowAllList{
    display: inline-block;
}

.paginateContainer  li{
    display: inline-block;
}

.paginateContainer .paginateAnchor{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-decoration: none;
    cursor: pointer;

    line-height: 20px;
    padding: 4px 12px;
    background-color: #ddd;
    color: #77BB1F;
    font-size : 16px;
    min-width: 16px;
    float: left;

    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

    /* Select None */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.paginateContainer .paginateAnchor:hover {
    color : #fff;
    background-color: #77BB1F;
    border-top: 1px solid #77BB1F;
    border-bottom: 1px solid #77BB1F;
}

.paginateContainer .paginatePrevious .paginateAnchor{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #ccc;
    font-size : 18px;
    font-weight: bold;
}

.paginateContainer .paginateNext .paginateAnchor {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #ccc;
    font-size : 18px;
    font-weight: bold;
}

.paginateContainer .paginatePrevious .paginateAnchor:hover,
.paginateContainer .paginateNext .paginateAnchor:hover {
    border: 1px solid #2ae;
}

.paginateContainer .paginateShowAllList .paginateAnchor {
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
}

.paginateContainer .paginateShowAllList {
    float: right;
}

.paginateContainer .paginateActive .paginateAnchor,
.paginateContainer .paginateActive .paginateAnchor:hover {
    color : #fff;
    cursor: default;
    background-color: #77BB1F;
    border-top: 1px solid #77BB1F;
    border-bottom: 1px solid #77BB1F;
}

.paginateContainer .paginateDisabled .paginateAnchor,
.paginateContainer .paginateDisabled .paginateAnchor:hover {
    color : #bbb;
    background-color: #eee;
    cursor: default;
    border: 1px solid #ddd;
}