@charset "utf-8";

body {
	/* width: 460px; */
	height: 700px;
	text-align: center;
}

.tutorialTitle {
	width: 398px;
}

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

.diagramTextBlack {
	display: inline-block;
	position: relative;
	top: -40px;
}

.mainWindow {
	position: relative;
	display: inline-block;
	padding: 11px 10px 9px 11px;
}

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

#specSpriteContainer {
	position: absolute;
	left: 21px; top: 21px;
	width: 202px; height: 202px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	overflow: hidden;
}

#specCan {
	position: absolute;
	left: 20px; top: 20px;
	width: 202px; height: 202px;
	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;
}

.topBack {
	/* top: 30px; */
	height: 144px;
	width: 80px;
}

#focusSldr,
#apSldr,
#sizeSldr {
	display: inline-block;
	position: relative;
	height: 90px;
}

/* .sizeBack { */
/* 	top: 36px; */
/* } */

#alignContainer {
	display: inline-block;
	margin: 0 5px;
	/* top: 48px; */
	width: 80px;
	/* height: 80px; */
	border: 1px solid black;
	border-radius: 0;
}

#alignLbl {
	position: relative;
	display: block;
}

#alignWrap {
	position: relative;
	display: inline-block;
	width: 78px; height: 78px;
}

#alignSpecCan,
#alignOccCan {
	position: absolute;
	left: 0px; top: 0px;
	width: 78px; height: 78px;
}

#alignEventContainer {
	position: absolute;
	left: -10px; top: -10px;
	width: 100px; height: 100px;
}

#resetBtn {
	width: 66px; height: 30px;
}

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

.transBack {
	width: 195px;
}

.transSldrLbl {
	position: relative;
	display: inline-block;
	/* top: -17px; */
}

#xTransSldr,
#yTransSldr {
	position: relative;
	display: inline-block;
	width: 90px;
	/* margin-bottom: 5px; */
	vertical-align: middle;
	margin: 4px;
	margin-right: 0px;
}

#objSeg > div {
	height: 26px;
	padding: 0 24px;
}