/* 

	WebLab Page CSS
	
*/

.page {

	position: absolute;
	width:960px;
	
	/*top:80px;	*/
	opacity:0;
}

.page.visible {
	opacity:1;
}

/* Whilst the page is animating, we don't want any interaction */
.page.transitioning {
	pointer-events:none;	
}

.page, .pageWindow {

	height:100%;
	

	width: 980px;

	

	opacity:0;
	
}

.fades.page, .fades.pageWindow {

	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-webkit-transition-easing-function:easeInOut;

	-moz-transition-property:opacity;
	-moz-transition-duration:0.5s;
	-moz-transition-easing-function:easeInOut;

	transition-property:opacity;
	transition-duration:0.5s;
	transition-easing-function:easeInOut;
}

.pageWindow {

	position: absolute;
	top:0px;	
}

.page.visible .pageWindow{	
	opacity:1;
}

.experiment-content {
	position: absolute;	
	height:60%;
	width:100%;

	min-height:520px;
	max-height:720px;
}

#sectionContentHolder #sectionCenteredContent .pageWindow {
	width:960px;	
}