Pager Control: CSS

.css class file:

/* pager

..............................................

*/

a.pagerLink

{

    background: #CCCCCC;

    text-align: center;

    display: block;

    width:65px;

    border: 1px solid #666666;

    border-radius: 8px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    box-shadow: 0px 3px 5px #000;

    -moz-box-shadow: 0px 3px 5px #000;

    -webkit-box-shadow: 0px 3px 5px #000;

    color: #000000;

}

a.pagerLink:hover

{

    position: relative;

    top: 3px;

    color: #fqq;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    color: #000000;

    background-color: #727272;

}

a.pagerLinkUnselected

{

    text-decoration: none;

    color: #FF0000;

}

a.pagerLinkUnselected:Hover

{

    color:Black; 

    text-decoration: underline;

}

a.pagerLinkSelected

{

    color:Black; 

    text-decoration: none;

    font-weight:bold;

}

.pagerTable

{

    padding: 10px;

    border: 1px solid #808080;

    background-color: #CCCCCC;

    empty-cells: hide;

}