.acgVirtualScreenContainer
{
	jbackground-color:#ff0000;
	jborder:1px solid #000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	jline-height:0;					/* IMPORTANT! This ensure there is no space between the container and the frame! */
									/* HOWEVER! Setting line-height really messes up content vertical location! */
	jbackground-color:#f3f3f3;
	display:inline-block;
	jtext-align:center;
	jpadding-top:1em;
	jpadding:0 1em;
	width:100%;
	jvertical-align:top;
	position:relative;
	overflow:hidden;
	vertical-align:top;		/* fixes issue with weird extra pixels */
}

/*
.acgVirtualFrame
{
	display:inline-block;
	jmargin:auto;
	jbackground-color:#ffffff;
	jborder:2px solid #ff0000;
	width:100%;
	jmax-width:640px;
	jwidth:1280px;
	jheight:720px;
	position:relative;
	jline-height:1.2em;				// IMPORTANT! Sadly there is no way to prevent CSS properties from inheriting from the parent, so we need to reset
									//	the line-height manually...
	
	j-webkit-box-sizing: border-box;
	j-moz-box-sizing: border-box; 
	jbox-sizing: border-box;
	
	overflow:hidden;
	max-width:960px;
	jmargin:auto;
	jpadding:0 1em;
}
*/

.acgVirtualScreenClass
{
	display:inline-block;
	jmargin:auto;
	jbackground-color:#ffffff;
	jborder:2px solid #ff0000;
	width:100%;
	jmax-width:640px;
	jwidth:1280px;
	jheight:720px;
	
	jposition:relative;
	position:absolute;
	left:0;
	top:0;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
	joverflow:hidden;
	
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.acgVirtualScreenMatch
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}