#zeiss_tutorial 
{
    font-family:Arial, sans-serif;
    font-weight:bolder;
    color:#FFFFFF;

	width:550px;
	height:500px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
	position:absolute;
    background-color:#f0f0f0;
    opacity:0;
}
.zeiss_title {
    position:absolute;
    top:17px;
    width:100%;
    text-align:center;
    font-size:21px;
    text-shadow:3px 3px 3px rgba(0,0,0,.5);
}
.ctl_label {
	position:absolute;
    font-size:13px;
    top:320px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
.zeiss_slider {
    position:absolute;
	width: 104px;
}
#tutContent {
    position: absolute;
	top:55px;
	left:0px;
	right:0px;
	width: 550px;
	height: 300px;
}
#widefieldContainer {
	position:absolute;
	top: 11px;
	left: 16px;
	width: 254px;
	height: 278px;
}
.boxTitle {
	position:absolute;
	top: 7px;
    font-family:Arial;
    font-weight:bolder;
    width:100%;
    font-size:12px;
    color:#003E77;
    text-shadow:1px 1px 2px rgba(0,0,0,.3);
    text-align: center;
}
#confocalContainer {
	position:absolute;
	top: 11px;
	left: 280px;
	width: 254px;
	height: 278px;
}
#sldAxialFocalPlane {
	position:absolute;
	top:339px;
	left:20px;
	width:140px;
}
#lblOpticalSection {
	position:absolute;
	top: 377px;
	left: 10px;
	width:160px;
}
#frmCounterContainer {
	position:absolute;
	top: 399px;
	left: 10px;
	width: 160px;
	height: 23px;
	text-align: center;
}
#frmCounter 
{
	margin-top: 1px;
}
#sldScanLineSpeed {
	position:absolute;
	top:339px;
	left:185px;
	width:140px;
}
#leftTopBoxLbl {
	left:10px;
	width:160px;
}
#midTopBoxLbl {
	left:175px;
	width:160px;
}
#rightTopBoxLbl {
	left:340px;
	width:200px;
}
#lblSpecimen {
	position:absolute;
	top: 377px;
	left: 175px;
	width:160px;
}
#ddlSpecimen {
	position:absolute;
	top: 400px;
	left: 192px;
	height:26px;
}
#lblRed {
	position:absolute;
	top:345px;
	left:348px;
}
#sldChannelRed {
	position:absolute;
	top:339px;
	left:395px;
}
#lblRedValue {
	position:absolute;
	top:345px;
	left:500px;
	width: 35px;
	text-align: right;
}
#lblGreen {
	position:absolute;
	top:377px;
	left:348px;
}
#sldChannelGreen {
	position:absolute;
	top:371px;
	left:395px;
}
#lblGreenValue {
	position:absolute;
	top:377px;
	left:500px;
	width: 35px;
	text-align: right;
}
#lblBlue {
	position:absolute;
	top:409px;
	left:348px;
}
#sldChannelBlue {
	position:absolute;
	top:403px;
	left:395px;
}
#lblBlueValue {
	position:absolute;
	top:409px;
	left:500px;
	width: 35px;
	text-align: right;
}
#widefieldCanvas, #confocalCanvas, #noiseCanvas, #imgNoise {
	position:absolute;
	top:26.5px;
	left:2px;
}
#noiseCanvas {
    opacity: 0;
}
#imgNoise {
	display: none;
}
#loader {
    position:absolute;
    left:52px; top:134px;
    width:150px;
    z-index:2;
}
#loader2 {
    position:absolute;
    left:52px; top:134px;
    width:150px;
    z-index:2;
} 
.black {
	z-index:1;
	left:2px;
	top:26px;
	position:absolute;
	width:250px;
	height:250px;
	background-color:#000000;
}
#widefieldBlack {
	opacity:0;
}
#confocalBlack {
	opacity:0;
}