@font-face
{
    font-family: 'BYekan';
    src: url('fonts/web_Yekan.eot'), /* EOT file for IE */ 
  
    font-weight: normal;
    font-style: normal;
}


body {
font-family:BYekan;
font-size:13px;
font-weight:normal;
}
  .PagingControl
{
    
    direction: rtl;
    
    margin: auto;
   
    text-align: center;
    width: 50%;
}

    .PagingControl span
    {
        float:right
    }
.pagingfirst
{
    background: url("../Images/pagingarrow.gif") no-repeat scroll -25px -10px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: right;
    
    height: 10px;
    margin: 5px auto;
    width: 12px;
}
.pagingfirst:hover {
    background: url("../Images/pagingarrow.gif") no-repeat scroll -25px 0 rgba(0, 0, 0, 0);
}


.pagingprev
{
     background: url("../Images/pagingarrow.gif") no-repeat scroll -18px -10px rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
    margin: 5px auto;
    width: 6px;
    cursor:pointer;
    float: right;
   
}
.pagingprev:hover {
    background: url("../Images/pagingarrow.gif") no-repeat scroll -18px 0 rgba(0, 0, 0, 0);
}

.paginglink
{
     /*  color: #3C3C3C;*/
     color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 8pt;
    height: 10px;
    margin: 2px 1px 1px 7px;
    padding: 1px 5px;
    width: 6px;
    line-height:1;
}
.paginglink:hover
    {
         background-color: #828282;
   border-radius: 2px;
    color: #FFFFFF;
     height: 10px;
     /*line-height:1;*/  
    width: 6px;
  
    }

.pagingnext  {
    background: url("../Images/pagingarrow.gif") no-repeat scroll -12px -10px rgba(0, 0, 0, 0);
    display: block;
    height: 10px;
    margin: 5px auto;
    width: 6px;
    cursor:pointer;
   float: right;
    
}
.pagingnext:hover {
    background: url("../Images/pagingarrow.gif") no-repeat scroll -12px 0 rgba(0, 0, 0, 0);
}


.paginglast
{
    background: url("../Images/pagingarrow.gif") no-repeat scroll 0 -10px rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
   float: right;
    
    height: 10px;
    margin: 5px auto;
    width: 12px;
}
.paginglast:hover {
    background: url("../Images/pagingarrow.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}