﻿@charset "utf-8";

#zeiss_tutorial 
{
    font-family:Arial, sans-serif;
    font-weight:bolder;
    color:white;

	width:520px;
	height:400px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.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;
}
.ctl_label {
	position:absolute;
	top:328px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#sampleSldr {
	position:absolute;
	left:5px;
	top:20px;
	width:150px;
}
#magSldr {
    position:absolute;
    left:10px;
    top:24px;
    width:128px;
}
#magSldrLbl {
    position:absolute;
    left:0px;
    top:4px;
    width:150px;
}
#magSldrContainer{
    position:absolute;
    left:178px;
    top:-69px;
    width:200px;  
}
#wavelength{
    position: absolute;
    left:3px;
    top:0px;
    width:150px;
}
#wavelengthContainer{
    position: absolute;
    left:0px;
    top:-67px;
    width:180px;
    height:70px;
}
#monoBtn{
	position:absolute;
	left:177px;
	top:276px;
    width:167px;
    height:30px;
}
#objectLbl{
    position:absolute;
    left:70px;
    top:81px;
}
#imageLbl{
    position:absolute;
    left:414px;
    top:81px;
}
#fineLbl{
    position:absolute;
    left:387px;
    top:284px;
}
#coarseLbl{
    position:absolute;
    left:450px;
    top:284px;
}
#chooseLbl{
    position:absolute;
    left:41px;
    top:321px;
}
#objectiveRearLbl{
    position:absolute;
    left:173px;
    top:60px;
}
#tenXLbl{
    position:absolute;
    left:3px;
    top:0px;
}
#twentyXLbl{
    position:absolute;
    left:39px;
    top:0px;
}
#fortyXLbl{
    position:absolute;
    left:76px;
    top:0px;
}
#sixtyXLbl{
    position:absolute;
    left:113px;
    top:0px;
}
#magNumLbls{
    position:absolute;
    left:5px;
    top:54px;
    width:142px;
    height:18px;
}
#magNumLines{
    position:absolute;
    left:5px;
    top:50px;
    width:142px;
    height:18px;
}
.segment{
    width:64px;
}
#sampleSegLbl{
    position: absolute;
    font-size:12px;
    text-shadow:0 1px 0 #fff;
}
#sampleSeg{
    position: absolute;
    left:367px;
    top:281px;
    height:25px;
}
#lineFiltersSprite{
    position: absolute;
    left:0px;
    top:0px;
    width:185px;
    height:185px;
    visibility:hidden;
}
#hexFiltersSprite{
    position: absolute;
    left:0px;
    top:0px;
    width:185px;
    height:185px;
    visibility:hidden;
}
#allFilters{
    position: absolute;
    left:169px;
    top:90px;
    width:185px;
    height:185px;
    visibility:hidden;
}
#hexDotsMovSprite{
    position: absolute;
    left:35px;
    top:33px;
    width:128px;
    height:128px;
    visibility:hidden;
}
#threeDotsSpreadSprite{
    position: absolute;
    left:16px;
    top:77px;
    width:256px;
    height:16px;
    visibility:hidden;
}
#threeDotsSpreadMagSprite{
    position: absolute;
    left:29px;
    top:76px;
    width:128px;
    height:32px;
    visibility:hidden;
}
#magFiveDotsSprite{
    position: absolute;
    left:16px;
    top:77px;
    width:256px;
    height:16px;
    visibility:hidden;
}
#magSevenDotsSprite{
    position: absolute;
    left:10px;
    top:78px;
    width:256px;
    height:16px;
    visibility:hidden;
}
#magNineDotsSprite{
    position: absolute;
    left:10px;
    top:80px;
    width:256px;
    height:16px;
    visibility:hidden;
}
#magMonoDots{
    position: absolute;
    left:175px;
    top:95px;
    width:174px;
    height:173px;
    visibility:hidden;
}
#magColorDots{
    position: absolute;
    left:175px;
    top:95px;
    width:173px;
    height:173px;
    visibility:hidden;
}
#orthoDotsSprite{
    position: absolute;
    left:35px;
    top:33px;
    width:128px;
    height:128px;
    visibility: hidden;
}
#objectVertCan{
    position: absolute;
    left:41px;
    top:100px;
    width:97px;
    height:176px;
}
#objectHexCan{
    position: absolute;
    left:41px;
    top:100px;
    width:97px;
    height:176px;
}
#imageHexCan{
    position: absolute;
    left:384px;
    top:100px;
    width:97px;
    height:176px;
}
#imageVertCan{
    position: absolute;
    left:384px;
    top:100px;
    width:97px;
    height:176px;
}
#imageDiagonalCan{
    position: absolute;
    left:384px;
    top:100px;
    width:97px;
    height:176px;
}
#chooseAGrid{
    font-family:Arial, sans-serif;
    font-size:11px;
    position: absolute;
    left:22px;
    top:341px;
    width:130px;
    height:26px;
}
#spatialList{
    font-family:Arial, sans-serif;
    font-size:11px;
    position: absolute;
    left:5px;
    top:25px;
    width:130px;
    height:26px;
}
#spatialFiltersContainer{
    position: absolute;
    left:185px;
    top:0px;
    width:140px;
    height:50px;
}
#spatialText{
    position: absolute;
    left:4px;
    top:4px;
    width:130px;
    height:22px;
}
#slidersContainer{
    position: absolute;
    left:181px;
    top:317px;
    width:333px;
    height:72px;
    overflow:hidden;
}
#rearFocalPlaneSprite{
    position: absolute;
    left:5px;
    top:5px;
    width:160px;
    height:160px;
    visibility: hidden;
}
#rearFocalPlaneSingle{
    position: absolute;
    left:180px;
    top:101px;
    width:160px;
    height:160px;
    visibility: hidden;
}
#rearFocalPlaneFrameFive{
    position: absolute;
    left:180px;
    top:101px;
    width:160px;
    height:160px;
    visibility: hidden;
}
#twoBars{
    position: absolute;
    left:59px;
    top:0px;
    width:67px;
    height:185px;
    visibility: hidden;
}
#firstOrderBarSpread{
    position: absolute;
    left:49px;
    top:0px;
    width:89px;
    height:185px;
    visibility: hidden;
}
#orthoDotSingle{
    position: absolute;
    left:6px;
    top:6px;
    width:159px;
    height:159px;
    visibility: hidden;
}
#hexSingle{
    position: absolute;
    left:6px;
    top:6px;
    width:159px;
    height:159px;
    visibility: hidden;
}
#lineMovSprite{
    position: absolute;
    left:220px;
    top:40px;
    width:264px;
    height:17px;
    visibility: hidden;
}
#filtersContainer{
    position: absolute;
    left:185px;
    top:-67px;
    width:140px;
    height:22px;
}

