@charset "utf-8";

body {
	/* width: 430px; */
	height: 580px;
	text-align: center;
}

.mainWindow > *{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.diagramTextBlack {
	display: block;
	position: static;
	margin: 10px;
}

.mainWindow {
	position: relative;
	display: inline-block;
	padding: 14px 12px 10px 13px;
}

#objContainer {
	width: 242px; height: 242px;
}

#filamentCan {
	position: absolute;
	left: 0px; top: 0px;
	width: 250px; height: 300px;
	visibility: hidden;
}

#specCan {
	position: absolute;
	left: 10px; top: 10px;
	width: 222px; height: 222px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	overflow: hidden;
}

#crosshairCan {
	position: absolute;
	left: 45px; top: 60px;
	width: 150px; height: 120px;
}

#objImg {
	position: absolute;
	left: 0px; top: 0px;
	width: 242px; height: 242px;
}

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

.controlText {
	margin: 4px auto;
}

#intensitySldrLbl {
	width: 92px;
}

.transContainer {
	position: relative;
	display: inline-block;
}

.transContainer > div {
	position: relative;
	display: block;
	margin: auto 12px;
}

.verticalSlider {
	position: relative;
	display: inline-block;
	height: 120px;
}

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

#apSldrLbl {
	width: 251px;
}

#lensSeg > div {
	height: 26px;
	padding: 0 8px;
}