table, th, td
{
border-collapse:collapse;
border:1px solid #D8D8D8;
color:#000;
padding:10px;
}
a{
	text-decoration:none;
	color:#C00;
	
}
a:hover{
		text-decoration: underline;
	color: #09F;

	
	}
th{
		background-color:#fff;
		color:#03A869;
		text-transform:uppercase;
}
th, td
{
padding:10px;
text-align:left;
}
tr:hover{
	background-color: #FFA;
	color:#03A869;
	}	

.page {
    display: inline-block;
width:20px;
		height:18px;
    padding: 5px;
    margin-right: 4px;
	margin-bottom:3px;
	margin-top:2px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
	text-align:center;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
	text-decoration:none;
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}