@charset "utf-8";

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

	width:550px;
	height:450px;
    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:20px;
    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:1;
}
.ctl_label {
	position:absolute;
	top:328px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#sampleSldrLbl {
    left:200px; top:386px;
    width:150px;
}
#sampleSldr {
	position:absolute;
	left:200px;
	top:405px;
	width:150px;
}
#leftLens {
    position:absolute;
    left:85px; top:65px;
    width:48px; height:170px;
}
#middleLens {
    position:absolute;
    left:167px; top:81px;
    width:54px; height:134px;
}
#rightLens {
    position:absolute;
    left:275px; top:65px;
    width:48px; height:170px;
}
#eyeball {
    position:absolute;
    left: 387px;
    top: 90px;
    width: 134px;
    height: 118px;
}
#solidLine {
    position:absolute;
    left:31px; top:144px;
    width:494px; height:11px;
}
.focalPtsbg {
    position:absolute;
    width:18px; height:18px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    background: -webkit-radial-gradient(6px 6px, circle farthest-side, rgb(238, 238, 238) 10%, rgb(157, 157, 157) 70%, rgb(125, 125, 125) 90%, rgb(161, 161, 161) 100%);
    background: -moz-radial-gradient(6px 6px, circle farthest-side, rgb(238, 238, 238) 10%, rgb(157, 157, 157) 70%, rgb(125, 125, 125) 90%, rgb(161, 161, 161) 100%);
}
#focalPt1 {
    position:absolute;
    left:49px; top:141px;
}
#focalPt2 {
    position:absolute;
    left:344px; top:141px;
}
#curveArrow {
    position:absolute;
    top:2px;
    width:102px; height:64px;
}
#curveContainer {
    position:absolute;
    left:403px; top:109px;
    width:100px; height:39px;
    overflow:hidden;
}
#dashedLine3 {
    position:absolute;
    left:31px; top:12px;
    width:5px; height:205px;
}
#dashedLine5 {
    position:absolute;
    left:140px; top:12px;
    width:5px; height:205px;
}
#upperDashedLines {
    position:absolute;
    left:123px; top:60px;
    width:160px; height:88px;
    overflow:hidden;
}
#dashedLine1 {
    position:absolute;
    left:6px; top:0px;
    width:5px; height:205px;
}
#dashedLine2 {
    position:absolute;
    left:82px; top:-35px;
    width:5px; height:205px;
}
#dashedLine4 {
    position:absolute;
    left:167px; top:-35px;
    width:5px; height:205px;
}
#dashedLine6 {
    position:absolute;
    left:376px; top:0px;
    width:5px; height:205px;
}
#lowerDashedLines {
    position:absolute;
    left:25px; top:148px;
    width:393px; height:230px;
    overflow:hidden;
}
#objectiveLbl {
    position:absolute;
    left:34px; top:55px;
}
#tubeLengthLbl {
    position:absolute;
    left:149px; top:55px;
}
#eyepieceLbl {
    position:absolute;
    left:317px; top:55px;
}
#lensLbl {
    position:absolute;
    left:140px; top:160px;
}
#spaceLbl {
    position:absolute;
    left:84px; top:323px;
}
#distanceLbl {
    position:absolute;
    left:204px; top:352px;
}
#focalPt1Lbl {
    position:absolute;
    left:54px; top:162px;
}
#focalPt2Lbl {
    position:absolute;
    left:350px; top:128px;
}
#whiteArrows {
    position:absolute;
    left:33px; top:73px;
    width:378px; height:282px;
}
#imagePlaneLbl1 {
    position:absolute;
    left:39px; top:114px;
}
#imagePlaneLbl2 {
    position:absolute;
    left:43px; top:187px;
}
#imagePlaneLbl3 {
    position:absolute;
    left:243px; top:157px;
}
#imagePlaneLbl4 {
    position:absolute;
    left:511px; top:126px;
}
#beams {
    position:absolute;
    left:33px;  top:72px;
    width:467px; height:265px;
}
#redArrows {
    position:absolute;
    left:29px; top:132px;
    width:248px; height:204px;
}