html, body { overflow-x:hidden; }

.hidden-url, .hidden-qual {
	display: none;
}

#multivideo-main-container {
	position: fixed;
	top: 50%;
	margin-left: 50%;
	height: 0px;
	width: 0px;
	z-index: 0;
	left: -665px; /* if no js starts at second one */
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	
	margin-top: 49px;
}

.multivideo-sub-container {
	position: absolute;
	width: 680px; /* width + padding*2 */
	height: 400px; /* height + padding*2 */
	margin-left: -340px; /* half of above width */
	margin-top: -200px; /* half of above height */
}

.multivideo-container {
	padding: 20px;
	background: url('../images/menu-bg-dark.png');
	
	box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-webkit-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-moz-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-ms-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	-o-box-shadow: -1px 2px 4px rgba(0,0,0,.08);
	
	text-align: left; /* overrule that text-align we did for horizontal centering in older IE's */
}
.light-scheme .multivideo-container {
	background: url('../images/menu-bg-light.png');
}

.multivideo-preview {
	position: absolute;
	top: 0; left: 0;
	display: block;
	padding: 0; margin: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.multivideo-center-play-btn {
	background: url('../images/multivid-center-play-dark.png') no-repeat center center;
	background-size: 100% 100%;
	width: 100px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -35px;
	cursor: pointer;
	z-index: 5;
}
.light-scheme .multivideo-center-play-btn {
	background: url('../images/multivid-center-play.png') no-repeat center center;
}

.video-container {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

.multivideo-video {
	width: 640px;
	height: 360px;
}

.multivideo-video.start-unfocused {
	width: 384px;
	height: 216px;
}

.multivideo-video.start-unfocused .multivideo-center-play-btn {
	width: 60px;
	height: 42px;
	margin-left: -30px;
	margin-top: -21px;
}

.arrow-holder {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: 25px;
	margin-left: -22px;
}

#arrow-prev, #arrow-next {
	position: absolute;
	top: 0; left: 0;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 1;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

#arrow-prev {
	background: url('../images/mltivid-btns-dark.png') no-repeat top center;
	left: -375px;
	display: none;
}
.light-scheme #arrow-prev {
	background: url('../images/mltivid-btns.png') no-repeat top center;
}

#arrow-next {
	background: url('../images/mltivid-btns-dark.png') no-repeat bottom center;
	left: 375px;
	display: none;
}
.light-scheme #arrow-next {
	background: url('../images/mltivid-btns.png') no-repeat bottom center;
}

/****************************************************/
/***** Mobile Styles: *****/
.touch body { height:auto; overflow-x:visible; min-width:0; }
.touch .arrow-holder { display: none; }
.touch .vert-center { display:block; height:auto; }
.touch #multivideo-main-container { position:relative; top:auto; left:auto; height:auto; width:680px; margin-left:auto; margin-right:auto; padding-bottom:30px; }
.touch .multivideo-container { padding:0; border:0; }
.touch .multivideo-sub-container { position:relative; margin-left:0; margin-top:0; left:0 !important; margin-top:40px; width:auto; height:auto; }
.touch .multivideo-sub-container:first-child { margin-top:0; }
.touch .multivideo-video.start-unfocused { width: 640px; height:360px; }
.multivideo-video.start-unfocused .multivideo-center-play-btn { width:100px; height:70px; margin-left:-50px; margin-top:-35px; }