@charset "utf-8";

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

	width:550px;
	height:400px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
#photonContainer {
    position: absolute;
    width:100%; height:100%;
}
#lightContainer {
    position: absolute;
    width:100%; height:100%;
}
/*------------photon styles----------------*/
.photonbg {
    position:absolute;
    width:14px; height:14px;
    border-radius: 7px;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px;
    background: -webkit-radial-gradient(5px 5px, circle farthest-side, rgb(101, 116, 137) 20%, rgb(61, 71, 75) 80%, black 100%);
    background: -moz-radial-gradient(5px 5px, circle farthest-side, rgb(101, 116, 137) 20%, rgb(61, 71, 75) 80%, black 100%);
}
.photonhplus {
    position: absolute;
    left: 4px; top:6px;
    width: 6px; height: 2px;
    background:white;
}
.photonvplus {
    position: absolute;
    left: 6px; top:4px;
    width: 2px; height: 6px;
    background:white;
}
/*------------light styles----------------*/
.light {
    position: absolute;
    width:20px; height:20px;
    border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}
/*----------------electron styles-------------------*/
.electronbg {
    position:absolute;
    width:14px; height:14px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background: -webkit-radial-gradient(5px 5px, circle farthest-side, rgb(238, 238, 238) 20%, rgb(157, 157, 157) 80%, rgb(72, 72, 72) 100%);
    background: -moz-radial-gradient(5px 5px, circle farthest-side, rgb(238, 238, 238) 20%, rgb(157, 157, 157) 80%, rgb(72, 72, 72) 100%);
}
.electronNeg {
    position: absolute;
    left: 4px; top:6px;
    width: 6px; height: 2px;
    background:#2B2B2B;
}

.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);
}
.ctl_label {
	position:absolute;
	top:338px;
    font-size:13px;
    text-shadow:1px 1px 3px rgba(0,0,0,.7);
    text-align: center;
}
#diodeLbl {
    position: absolute;
    left:133px; top:279px;
    width:286px;
    font-weight: bolder;
    font-size: 14px;
    text-align: center;
    color:#303032;
    text-shadow:1px 1px 0px #CCCCCC;
}
#waveLblMask {
    position: absolute;
    width:71px; height:29px;
    left:78px; top:301px;
    overflow: hidden;
}
#waveLblBG {
    position: absolute;
    width:100%; height:30px;
    left:0px; top:29px;
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#waveLbl {
    position: absolute;
    width:100%;
    left:0px; top:2px;
    text-align: center;
    font-color:white;
    font-size:15px;
}
#waveSliderLbl {
    left:31px;
    width:161px;
}
#waveSlider {
	position:absolute;
	left:31px;
	top:358px;
	width:161px;
}
#voltSliderLbl {
    left:358px;
    width:161px;
}
#voltSlider {
    position:absolute;
    left:358px;
    top:358px;
    width:161px;
}
#bulb {
    position: absolute;
    left:201px; top:337px;
    width:53px; height:51px;
}
#needle {
    position: absolute;
    left:312px; top:348px;
    width:8px; height:27px;
}
#guageLbl {
    position: absolute;
    width: 71px;
    left: 281px; top: 377px;
    color: #003366;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}
#pDopedLbl {
    left:443px; top:133px;
}
#pDopedLine {
    position: absolute;
    width:33px; height:55px;
    left:406px; top:88px;
}
#activeLbl {
    left:443px; top:158px;
}
#activeLine {
    position: absolute;
    width:33px; height:2px;
    left:406px; top:165px;
}
#nDopedLbl {
    left:443px; top:183px;
}
#nDopedLine {
    position: absolute;
    width:33px; height:54px;
    left:406px; top:191px;
}