@charset "utf-8";

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

	width:550px;
	height:510px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.zeiss_title {
    position:absolute;
    left: 52px;
    top:17px;
    width:270px; 
    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;
    pointer-events:none;
}
.diagram_label {
    position: absolute;
    font-size:12px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
    pointer-events:none;
}
.ctl_label {
	position:absolute;
	top:443px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
    pointer-events:none;
}
#lightDirectionLbl {
    position:absolute;
    left:228px; top:67px;
    color:#CCE1F4;
}
#lensLbl {
    position:absolute;
    left:238px; top:124px;
}
#microLbl {
    position:absolute;
    left:15px; top:146px;
}
#ccdDiagramLbl {
    position:absolute;
    left:320px; top:145px;
}
#pinholeLbl {
    position:absolute;
    left:21px; top:225px;
}
#mirrorLbl {
    position:absolute;
    left:222px; top:232px;
}
#objectiveLbl {
    position:absolute;
    left:76px; top:328px;
}
#slideLbl {
    position:absolute;
    left:230px; top:378px;
}
#upperGreenArrow{
    position:absolute;
    left:210px; top:51px;
    opacity:0.9;
}
#lowerGreenArrow {
    position:absolute;
    left:210px; top:276px;
    opacity:0.4;
}
#verticalRedArrow {
    position:absolute;
    left:224px; top:271px;
    width:18px; height:51px;
    opacity:0.4;
}
#horizontalRedArrow {
    position:absolute;
    left:250px; top:200px;
    width:50px; height:23px;
    opacity:0.4;
}
.greenArrow {
    width:18px; height:51px;
}
#spinningDisk {
    position:absolute;
    left:12px; top:86px;
}
#topDiskContainer {
    position:absolute;
    width:199px; height:59px;
    overflow:hidden;
}
#topDisk {
    position:absolute;
    width:1393px; height:177px;
}
#bottomDiskContainer {
    position:absolute;
    top:157px;
    width:196px; height:68px;
    overflow:hidden;
}
#bottomDisk {
    position:absolute;
    width:1372px; height:204px;
}
#mirror {
    position:absolute;
    left:115px; top:62px;
    width:100px; height:91px;
    opacity:0.75;
}
#objective {
    position:absolute;
    left:126px; top:232px;
    width:75px; height:34px;
    opacity:0.9;
}
#lens {
    position:absolute;
    left:232px; top:139px;
    width:49px; height:70px;
    opacity:0.8;
}
#lensRay {
    position:absolute;
    left:147px; top:146px;
    width:129px; height:83px;
    overflow:hidden;
}
#lensRayImg {
    position:absolute;
}
#ccdRay {
    position:absolute;
    left:260px; top:152px;
    width:46px; height:41px;
}
#ray0 {
    position:absolute;
    left:125px; top:234px;
    width:74px; height:87px;
    overflow:hidden;
}
#ray0Img {
    position:absolute;
}
#ray1 {
    position:absolute;
    left:125px; top:177px;
    width:74px; height:82px;
    overflow:hidden;
}
#ray1Img {
    position:absolute;
}
#ray2 {
    position:absolute;
    left:125px; top:88px;
    width:76px; height:114px;
    overflow:hidden;
}
#ray2Img {
    position:absolute;
}
#ray3 {
    position:absolute;
    left:124px; top:13px;
    width:74px; height:129px;
    overflow:hidden;
}
#ray3Img {
    position:absolute;
}
#ray4 {
    position:absolute;
    left:126px; top:-45px;
    width:72px; height:77px;
}
#ccdContainer {
    position:absolute;
    left:357px; top:34px;
    width:175px; height:175px;
    overflow:hidden;
}
#gridContainer {
    position:absolute;
    width:175px; height:175px;
    overflow:hidden;
}
#grid {
    position:absolute;
    top:-40px;
    width:771px; height:269px;
    opacity:0.5;
}
#specimenGridImg {
    position:absolute;
    -webkit-transform:translate3d(-1400px, 0px, 0px);
    -moz-transform:translate3d(-1400px, 0px, 0px);
    -o-transform:translate3d(-1400px, 0px, 0px);
    transform:translate3d(-1400px, 0px, 0px);
    width:1750px; height:350px;
}
#specimenContainer {
    position:absolute;
    left:357px; top:244px;
    width:175px; height:175px;
    overflow:hidden;
}
#specimenImg {
    position:absolute;
    -webkit-transform:translate3d(-1400px, 0px, 0px);
    -moz-transform:translate3d(-1400px, 0px, 0px);
    -o-transform:translate3d(-1400px, 0px, 0px);
    trasform:translate3d(-1400px, 0px, 0px);
    width:1750px; height:350px;
}
#controls {
    position:absolute;
    width:100%; height:60px;
    top:465px;
}
#ccdLbl {
    position:absolute;
    width:179px;
    left:354px;
    top:18px;
}
#specimenLbl {
    position:absolute;
    width:179px;
    left:354px;
    top:228px;
}
#ieLbl {
    position: absolute;
    background-color:#000000;
    width:100%;
    top:45px;
}
#speedHeader {
    position:absolute;
    width:166px;
    left:16px;
}
#zHeader {
    position:absolute;
    width:166px;
    left:192px;
}
#specimenHeader {
    position:absolute;
    width:166px;
    left:368px;
}
#speedSldr {
    position:absolute;
    width:150px;
    left:24px; top:464px;
}
#zSldr {
    position:absolute;
    width:150px;
    left:200px; top:464px;
}
#specimenCB {
    position:absolute;
    width:150px; height:26px;
    left:376px; top:465px;
}