.grd1 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fdfdfd), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 100%);
background: -o-linear-gradient(top, #ffffff 0%, #fdfdfd 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #fdfdfd 100%);
background: linear-gradient(top, #ffffff 0%, #fdfdfd 100%);
}

.grd2 {
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f7f6));
background: -webkit-linear-gradient(top, #fff, #f6f7f6);
background: -moz-linear-gradient(top, #fff, #f6f7f6);
background: -o-linear-gradient(top, #fff, #f6f7f6);
background: -ms-linear-gradient(top, #fff, #f6f7f6);
background: linear-gradient(top, #fff, #f6f7f6);
}


.grd3 {
background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f7f6));
background: -webkit-linear-gradient(top, #fff, #f6f7f6);
background: -moz-linear-gradient(top, #fff, #f6f7f6);
background: -o-linear-gradient(top, #fff, #f6f7f6);
background: -ms-linear-gradient(top, #fff, #f6f7f6);
background: linear-gradient(top, #fff, #f6f7f6);
}
.grd31 {
background: -webkit-gradient(linear,left top,left bottom,from(#fcc),to(#9a5a5a));
background: -webkit-linear-gradient(top, #fcc, #9a5a5a);
background: -moz-linear-gradient(top, #fcc, #9a5a5a);
background: -o-linear-gradient(top, #fcc, #9a5a5a);
background: -ms-linear-gradient(top, #fcc, #9a5a5a);
background: linear-gradient(top, #fcc, #9a5a5a);
}


.grd4 {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dedede), color-stop(0.9, #fdfdfd), color-stop(0.6 #fdfdfd), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #fdfdfd 60%, #fdfdfd 90%, #dedede 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 60%, #fdfdfd 90%, #dedede 100%);
background: -o-linear-gradient(top, #ffffff 0%, #fdfdfd 60%, #fdfdfd 90%, #dedede 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #fdfdfd 60%, #fdfdfd 90%, #dedede 100%);
background: linear-gradient(top, #ffffff 0%, #fdfdfd 60%, #fdfdfd 90%, #dedede 100%);
}

.pager {
    overflow: hidden;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
 
.pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #333;
    color: #FFF;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}