body {
	min-width: 950px;
	min-height: 550px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#frame {
	width: 700px;
	height: 700px;
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 50%;
	margin-top: -350px;
	zoom: 1;
	opacity: 1;
}
#blindCanvas {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}
#mouseLayer {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 110;
}
#ishiharaCanvas {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
}
#instructions {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	opacity: .8;
}
#infoTitle {
	margin-top: 30px;
	margin-left: 30px;
}
.infoColumn {
	width: 750px;
	height: 500px;
	float: left;
	margin: 2%;
}
.subinfo {
	text-align: justify;
	margin-left: 30px;
	margin-top: 5px;
	opacity: 0;
}
#spinner {
	font-family: Orbitron, monospace;
	font-size: 36px;
	letter-spacing: 0.2em;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -150px;
	z-index: 50;
	width: 300px;
	height: 80px;
}
#practiceMode {
	position: absolute;
	z-index: 11;
	width: 30%;
}
#practiceText {
	margin-top: 20px;
	margin-left: 20px;
}
#practiceIndicator {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 11;
	width: 30%;
}
#practiceControls {
	position: absolute;
	top: 150px;
	left: 20px;
	cursor: hand;
	opacity: 0;
}

#questionMark{
	cursor: hand;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	opacity: 0;
}

#questionMark:hover{
	background-color: white;
	color: black;
}

#endControls{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: -1;
	cursor: hand;
	opacity: 0;
}

.linkTo{
	cursor: hand;
}