@charset "utf-8";

body {
	/* width: 440px; */
	height: 480px;
	text-align: center;
}

.mainWindow {
	position: relative;
	display: inline-block;
	/* left: -42px; */
	width: 430px;
	height: 330px;
}

#diagramImgContainer {
	position: absolute;
	left: 50px; top: 17px;
	width: 100px; height: 200px;
}

.img {
	position: relative;
	display: inline-block;
	margin-top: 25px;
}

#analyzerImg {
	left: 6px;
	margin-top: 0px;
}

#prismImg {
	left: 5px;
}

#shearedWavefrontImg {
	left: -4px;
}

#specimenContainer {
	width: 125px; height: 30px;
}

#specimenImg {
	position: relative;
}

#wavefrontContainer {
	width: 125px; height: 30px;
}

#wavefrontContainer > img {
	position: absolute;
	left: 0px;
}

#mediumIndexLbl {
	left: 22px; top: 3px;
	color: white;
}

#refractiveIndexLbl {
	left: 55px; top: 16px;
	color: white;
}

#maskImgCan {
	position: absolute;
	visibility: hidden;
	width: 70px; height: 15px;
}

#diagramLblContainer {
	position: absolute;
	left: 200px; top: -15px;
	width: 50px; height: 170px;
}

#diagramLblContainer > div {
	position: relative;
	margin-top: 31px;
}

#graphContainer {
	position: absolute;
	left: 300px; top: 190px;
	width: 106px; height: 94px;
}

#graphContainer > *:first-child {
	left: 30px; top: -15px;
}

#graphCan {
	position: absolute;
	left: 0px; top: 0px;
	width: 106px; height: 94px;
	border-left: solid black 2px;
	border-bottom: solid black 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

#graphXLbl {
	left: 14px; top: 105px;
}

#yTickContainer {
	position: absolute;
	width: 10px; height: 110px;
}

.yTick {
	position: relative;
	width: 3px; height: 2px;
	background-color: black;
	margin-top: 22px;
}

#yTickContainer > *:first-child {
	margin-top: 0px;
}

#yAxisLblsContainer {
	position: absolute;
	left: -22px;
	width: 20px; height: 110px;
}

#yAxisLblsContainer > div {
	position: relative;
	margin-top: 32px;
	text-align: right;
}

#yAxisLblsContainer > *:first-child {
	margin-top: 0px;
}

#specimenImgContainer {
	position: absolute;
	left: 290px; top: 30px;
	width: 130px; height: 130px;
}

#specimenImgContainer > *:first-child {
	left: 6px; top: -15px;
}

#specimenImgStackr {
	position: absolute;
	left: 0px; top: 0px;
	width: 130px; height: 130px;
	border: none;
}

#axisArrowCan {
	position: relative;
	left: -40px; top: 100px;
	width: 26px; height: 26px;
}

.whiteText {
	position: relative;
	left: -50px; top: 85px;
}

.controlPanelBack {
	position: relative;
	display: inline-block;
	margin: 4px;
	padding: 4px;
	vertical-align: middle;
}

.controlText {
	margin: 4px auto;
}

#biasSldr {
	display: inline-block;
	position: relative;
	width: 140px;
}

#specimenSelectLbl {
	margin-bottom: 8px;
}

#specimenSelect {
	display: inline-block;
	position: relative;
	/* width: 125px; height: 30px; */
	/* font: bold 12px/1 Arial; */
}