﻿/*Last edited by Zack Piper 2/18/13*/
@charset "utf-8";

#zeiss_tutorial 
{
    font-family:Arial, sans-serif;
    font-weight:bolder;
    color:white;

	width:550px;
	height:600px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.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;
}
.diagram_label {
    position: absolute;
    font-size:12px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
    line-height: 12px;
}
.ctl_label {
	position:absolute;
	top:328px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#fieldSldrLbl {
    top: 539px;
    left:24px;
    width:150px;
}
#fieldSldr {
	position:absolute;
	left:24px;
	top:557px;
	width:150px;
}
#aprtrSldrLbl {
    position: absolute;
    top: 539px;
    left: 198px;
    width: 150px;
}
#aprtrSldr {
    position: absolute;
    top: 557px;
    left: 198px;
    width: 150px;
}
#illumSldrLbl {
    position: absolute;
    top: 539px;
    left: 374px;
    width: 150px;
}
#illumSldr {
    position: absolute;
    top: 557px;
    left: 374px;
    width: 150px;
}
#beam1 {
    position: absolute;
    top: 217px;
    left: 343px;
    height: 50px;
    width: 200px;
}
#beam2 {
    position: absolute;
    top: 217px;
    left: 281px;
    height: 50px;
    width: 200px;
}
#beam3 {
    position: absolute;
    top: 100px;
    left: 40px;
    height: 300px;
    width: 300px;
}
#beam4 {
    position: absolute;
    top: 100px;
    left: 40px;
    height: 300px;
    width: 300px;
}
#beam5 {
    position: absolute;
    top: 100px;
    left: 40px;
    height: 300px;
    width: 300px;
}
#diaphragm {
    position: absolute;
    top: 200px;
    left: 275px;
    height: 50px;
    width: 200px;
}
#glow {
    position: absolute;
    top: 195px;
    left: 422px;
    height: 66px;
    width: 73px;
}
#bulb {
    position: absolute;
    top: 218px;
    left: 449px;
    height: 34px;
    width: 14px;
    opacity: 1;
}
#eyepieceLbl {
    position: absolute;
    top: 82px;
    left: 83px;
}
#eyepieceCanvas {
    position: absolute;
    top: 79px;
    left: 45px;
    height: 50px;
    width: 50px;
}
#observationTubesLbl {
    position: absolute;
    top: 172px;
    left: 21px;
}
#observationTubesCanvas {
    position: absolute;
    top: 140px;
    left: 70px;
    height: 50px;
    width: 50px;
}
#verticalIllumLbl {
    position: absolute;
    top: 218px;
    left: 23px;
}
#verticalIllumCanvas {
    position: absolute;
    top: 220px;
    left: 60px;
    height: 30px;
    width: 50px;
}
#tubeLensLbl {
    position: absolute;
    top: 257px;
    left: 57px;
}
#tubeLensCanvas {
    position: absolute;
    top: 170px;
    left: 100px;
    height: 100px;
    width: 100px;
}
#objectiveLbl {
    position: absolute;
    top: 291px;
    left: 51px;
}
#objectiveCanvas {
    position: absolute;
    top: 293px;
    left: 90px;
    height: 20px;
    width: 100px;
}
#stageLbl {
    position: absolute;
    top: 316px;
    left: 68px;
}
#stageCanvas {
    position: absolute;
    top: 318px;
    left: 86px;
    height: 20px;
    width: 100px;
}
#stageTransLbl{
    position: absolute;
    top: 393px;
    left: 42px;
}
#stageTransCanvas{
    position: absolute;
    top: 395px;
    left: 173px;
    height: 20px;
    width: 70px;
}
#baseLbl {
    position: absolute;
    top: 435px;
    left: 79px;
}
#baseCanvas {
    position: absolute;
    top: 437px;
    left: 93px;
    height: 20px;
    width: 100px;
}
#focusKnobLbl {
    position: absolute;
    top: 421px;
    left: 425px;
}
#focusKnobCanvas {
    position: absolute;
    top: 422px;
    left: 297px;
    height: 20px;
    width: 200px;
}
#frameLbl {
    position: absolute;
    top: 340px;
    left: 426px;
}
#frameCanvas {
    position: absolute;
    top: 341px;
    left: 388px;
    height: 20px;
    width: 50px;
}
#lamphouseLbl {
    position: absolute;
    top: 273px;
    left: 420px;
}
#lamphouseCanvas {
    position: absolute;
    top: 252px;
    left: 434px;
    height: 50px;
    width: 20px;
}
#condenserDiaLbl {
    position: absolute;
    top: 136px;
    left: 335px;
}
#condenserDiaCanvas {
    position: absolute;
    top: 170px;
    left: 348px;
    height: 100px;
    width: 20px;
}
#fieldDiaLbl {
    position: absolute;
    top: 148px;
    left: 259px;
}
#fieldDiaCanvas {
    position: absolute;
    top: 170px;
    left: 286px;
    height: 100px;
    width: 20px;
}