@charset "utf-8";

/* .splashBackground { */
/*	   -moz-transform: scale(0.95, 0.95); */
/*	   -ms-transform: scale(0.95, 0.95); */
/*	   -o-transform: scale(0.95, 0.95); */
/*	   -webkit-transform: scale(0.95, 0.95); */
/*	   transform: scale(0.95, 0.95); */
/* } */

body {
	/* width: 420px; */
	height: 500px;
	text-align: center;
}

.labelText {
	position: relative;
}

.mainWindow2 {
	position: relative;
	left: 50px;
	margin-top: 25px;
	width: 90%; height: 60%;
	display: inline-block;
}

#graphContainer {
	position: relative;
	width: 256px; height: 250px;
}

#relativeWavefrontLbl {
	left: -6px; top: -12px;
	width: 12px;
}

#ampLbl {
	left: -55px; top: 110px;
	width: 70px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}

#phaseLbl {
	left: 40px; top: -35px;
	width: 30px;
}

.yAxisBar {
	position: absolute;
	left: 0px; top: 0px;
	width: 2px; height: 250px;
	background-color: #666666;
}

#dynamicGraphElements {
	position: absolute;
	left: 0px; top: 0px;
	width: 2px; height: 250px;
}

#dynamicYAxis {
	visibility: hidden;
}

#advancedWavefrontLbl {
	left: -5px; top: -12px;
}

#graphCan {
	position: absolute;
	left: 1px; top: 0px;
	width: 252px; height: 250px;
}

#wavelengthLblContainer {
	position: relative;
	left: 185px; top: -43px;
	width: 80px;
}

#wavelengthLblContainer > div{
	width: 70px;
	margin-bottom: 70px;
}

#wavelengthLblContainer > *:first-child {
	margin-bottom: 67px;
}

#colorLblContainer {
	position: relative;
	left: 260px; top: -246px;
	width: 30px;
}

#colorLblContainer > div{
	width: 30px;
	margin-bottom: 68px;
	text-align: left;
}

#differenceArrowContainer {
	position: relative;
	left: -17px; top: -15px;
	width: 145px; height: 14px;
}

#arrowCan {
	position: absolute;
	left: 0px; top: 0px;
	width: 145px; height: 14px;
}

#differenceLbl {
	left: -25px; top: -10px;
	width: 70px;
	text-align: left;
}

#colorSquareContainer {
	position: relative;
	left: 225px; top: -40px;
	width: 52px; height: 52px;
}

#interferenceLbl {
	left: -9px;
	width: 70px;
}

#colorSquare {
	position: relative;
	width: 52px; height: 52px;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

.controlBack {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 80px;
}

.controlPanelBack {
	position: relative;
	display: block;
	margin: 10px auto;
	text-align: center;
	width: 210px;
	padding: 10px;
}

#differenceSldrLbl {
	width: 208px;
}

#differenceSldr {
	display: inline-block;
	position: relative;
	width: 120px;
}