@charset "utf-8";

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

	width:500px;
	height:460px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.zeiss_title {
    position:absolute;
    top:16px;
    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;
}
.ctl_label {
	position:absolute;
	top:328px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#windowLbl1 {
    left:344px;
    top:54px;
    width:144px;
}
#windowLbl2 {
    left:344px;
    top:223px;
    width:144px;
}
#leftFRET {
    left:25px; 
    top:410px;
    width:50px;
    line-height: 1;
}
#rightFRET {
    left:244px; 
    top:410px;
    width:50px;
    line-height: 1;
}
#sldrLbl {
    left:89px;
    top:398px;
    width:140px;
}
#sldr {
	position:absolute;
	left:89px;
	top:416px;
	width:140px;
}
#comboBoxLbl {
    left:324px; 
    top:398px;
    width:154px;
}
#comboBox {
    position:absolute;
    left:324px; 
    top:416px;
    width:154px; 
    height:26px;
}
#clip1 {
    left:-96px;
    top:-41px;
    width:565px;
    height:526px;
}
#clip2 {
    left:-74px;
    top:-68px;
    width:559px;
    height:557px;
}
#clip3 {
    left:-51px;
    top:-27px;
    width:445px;
    height:472px;
}
#clip4 {
    left:-10px;
    top:0px;
    width:392px;
    height:435px;
}
#laser1 {
    left:35px;
    top:215px;
    width:166px;
    height:172px;
}
#laser2 {
    left:-15px;
    top:210px;
    width:166px;
    height:172px;
}
#laser3 {
    left:35px;
    top:185px;
    width:166px;
    height:172px;
}
#laser4 {
    left:28px;
    top:180px;
    width:166px;
    height:172px;
}
#beam1 {
    left:105px;
    top:225px;
    width:176px;
    height:176px;
}
#beam2 {
    left:38px;
    top:231px;
    width:176px;
    height:176px;
    transform: rotate(16.4deg) scale(0.5, 0.5);
    -ms-transform: rotate(16.4deg) scale(0.5, 0.5);
    -webkit-transform: rotate(16.4deg) scale(0.5, 0.5);
    -o-transform: rotate(16.4deg) scale(0.5, 0.5);
    -moz-transform: rotate(16.4deg) scale(0.5, 0.5);
}
#beam3 {
    left:97px;
    top:198px;
    width:176px;
    height:176px;
    transform: rotate(5.4deg) scale(0.5, 0.5);
    -ms-transform: rotate(5.4deg) scale(0.5, 0.5);
    -webkit-transform: rotate(5.4deg) scale(0.5, 0.5);
    -o-transform: rotate(5.4deg) scale(0.5, 0.5);
    -moz-transform: rotate(5.4deg) scale(0.5, 0.5);
}
#beam4 {
    left:168px;
    top:187px;
    width:176px;
    height:176px;
    transform: rotate(4.3deg) scale(0.5, 0.5);
    -ms-transform: rotate(4.3deg) scale(0.5, 0.5);
    -webkit-transform: rotate(4.3deg) scale(0.5, 0.5);
    -o-transform: rotate(4.3deg) scale(0.5, 0.5);
    -moz-transform: rotate(4.3deg) scale(0.5, 0.5);
}
#specimen1 {
    left:327px;
    top:53px;
    width:173px;
    height:173px;
}
#specimen4 {
    left:327px;
    top:53px;
    width:173px;
    height:173px;
    visibility: hidden;
}
#graphBG1 {
    position:absolute;
    left:275px;
    top:171px;
    width:277px;
    height:279px;
    background:url(../images/colorBG.png);
}
#graph1 {
    position:absolute;
    top:70px;
    width:276px;
    height:210px;
}
#graphBG4 {
    position:absolute;
    left:275px;
    top:171px;
    width:277px;
    height:279px;
    visibility: hidden;
    background:url(../images/colorBG.png);
}
#graph4 {
    position:absolute;
    top:70px;
    width:276px;
    height:210px;
}
#leftGraphTxt {
    position:absolute;
    left:348px;
    top:244px;
    font-size:8.6px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}
#rightGraphTxt {
    position:absolute;
    left:446px;
    top:244px;
    font-size:8.6px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}
#loader {
    position:absolute;
    left:98px; top:195px;
    width:150px;
} 
.scale {
    position:absolute;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
}
.scale2 {
    position:absolute;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.15, 0.15);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
}
.sScale {
    position:absolute;
    transform: scale(0.793, 0.793);
    -webkit-transform: scale(0.793, 0.793);
    -moz-transform: scale(0.793, 0.793);
    -ms-transform: scale(0.793, 0.793);
    -o-transform: scale(0.793, 0.793);
}
.gScale {
    position:absolute;
    transform: scale(0.5035, 0.507);
    -webkit-transform: scale(0.5035, 0.507);
    -moz-transform: scale(0.5035, 0.507);
    -ms-transform: scale(0.5035, 0.507);
    -o-transform: scale(0.5035, 0.507);
}
.hidden {
    visibility:hidden;
}