@charset "utf-8";

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

	width:550px;
	height:400px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;

    -moz-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;
    -khtml-user-select:none;
    user-select:none;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
    background-size: 100% !important;
}
.zeiss_title {
    position:absolute;
    top:18px;
    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;
    width:100%;
    top:50%;
    margin-top:-6px;
    line-height:1;
    font-size:12px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
.ctl_label {
	position:absolute;
	top:338px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
.labelBG {
    position: absolute;
    width:77px; height:20px;
    background-color:#001924;
    border-radius: .3em;
    -webkit-border-radius: .3em; 
    -moz-border-radius: .3em;
}
#lampLbl {
    background-color:rgba(0, 25, 36, 0.75);
    left:100px; top:85px;
    width:57px; 
}
#pinLbl {
    background-color:rgba(0, 25, 36, 0.5);
    left:233px; top:85px;
}
#filterLbl {
    background-color:rgba(0, 25, 36, 0.5);
    left:364px; top:85px;
    width:62px;
}
#incoherentLbl {
    left:112px; top:295px;
}
#spatLbl {
    left:244px; top:290px;
    height:36px;
}
#spatTxt {
    top:50%;
    margin-top:-12px;
}
#coherentLbl {
    left:401px; top:295px;
}
#apContainer {
    position:absolute;
    left:215px; top:50px;
}
#filter {
    position:absolute;
    left:342px; top:47px;
    width:5px; height:279px;
    border: 1px solid rgba(0, 0, 0, 0.26);
    background:#008EDF;
    box-shadow: 1px 0px 6px rgba(0, 43, 60, 0.85);
}
#arcContainer {
    position:absolute;
    left:80px; top:50px;
}
#mainArc {
    position:absolute;
    width:135px; height:273px;
    -moz-mask-box-image:
        -moz-linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    -webkit-mask-box-image:
        -webkit-linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    -o-mask-box-image:
        -o-linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    -ms-mask-box-image:
        -ms-linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    -mask-box-image:
        -linear-gradient(transparent, black 20%, black 80%, transparent 100%);
}
#midArc {
    position: absolute;
    width:135px; height:241px;
    left:135px; top:16px;
}
.arc {
    position: absolute;
    width:171px; height:241px;
    left:270px; top:16px;
}
#lamp {
    position: absolute;
    width:189px; height:269px;
    left:0; top:52px;
}
#aperture {
    position: absolute;
    width:8px; height:273px;
}
#btnHeader {
    position:absolute;
    width:206px;
    left:320px;
}
#btnContainer {
    position:absolute;
    left:320px; top:357px;
}
#sldrHeader {
    position:absolute;
    width:258px;
    left:29px;
}
#pinholeSldr {
    position:absolute;
    width:258px;
    left:29px; top:358px;
}