@charset "utf-8";

body {
	height: 600px;
	text-align: center;
}

.whiteWindow {
	margin: 0 auto;
	position: relative;
	top: -2px;
	width: 440px; height: 415px;
}

.horizLine {
	position: absolute;
	height: 1px;
	background-color: black;
}

.controlBack {
	height: 110px;
}

.controlPanelBack {
	height: 90px;
	margin-top: 10px;
	position: absolute;
	width: 150px;
}

#lensCan {
	position: relative;
	top:328px;
}

#blackLine {
	position: absolute;
	width: 350px; height: 2px;
	left: 45px; top: 321px;
	background-color: black;
}

#lightBeamCan {
	position:absolute;
	left: 183px; top: 346px;
}

#leftWaveContainer {
	position: absolute;
	width: 172px; height: 100px;
	left: 47px; top: 221px;
	overflow: hidden;
}

#leftWaveCan {
	position: absolute;
	left: 3px; top: 0px;
}

#rightWaveContainer {
	position: absolute;
	width: 190px; height: 100px;
	left: 219px; top: 221px;
	overflow: hidden;
}

#rightWaveCan {
	position: absolute;
	left: 2px; top: 0px;
}

#circlesContainer {
	position: absolute;
	left: 48px; top: 15px;
	width: 362px; height: 305px;
}

#leftCirclesMask {
	position: absolute;
	left: 0px; top: 0px;
	width: 172px; height: 305px;
	overflow: hidden;
}

#leftCircles {
	position: absolute;
	left: 0px;
	width: 200px; height: 200px;
}

#leftCirclesCan {
	position: absolute;
	left: 0px; top: 0px;
}

#rightCirclesMask {
	position: absolute;
	left: 171px; top: 0px;
	width: 175px; height: 305px;
	overflow: hidden;
}

#rightCircles {
	position: absolute;
	left: 0px; top: 0px;
	width: 169px; height: 169px;
}

#rightCirclesCan {
	position: absolute;
	left: 0px; top: 0px;
}

#radiusHorizLine {
	left: 144px; top: -46px;
	width: 73px;
}

#distanceHorizLine {
	left: 144px; top: 206px;
	width: 134px;
}

#vertLineCan {
	position: absolute;
	top: 94px;
}

#topLeftArrowCan {
	position: absolute;
	left: 147px; top: 94px;
}

#topRightArrowCan {
	position: absolute;
	left: 160px; top: 94px;
}

#bottomLeftArrowCan {
	position: absolute;
	left: 164px; top: 199px;
}

#bottomRightArrowCan {
	position: absolute;
	left: 288px; top: 199px;
}

#radiusLbl {
	position:absolute;
	left:111px; top:117px;
	width:44px; height:50px;
}

#patternsLbl {
	position:absolute;
	left:319px; top:201px;
	width:51px; height:22px;
}

#distanceLbl {
	position:absolute;
	left:217px; top:255px;
	width:69px; height:12px;
}

#intensityLbl {
	position:absolute;
	left:320px; top:235px;
	width:71px; height:50px;
}

#illuminationLbl {
	position: relative;
	top: 333px;
}

#samplePanelLeft {
	left: 5px;
}

#samplePanelMiddle {
	left: 160px;
}

#samplePanelRight {
	right: 5px;
}

#wavelengthReadout {
	margin-top: 12px;
}

#wavelengthSlider {
	display: inline-block;
	position: relative;
	width: 120px;
	margin-top: 5px;
}

#distanceReadout {
	margin-top: 12px;
}

#distanceSlider {
	display: inline-block;
	position: relative;
	width: 120px;
	margin-top: 5px;
}

#apertureReadout {
	margin-top: 12px;
}

#apertureSlider {
	display: inline-block;
	position: relative;
	width: 120px;
	margin-top: 5px;
}