﻿@charset "utf-8";

#zeiss_tutorial 
{
    font-family:Arial, sans-serif;
    font-weight:bolder;
    color:white;

	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:14px;
    width:100%; 
    text-align:center;
    font-size:22px;
    text-shadow:3px 3px 3px rgba(0,0,0,.5);
}
.window_label {
    position:absolute;
    font-size:12px;
    color:#003E77;
    text-shadow:1px 1px 2px rgba(0,0,0,.3);
    text-align: center;
}
.diagram_label {
    position: absolute;
    font-size:12px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
.ctl_label {
	position:absolute;
	top:328px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#sampleWindowLbl {
    left:342px;
    top:48px;
    width:204px;
}
#sampleSldrLbl {
    left:9px;
    top:438px;
    width:150px;
}
#sampleSldr {
	position:absolute;
	left:17px;
	top:457px;
	width:134px;
}
#sampleBtn {
	position:absolute;
	left:406px;
	top:448px;
    width:128px;
    height:30px;
}
#channelSeg{
    position:absolute;
    left:175px;
    top:458px;
    height:26px;
}
#channelLabel{
    left:204px;
    top:438px;
}
#channel1Lbl{
    left:72px;
    top:269px;
}
#channel2Lbl{
    left:243px;
    top:269px;
}
#channel3Lbl{
    left:416px;
    top:269px;
}
#compWindow{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px;    
}
#compR{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px;    
}
#compG{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px;    
}
#compB{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px;    
}
#rawimageWindow{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px;    
}
#widefieldRWindow{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px; 
    visibility:hidden;
}
#widefieldGWindow{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px; 
    visibility:hidden;
}
#widefieldBWindow{
    position:absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px; 
    visibility:hidden;
}
#ch1Window{
    position:absolute;
    left:39px;
    top:290px;
    width:128px;
    height:128px;    
}
#ch2Window{
    position:absolute;
    left:211px;
    top:290px;
    width:128px;
    height:128px;    
}
#ch3Window{
    position:absolute;
    left:384px;
    top:290px;
    width:128px;
    height:128px;    
}
#ch1Tick{
    position:absolute;
    left:145px;
    top:267px;
    width:21px;
    height:18px;   
}
#ch1Cross{
    position:absolute;
    left:145px;
    top:266px;
    width:40px;
    height:40px;   
}
#ch2Tick{
    position:absolute;
    left:317px;
    top:267px;
    width:42px;
    height:36px;   
}
#ch2Cross{
    position:absolute;
    left:317px;
    top:266px;
    width:40px;
    height:40px;   
}
#ch3Tick{
    position:absolute;
    left:490px;
    top:267px;
    width:42px;
    height:36px;   
}
#ch3Cross{
    position:absolute;
    left:490px;
    top:266px;
    width:40px;
    height:40px;   
}
#scanlines{
    position: absolute;
    left:357px;
    top:65px;
    width:175px;
    height:175px;

}
#processingLabel{
    position:absolute;
    left:389px;
    top:145px;    
    font-size:12px;
    color:#7f7f7f;
    text-align: center;    
    visibility:hidden;
}
#apotomeWindow{
    position:absolute;
    left:50px;
    top:60px;
    width:285px;
    height:175px;    
}
#backRay{
    position:absolute;
    left:4px;
    top:86px;
    width:119px;
    height:95px;    
    opacity:0.8;
}
.ray {
    position:absolute;
    left:125px;
    top:152px;
    width:137px;
    height:102px;   
    visibility:hidden;
}
#arrows {
    position:absolute;
    left:5px;
    top:94px;
    width:99px;
    height:59px;   
}
#lightLabelLine {
    position:absolute;
    left:26px;
    top:79px;
    width:10px;
    height:54px;  
}
#lightLabel {
    position:absolute;
    left:33px;
    top:72px;
    font-size:12px;
}