/* the overlayed element */
#voverlay {
	
	/* growing background image */
	background-image:url("white.png"/*tpa=https://www.alchemywebsite.com/Videos/Exploring_Emblems01/white.png*/);
	
	/* dimensions after the growing animation finishes  */
	width:858px;
	height:480px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* fix for bootstrap / normalize / etc... */
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* default close button positioned on upper right corner */
#voverlay .close {
	background-image:url("close.png"/*tpa=https://www.alchemywebsite.com/Videos/Exploring_Emblems01/close.png*/);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#voverlay .vcontainer{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url("loading.gif"/*tpa=https://www.alchemywebsite.com/Videos/Exploring_Emblems01/loading.gif*/) no-repeat 50% 50%;
}

#voverlay .vcontainer > div{
	height:100%;
}