@charset "utf-8";

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

	width:550px;
	height:525px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.zeiss_title {
    position:absolute;
    top:15px;
    width:100%; 
    text-align:center;
    font-size:22px;
    text-shadow:3px 3px 3px rgba(0,0,0,.5);
}

#legendX {
    position:absolute;
    top:352px;
    width:100%; 
    text-align:center;
}
#legendY {
    position:absolute;
    top:185px;
    left:-48px;	
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);
}
#scaleX {
    position:absolute;
    top:337px;
    left:40px;	
    width:500px;
    text-align:left;
}
#scaleX label {
	position:absolute;
}
#scaleXSet2, #scaleXSet3, #scaleXSet4 {
	display:none;
}
#scaleY {
    position:absolute;
    top:4px;
    left:29px;	
    width:100%;
}
#scaleY0 {
	position:absolute;
	top:320px;
	left:7px;
}
#scaleY1 {
	position:absolute;
	top:266px;
}
#scaleY2 {
	position:absolute;
	top:212px;
}
#scaleY3 {
	position:absolute;
	top:158px;
}
#scaleY4 {
	position:absolute;
	top:104px;
}
#scaleY5 {
	position:absolute;
	top:50px;
	left:-7px;
}
#stageBG {
    position:relative;
    left:45px;
    top:45px;
    width:490px;
    height:290px;
}
#stageBorder {
    position:absolute;
    left:49px;
    top:49px;
    width:482px;
    height:282px;
    -moz-box-shadow:0px 0px 10px #000;
	-webkit-box-shadow:0px 0px 10px #000;
    box-shadow:0px 0px 10px #000;
}
#spectra0Canvas, #spectra1Canvas, #spectra2Canvas, #spectra3Canvas
{
    position:absolute;
    top:4px;
    left:4px;
    width:480px;
    height:280px;
    opacity:0.6;
}
#formula {
	position:absolute;
	top:369px;
	width:100%;
	text-align:center;
}
#formula sub {
    vertical-align:sub;
    font-size:11px;
    line-height:1px;
}
#formula1, #formula2, #formula3, #formula4
{
    position:absolute;
    left:0px;
    top:0px;
    width:540px;
    height:26px;
    text-align:center;
    padding-top:4px;
    word-spacing:4px;
    color:#CCCCCC;
    font-size:17px;
    display:none;
}
#formula2
{
    display:block;
}
.lamda
{
    font-family:Wingdings;
}
.ctl_label {
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}
#ddlA {
    position:absolute;
    left:17px;
    top:406px;
    width:125px;
    height:25px;
}
#ddlB {
    position:absolute;
    left:17px;
    top:446px;
    width:125px;
    height:25px;
}
#ddlC {
    position:absolute;
    left:17px;
    top:486px;
    width:125px;
    height:25px;
}
#fluoC {
	opacity:0.5;
}
#lblFluoA {
	position:absolute;
	left:151px;
	top:408px;
}
#lblFluoB {
	position:absolute;
	left:151px;
	top:448px;
}
#lblFluoC {
	position:absolute;
	left:151px;
	top:488px;
}
.imgFluo {
	height:3px;
	width:90px;
	border:1px solid #cccccc;
	box-shadow:0 0 2px #555555;
}
#imgFluoA {
	position:absolute;
	left:151px;
	top:425px;
	background-color:#cc0000;
}
#imgFluoB {
	position:absolute;
	left:151px;
	top:465px;
	background-color:#00cc00;
}
#imgFluoC {
	position:absolute;
	left:151px;
	top:505px;
	background-color:#0000cc;
}
.lock {
    position:absolute;
    left:252px;
    width:50px;
    height:67px;
    overflow: hidden;
    opacity:0.2;

    transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -moz-transform-origin: 0 0;

    transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);	

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#lockA
{
    top:401px;
}
#lockB
{
    top:441px;
}
#lockC
{
    top:481px;
}
#sliderA
{
    position:absolute;
    left:285px;
    top:404px;
    width:190px;
}
#sliderB
{
    position:absolute;
    left:285px;
    top:444px;
    width:190px;
}
#sliderC
{
    position:absolute;
    left:285px;
    top:484px;
    width:190px;
}
#txtA
{
    position:absolute;
    left:478px;
    top:410px;
    width:50px;
    text-align:right;
    font-size:15px;
}
#txtB
{
    position:absolute;
    left:478px;
    top:450px;
    width:50px;
    text-align:right;
    font-size:15px;
}
#txtC
{
    position:absolute;
    left:478px;
    top:490px;
    width:50px;
    text-align:right;
    font-size:15px;
    opacity: 0.5;
}