﻿
#zeiss_tutorial 
{
    font-family:Arial, sans-serif;
    font-weight:bolder;
    color:white;

    width:550px;
    height:450px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.ctl_label{
    position:absolute;
    text-align:center;
    font-family: Arial, sans-serif;
    font-weight: bolder;
    font-size: 13px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .7); 
}

.zeiss_title {
    position:absolute;
    top:17px;
    width:100%; 
    text-align:center;
    font-size:22px;
    text-shadow:3px 3px 3px rgba(0,0,0,.5);
}
#lblPalmProcess {
	position:absolute;
	left:140px;
	top:380px;
}
#sldPalmProcess {
	position: absolute;
	left: 42px;
	top: 400px;
	width: 286px;
}
#lblWindow {
    position:absolute;
    left:147px;
    top:57px;
    font-family: Arial, sans-serif;
    font-weight: bolder;
    font-size: 12px;
    color:#003E77;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);	
}
#lblSpecimen {
    position:absolute;
    left:364px;
    top:380px;
}
#ddlSpecimen
{
    position:absolute;
    left:368px;
    top:403px;
    width:120px;
    height:25px;
}

/*-----*/
#stage
{       
    position:relative;
    left:5px;
    top:5px;
    width:540px;
    height:365px;
}
.laserCanvas
{
    position:absolute;
    left:315px;
    top:87px;
    opacity:0;
}
#txtProcessLabel
{
    position:absolute;
    left:119px;
    top:336px;
    text-align:center;
    width:300px;
    height:19.6px;
}
#activationLabel, #readoutLabel
{
    z-index:5;
    position:absolute;
    left:85px;
    top:95px;
    background-image:url(../images/layout/bgLabel.png);
    width:184px;
    height:33px;
    text-align:center;
    display:none;
}
#readoutLabel
{
    top:54px;
}
.meSpanLabel
{
    position:absolute;
    width:171px;
    left: 0; top:4px;
}
#activationLabel2
{
    z-index:1;
    position:absolute;
    left:105px;
    top:295px;    
    display:none;
}
.specimen
{
    position:absolute;
    left:330px;
    top:68px;
    background-size: 100% !important;    

}
.cell
{
    position:absolute;
    top:0px;
    left:0px;
    width:197px;
    height:253px;
    display:none;
}
#eosfp1, #pagfp1, #pamcherry1
{
    display:block;
}
#specimen2, #specimen3
{
    display:none;
}

#specimen
{
    position:absolute;
    top:70px;
    left:45px;
    width:250px;
    height:250px;
}
.light
{    
    z-index:1;
    position:absolute;
    opacity:0.75;
    display:none;
}
#light1
{
    top:38px;
    left:38px;
    width:173px;
    height:174px;
    background-image:url(../images/spriteSheet/specimen/light1.png);
}
#light2
{
    top:0px;
    left:0px;
    width:249px;
    height:249px;
    background-image:url(../images/spriteSheet/specimen/light2.png);
}
#light3
{
    top:0px;
    left:0px;
    width:249px;
    height:249px;
    background-image:url(../images/spriteSheet/specimen/light3.png);
}
/* specimen */
#proc1
{
    z-index:1;
    position:absolute;
    left:89px;
    top:87px;
    width:82px;
    height:83px;
    background-image:url(../images/spriteSheet/specimen/proc1.png);
    display:none;
}
#proc2
{
    z-index:2;
    position:absolute;
    left:88px;
    top:86px;
    width:82px;
    height:136px;
    background-image:url(../images/spriteSheet/specimen/proc2.png); 
    display:none;
}
#proc3
{
    z-index:2;
    position:absolute;
    left:88px;
    top:86px;
    width:82px;
    height:83px;
    background-image:url(../images/spriteSheet/specimen/proc3.png); 
    display:none;
}
#proc4
{
    z-index:2;
    position:absolute;
    left:0px;
    top:0px;
    width:250px;
    height:250px;
    background-image:url(../images/spriteSheet/specimen/proc4.png); 
    display:none;
    opacity:0.85;
}
#proc5
{
    z-index:2;
    position:absolute;
    left:88px;
    top:86px;
    width:82px;
    height:83px;
    background-image:url(../images/spriteSheet/specimen/proc5.png); 
    display:none;
}
#proc6
{
    z-index:2;
    position:absolute;
    left:94px;
    top:103px;
    width:96px;
    height:118px;
    background-image:url(../images/spriteSheet/specimen/proc6.png); 
    display:none;
}
#proc7
{
    z-index:2;
    position:absolute;
    left:94px;
    top:103px;
    width:96px;
    height:87px;
    background-image:url(../images/spriteSheet/specimen/proc7.png); 
    display:none;
}
#proc8
{
    z-index:2;
    position:absolute;
    left:0px;
    top:0px;
    width:250px;
    height:250px;
    background-image:url(../images/spriteSheet/specimen/proc8.png); 
    display:none;
    opacity:0.85;
}
#proc9
{
    z-index:2;
    position:absolute;
    left:94px;
    top:103px;
    width:96px;
    height:87px;
    background-image:url(../images/spriteSheet/specimen/proc9.png); 
    display:none;
    opacity:0.85;
}
#proc10
{
    z-index:2;
    position:absolute;
    left:62px;
    top:72px;
    width:117px;
    height:151px;
    background-image:url(../images/spriteSheet/specimen/proc10.png); 
    display:none;
}
#proc11
{
    z-index:2;
    position:absolute;
    left:62px;
    top:72px;
    width:117px;
    height:86px;
    background-image:url(../images/spriteSheet/specimen/proc11.png); 
    display:none;
}
#proc12
{
    z-index:2;
    position:absolute;
    left:0px;
    top:0px;
    width:250px;
    height:250px;
    background-image:url(../images/spriteSheet/specimen/proc12.png); 
    display:none;
}
#proc13
{
    z-index:2;
    position:absolute;
    left:62px;
    top:72px;
    width:115px;
    height:85px;
    background-image:url(../images/spriteSheet/specimen/proc13.png); 
    display:none;
}
#proc14
{
    z-index:2;
    position:absolute;
    left:58px;
    top:55px;
    width:96px;
    height:167px;
    background-image:url(../images/spriteSheet/specimen/proc14.png); 
    display:none;
}
#proc15
{
    z-index:2;
    position:absolute;
    left:58px;
    top:55px;
    width:96px;
    height:92px;
    background-image:url(../images/spriteSheet/specimen/proc15.png); 
    display:none;
}
#proc16
{
    z-index:2;
    position:absolute;
    left:0px;
    top:0px;
    width:250px;
    height:250px;
    background-image:url(../images/spriteSheet/specimen/proc16.png); 
    display:none;
}
#proc17
{
    z-index:2;
    position:absolute;
    left:59px;
    top:55px;
    width:95px;
    height:91px;
    background-image:url(../images/spriteSheet/specimen/proc17.png); 
    display:none;
}
#black1
{
    position:absolute;
    left:88px;
    top:86px;
    width:82px;
    height:83px;
    background-image:url(../images/spriteSheet/specimen/black1.png); 
    display:none;
}
#black2
{
    position:absolute;
    left:94px;
    top:103px;
    width:96px;
    height:87px;
    background-image:url(../images/spriteSheet/specimen/black2.png); 
    display:none;
}
#black3
{
    position:absolute;
    left:62px;
    top:72px;
    width:115px;
    height:85px;
    background-image:url(../images/spriteSheet/specimen/black3.png); 
    display:none;
}
#black4
{
    position:absolute;
    left:59px;
    top:55px;
    width:95px;
    height:91px;
    background-image:url(../images/spriteSheet/specimen/black4.png); 
    display:none;
}
#specimen > div 
{
    background-size: 100% !important;
}
