.bookbrowser {
	position: relative;	
	width:	500px;
	z-index: 2;
	/*margin-left: auto;
	margin-right: auto;*/
	overflow: hidden;
}

.bookbrowser.style1 {
	border: 2px outset #AAA;
	padding: 0.5em;
	
	background: #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.bookbrowser.style2 {
	border: 1px solid #EEE;
	background: black;
	padding: 1px;
	padding-bottom: 0;
}

.bookbrowser.style2 .scan {
	cursor: move;	
}


.mode-popup .bookbrowser {
	border: 0;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	background: black;
}

html.mode-popup, body.mode-popup {
	margin: 0;
	padding: 0;	
	background: #999;
}
html.mode-embed, body.mode-embed {
	background: transparent;	
	margin: 0;
	padding: 0;
}

.bookbrowser h2 {
	margin: 0;
	padding: 1em 0;
	cursor: move;
}

.mode-popup .bookbrowser h2 {
	margin: 0.5em 0;
	padding: 0;	
}

.bookbrowser .scans_container {
	position:	relative;
	width:		100%;
	overflow:	hidden;
	background-color:	black;
	margin:		-2px;
	border:		2px solid #777;
	height:		auto;
}
.bookbrowser .scans {
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap;
	width:	100%;
	height:	auto;
	background: black;
	position: relative;
}

.bookbrowser .toggle {
	position: absolute;
	top:0;
	border: 1px solid black;
	background-color: #AAA;
	z-index: 10;	
	width: 1em;
	height: 1em;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.bookbrowser .toggle.small {
	right: 0;
}

.bookbrowser .toggle.hidden {
	right: 1em;
}

.bookbrowser.small .scans {
	height: 150px;	
}

.bookbrowser.hidden .scans {
	height: 0px;
	overflow: hidden;
}

.bookbrowser.hidden {
	height: 1em;
	padding: 1px;	
}

.bookbrowser .scan a:hover {
	text-decoration: none;
	border: none;
}

.bookbrowser .scan a:active,
.bookbrowser .scan a:hover,
.bookbrowser .scan a:focus {
	outline: none;	
}

.bookbrowser .scans img,
#bookbrowser_zoom .loading {
	background: url('../img/loading-big-black.gif') no-repeat 25% 50% black;
	vertical-align: middle;
}

.bookbrowser .scans .scan {
	display: inline-block;	
	position: relative;
	margin-right: 12px;
}



.bookbrowser .anchor {
	position:	absolute;
	width:		1px;
	height:		1px;
	top:		0;
	
}

.bookbrowser .anchor.left {
	left:		1em;
}

.bookbrowser .anchor.middle {
	left:		50%;
	width:		2px;	
}
.bookbrowser .anchor.right {
	right:		1em;
}


.bookbrowser a {
	visibility: hidden;	
}
.bookbrowser .scan:hover a {
	visibility: visible;
	opacity:	0.3;
}

.bookbrowser .scan a:link, .scan a:hover,.bookbrowser .scan a:active, .bookbrowser .scan a:focus {
	outline: none;
	text-decoration: none;
	padding: 0;
	border: none;
	color: white;
}

.bookbrowser .scan a:hover {
	opacity: 1;	
}


.bookbrowser .scan .pagebutton {
	display:	block;
	width:		32px;
	height:		32px;
	margin-top:	-16px;
	position:	absolute;
	top:	 	50%;
	text-align:	center;
	vertical-align: middle;
	line-height:	32px;
	background:	black;
	opacity:	0.3;
	font-size:	24px;
}

.bookbrowser .scan .pagebutton.middle.left {
	margin-left: 0;
	left: 50%;	
}
.bookbrowser .scan .pagebutton.middle.right {
	margin-left: -32px;
	left: 50%;
}

.bookbrowser .scan .pagebutton.right {
	right:	4px;
}

.bookbrowser .scan .pagebutton.left {
	left: 0;
}

.bookbrowser .scans img {
	display: inline;
	z-index:	1;
}

.bookbrowser .pages {
	position:	absolute;
	/*background:	red;
	opacity:	0.5;*/
	width:		100%;
	left:		0;
	height:		100%;
	top:		-16px;
	left:		-16px;
	overflow:	hidden;
}
.bookbrowser .page {
	width:		50%;		
	height:		100%;
	outline:	none;
	opacity:	0.5;
	display:	block;
	background:		url('../img/icon-prev.png') no-repeat;
	background-position: -1000px;
	cursor:		pointer;
	float:		left;
	position:	relative;
	left:		16px;
}

.bookbrowser .page:hover {
	opacity:	0.5;
	filter:		alpha(opacity=50);
	background-position: 50% 50%;
}

.bookbrowser .page.right {
	background-image: url('../img/icon-next.png');	
}

.bookbrowser .page:link,
.bookbrowser .page:visited,
.bookbrowser .page:active {
	border:	none;
}

.bookbrowser .page.left {
}

.bookbrowser .page.right {

}

.bookbrowser .page.right .icon {
	background-position: -64px;
}


.bookbrowser .thumbnails {
	margin-top:	1em;
	padding-top: 4px;
	white-space: nowrap;
	overflow: auto;
	background: black;
	/*position:	relative;*/
}

.bookbrowser .thumbnails .thumbnail {
	margin: 4px;
	padding-bottom: 2px;
}
.bookbrowser .thumbnails .thumbnail.active {
	border-bottom: 2px solid Highlight;
	margin-bottom: 2px;
	padding-bottom: 2px;
}