.technologyHolder {
	position: absolute;
	width: 100%;
	display: none;
	background:#1c201f url(../../images/technology/pattern_bg_black.png) repeat-y center 0px;	
}

@media (min-height:580px) {
	.technologyHolder {
		min-height: 100%;
	}
}

/* Back To Experiment button */
.technologyHolder #technologyBackButton {
	position:fixed;
	top:15px;
	left:0px;
	height:27px;
	padding-left:40px;
	padding-right:33px;	
	background-color:white;
	cursor:pointer;
	overflow: hidden;
	opacity: 1;

	/* This arrow might be replaced by SVG */
	background-image:url("../../../files/images/technology/technology-handle-arrow-dark.png");
	background-position:right 8px;
	background-repeat:no-repeat;
	
	pointer-events:auto;
	
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
	
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
	transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}

.technologyHolder #technologyBackButton.hidden {
	opacity: 0;
	display: block; /* MENOTE: To prevent stupid override in global namespace */
	
	-webkit-transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	transform:translateX(-30px);
}

.technologyHolder #technologyBackButton h4{
	color:black;
	height:21px !important;
	line-height: 20px !important;
	-moz-transform:translateY(-1px) scale(1.03, 1.09);
}