ul.yiiPager {
    text-indent: 0;
    float: right;
    margin: 28px 0;
}

ul.yiiPager li {
    float: left;
    margin-left: 10px;
    line-height: 30px;
}

ul.yiiPager li a {
    display: block;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #ccc;
    color:#4c8ccd;
    line-height: 28px;
    border-radius:3px;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
    display: block;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #ccc;
    color: #4c8ccd;
    line-height: 28px;
    border-radius: 3px;
}
ul.yiiPager li span {color:#e17d00;font-weight: bold;}
ul.yiiPager li:hover a {border-color: #4c8ccd;}
ul.yiiPager .on a {color:#fff;background: #4c8ccd;border-color:#4c8ccd;}

ul.yiiPager .page a {
    font-weight: normal;
}

ul.yiiPager a:hover {
    border: solid 1px #0e509e;
}

ul.yiiPager .selected a {
    color: #fff;
    background: #0d5fb4;
    font-weight: bold;
}

ul.yiiPager .hidden a {
    border: solid 1px #DEDEDE;
    color: #888888;
}

/*
*
 * Hide first and last buttons by default.
*/


ul.yiiPager .first,
ul.yiiPager .last {
    display: block;
}