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

	width:500px;
	height:520px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.zeiss_title {
    position:absolute;
    top:20px;
    width:100%; 
    text-align:center;
    font-size:22px;
    text-shadow:3px 3px 3px rgba(0,0,0,.5);
}
.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;
}
.dia_label {
    position: absolute;
    font:"Arial Bold";
    font-size:12px;
    text-align: center;
    line-height: 11px;
    color: #000000;

}
.drop_shadow {
    position: absolute;
    text-shadow: -3px 0 9px rgba(0,0,0,.5),
                3px 0 9px rgba(0,0,0,.5),
                0 -3px 9px rgba(0,0,0,.5),
                0 3px 9px rgba(0,0,0,.5);
}
#sampleSldrLbl {
    top: 449px;
    left:148px;
    width:209px;
}
#sampleSldr {
	position:absolute;
	left:148px;
	top:470px;
	width:209px;
}
#lensCanvas {
    position: absolute;
    top: 292px;
    left: 75px;
}
#whiteLinesCanvas {
    position: absolute;
    top: 86px;
    left: 25px;
    width: 235px;
    height: 320px;
}
#airydiskCanvas {
    position: absolute;
    top: 88px;
    left: 333px;
}
#airydiskBG {
    position: absolute;
    top: 86px;
    left: 328px;
    width: 146px;
    height: 292px;
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 0 12px #000000;
}
#lineShiftCanvas {
    position: absolute;
    top: 86px;
    left: 25px;
    width: 235px;
    height: 250px;
}
#verticalLineShift {
    position: absolute;
    top: 50px;
    left: 320px;
    width: 150px;
    height: 350px;
}
#movingALeft {
    position: absolute;
    top: 61px;
    left: 393px;
}
#movingARight {
    position: absolute;
    top: 61px;
    left: 393px;
}
#bottomA {
    position: absolute;
    top: 405px;
    left: 390px;
    text-shadow:2px 2px 3px rgba(0,0,0,.5);
}
#movingAWhtLnLeft {
    position: absolute;
    top: 72px;
    left: 136px;
}
#movingAWhtLnRight {
    position: absolute;
    top: 72px;
    left: 136px;
}
#staticA {
    position: absolute;
    top: 72px;
    left: 136px;
}
#waveContainer {
    position: absolute;
    top: 65px;
    left: 42px;
}
#imagePlaneLabel {
    position: absolute;
    top: 81px;
    left: 264px;
    width: 20px;
}
#sphericalWavefrontLabelTop {
    position: absolute;
    top: 235px;
    left: 239px;
    width: 20px;
}
#objectiveLabel {
    position: absolute;
    top: 308px;
    left: 213px;
}
#sphericalWavefrontLabelBtm {
    position: absolute;
    top: 372px;
    left: 180px;
}
#pointSourceLabel {
    position: absolute;
    top: 408px;
    left: 184px;
}
#aLabel {
    position: absolute;
    top: 408px;
    left: 138px;
}
#angularApertureLabel {
    position: absolute;
    top: 378px;
    left: 52px;
    width: 20px;
}
#thetaLabel {
    position: absolute;
    top: 363px;
    left: 126px;
}
#labelLines {
    position: absolute;
    top: 330px;
    left: 40px;
    height: 100px;
    width: 200px;
}
#mNeg {
    position: absolute;
    top: 266px;
    left: 91px
}
#mNaught {
    position: absolute;
    top: 272px;
    left: 145px;
}
#mPos {
    position: absolute;
    top: 262px;
    left: 198px;
}
#imagePlaneDiaTop {
    position: absolute;
    top: 196px;
    left: 430px;
    width: 20px;
}
#intensityDia {
    position: absolute;
    top: 254px;
    left: 420px;
}
#imagePlaneDiaBtm {
    position: absolute;
    top: 352px;
    left: 433px;
    width: 20px;
}
#diagramArrowsCanvas {
    position: absolute;
    top: 120px;
    left: 330px;
    height: 300px;
    width: 200px;
}