.black-screen , .canvas
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	white-space: nowrape; 
	text-align: center; 
}

.black-screen 
{
	background-color: black; 
	opacity: 0.8; 
	z-index: 10000; 
}

.canvas { z-index: 10001; }

.canvas .container
{
	position: relative; 
	display: inline-block; 
	vertical-align: middle;
	overflow: hidden; 
}

.canvas .container .img-canvas, .canvas .container .text-canvas 
{
	display: block; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 10000%; 
	text-align: left; 
	white-space: nowrape; 
}

.canvas .container .img-canvas .page
{
	position: relative; 
	display: inline-block; 
	vertical-align: middle;
	padding: 0px; 
	margin: 0px; 
}

.canvas .container .text-canvas p 
{ 
	position: absolute; 
	text-shadow: none; 
}

.canvas .container .protect-screen
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 0px; 
	bottom: 0px; 
	cursor: move; 
}

.canvas .close-button
{
	position: absolute; 
	right: 10px; 
	top: 10px; 
	width: 60px; 
	height: 60px; 
	cursor: pointer; 
}

.canvas .info-block
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	top: 20px; 
	height: 20px; 
	text-align: center; 
	color: orange; 
	font-weight: bold; 
	font-size: 1.2em; 
}

.canvas .turn-left, .canvas .turn-right 
{ 
	display: none; 
	position: absolute; 
	font-size: 50pt; 
	cursor: pointer; 
}

.canvas .turn-left { left: 0px; }
.canvas .turn-right { right: 0px; }

.canvas .global-dock
{
	position: absolute; 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
	text-align: center; 
	overflow: visible; 
}

.canvas .global-dock .base-dock
{
	position: relative; 
	white-space: nowrap; 
}

.canvas .global-dock .left-dock, .canvas .global-dock .right-dock, .canvas .global-dock .center-dock
{
	display: inline-block; 
	vertical-align: bottom; 
}

.canvas .global-dock .left-dock, .canvas .global-dock .right-dock 
{ 
	width: 14px; 
	height: 30px; 
}

.canvas .global-dock .left-dock { background-image: url("../../images/dock/dock_left.png"); }
.canvas .global-dock .right-dock { background-image: url("../../images/dock/dock_right.png"); }
.canvas .global-dock .center-dock 
{ 
	background-image: url("../../images/dock/dock_center.png"); 
	background-repeat: repeat-x; 
	background-position: bottom; 
}

.canvas .global-dock  .page-preview 
{
	display: inline-block; 
	vertical-align: bottom; 
	white-space: nowrape; 
	position: relative; 
	bottom: 20px; 
	border: 1px white solid; 
	box-shadow: 5px 5px 5px rgb(0, 0, 0); 
	background-color: white; 
	margin-right: 5px; 
}

.canvas .global-dock  .page-preview  img { display: inline-block; }