/* Mobile Viewer */

#FlipBook {
	margin-bottom: 20px;
	min-height: 590px;
	max-width: 940px;
	overflow: hidden;
	position: relative;
}
#FlipBook.loading {
	background: #fff url(indicator.gif) no-repeat 50% 50%;
	}
	#FlipBook.loading span {
		color: #aaa;
		display: block;
		height: 20px;
		left: 0;
		line-height: 20px;
		margin: 20px 0 0;
		position: absolute;
		text-align: center;
		top: 50%;
		width: 100%;
	}

.mobile-viewer {
    margin: 0 auto;
    overflow: hidden;
	}
	.mobile-viewer .image-wrapper {
		overflow: hidden;
		width: 100%;
		}
		.mobile-viewer .page {
			position: relative;
			width: 50%;
		}
		.mobile-viewer .one {
			float: left;
		}
		.mobile-viewer .two {
			float: right;
			}
			.mobile-viewer .page div {
				height: 100%;
				position: absolute;
				width: 100%;
			}
		
		.mobile-viewer .image {
			z-index: 0;
		}
		.mobile-viewer .controls {
			z-index: 1;
			}
			.mobile-viewer .controls .shadow {
				height: 100%;
				top: 0;
				width: 50px;
				}
				.mobile-viewer .one .shadow {
					/*background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#BADA55));   */
					background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
					background-image: -moz-linear-gradient(right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 75%);
					background-image: -ms-linear-gradient(right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 75%);
					background-image: -o-linear-gradient(right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 75%);
					background-image: linear-gradient(right, rgba(255, 255, 255, .4), rgba(255, 255, 255, .15) 25%, rgba(255, 255, 255, 0) 75%);
					right: 0;
				}
				.mobile-viewer .two .shadow {
					background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 75%);
					background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 75%);
					background-image: -ms-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 75%);
					background-image: -o-linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 75%);   
					background-image: linear-gradient(left, rgba(0, 0, 0, .4), rgba(0, 0, 0, .15) 25%, rgba(0, 0, 0, 0) 75%);   
					left: 0;
				}
				.mobile-viewer .controls .shadow.no-gradient {
					background: transparent;
				}
				
		.mobile-viewer .loading {
			background: #fff url(indicator.gif) no-repeat 50% 50%;
			z-index: 2;
		}
	
.back-button,
.forward-button {
	background: #CBC9CA;
	border-radius: 4px;
	box-shadow: 0 1px 5px rgba(100, 100, 100, .5), inset 1px -1px 0 rgba(255, 255, 255, .3), inset 0 -16px 0 #bebcbd;
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 33px;
	font-family: sans-serif;
	height: 33px;
	line-height: 29px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 33px;
	z-index: 10;
	}
	.back-button {
		left: -35px;
	}
	.forward-button {
		right: -35px;
	}
	.back-button,
	.forward-button {
		background: #D3D3D3;
		box-shadow: 0 1px 5px rgba(100, 100, 100, .75), inset 1px -1px 0 rgba(255, 255, 255, .25), inset 0 -16px 0 #bebcbd;
		opacity: 0;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		-webkit-transition: all .5s ease;
	}
	.back-button.disabled,
	.forward-button.disabled {
		cursor: default;
	}
	body.mobile .mobile-viewer .back-button,
	body.mobile .mobile-viewer .forward-button,
	.mobile-viewer:hover .back-button,
	.mobile-viewer:hover .forward-button {
		opacity: 1;
	}
	body.mobile .mobile-viewer .back-button,
	.mobile-viewer:hover .back-button {
		left: 10px;
	}
	body.mobile .mobile-viewer .forward-button,
	.mobile-viewer:hover .forward-button {
		right: 10px;
	}

.hidden {
	display: none;
}