.page{
    list-style: none;
}
.page>li{
    background: -webkit-linear-gradient(top,#fdfdfd,#f7f7f7,#f5f5f5,#f0f0f0,#ececec );
    border: #a7a7a7 1px solid;
    float: left;
    /*width: 20px;*/
    /*height: 20px;*/
    padding: 5px 12px;
    cursor: pointer;
    box-shadow:0px 0px  2px 2px #eeeeee;
    border-radius:3px;
    color: #9c9c9c;
    font-weight: bold;
    margin: 5px;
}
.page .pageItem{
    /*border: solid thin #DDDDDD;*/
    margin: 5px;
}
.page .pageItemActive{
    border: #6497c6 1px solid;
    margin: 5px;
    background: -webkit-linear-gradient(top,#b6e1fc,#89cdfb,#7cc7fc);
    box-shadow:0px 0px  2px 2px #e1e9f0;
}
.page .pageItem:hover{
    border: #6497c6 1px solid;
    background: -webkit-linear-gradient(top,#b6e1fc,#89cdfb,#7cc7fc);
    box-shadow:0px 0px  2px 2px #e1e9f0;
}
.page .pageItemDisable{
    background: #f7f7f7;
    border: #a7a7a7 1px solid;
    margin: 5px;
}