@charset "utf-8";

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

.controlBack {
	height:81px;
}

.controlPanelBack {
	height:67px;
	margin-top:7px;
	position: absolute;
	width:218px;
}

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

.leftArrow {
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-right:14px solid #435661;
}

.rightArrow {
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 14px solid #435661;
}

.leftBtn {
	position:absolute;
	margin:0 5px;
	top:16px;
	width:32px; height:32px;
}

.rightBtn {
	position:absolute;
	margin:0 181px;
	top:16px;
	width:32px; height:32px;
}

#leftArrow {
	position:absolute;
	left:4px; top:3px;
}

#rightArrow {
	position:absolute;
	left:8px; top:3px;
}

#specimenContainer {
	position:absolute;
	left:32px;
}

#histogramContainer {
	position:absolute;
	left:337px;
	background-color:white;
}

#histCan {
	position:absolute;
	left:0px; top:25px;
}

#staticHistCan {
	position:absolute;
	left:0px; top:25px;
}

#graphContainer {
	position:absolute;
	left:375px; top:290px;
	background-color:white;
}

#leftRedArrowCan {
	position:absolute;
	left:295px; top:153px;
}

#rightRedArrowCan {
	position:absolute;
	left:475px; top:153px;
}

#redLineCan {
	position:absolute;
	left:375px; top:315px;
}

#histLblContainer {
	position:absolute;
	left:290px; top:64px;
	width:240px; height:220px;
}

#histYLbl1 {
	position:absolute;
	left:12px; top:12px;
	width:28px;
	text-align:right;
}

#histYLbl2 {
	position:absolute;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	left:0px; top:100px;
}

#histYLbl3 {
	position:absolute;
	left:33px; top:184px;
}

#histXLbl1 {
	position:absolute;
	left:44px; top:200px;
}

#histXLbl2 {
	position:absolute;
	left:95px; top:200px;
}

#histXLbl3 {
	position:absolute;
	left:211px; top:200px;
}

#blackLevelLbl {
	position:absolute;
	left:304px; top:120px;
	color:red;
}

#whiteLevelLbl {
	position:absolute;
	left:446px; top:120px;
	color:red;
}

#graphLblContainer {
	position:absolute;
	left:328px; top:314px;
	width:158px; height:130px;
}

#graphYLbl1 {
	position:absolute;
	left:25px; top:0px;
	font-size:11px;
}

#graphYLbl2 {
	position:absolute;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	left:1px; top:52px;
}

#graphYLbl3 {
	position:absolute;
	left:36px; top:106px;
}

#graphXLbl1 {
	position:absolute;
	left:46px; top:114px;
}

#graphXLbl2 {
	position:absolute;
	left:68px; top:114px;
}

#graphXLbl3 {
	position:absolute;
	left:142px; top:114px;
}

#imgPanelBack {
	left:32px; top:264px;
	width:181px; height:167px;
}

#specimenCB {
	position:relative;
	margin:5px;
	width:160px; height:22px;
	font-size:11px;
}

#colorSegment {
	position:relative;
	margin:15px 5px 5px;
}
#colorSegment > div {
	padding: 2px 5px; width:155px;
}

#imgBtn {
	position:relative;
	margin:10px 5px;
	width:171px; height:28px;
}

#samplePanelLeft {
	left: 33px;
}

#samplePanelRight {
	right: 33px;
}

#blackSldr {
	display:inline-block;
	position:relative;
	width:125px;
}

#blackSldrLbl {
	margin-top:0px;
}

#whiteSldr {
	display:inline-block;
	position:relative;
	width:125px;
}

#whiteSldrLbl {
	margin-top:0px;
}