@charset "utf-8";

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

	width:550px;
	height:470px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.zeiss_title {
    position:absolute;
    top:14px;
    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:406px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}
.percent_label {
    position: absolute;
    width:45px;
    top:409px;
    text-align:right;
    font-size: 15px;    
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}
.name_label {
    position: absolute;
    width:115px;
    top:436px;
    text-align:center;
    font-size: 13px;    
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
}
#graphContainer {
    position: absolute;
    left:12px; top:50px;
}
#spectrumBG {
    position: absolute;
    width:482px; height:282px;
    left:37px; top:0px;
    background-color: white;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.65);
}
#spectrum {   
    position: absolute;
    width:478px; height:278px;
    left:2px; top:2px;
    opacity:.25;
}
#graph1 {
    position: absolute;
}
#graph2 {
    position: absolute;
    left:0px; right:0px;
    opacity:0;
}
#emCanvas {
    position: absolute;
    width:478px; height:278px;
    left:39px; top:2px;
}
#graphOutline {
    position: absolute;
    left:37px; top:0px;
    width:482px; height:282px;
}
#specimenContainer {
    position: absolute;
    width:200px; height:200px;
    left:322px; top:58px;
    background:white;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}
#reticle {
    position: absolute;
    width:31px; height:31px;
    left:5px; top:5px;
}
#infoCan {
    position: absolute;
    width:180px; height:42px;
    left:332px; top:5px;
    opacity:0.5;
    pointer-events: none;
}
#comboboxBG {
    position: absolute;
    width:194px; height:30px;
    left:3px; top:200px;
    background-color: #003B56;
    opacity: .75;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}
#specimenBG {
    position: absolute;
    width:192px; height:192px;
    left:4px; top:4px;
    background:black;
}
#specimenImg {
    position: absolute;
    width:190px; height:190px;
    left:5px; top:5px;
}
#reticleBox {
    position: absolute;
    width:190px; height:190px;
    left:5px; top:5px;
    overflow:hidden;
}
#specimenCB {
    position: absolute;
    left:330px; top:262px;
    width:184px; height:22px;
    font-size:11px;
    font-family: Arial;
}
#autoABtn {
    position: absolute;
    left:141px; top:437px;
    width:31px; height:12px;
}
#autoBBtn {
    position: absolute;
    left:316px; top:437px;
    width:31px; height:12px;
}
#autoCBtn {
    position: absolute;
    left:491px; top:437px;
    width:31px; height:12px;
}
#formulaLbl {
    position:absolute;
    top:371px;
    width:100%;
    font-size:18px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    color:#CCCCCC;
    text-align: center;
}
#fluoALbl {
    left:24px;
}
#fluoBLbl {
    left:199px;
}
#fluoCLbl {
    left:374px;
}
#fluoAPercentLbl {
    left:125px;
}
#fluoBPercentLbl {
    left:300px;
}
#fluoCPercentLbl {
    left:475px;
}
#fluoANameLbl {
    left:25px;
}
#fluoBNameLbl {
    left:200px;
}
#fluoCNameLbl {
    left:375px;
}
.symb {
    font-family: Wingdings;
}
.subScrpt {
    font-size: 12px;
}

/*------------------Auto Button Style---------------------*/
.zeiss_autobutton {
    text-align:center;
}
.zeiss_autobuttonbg {
    background-color: red;
}
.zeiss_autobuttonface {
    position: absolute;
    left:1px;
    top:1px;
}
.zeiss_autobuttonup 
{
    background: #FF2323;
    background: -moz-linear-gradient(#FF2323, #AA0000);
    background: -webkit-linear-gradient(#FF2323, #AA0000);
    background: -o-linear-gradient(#FF2323, #AA0000);
    background: -ms-linear-gradient(#FF2323, #AA0000);
    background: linear-gradient(#FF2323, #AA0000);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FF2323', endColorstr='#AA0000');
}
.zeiss_autobuttondown
{
    background: #AA0000;
    background: -moz-linear-gradient(#AA0000, #FF2323);
    background: -webkit-linear-gradient(#AA0000, #FF2323);
    background: -o-linear-gradient(#AA0000, #FF2323);
    background: -ms-linear-gradient(#AA0000, #FF2323);
    background: linear-gradient(#AA0000, #FF2323);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#AA0000', endColorstr='#FF2323');
}
.zeiss_autobuttonlabel
{
    position: absolute;
    margin-top: -6px;
    width:100%;
    top:50%;
    color:rgba(255, 255, 255, 0.85);
    font-size:11px;
    text-shadow:0 0 2 rgba(0, 0, 0, 0.5);
}
/*------------------End Auto Button Style---------------------*/