/* Base */

#oqs_body {
	position: relative;
	width: 640px;
	height: 360px;
	
	font-size: 18px;
	background-size: 100% 100%;
}

#oqs_header, #oqs_top, #oqs_mid, #oqs_bottom {
	position: absolute;

	padding: 18px;

	color: #ffffff;
	text-shadow: 0px 0px 4px #000000;
	font-size: 18px;
}

#oqs_header {
	top: 36px;
	left: 0px;
	z-index: 11;
}

#oqs_top {
	top: 72px;
	left: 0px;
	z-index: 12;
}

#oqs_mid {
	top: 108px;
	left: 0px;
	z-index: 13;
}

#oqs_bottom {
	top: 180px;
	left: 0px;
	z-index: 14;
}

#oqs_imagea {
	position: absolute;
	z-index: 2;
	
	top: 0px;
	left: 0px;
	
	width: 640px;
	height: 360px;
}

#oqs_video {
	position: absolute;
	z-index: 1;
	
	top: 0px;
	left: 0px;
	
	width: 640px;
	height: 360px;
}

#oqs_ui {
	position: absolute;
	left: 0px;
	top: 360px;
	z-index: 20;
	
	margin:0px;

/*	display:flex;
	align-items: flex-end;*/

	width: 598px;
	height: 120px;

	color: #ffffff;
}

#oqs_bottom_sys {
	position: absolute;
	left: 600px;
	top: 0px;
	z-index: 21;
	
	display:flex;
	align-items: flex-end;

	width: 40px;
	height: 60px;
	
	text-align: right;
}

#oqs_ui button, #oqs_bottom_sys button {
	min-height:32px;
	min-width:32px;
	
	margin: 0px;
	padding: 4px;
	border: solid 1px rgba(255,255,255,0.75);
	border-right: solid 1px rgba(0,0,0,0.25);
	border-bottom: solid 1px rgba(0,0,0,0.25);
	background-color: rgba(0,0,0,0.25);

	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}

#ui_select input {
	border: solid 1px rgba(255,255,255,0.75);
	border-left: solid 1px rgba(0,0,0,0.25);
	border-top: solid 1px rgba(0,0,0,0.25);
	background-color: rgba(0,0,0,0.75);
	
	width: 33%;

	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
}

.oqs_block {
	display: inline-block;
}