@charset "utf-8";

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

	width:500px; 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:13px;
    width:100%; 
    text-align:center;
    font-size:18px;
    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;
    line-height:1;
}
.fluo_label {
    position:absolute;
    left:0; top:4px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
    visibility:hidden;
}
#animationSldrLbl {
    position:absolute;
    left:89px; top:435px;
    width:322px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;    
}
#animationSldr {
	position:absolute;
	left:90px; top:454px;
	width:320px;
}
#sprite {
    position:absolute;
    left:50px; top:53px;
    width:412px; height:353px;
}
#lbls {
    position:absolute;
    left:9px; top:-6px;
}
#imiContainer {
    position:absolute;
    left:170px; top:276px;
    width:78px;
    visibility:hidden;
}
#imiLine {
    position:absolute;
    left:100%; bottom:100%;
    margin-left:-2px;
    margin-bottom:-6px;
    width:21px; height:35px;
}
#imiLbl {
    top:0;
    width:100%;
}
#upperOxiLbl {
    left:203px; top:152px;
    width:58px;
    visibility:hidden;
}
#lowerOxiLbl {
    left:325px; top:238px;
    width:58px;
    visibility:hidden;
}
#cisContainer {
    position:absolute;
    left:352px; top:241px;
    width:80px; height:56px;
    visibility:hidden;
}
#cisArrow {
    position:absolute;
    margin-left:50%;
    left:-8px;
    bottom:-4px;
    width:16px; height:37px;
}
#cisLbl {
    width:100%;
}
#oxazoleLbl {
    left:307px; top:362px;
    width:80px;
    visibility:hidden;
}
.lblBackground {
    position:absolute;
    height:23px;
    background-color:rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}
#stateContainer {
    left:35px; top:381px;
    width:198px; height:28px;
}
#stateLbl {
    position: absolute;
    top:6px;
    width:100%;
    font-size:14px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#fluoLblContainer {
    left:98px; top:115px;
    width:143px;
    visibility:hidden;
}
#greenFluoLbl {
    width:143px;
}
#redFluoLbl {
    width:130px;
}