@charset "utf-8";

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

	width:500px;
	height:535px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
#mainsceneBG
{
    position: absolute;
    left:0px; top:0px;
    width:100%; height:100%;
    background-size:100% !important;
}
.zeiss_title {
    position:absolute;
    top:17px;
    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;
    top:317px;
}
.ctl_label {
	position:absolute;
	top:6px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
    line-height:1;
}
.cond_sldr {
    position: absolute;
    top:40px;
    height:80px;
}

/*--------------------Aperture Window------------------*/
.apWindow {
    position: absolute;
    left:50px; top:72px;
    width:202px; height:202px;
    overflow: hidden;
}
#apSpecSprite {
    position: absolute;
    left:0px; top:0px;
    width:202px; height:202px;
    display:none;
}
#apSpecCan {
    position: absolute;
    left:0px; top:0px;
    width:202px; height:202px;
}
#apSpecEdgeCan {
    position: absolute;
    left:0px; top:0px;
    width:202px; height:202px;
}
#apCondenserMaskContainer {
    position: absolute;
    left:0px; top:22px;
    width:302px; height:302px;
    overflow: hidden;
}
#apMaskCan {
    position: absolute;
    left:-51px; top:-51px;
    width:404px; height:404px;
}
#filShadow {
    position: absolute;
    left:-99px; top:-99px;
    width: 400px; height: 400px;
}
#apFilContainer {
    position: absolute;
    left:101px; top:101px;
    opacity:0;
}
#apFilSprite {
    position: absolute;
    left:-152px; top:-195px;
    width:305px; height:390px;
}
#objectiveImg {
    position: absolute;
    left:20px; top:42px;
    width:262px; height:262px;
    background-size:100%  !important;
}

/*--------------------Adjust Window------------------*/
#adjustWindow {
    position: absolute;
    left:292px; top:80px;
    width:181px; height:195px;
}
#adjustXLbl {
    position: absolute;
    width:10px;
    left:104px; top:173px;
}
#adjustYLbl {
    position: absolute;
    width:10px;
    left:8px; top:76px;
}
#condAdjustLbl {
    position: absolute;
    width:100%;
    left:0px; top:6px;
}
#condAdjustWindow {
    position: absolute;
    left:0px; top:0px;
    width:100%; height:100%;
}
#condSpecimenContainer {
    position: absolute;
    left:54px; top:29px;
    width:110px; height:110px;
    background-color:black;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.65);
    overflow: hidden;
}
#adjustSpecSprite {
    position: absolute;
    width:100%; height:100%;
    pointer-events:none;
}
#condenserCross {
    position: absolute;
    width:100%; height:100%;
    pointer-events:none;
}
#condSpecimenBorder {
    position: absolute;
    width:100%; height:100%;
    pointer-events:none;
}
#condXSldr {
    position: absolute;
    width:110px;
    left:54px; top:144px;
}
#condYSldr {
    position: absolute;
    height:110px;
    left:21px; top:29px;
}
#filAdjustWindow {
    position: absolute;
    left:0px; top:0px;
    width:100%; height:100%;
    opacity: 0;
    pointer-events:none;
}
#filAdjustLbl {
    position: absolute;
    width:100%;
    left:0px; top:6px;
}
#filBG {
    position: absolute;
    left:54px; top:29px;
    width:110px; height:110px;
    background:black;
    background: -webkit-radial-gradient(55px 95px, circle farthest-side, #6F6F6F 0%, black 100%);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.65);
    overflow: hidden;
}
#filImgContainer {
    position: absolute;
    left:55px; top:55px;
}
#filImg {
    position: absolute;
    left:-34px; top:-65px;
    width:68px; height:130px;
}
#filCrosshair {
    position: absolute;
    left:-12px; top:-12px;
    width:25px; height:25px;
}
#filXSldr {
    position: absolute;
    width:110px;
    left:54px; top:144px;
}
#filYSldr {
    position: absolute;
    height:110px;
    left:21px; top:29px;
}

/*--------------------Top Controls------------------*/
#specimenCBLbl {
    left:38px;
    width:150px;
}
#specimenCB {
    position: absolute;
    width: 150px; height:28px;
    left:38px; top:335px;
}
#alignLbl {
    width:179px;
    left:195px;
}
#alignSegment {
    position: absolute;
    height:28px;
    left:195px; top:335px;
}
#resetBtnLbl {
    left:371px;
    width:100px;
}
#resetBtn {
    position:absolute;
    left:381px; top:335px;
    width:80px; height:28px;
}

/*--------------------Bottom Controls------------------*/
#ctlContainer {
    position: absolute;
    width:480px; height:130px;
    left:10px; top:395px;
    overflow: hidden;
}
#condenserCtls {
    position: absolute;
    left:0px; top:0px;
    opacity: 1;
}
#condSizeSldrLbl {
    left:2px;
    width:120px;
}
#condSizeSldr {
	left:48px;
}
#condFocusSldrLbl {
    left:143px;
    width:80px;
}
#condFocusSldr {
    left:169px;
}
#condHeightSldrLbl {
    left:250px;
    width:90px;
}
#condHeightSldr {
    left:281px;
}
#condApSldrLbl {
    left:357px;
    width:100px;
}
#condApSldr {
    left:393px;
}
#filamentCtls {
    position: absolute;
    left:-100px; top:0px;
    opacity: 0;
}
#filRotSldrLbl {
    left:77px;
    width:70px;
}
#filRotSldr {
    left:98px;
}
#filFocusSldrLbl {
    left:205px;
    width:70px;
}
#filFocusSldr {
    left:226px;
}
#filIntSldrLbl {
    left:308px;
    width:120px;
}
#filIntSldr {
    left:354px;
}

/*------------------VSlider Style---------------------*/
.vsld_trackback
{
    position: absolute;
    left:8px;
    width:12px;
    background-color: #84AFD1;
    opacity: 0.5;
    background: #1F5381;
    background: -moz-linear-gradient(left, #1F5381, ##1E5F92);
    background: -webkit-linear-gradient(left, #1F5381, ##1E5F92);
    background: -o-linear-gradient(left, #1F5381, ##1E5F92);
    background: -ms-linear-gradient(left, #1F5381, ##1E5F92);
    background: linear-gradient(left, #1F5381, ##1E5F92);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#1F5381', endColorstr='##1E5F92');
}
.vsld_track {
    position: absolute;
    left:11px;
    width:6px;
    background: #00314A;
    background: -moz-linear-gradient(left, #00314A, #00496E);
    background: -webkit-linear-gradient(left, #00314A, #00496E);
    background: -o-linear-gradient(left, #00314A, #00496E);
    background: -ms-linear-gradient(left, #00314A, #00496E);
    background: linear-gradient(left, #00314A, #00496E);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00314A', endColorstr='#00496E');
}
.vsld_handle {
    position: absolute;
    width: 28px;
    cursor:pointer;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    background: #114F80;
    background: -moz-linear-gradient(left, #114F80, #012344);
    background: -webkit-linear-gradient(left, #114F80, #012344);
    background: -o-linear-gradient(left, #114F80, #012344);
    background: -ms-linear-gradient(left, #114F80, #012344);
    background: linear-gradient(left, #114F80, #012344);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#114F80', endColorstr='#012344');
}
.vsld_handleup {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 24px;
    background: #FFFFFF;
    background: -moz-linear-gradient(left, #FFFFFF, #A0D4FF);
    background: -webkit-linear-gradient(left, #FFFFFF, #A0D4FF);
    background: -o-linear-gradient(left, #FFFFFF, #A0D4FF);
    background: -ms-linear-gradient(left, #FFFFFF, #A0D4FF);
    background: linear-gradient(left, #FFFFFF, #A0D4FF);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#A0D4FF');
}
.vsld_handledown {
    position: absolute;
    left: 2px;
    top: 2px;
    width: 24px;
    background: #FFFFFF;
    background: -moz-linear-gradient(left, #FFFFFF, #FFEC44);
    background: -webkit-linear-gradient(left, #FFFFFF, #FFEC44);
    background: -o-linear-gradient(left, #FFFFFF, #FFEC44);
    background: -ms-linear-gradient(left, #FFFFFF, #FFEC44);
    background: linear-gradient(left, #FFFFFF, #FFEC44);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#FFEC44');
}
/*----------------End VSlider Style-------------------*/