/*Last edited by Zack Piper on 2/18/13*/
@charset "utf-8";

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

	width:500px;
	height:400px;
    margin:10px auto;
    box-shadow:3px 3px 5px #999999;
}
#zeiss_mainscene 
{
    position: absolute;
    background-color:#f0f0f0;
    opacity: 0;
}
.zeiss_title {
    position:absolute;
    top:18px;
    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;
}
#sampleSldrLbl {
    position: absolute;
    left:70px;
    top: 341px;
    width:150px;
}
#sampleSldr {
	position:absolute;
	left:70px;
	top:359px;
	width:150px;
}
#objectiveImg {
    position: absolute;
    left: 24px;
    top: 46px;
}
#eyepieceLabel {
    position: absolute;
    top: 302px;
    left: 106px;
}
#specimenCB {
    position: absolute;
    top: 361px;
    left: 300px;
    width: 176px;
    height: 22px;
    font-size: 11px;
}
#cbLabel {
    position: absolute;
    top: 341px;
    left: 300px;
    width: 176px;
}
#specImgContainer {
    position: absolute;
}
#imgBackground {
    position: absolute;
    left: 52px;
    top: 75px;
    height: 200px;
    width: 200px;
    border-radius: 100px;
    background-color: black;
}
#image1 {
    position: absolute;
    left: 52px;
    top: 75px;
    height: 200px;
    width: 200px;
    border-radius: 100px;
}
#spriteContainer {
    position: absolute;
    top: 115px;
    left: 312px;
}
#percentOpen {
    position: absolute;
    top: 235px;
    left: 294px;
}
#eyepieceCanvas {
    position: absolute;
    top: 115px;
    left: 86px;
    height: 119px;
    width: 133px;
}
#large {
    position: absolute;
    top: 363px;
    left: 23px;
}
#small {
    position: absolute;
    top: 363px;
    left: 231px;
}
#eyepieceSpriteContainer {
    position: absolute;
    left: 52px;
    top: 73px;
}