﻿
ol, ul {
    list-style: none;
}
 
.paginate {
    display: block;
    width: 100%;
    font-size: 12px;
}
 
    /** 1st pagination **/
    .paginate.pag1 { /* first page styles */
    }
 
        .paginate.pag1 li {
            font-weight: bold;
        }
 
            .paginate.pag1 li a {
                display: block;
                float: left;
                color: #717171;
                background: #e9e9e9;
                text-decoration: none;
                padding: 5px 7px;
                margin-right: 6px;
                border-radius: 3px;
                border: solid 1px #c0c0c0;
                box-shadow: inset 0px 1px 0px rgba(255,255,255, .7), 0px 1px 3px rgba(0,0,0, .1);
                text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);
            }
 
                .paginate.pag1 li a:hover {
                    background: #eee;
                    color: #555;
                }
 
                .paginate.pag1 li a:active {
                    -webkit-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
                    -moz-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
                    box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);
                }
 
            .paginate.pag1 li.single, .paginate.pag1 li.current {
                display: block;
                float: left;
                border: solid 1px #c0c0c0;
                padding: 5px 7px;
                margin-right: 6px;
                border-radius: 3px;
                color: #444;
            }
 
 
 
    /** 2nd pagination **/
    /* resource: http://pixelsdaily.com/resources/photoshop/psds/minimal-pagination/ */
    .paginate.pag2 { /* second page styles */
    }
 
        .paginate.pag2 li {
            font-weight: bold;
        }
 
            .paginate.pag2 li a {
                display: block;
                float: left;
                color: #585858;
                text-decoration: none;
                padding: 6px 11px;
                margin-right: 6px;
                border-radius: 3px;
                border: 1px solid #ddd;
                background-color: #eee;
                background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#eee));
                background-image: -webkit-linear-gradient(top, #f7f7f7, #eee);
                background-image: -moz-linear-gradient(top, #f7f7f7, #eee);
                background-image: -ms-linear-gradient(top, #f7f7f7, #eee);
                background-image: -o-linear-gradient(top, #f7f7f7, #eee);
                background-image: linear-gradient(top, #f7f7f7, #eee);
                -webkit-box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
                -moz-box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
                box-shadow: 2px 2px 4px -1px rgba(0,0,0, .55);
            }
 
                .paginate.pag2 li a:hover {
                    color: #3280dc;
                }
 
                .paginate.pag2 li a:active {
                    position: relative;
                    top: 1px;
                    -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                    -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                    box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                }
 
            .paginate.pag2 li.single, .paginate.pag2 li.current {
                display: block;
                float: left;
                padding: 6px 11px;
                padding-top: 8px;
                margin-right: 6px;
                border-radius: 3px;
                color: #676767;
            }
 
 
 
 
    /** 3rd pagination **/
    /* resource: http://pixelsdaily.com/resources/photoshop/psds/psd-slick-pagination-links/ */
    .paginate.pag3 { /* third page styles */
    }
 
        .paginate.pag3 li {
            font-weight: bold;
        }
 
            .paginate.pag3 li a {
                display: block;
                float: left;
                text-decoration: none;
                padding: 6px 11px;
                margin-right: 6px;
                border-radius: 3px;
                color: #fff;
                text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
                border: 1px solid #43505e;
                background: #556270;
                background: -moz-linear-gradient(top, #556270 0%, #444d57 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#444d57));
                background: -webkit-linear-gradient(top, #556270 0%,#444d57 100%);
                background: -o-linear-gradient(top, #556270 0%,#444d57 100%);
                background: -ms-linear-gradient(top, #556270 0%,#444d57 100%);
                background: linear-gradient(to bottom, #556270 0%,#444d57 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#444d57',GradientType=0 );
                -moz-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
                -webkit-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
                box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
            }
 
                .paginate.pag3 li a:hover {
                    background: #556270;
                    background: -moz-linear-gradient(top, #556270 0%, #5b6774 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#556270), color-stop(100%,#5b6774));
                    background: -webkit-linear-gradient(top, #556270 0%,#5b6774 100%);
                    background: -o-linear-gradient(top, #556270 0%,#5b6774 100%);
                    background: -ms-linear-gradient(top, #556270 0%,#5b6774 100%);
                    background: linear-gradient(to bottom, #556270 0%,#5b6774 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#556270', endColorstr='#5b6774',GradientType=0 );
                }
 
                .paginate.pag3 li a:active {
                    background: #414952;
                    background: -moz-linear-gradient(top, #414952 0%, #555e68 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414952), color-stop(100%,#555e68));
                    background: -webkit-linear-gradient(top, #414952 0%,#555e68 100%);
                    background: -o-linear-gradient(top, #414952 0%,#555e68 100%);
                    background: -ms-linear-gradient(top, #414952 0%,#555e68 100%);
                    background: linear-gradient(to bottom, #414952 0%,#555e68 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414952', endColorstr='#555e68',GradientType=0 );
                }
 
            .paginate.pag3 li.single, .paginate.pag3 li.current {
                display: block;
                float: left;
                text-decoration: none;
                padding: 6px 11px;
                margin-right: 6px;
                border-radius: 3px;
                color: #fff;
                text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
                border: 1px solid #616c78;
                background: #838d98;
                -moz-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
                -webkit-box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
                box-shadow: inset 0 3px 0px -2px rgba(255, 255, 255, .3);
            }
 
 
 
    /** 4th pagination **/
    /* resource: http://pixelsdaily.com/resources/photoshop/psds/flat-pagination-interface/ */
    .paginate.pag4 { /* fourth page styles */
        font-size: 1.4em;
    }
 
        .paginate.pag4 li {
            font-weight: bold;
        }
 
            .paginate.pag4 li a {
                display: block;
                float: left;
                color: #a2c49e;
                text-decoration: none;
                padding: 9px 12px;
                margin-right: 6px;
                border-radius: 16px;
                background: #363842;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }
 
                .paginate.pag4 li a:hover {
                    color: #fff;
                }
 
                .paginate.pag4 li a:active {
                    -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                    -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                    box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                }
 
            .paginate.pag4 li.navpage a {
                padding: 9px 13px;
                background: #607c5d;
                color: #fff;
            }
 
                .paginate.pag4 li.navpage a:hover {
                    background: #486f43;
                }
 
            .paginate.pag4 li.single, .paginate.pag4 li.current {
                display: block;
                float: left;
                padding: 9px 12px;
                margin-right: 6px;
                border-radius: 16px;
                color: #607c5d;
                background: #d0dfcf;
            }
 
 
 
    /** 5th pagination (dark) **/
    .paginate.pag5 { /* fifth page styles */
        font-size: 1.4em;
        padding: 9px 8px;
        background: #373943;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
        .paginate.pag5 li {
            font-weight: bold;
        }
 
            .paginate.pag5 li a {
                display: block;
                float: left;
                color: #5ea25a;
                text-decoration: none;
                padding: 9px 12px;
                margin-right: 6px;
                border-radius: 16px;
                background: #fff;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                transition: all 0.3s linear;
            }
 
                .paginate.pag5 li a:hover {
                    color: #4f664e;
                    background: #c9dec8;
                }
 
                .paginate.pag5 li a:active {
                    -webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                    -moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                    box-shadow: 1px 1px 3px -1px rgba(0,0,0, .55);
                }
 
            .paginate.pag5 li.navpage a {
                padding: 9px 13px;
                background: #c8eac6;
                color: #4f664e;
            }
 
                .paginate.pag5 li.navpage a:hover {
                    color: #414e40;
                    background: #a4c6a2;
                }
 
            .paginate.pag5 li.current {
                background: #505362;
            }
 
            .paginate.pag5 li.single, .paginate.pag5 li.current {
                display: block;
                float: left;
                padding: 9px 12px;
                margin-right: 6px;
                border-radius: 16px;
                color: #fff;
            }
 
 
/** clearfix **/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}