@charset "utf-8";

body {
	/* width: 545px; */
	height: 410px;
	text-align: center;
}

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

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

#objectiveContainer {
	/* top: 10px; */
	width: 242px; height: 242px;
}

.objectiveBackground {
	position: absolute;
	left: 20px; top: 20px;
	width: 210px; height: 210px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	background-color: black;
}

.whiteText {
	position: relative;
	top: 115px;
}

#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: 21px; top: 21px;
	width: 202px; height: 202px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	overflow: hidden;
}

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

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

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

.controlText {
	margin: 4px auto;
}

#lensSeg {
	width: 109px;
}

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

#sizeSldr {
	display: inline-block;
	position: relative;
	width: 150px;
}

#sizeSldrLbl {
	width: 230px;
}

/* #magSeg { */
/* 	width: 99px; */
/* } */

#magSeg > div {
	width: 15px;
	height: 26px;
	padding: 0 8px;
}