/* 
    Document   : pager
    Created on : Aug 10, 2009, 10:39:31 AM
    Author     : dustin
    Description: styling for the pager
*/

ul#pager {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: inline;
    font-size: 12px;
    font-family:Arial,Helvetica,sans-serif;
}

ul#pager li {
    display: inline;
    list-style-type: none;
    
}

ul#pager li span {
    display:block;
    float:left;
    border-left: 1px solid #c3bfbc;
    border-top: 1px solid #c3bfbc;
    border-bottom: 1px solid #c3bfbc;
    margin: 0px;
    width: 22px;
    height: 17px;
    line-height:17px;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    color: #999;
}

ul#pager li span.selected {
    background-color: #505052;
    color: #fff;
}

ul#pager li span.next {
    width: 44px;
    border-right: 1px solid #c3bfbc;
}

ul#pager li span.prev {
    width: 44px;
}

ul#pager li a {
    display:block;
    float:left;
    border-left: 1px solid #c3bfbc;
    border-top: 1px solid #c3bfbc;
    border-bottom: 1px solid #c3bfbc;
    margin: 0px;
    width: 22px;
    height: 17px;
    line-height:17px;
    text-align: center;
    vertical-align: middle;
}
ul#pager li a:link, ul#pager li a:visited, ul#pager li a:active, ul#pager li a:focus {
    background-color: #fff;
    color:#0E709A;
    text-decoration:none;
}

ul#pager li a:hover {
    background-color: #186c91;
    color: #fff;
    text-decoration: underline;
}

ul#pager li a.next {
    width: 44px;
    border-right: 1px solid #c3bfbc;
}

ul#pager li a.prev {
    width: 44px;
}