@charset "utf-8";

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

	width:480px;
	height:550px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.zeiss_title {
    position:absolute;
    top:19px;
    width:100%; 
    text-align:center;
    font-size:19px;
    text-shadow:3px 3px 3px rgba(0,0,0,.5);
}
.ctl_label {
	position:absolute;
	top:328px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
    -webkit-text-size-adjust: none;
}
#autoscanBtn {
    position:absolute;
    left:20px;
    top:495px;
    width:100px;
    height:30px;
}
#mySldrLbl {
    position:absolute;
    left:130px;
    top:484px;
    width:220px;
}
#mySldr {
	position:absolute;
	left:130px;
	top:505px;
	width:220px;
}
#resetBtn {
    position:absolute;
    left:360px;
    top:495px;
    width:100px;
    height:30px;
}
#specimenTxt{
    position:absolute;
    left: 25px; top: 224px;
}
#ccdIPTxt{
    position:absolute;
    left: 25px; top: 304px;
}
#imageTxt{
    position:absolute;
    left: 25px; top: 454px;
}
#topGraph{
    position:absolute;
    left: -138px; top: 40px;
    width: 755px; height: 244px;
    background:url(../images/graphLines.png);
    z-index: 1;
}
#boxContainer{
    position:absolute;
    left: 50px; top: 100px;
    width: 377px; height: 122px;
}
#bottomGraph{
    position:absolute;
    left: -138px; top: 270px;
    width: 755px; height: 244px;
    background:url(../images/graphLines.png);
    z-index: 1;
}
#rectContainer{
    position:absolute;
    left: 50px; top: 329px;
    width: 377px; height: 122px;
}
#lineCanvas{
    position:absolute;
    left:23px; top:217px;
    width: 440px; height: 250px;
    z-index: 2;
}
.scale{
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    -ms-transform: scale(0.5,0.5);
    -o-transform: scale(0.5,0.5);
}
.boxGlow{
    -webkit-filter: drop-shadow(0px 0px 10px white);
    -moz-filter: drop-shadow(0px 0px 10px white);
    -ms-filter: drop-shadow(0px 0px 10px white);
    -o-filter: drop-shadow(0px 0px 10px white);
}
#beamMask{
    position:absolute;
    left:23px; top:65px;
    width: 435px; height: 158px;
    overflow:hidden;
    -moz-mask-box-image:
        -moz-linear-gradient(left, transparent 0%, black 5%, black 95%, transparent 100%);
    -webkit-mask-box-image:
        -webkit-linear-gradient(left, transparent 0%, black 5%, black 95%, transparent 100%);
    -o-mask-box-image:
        -o-linear-gradient(left, transparent 0%, black 5%, black 95%, transparent 100%);
    -ms-mask-box-image:
        -ms-linear-gradient(left, transparent 0%, black 5%, black 95%, transparent 100%);
}
#beamContainer{
    position:absolute;
    left:-128px; top:-80px;
    width: 310px; height: 319px;
    background:url(../images/beam.png) 0px 0px;
}
#txtContainer{
    position:absolute;
    left:-36px; top:10px;
    width:130px; height:30px;
    line-height:1;
}
#txt1{
    left:4px; top:1px;
    width: 35px;
}
#txt2{
    left:49px; top:14px;
}
#txt3{
    left:86px; top:1px;
    width: 35px;
}