.paginator {
	margin-top: 10px;
	text-align: right;
    float: right;
    width: 60%;	
}

.limiter {
    margin-top: 10px;
    text-align: left;
    float: left;
    width: 40%;
}

.paginator ul,
.limiter ul {
	margin: 0px;
	padding: 0px;
	margin: 0 auto;
}

.paginator li,
.limiter li {
	display: inline-block;
	list-style: none;
	margin-right: 5px;
}

.paginator li a,
.limiter li a {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    color: #5A5A5A;
    width: 34px;
    height: 29px;
    text-align: center;
    border: 1px solid #c3c3c3;
    line-height: 29px;
    moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    o-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    ms-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.3);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #f8f8f8),
        color-stop(0.95, #ececec)
    );
    background-image: -moz-linear-gradient(
        center top,
        #f8f8f8 5%,
        #ececec 95%
    );
    background-image: -o-linear-gradient(
        top,
        #f8f8f8 5%,
        #ececec 95%
    );
    background-image: linear-gradient(
        top,
        #f8f8f8 5%,
        #ececec 95%
    );
}

.paginator li a:hover,
.paginator li.active a,
.limiter li a:hover,
.limiter li.active a {
    moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5);
    o-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5);
    webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5);
    ms-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5);
    box-shadow: inset 1px 1px 0px rgba(0,0,0,0.5);
    background-color: #535659;
    color: #FFFFFF;
        background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #888888),
        color-stop(0.95, #585858)
    );
    background-image: -moz-linear-gradient(
        center top,
        #888888 5%,
        #585858 95%
    );
    background-image: -o-linear-gradient(
        top,
        #888888 5%,
        #585858 95%
    );
    background-image: linear-gradient(
        top,
        #888888 5%,
        #585858 95%
    );
}

.paginator li.page-next a,
.paginator li.page-prev a {
    padding: 0 10px;
}

.paginator li.first a,
.limiter li.first a {
    moz-border-radius: 4px 0 0 4px;
    o-border-radius: 4px 0 0 4px;
    webkit-border-radius: 4px 0 0 4px;
    ms-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.paginator li.last a,
.limiter li.last a {
    moz-border-radius: 0 4px 4px 0;
    o-border-radius: 0 4px 4px 0;
    webkit-border-radius: 0 4px 4px 0;
    ms-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.paginator li.first.last a,
.limiter li.first.last a {
    moz-border-radius: 4px;
    o-border-radius: 4px;
    webkit-border-radius: 4px;
    ms-border-radius: 4px;
    border-radius: 4px;
}
