@charset "utf-8";

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

	width:450px;
	height:400px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
#bulb {
    position: absolute;
    left:196px; top:53px;
    width:185px; height:274px;
    background-size:100% !important;
}
#atoms {
    position: absolute;
    left:213px; top:105px;
    width:157px; height:160px;
}
#halogenAtom {
    top:105px;
}
#oxyHalide {
    top:185px;
}
#tungstenAtom {
    top:258px;
}
#infoLbl {
    opacity:0;
}
#degreeContainer {
    position: absolute;
    left:326px; top:295px;
    width:94px; height:40px;
    overflow: hidden;
}
#degreeBG {
    position: absolute;
    left:10px; top:10px;
    width:74px; height:34px;
    background-color: rgba(24, 30, 35, 0.8);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow:0 0 10px rgba(187, 217, 243, 0.34);
}
#degreeLbl {
    position: absolute;
    left:0; top:6px;
    width:74px;
    color:#FBFFFB;
    text-align: center;
    font-size:16px;
}
#degreeLine {
    position: absolute;
    left:315px; top:235px;
    width:21px; height:85px;
}
.zeiss_title {
    position:absolute;
    top:15px;
    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);
    left:46px;
}
.ctl_label {
	position:absolute;
	top:342px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#slider {
	position:absolute;
	left:28px;
	top:351px;
	width:258px;
}
#buttonLbl {
    left:309px;
    width:129px;
}
#button {
	position:absolute;
	left:323px;
	top:360px;
    width:101px;
    height:26px;
}
#infoBtn {
    position: absolute;
    left:24px; top:295px;
    width:280px; height:40px;
    overflow: hidden;
}

/*------------------Info Box Style---------------------*/
.zeiss_infoBtn {
    position:absolute;
    width:35px; height:35px;
    background-size: 100% !important;
    cursor: pointer;
}
.zeiss_infoContainer {
    position: absolute;
    width:300px; height:34px;
    left:10px; top:10px;
    background-color: rgba(24, 30, 35, 0.6);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow:0 0 10px rgba(187, 217, 243, 0.34);
    overflow: hidden;
}
.zeiss_infoLbl {
    position: absolute;
    width:205px;
    right:0px; top:8px;
    text-align: center;
    font-size: 12px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    opacity: .87;
}
/*------------------End Info Box Style---------------------*/