@charset "UTF-8";
/* CSS Document */

#fullArea {
	position: absolute;
	background-color: #000000;
	left: 50%;
	top: 50%;
	overflow:hidden;
}
#fullArea:fullscreen {
	background=color: rgba(255,255,255,0);
}
#fullArea:-webkit-full-screen {
	background=color: rgba(255,255,255,0);
}
#fullArea:-moz-full=screen {
	background=color: rgba(255,255,255,0);
}
#fullArea:-ms-full {
	background=color: rgba(255,255,255,0);
}

#MainCavas {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;

	-ms-overflow-y: hidden;
	overflow-y: hidden;
	/* fallback */
	background-color: #d8d8d8;
	background-position: 50% 70%;
	background-repeat: no-repeat;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(radial, 50% 70%, 0, 70% 60%, 100, from(#ededed), to(#d8d8d8)); 
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(50% 70%, closest-corner, #ededed, #d8d8d8);

	background: -moz-radial-gradient(50% 70%, closest-corner, #ededed, #d8d8d8);
	background: -o-radial-gradient(50% 70%, closest-corner, #ededed, #d8d8d8);
	background: -ms-radial-gradient(50% 70%, closest-corner, #ededed, #d8d8d8);
	background: radial-gradient(50% 70%, closest-corner, #ededed, #d8d8d8);

	-webkit-background-size: auto;
	-moz-background-size: auto;
	background-size: auto;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	right: 0;
	overflow: hidden;
}

#OverlayContainer {
	z-index: 88;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	left: 0;
	top: 0;
	right: 0;
	position: absolute;
	}

body {
	background-color: #000000;
}
.buttonFS{
	height: 4%;
	width: 2%;
	right: 1%;
	top: 2%;
	position: absolute;
	z-index: 99;
	display: block;
	cursor: pointer;
}

.buttonFS:hover{
	background-image:url(../Images/toFullSceen.svg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	display: block;
}



.rotateTab {
	background-image: url(../Images/rotateTab.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -.25%;
	left: 0;
	width: 100%;
	height: 5%;
}

.rotateButton {
	background-image: url(../Images/rotateButton.svg);
	background-repeat: no-repeat;
	background-size: 99% 99%;
	position: absolute;
	top: .25%;
	left: 48.875%;
	width: 2.275%;
	height: 85%;
	cursor: pointer
}

.rotateButton:active {
	background-image: url(../Images/rotateButtonActive.svg);
}