.page {
    display: inline-block;
    padding: 10px 20px;
    margin-right: 8px;
    border-radius: 5px;
    border: solid 1px #49515F;
    /*background: #e9e9e9;*/
	background:#3FA4DA;
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	text-align: center;
}

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

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