@charset "utf-8";

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

.specimenWindow {
	/*margin-top: 5px;*/
}

.specimenImage {
	height: 175px;
	width: 175px;
}

.controlBack{
	padding-bottom: 5px;
}

.controlBack > * {
	vertical-align: middle;
}

.controlPanelBack {
	display: inline-block;
	height: 55px;
	margin-top: 5px;
	padding: 0 10px;
	width: 193px;
}

#slider {
	display: inline-block;
	position: relative;	
	width: 100px;
	margin-top: 5px;
}
.whiteWindow {
	width: 400px;
	height: 210px;
	position: relative;
	margin: 0 auto;
}
.whiteWindow > canvas {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
#assetsCanvas {
	/*border: 1px solid red;*/
	/*margin: -212px -201px;*/
}
.assets > div {
	position: absolute;
}
.lineGrating {
	left: 30px;
	top: 9px;
}
.objCont {
	top: 189px;
	left: 22px;
}
.MicroObj {
	top: 8px;
	left: 161px;
}
.contrast {
	top: 135px;
	left: 170px;
}
.image {
	top: 8px;
	left: 315px;
}
.whiteLeft {
	top: 97px;
	left: 9px;
}
.blackLeft {
	top: 172px;
	left: 9px;
}
.whiteRight {
	top: 97px;
	left: 359px;	
}
.blackRight {
	top: 172px;
	left: 359px;
}
.imgCont {
	top: 189px;
	left: 288px;
}
.dynpct {
	top: 135px;
	left: 235px;
}
.onehunpct {
	top: 135px;
	left: 131px;
}
.controlPanelText {
	text-align: left;
	margin-left: 8px;
}
.lensPos {
	position: relative;
	top: 34px;
	left: -6px;
}