@charset "utf-8";

body {
	height: 460px; width: 540px;
	text-align: center;
}
.controlBack {
	position: absolute;
	height: 130px;
}
.controlPanelBack {
	height: 55px;
	margin-top: 5px;
	position: absolute;
	padding: 0 5px;

}
.specimenWindow{
	position: absolute;
	left:26px; top:0px;
}
.specimenWindow2{
	position: absolute;
	left:261px; top:0px;
}

.sliderClass {
	position: absolute;
	width: 100px;
	top:430px;
}
.controlTextSet1{
	display: inline-block;
	position: relative;
	width: 140px;
	margin-top: 7px;
}
.labelOnWhite{
	position: absolute;
	color: black;
	font-weight: 999;
}
.control2{
	width: 243px;
	height: 60px;
	padding: 0px 0px;
}
.specimenImage{
	background: black;
	border: 2px solid white;
	width: 175px; height: 175px;
}
.specimenImage2{
	background: black;
	border: 2px solid white;
	height: 175px;
}
.specimenTitle2{

	width: 175px;

}
.visibleCanvas{
	visibility: visible;
}
.invisibleCanvas{
	visibility: hidden;
}

#ElementContainer{
	position: absolute;
	height: 460px; width: 540px;
	margin-left: 20px;
	margin-top: 5px;
}
#canvasElement{
	position: absolute;
	height: 480px; width: 345px;
	left: 0px; top:0px;
}
#specimenImageCan{
	position: absolute;
	height: 175px; width: 175px;
	top:27px; left:2px;
}
#specimenCanvas{
	position: absolute;
	height: 175px; width: 175px;
	top:27px; left:2px;
}
#pixelCount{
	position: absolute;
	height:25px; width: 77px;
	top:89px; left:215px;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
}
#pixelIntensity{
	position: absolute;
	height:35px; width: 120px;
	top:208px; left:292px;
}
#pixIntesRangeLbl{
	position: absolute;
	height:35px; width: 10px;
	top:202px; left:258px;
}
#pixIntesRangeLbl2{
	position: absolute;
	height:35px; width: 15px;
	top:202px; left:427px;
}
#histRangeLbl{
	position: absolute;
	height:35px; width: 15px;
	top:12px; left:235px;
}
#samplePanelLeft{
	left: 31px;
}
#samplePanelRight{
	left: 304px;
}
#samplePanelBottomLeft{
	top:60px; left: 20px;
}
#samplePanelBottomRight{
	top:60px; left: 270px;
}
#displayImgSegment{
	position: absolute;
	left:15px; top:19px;
	height: 30px;
}
#displayImgSegment > div{
	padding: 3px 5px;

}
#displayImgLbl{
	position: absolute;
	left:75px; top:-2px;
}
#displaySldrLbl{
	position: absolute;
	left:294px; top:236px;
}
#threshSlider{
	position: absolute;
	height: 30px; width: 175px;
	top: 23px; left: 36px;
	z-index: 10;
}
#histogramCanvas{
	position: absolute;
	height: 175px; width: 171px;
	top:27px; left:2px;
	/*background-color: white;*/
}
#gridCanvas{
	position: absolute;
	height: 175px; width: 173px;
	top:27px; left:2px;
	background-color: white;

}
#thinRedLine{
	position: absolute;
	width: 1px; height: 173px;
	top:28px; left:88px;
	background-color: red;

}
#thresholdTarg {
	display: inline-block;
}