@charset "utf-8";
/*Last edited by Zack Piper 11/28/12*/
#zeiss_tutorial 
{
    font-family:Arial, sans-serif;
    font-weight:bolder;
    color:white;

	width:450px;
	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: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;
}
.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;
}
#sampleSldrLbl {
    top: 486px;
    left:149px;
    width:150px;
}
#sampleSldr {
	position:absolute;
	left:149px;
	top:504px;
	width:150px;
}
#lens1 {
    position: absolute;
    top: 195px;
    left: 99px;
    height: 41px;
    width: 128px;
}
#lens2 {
    position: absolute;
    top: 346px;
    left: 99px;
    height: 41px;
    width: 128px;
}
#iris {
    position: absolute;
    top: 346px;
    left: 99px;
}
#objRearFocal {
    position: absolute;
    top: 113px;
    left: 316px;
    height: 117px;
    width: 117px;
}
#objRearFocalBG {
    position: absolute;
    height: 117px;
    width: 117px;
}
#objRearFocalRight {
    position: absolute;
    height: 16px;
    width: 42px;
    top: 50px;
    left: 70px;
}
#objRearFocalLeft {
    position: absolute;
    height: 16px;
    width: 42px;
    top: 50px;
    left: 5px;
}
#blueContainer {
    position: absolute;
    height: 110px;
    width: 100px;
    top: 267px;
    left: 325px;
    background-color: #BBD3E5;
    box-shadow: 1px 1px 6px #000000;
}
#imgLabel {
    position: absolute;
    left: 32px;
    top: 6px;
}
#numVal {
    position: absolute;
    left: 30px;
    top: 76px;
    width: 40px;
    text-align: center;
}
#unitLabel {
    position: absolute;
    left: 21px;
    top: 89px;
}
#lineSprite {
    position: absolute;
    top: 26px;
    left: 19px;
    width: 61px;
    height: 46px;
    box-shadow: 1px 1px 3px #555555;
    background-color: #000000;
}
#linesCanvas {
    position: absolute;
    top: 95px;
    left: 99px;
    height: 368px;
    width: 127px;
}
#dashedLineCanvas {
    position: absolute;
    height: 368px;
    width: 180px;
    top: 77px;
    left: 83px;
}
#diffAngleLbl {
    position: absolute;
    top: 218px;
    left: 17px;

}
#diffAngleLine {
    position: absolute;
    top: 213px;
    left: 17px;
    height: 100px;
    width: 100px;
}
#objRearLbl {
    position: absolute;
    top: 80px;
    left: 263px;
}
#objRearLine {
    position: absolute;
    top: 71px;
    left: 263px;
    height: 100px;
    width: 100px;
}
#objectiveLbl {
    position: absolute;
    top: 210px;
    left: 250px;
}
#objLine {
    position: absolute;
    top: 209px;
    left: 174px;
    height: 100px;
    width: 100px;
}
#specimenLbl {
    position: absolute;
    top: 309px;
    left: 249px;
}
#condenserLbl {
    position: absolute;
    top: 360px;
    left: 247px;
}
#condenserLine {
    position: absolute;
    top: 356px;
    left: 202px;
    height: 100px;
    width: 100px;
}
#condIrisLbl {
    position: absolute;
    top: 454px;
    left: 227px;
}
#condIrisLine {
    position: absolute;
    top: 450px;
    left: 177px;
    height: 100px;
    width: 100px;
}
#redLineCanvas {
    position: absolute;
    top: 77px;
    left: 184px;
    height: 400px;
    width: 100px;
}
#negTwo {
    position: absolute;
    top: 79px;
    left: 94px;

}
#negOne {
    position: absolute;
    top: 79px;
    left: 125px;
}
#zero {
    position: absolute;
    top: 79px;
    left: 157px;
}
#posOne {
    position: absolute;
    top: 79px;
    left: 183px;
}
#posTwo {
    position: absolute;
    top: 79px;
    left: 215px;
}
#letterS {
    position: absolute;
    top: 57px;
    left: 173px;
}
#arrowCanvas {
    position: absolute;
    top: 187px;
    left: 74px;
}
#sLine {
    position: absolute;
    top: 47px;
    left: 151px;
    height: 50px;
    width: 100px;
}
#high {
    position: absolute;
    top: 510px;
    left: 107px;
}
#low {
    position: absolute;
    top: 510px;
    left: 313px;
}