﻿ul.simple-pagination {
    list-style: none
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0
}

    .simple-pagination ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .simple-pagination li {
        list-style: none;
        padding: 0;
        margin: 0;
        float: left
    }

span.ellipse.clickable {
    cursor: pointer
}

.ellipse input {
    width: 3em
}

.compact-theme span {
    cursor: pointer
}

.compact-theme a, .compact-theme span {
    float: left;
    color: #2DD969;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #aaa;
    border-left: none;
    min-width: 14px;
    padding: 0 7px;
    box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    background: #efefef;
    background: -moz-linear-gradient(top,#fff 0,#efefef 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,#fff 0,#efefef 100%);
    background: -o-linear-gradient(top,#fff 0,#efefef 100%);
    background: -ms-linear-gradient(top,#fff 0,#efefef 100%);
    background: linear-gradient(top,#fff 0,#efefef 100%)
}

    .compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
        text-decoration: none;
        background: #efefef;
        background: -moz-linear-gradient(top,#efefef 0,#bbb 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(100%,#bbb));
        background: -webkit-linear-gradient(top,#efefef 0,#bbb 100%);
        background: -o-linear-gradient(top,#efefef 0,#bbb 100%);
        background: -ms-linear-gradient(top,#efefef 0,#bbb 100%);
        background: linear-gradient(top,#efefef 0,#bbb 100%)
    }

.compact-theme li:first-child a, .compact-theme li:first-child span {
    border-left: 1px solid #aaa;
    border-radius: 3px 0 0 3px
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
    border-radius: 0 3px 3px 0
}

.compact-theme .current {
    background: #bbb;
    background: -moz-linear-gradient(top,#bbb 0,#efefef 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#bbb),color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,#bbb 0,#efefef 100%);
    background: -o-linear-gradient(top,#bbb 0,#efefef 100%);
    background: -ms-linear-gradient(top,#bbb 0,#efefef 100%);
    background: linear-gradient(top,#bbb 0,#efefef 100%);
    cursor: default
}

.compact-theme .ellipse {
    background: #eaeaea;
    padding: 0 10px;
    cursor: default
}

.light-theme span {
    cursor: pointer
}

.light-theme a, .light-theme span {
    float: left;
    color: #2DD969;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    min-width: 14px;
    padding: 7px 10px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #efefef;
    background: -moz-linear-gradient(top,#fff 0,#efefef 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));
    background: -webkit-linear-gradient(top,#fff 0,#efefef 100%);
    background: -o-linear-gradient(top,#fff 0,#efefef 100%);
    background: -ms-linear-gradient(top,#fff 0,#efefef 100%);
    background: linear-gradient(top,#fff 0,#efefef 100%)
}

    .light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
        text-decoration: none;
        background: #fcfcfc
    }

.light-theme .current {
    background: #2DD969;
    color: #fff;
    border-color: #2DD969;
    box-shadow: 0 1px 0 #fff,0 0 2px rgba(0,0,0,.3) inset;
    cursor: default
}

.light-theme .ellipse {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}

.dark-theme span {
    cursor: pointer
}

.dark-theme a, .dark-theme span {
    float: left;
    color: #ccc;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #222;
    min-width: 14px;
    padding: 0 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #555;
    background: -moz-linear-gradient(top,#555 0,#2DD969 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#555),color-stop(100%,#2DD969));
    background: -webkit-linear-gradient(top,#555 0,#2DD969 100%);
    background: -o-linear-gradient(top,#555 0,#2DD969 100%);
    background: -ms-linear-gradient(top,#555 0,#2DD969 100%);
    background: linear-gradient(top,#555 0,#2DD969 100%)
}

    .dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
        text-decoration: none;
        background: #2DD969
    }

.dark-theme .current {
    background: #222;
    color: #fff;
    border-color: #000;
    box-shadow: 0 1px 0 rgba(255,255,255,.2),0 0 1px 1px rgba(0,0,0,.1) inset;
    cursor: default
}

.dark-theme .ellipse {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    cursor: default
}
