@charset "utf-8";

body {
	height: 550px;
	text-align: center;
}

.horizLine {
	position: relative;
	top: -2px;
	width: 247px; height: 2px;
	background-color: white;
}

.vertLine {
	position: relative;
	left: 123px;
	width: 2px; height: 123px;
	background-color: white;
}

.controlBack {
	height: 86px;
}

.controlPanelBack {
	position: relative;
	display: inline-block;
	width: 175px; height: 74px;
	margin-top: 5px;
	padding: 0 10px;
}

.samplePanelRight {
	top: -21px;
	margin-left: 40px;
}

.diagramTextWhite {
	position: absolute;
}

#objectiveBackground {
	position: relative;
	left: 134px;
	width: 225px; height: 225px;
	border-radius:100px;
	background-color:black;
}

#objective {
	position: relative;
	left: 58px; top: -235px;
}

#crystalCan {
	position: relative;
	left: -118px; top: -329px;
}

#crosshairsCan {
	position: relative;
	left: 3px; top: -455px;
}

#slowAxisContainer {
	position: absolute;
	left: 315px; top: 239px;
	width: 90px; height: 90px;
}

#slowAxisArrowCan {
	position: absolute;
	left: 16px;
}

#zLbl {
	position: absolute;
	left: 40px; top: 5px;
}

#slowAxisLbl {
	position: absolute;
	width: 64px;
	left: 2px; top: 24px;
}

#blueLinesCan {
	position: absolute;
	left: 122px; top: 306px;
}

#vectorContainer {
	position: relative;
	left: 122px; top: -410px;
	width: 247px; height: 123px;
}

#dynamicVertLine {
	position: absolute;
	left: 123px; top: 26px;
	height: 97px;
	background-color: #FFFF00;
}

#dynamicHorizLine {
	position: absolute;
	left: 25px; top: 121px;
	width: 142px;
	background-color: #FFFF00;
}

#eRayVectorCan {
	position: absolute;
	left: 20px; top: 24px;
}

#oRayVectorCan {
	position: absolute;
	left: 160px; top: 24px;
}

#vectorCan {
	position: absolute;
	left: 122px; top: 305px;
	width: 247px; height: 128px;
}

#analyzerLbl {
	position: relative;
	top: -140px;
}

#polarizerLbl {
	position: relative;
	left: 110px; top: -10px;
}

#oRayLbl {
	width: 30px;
}

#rotationSldr {
	display: inline-block;
	position: relative;	
	width: 145px;
	margin-top: 5px;
}

#rPlateSeg {
	position: relative;
	top: 12px;
}

#rPlateSeg > div { 
	height: 26px; 
	padding: 0 20px; 
}
