body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	color: white;
	font-family: sans-serif;
	font-size:.8em;
	overflow:hidden;
	-webkit-text-size-adjust:none;
	text-shadow:1px 1px 2px #000;
}

#container {
	width: 100%;
	height: 100%;
	overflow: hidden;
/*	background: url('//video-monitoring.com/static_incl/img/debut_dark.png') repeat; */
}

#img_selector {
	float:left;
	height:.3em !important;
	margin:10px;
}

#imgCanvas {
	position:absolute;
	top:0px;
	left:0px;
	padding: 0px;
	border: white 0px solid;
}

#controls {
	position:absolute;
	bottom:20px;
	z-index: 20;
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px;
}

#settings{
	display:none;
	border:solid 2px #404040;
	background-color: rgba(0,0,0,0.5);
	border-radius: 4px;
	padding:5px;
	position:absolute;
	bottom:40px;
	z-index: 20; 
}

#fps_span{
	line-height: 25px;
	vertical-align: middle;
}

.btn{
	width:20px;
	height:20px;
	float:left;
	margin:3px 5px;
}

.ui-slider-handle{
	width:.3em !important;
	height: .8em !important;
}