body {
	background: rgb(217,219,219); 
	 /* @alternate */ background: -moz-linear-gradient(left, rgba(217,219,219,1) 0%, rgba(240,242,242,1) 100%); 
	 /* @alternate */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(217,219,219,1)), color-stop(100%,rgba(240,242,242,1))); 
	 /* @alternate */ background: linear-gradient(left, rgba(217,219,219,1) 0%,rgba(240,242,242,1) 100%); 	
	overflow: hidden;
}

#experimentWrapper {
	/*position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: 0;*/

	/* This should be hidden and then switched to scroll after open transition is done 
	overflow-y: hidden;
	overflow-x: hidden;*/
}

#experimentWrapper #closingFlashDesktop {
	position: fixed;
	top:0px;
	right:0px;	
	width:107px;
	height:76px;
	background:url("../../../files/images/common/weblab_closes_desktop.png") no-repeat top right;

	display:none;
}

html[lang='en-GB'] #experimentWrapper #closingFlashDesktop { display:block;}
html[lang='en-US'] #experimentWrapper #closingFlashDesktop { display:block;}

#experimentWrapper #menuBrowserDetection {display: none;}
#experimentWrapper #menuBrowserDetection #menuFront{margin-left:5px;background:none;}
#experimentWrapper #menuBrowserDetection #mainNavFooterControls .langSelect {background:url("../../../files/images/common/select_button_up.png") no-repeat right #CCCFCF;}
#experimentWrapper #menuBrowserDetection #webIsWhatYouMakeOfIt {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	float:left;
	display: block;
	margin-left: 127px;
}

#experimentWrapper #menuBrowserDetection #mainNavFooter {
	position: absolute;
	bottom: 3px;
	width: 400px;
}

#experimentWrapper #menuBrowserDetection #mainNavFooterControls {
	bottom: 0px;
}

#experimentSplash {
	position: absolute;
	height: 100%;
	width: 100%;
	padding-right: -76px;
	overflow: hidden;
}

#experimentSplash.animated {
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

#experimentSplashContent {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	z-index: 1;
}

#experimentSplashContent.animated {
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out;
}

#experimentSplashContainer {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 2;
	height:85%;
	min-height:545px;
	max-height:690px;
	width: 304px;
	margin-left: -152px;
/*	padding-top: 35px;*/
	text-align: center;
}

/* IE hack */
.IE #experimentSplashContainer {
	position: fixed;
	z-index:1000;	
}

#experimentSplashContainer .topSection, #experimentSplashContainer .midSection, #experimentSplashContainer .bottomSection{
	position: absolute;
	width:316px;
}

#experimentSplashContainer .topSection {
	top:0px;
	width:307px;
}
#experimentSplashContainer .bottomSection {
	height:38%;
	max-height:230px;
	bottom:0px;
}
#experimentSplashContainer .midSection {
	top:0px;	
}
#experimentSplashContainer .bottomFix {
	position: absolute;
	width:316px;
	text-align: center;
	bottom:10px;
	height:17px;
}

.noBrowserGl .bottomFix {
	bottom:-10px !important;
}

.unsupported .bottomFix {
	bottom:-18px !important;
}

.unsupported .midSection {
	top: -4px !important;
}

#errorLoading {
	display: none;
}

#experimentSplashContainer p {
	margin: 0 10px;
}

.splashFadeHolder {
	opacity: 0;

	-webkit-transition:opacity .5s;
	-moz-transition:opacity .5s;
	transition:opacity .5s;	
}
.splashFadeHolder.visible {
	opacity: 1;	
}

.splashEnter {
	display: none;
}


#logoContainer {	
	/*background:url(/files/images/home/beta-flash.png) no-repeat top right;*/
	padding-top:22px;
	padding-right:18px;
}

#splashLogo {
	display: block;
	margin: 0 0 24px 20px;
	border-style:none;
	background:transparent;
}

#splashLogoCaption {
	height: 101px;
}

#splashLogoCaption div {
	float: left;
	width: 81px;
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	text-align: left;
	padding-top: 5px;
}

#splashLogoCaption div.col1 {
	padding-top: 0;
	margin: 0 66px 0 36px;
}

#splashLogoCaption div.col1 img {
	border-style:none;
	background:transparent;
}

#splashLogoCaption div.col2 img {
	border-style:none;
	background:transparent;
}

#splashLogoCaption div span {
	display: block;
	margin-bottom: 2px;
}

#experimentSplashContainer hr {
	clear: both;
	border: 0;
	height: 1px;
	background-color: #3e4544;
	margin: 0 0 6px 0;
}

.unsupported #browserSupported, .noGraphicsCardGl #browserSupported, .noBrowserGl #browserSupported {
	display: none;
}

#closedMessage {
	margin-top:25px;
	display:none;
} 

#browserSupported {
	margin-top: 25px;
}

#experimentSplashContainer p.signIn {
	font-size: 9px;
	display: inline-block;
	background: transparent url('../../images/home/avatar.png') no-repeat left center;
	padding-left: 20px;
	margin-top: 0px;
	text-transform: uppercase;
	line-height: 15px;
	text-decoration: underline;
	cursor: pointer;
	
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	transition:color 0.2s;
}

#experimentSplashContainer p.signIn:hover {
	color: #3e4544;
}

#experimentSplashContainer p.returningVisitor {
	margin-top: 8px;
	margin-bottom: -5px;
}

#signedIn {
	margin-top: 8px;
	line-height: 5px;
	display: none;
}

#signedOut {
	display: none;
}

#notYou {
	text-decoration: underline;
	display: inline;
	cursor: pointer;
}

#notYou p {
	display: inline;
}

#browserUnsupported {
	margin-top: 6px;
	display: none;
}

.unsupported #browserUnsupported {
	display: block;
}

a.splashButton {
	display: inline-block;
	padding: 5px 15px 3px 14px;
	background-color:#c7c9c9;
	text-transform: uppercase;
	color: #3e4544;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	
	-webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	transition:background-color 0.2s;
}

a.splashButton:hover {
	background-color:#b9bcbb;
}

a.splashButton:active {
	background-color:#acafae;
}

body.Safari a.splashButton {
	display: inline-block;
	padding: 4px 15px 4px 14px;
	background-color:#c7c9c9;
	text-transform: uppercase;
	color: #3e4544;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	
	-webkit-transition:background-color 0.2s;
	-moz-transition:background-color 0.2s;
	transition:background-color 0.2s;
}

body.Safari a.splashButton h4{
	font-weight: normal;
}

body.Safari a.splashButton:hover {
	background-color:#b9bcbb;
}

body.Safari a.splashButton:active {
	background-color:#acafae;
}

.midSection .downloadCenteredContainer,.midSection .loadingProgressCenteredContainer{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.loadingProgressCenteredContainer h4{
	font-weight: normal;
	text-align: center;
	margin-top: 8px;
}

.downloadChrome {
	position: relative;
	margin-top: 2px;
	height: 40px;
}

.downloadChrome a {
	position: relative;
	top: 2px;
	padding-left: 24px;
	float: left;
	margin-left: -10px;
}

#experimentSplashContainer p.loadingLonger {
	text-align: left;
	padding-left: 35px;
	margin-right: 0px;

	width:271px;
	opacity:0;
	visibility: hidden;

	-webkit-transform:translateX(145px);
	-moz-transform:translateX(145px);
	transform:translateX(145px);

	/*-webkit-transition-property:opacity, -webkit-transform;
	-webkit-transition-duration:0.5s, 0.5s;
	-webkit-transition-delay:0.2s, .2s;	

	-moz-transition-property:opacity, -moz-transform;
	-moz-transition-duration:0.5s, 0.5s;
	-moz-transition-delay:.2s, .2s;	

	transition-property:opacity, transform;
	transition-duration:0.5s, 0.5s;
	transition-delay:.2s, .2s;	*/

	-webkit-transition-property:all;
	-webkit-transition-duration:0.55s;
	-webkit-transition-delay:0s;	

	-moz-transition-property:all;
	-moz-transition-duration:0.55s;
	-moz-transition-delay:0s;	

	transition-property:all;
	transition-duration:0.55s;
	transition-delay:0s;	
}

#experimentSplashContainer .loadingProgressCenteredContainer.visible p.loadingLonger {
	
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	transform:translateX(0%);

	opacity: 1;
	visibility: visible;
}

.downloadChrome img,.loadingProgressCenteredContainer .spinnerSmall{
	float: left;
	position: relative;
	top: 4px;
	z-index: 2;
	
}

.loadingProgressCenteredContainer .spinnerSmall{
	left:50%;
	margin-left:-14px;

	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	transition:all 0.5s;

}

.loadingProgressCenteredContainer.visible .spinnerSmall{
	left:0px;
	margin-left:0px;
}

#graphicsCardNoGl {
	margin-top: 20px;
	display: none;
}

#graphicsCardNoGl a.splashButton {
	margin-top: 20px;
}

.noGraphicsCardGl #graphicsCardNoGl {
	display: block;
}

#browserNoGl {
	margin-top: 10px;
	display: none;
}

#browserNoGl p.cantDownload {
	margin: -7px 0 6px 0;
	font-size: 9px;
}

#browserNoGl p.cantDownload a {
	color: #3e4544;
	font-size: 9px;
}

.noBrowserGl #browserNoGl {
	display: block;
}

#experimentSplashContainer  #experimentSplashTeaser {
	/*margin-top: 50px;*/
	margin:auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

.home #homeIntro {
	display: block;
}