body{
	background-color:#EDEDED;
	margin:0 0 0 0;
	border:0 0 0 0;
	overflow:hidden;
}

#canvas{
	background-color:#EDEDED;
}

.controls{
	/*visibility:hidden;*/
	opacity:0;
}
div.controls{
	pointer-events:auto;
}

div.controls:hover{
	cursor:pointer;
}

a.controls{
	pointer-events:auto;
}

#controls{
	position:absolute;
	height:100%;
	width:100%;
	pointer-events:none;/* make "transparent"  for mouse events (IE <11 requires pointer_events_polyfill.js)*/
	visibility:hidden;
	opacity:0;
}
	#controls>div{
		pointer-events:auto;
	}
	
	#controls>div>a{
		pointer-events:auto;
	}
	
	#controls>div:hover{
		cursor:pointer;
	}

	#container-share-btns{
		position:absolute;
		right:0;
		margin-left:auto;
		top: 0; 
		margin-top:0.75em;
		margin-right:0.75em;
	}
	
	#container-share-btns:hover{
		cursor:auto !important;
	}

		#btn-fb {
			text-decoration: none;
			font-size:0.875em;
			margin-right:0.125em;
		}
			#btn-fb>span {
				padding-left:0.125em;	
			}
			
		#btn-twitter {
			text-decoration: none;
			font-size:0.875em;
			margin-right:0.125em;
		}
			#btn-twitter>span {
				padding-left: 0.125em;
			}
		
		#btn-email {
			text-decoration: none;
			font-size:0.875em;
		}
			
	#btn-fullscreen {
		position:absolute;
		right:0;
		margin-left:auto;
		bottom: 0; 
		margin-bottom:0.75em;
		margin-right:0.75em;
	}
		
	#btn-audio {
		position:absolute;
		right:0;
		margin-left:auto;
		bottom: 0; 
		margin-bottom:0.75em;
		margin-right:2.75em;
	}
	
	#btn-info {
		position:absolute;
		left:0;
		margin-right:auto;
		bottom: 0; 
		margin-bottom:0.75em;
		margin-left:0.75em;
	}
	
	#btn-info-close {
		position:absolute;
		left:0;
		margin-right:auto;
		bottom: 0; 
		margin-bottom:0.75em;
		margin-left:0.75em;
		visibility:hidden;
	}
	
	span.csbuttons-count{
		color:#c76970;
		text-decoration:none !important;
	}

	span.csbuttons-count:hover{
		text-decoration:none !important;
	}

.icon-fb {
    height: 1.9em;
    width: 2.0em;
}	
	
.icon-twitter{
	height: 1.9em;
	width: 2.0em;
}

.icon-email{
	height: 1.9em;
	width: 2.0em;
}
	
.icon-fullscreen {
    background-image: url("../images/UI_fullscreen.png");
    background-position: center center;
	background-size: 100% 100%;
    height: 2.0em;
    line-height: 2.0em;
    width: 2.0em;
}

.icon-audio-on {
    background-image: url("../images/UI_audio_on.png");
    background-position: center center;
    background-size: 100% 100%;
    height: 2.0em;
    line-height: 2.0em;
    width: 2.0em;
}

.icon-audio-off {
    background-image: url("../images/UI_audio_off.png");
    background-position: center center;
    background-size: 100% 100%;
    height: 2.0em;
    line-height: 2.0em;
    width: 2.0em;
}

.icon-info{
    background-image: url("../images/UI_info.png");
    background-position: center center;
    background-size: 100% 100%;
    height: 2.0em;
    line-height: 2.0em;
    width: 2.0em;
}

.icon-info-close{
    background-image: url("../images/UI_info_close.png");
    background-position: center center;
    background-size: 94% 94%;
    height: 2.0em;
    line-height: 2.0em;
    width: 2.0em;
}