.page{
	width:600px;
	margin:30px auto;
	}
#navigatediv{
	height:30px;
	position:static;
	bottom:0px;
	margin:0px auto;
	width:auto;
	width:-moz-fit-content;
	width:-webkit-fit-content;
	}
.pagenavigate{
	border:1 solid #78cdd1;
	/*width:20px;
	height:20px;
	line-height:20px;
	background-color:#90d7ec;*/
	text-align:center;
	float:left;
	margin:0 2px;
}

.pagenext,.pagelast,.pagefirst,.pagepre{
	border:1 solid #78cdd1;
	/*width:40px;
	height:20px;
	margin:0 1px;*/
	line-height:24px;
	text-align:center;
	float:left;
}
.pagenext a,.pagepre a{display:none;}
.pagenavigate{
	color: #555;
	font-size: 12px;
	text-decoration: none;
	padding: 4px 5px;
	margin-top: -2px;
	border:1px solid #ccc;
	background:#fff;
	}
.pagenavigate a{
	/*width:20px;
	height:20px;
	background-color:#90d7ec;*/
	color:#fffef9;
	text-decoration:none;
	color: #555;
	font-size: 12px;
	text-decoration: none;
	border-radius: 3px;
	padding: 4px 5px;
}


.pagenext a,.pagelast a,.pagefirst a,.pagepre a{
	/*height: 20px;*/
	color: #555;
	font-size: 12px;
	text-decoration: none;
	
	padding: 4px 5px;
	margin: 0 5px;
	
}
#contents{
	height:150px;	
}
.pagenavigateon{
		border:1px solid #f40;
		background:#f40;
		text-align:center;
		color:#fff !important;
		margin: -2px 5px;
}

.pagenavigateon a{
		color:#fff;
		text-decoration:none;
}