div.pager
{
    position: relative;
    /*padding-top: 20px;*/
    width: 100%;
    text-align: center;
}

ul.yiiPager
{
    position: relative;
    width: 100%;
    margin: 0;
    line-height: normal;
    text-align: center;
    font-weight: 700;
}

ul.yiiPager li
{
    list-style-type: none;
    display: inline-block;
    *display: inline; /*Hack IE7 inline-block*/
    *zoom: 1; /*Hack IE7 inline-block*/
    margin: 0px 2px;
}

ul.yiiPager li a:link
{
    cursor:pointer;
    display: inline-block;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:145%;
    color:#A3208B;
    text-align:center;
    *display:inline;
    *zoom:1;
    background: url('../images/pager/arrows.png') 0 100%;
    width: 20px;
    height:20px;
}

ul.yiiPager li a
{
    float: left;
    position: relative;
    font-size:14px;
    text-decoration: none;
}

ul.yiiPager li.page a
{
    /*text-indent: -9999px;*/   
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */


}
ul.yiiPager a:hover,
ul.yiiPager li.page a:hover,
ul.yiiPager li.page.selected a
{
    color:white;
    background-position: 0 0;
}
ul.yiiPager li.first a, ul.yiiPager li.last a
{
    background: none;
    color: white;
}

ul.yiiPager li.previous a, ul.yiiPager li.next a{
    display: none;    
}