body {
	background: none;
	background-color: #EEEEEE !important;
}

#main {
	overflow: hidden;
	margin: 0.2rem auto;
	border-radius: 0;
}

div#media button.page {
	border: none;
	background: transparent;
	height: 252px;
	width: 62px;
	top: 0px;
	position: absolute;
	z-index:1000;
	min-width: 0;
	max-width: 62px;
}
div#media button.page#nextpage {
	background: url("images/nextpage.png");
	float: right;
}
div#media button.page#nextpage:hover,
div#media button.page#nextpage:active {
	background: url("images/nextpage-hover.png");
}

div#media button.page#previouspage {
	background-image: url("images/previouspage.png");
}


div#media button.page#previouspage:hover,
div#media button.page#previouspage:active {
	background-image: url("images/previouspage-hover.png");
}

div#media div#reference {
	text-align: center;
	font-size: 18px;
	padding: 10px;
	height: 21px;
	position:fixed;
	text-align: center;
	bottom: 5px;
}

#flippingbook .turn-page {
	border: 1px solid gray;
}