.pager{
    margin-top:20px;
}
.pager a { 
    border: 1px solid #C4C4C4; cursor:pointer; display: inline-block; text-align: center; color: #333; text-decoration: none; 
    padding: 0px 5px;  font: 14px/18px Arial, Helvetica, sans-serif; vertical-align: middle; height:28px; line-height:28px;
    border: 1px solid #ddd;
    float:left;
    padding:0px 12px;
    border-radius: 3px;
    margin-right: 3px;
    background: #ECF0F1;
}
.pager i { font-style: normal; color: #999; display: inline-block; padding: 6px 12px;
    float:left;}
.pager a.cur { color: #fa7e3e; background: #f7e4da; border: 1px solid #ddd; }
.pager span { color: #666; font-family: Tahoma, Geneva, sans-serif; display: inline-block;vertical-align: middle; }
.pager input { vertical-align: top; width: 32px; border: 1px solid #999; padding: 2px 0px; }
.pager a.prev, .pager .prevb, .pager a.next, .pager .nextb { padding: 0px 12px;display: inline-block; 
    float:left;}
.pager .prevb, .pager .nextb {border: 1px solid #C4C4C4; display: inline-block;  vertical-align: middle; 
                              text-align: center; padding-top: 1px; color: #999; text-decoration: none;  height:32px; line-height:32px;padding: 0px 12px;display: inline-block;
}
.pager .nextb { }
/*
.pager .prevb { background-position: 7px -36px; width: 20px; }
.pager a.prev { background-position: -78px -36px; width: 20px; padding: 0px; }
.pager .nextb { background-position: -186px 4px; width: 20px; }
.pager a.next { background-position: -186px -36px; width: 20px; padding: 1px 0px 0px; font-size: 12px; height: 17px; }
*/
.pager .prevb {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pager a.prev {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    }
.pager .nextb { 
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; 
                }
.pager a.next {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; 
    }
    
    .pager .cur {
    background: #4C759B;
    color: #fff;
    font-weight: 600;
}
.pager span {
    background: #ECF0F1;
    border: 1px solid #C4C4C4;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    color: #333;
    text-decoration: none;
    padding:0px 12px;
    font: 14px/18px Arial, Helvetica, sans-serif;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    float: left;
    
    background: #ECF0F1;
    border-radius: 3px;
    margin-right: 3px;
    }
    
.pager span,.pager a {
    margin-bottom:3px;
}