html {
	font-family: 	Verdana, sans-serif;
	height:			100%;
	width:			1920px;
	overflow:		hidden;
}

body {
	margin: 		0 auto 0 auto;
}	

div.section {
	padding:		0px;
	/*position:		absolute;*/
	position:		absolute;
	box-sizing:		border-box;
	-moz-box-sizing:border-box;
}

.container {
	position:		relative;
}

.layer {
	position:		absolute;
}

p.label, p.symbollabel, p.text, p.delta {
	position:		absolute;
}

.label, .symbollabel, .text, .delta, .max, .min {
	z-index:		10;
	font-weight:	bold;
	margin:		 	0 0 0 0;
}

.wob {
	color:			#fff;
	/*text-shadow: 	-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
	background-color: #383838; 
	border: 		1px solid #383838; 
	border-radius: 	15px; 
	box-sizing: 	border-box; 
	-moz-box-sizing:border-box;
	padding:		0 5px 0 5px;
}

.outline {
	border: 		15px solid #383838; 
	border-radius:	25px;
	box-sizing: 	border-box; 
	-moz-box-sizing:border-box; 
	background: 	white; 
	background-size:contain;
}

.label {
	
}

.is_draggable {
	cursor:			move;
}

h1 {
	margin:			0px;
	padding:		0px;
}

.background {
	background-color: #383838; 
	border: 15px solid #383838; 
	border-radius: 25px; 
	box-sizing: border-box; 
	-moz-box-sizing:border-box;
	position: relative;
}

.overlay {
	position:		absolute;
	color:			#000;
	font-size:		120px;
	font-weight:	bold;
	width:			100%;
	height:			100%;
	padding:		15px;
	text-align:		center;
	z-index:		1000;
	margin: 		0 auto 0 auto;
}

.overbackground {
	background-color:#fff;
	width:			100%;
	height:			100%;
	position:		absolute;
	left:			0px;
	top:			0px;
	right:			100%;
	bottom:			100%;
	opacity:		0.95;
}

.overtextbox{
	left:			50%;
	position:		absolute;
	width:			50%;
	top:			20%;
}

.overdialog {
	position:		absolute;
	z-index:		1001;
	left:			-50%;	
	width:			100%;
}