@charset "utf-8";

body {
    height: 500px;
    text-align: center;
}

.controlBack {
	height: 65px;
}

.controlPanelBack {
	display: inline-block;
	height: 55px;
	margin-top: 5px;
	overflow: hidden;
	padding: 0 10px;
}

.samplePanelLeft {
	margin-right: 40px;
}
#whiteBkgd{
    position: absolute;
    left:21px;
    top:50px;
    height: 359px;
    width: 322px;
}

#objectiveCon{
    position: absolute;
    left:71px;
    top:70px;
    height: 298px;
    width: 223px;
}

#slideCon{
    position: absolute;
    left:71px;
    top:363px;
    height: 31px;
    width: 184px;
}

#centerBeamCan{
    position: absolute;
    left:157px;
    top:71px;
    height: 299px;
    width: 47px;
}

#centerBeamCan2{
    position: absolute;
    left:157px;
    top:71px;
    height: 299px;
    width: 47px;
}

#slider {
	display: inline-block;
	position: relative;	
	width: 100px;
	margin-top: 5px;
}

#lightFromLbl{
    position: absolute;
    color: black;
    font:bold arial,sans-serif;
    left:265px;
    top:71px;
    height: 50px;
    width: 50px;
}

#mirrorsLbl{
    position: absolute;
    color: black;
    font:bold arial,sans-serif;
    left:22px;
    top:250px;
    height: 50px;
    width: 50px;
}

#hollowConeLbl{
    position: absolute;
    color: black;
    font:bold arial,sans-serif;
    left:236px;
    top:335px;
    height: 50px;
    width: 80px;
}

#lightLine{
    position: absolute;
    background-color: black;
    left:246px;
    top:88px;
    height: 2px;
    width: 27px;
}

#mirrorsLine1{
    position: absolute;
    background-color: black;
    left:68px;
    top:271px;
    height: 2px;
    width: 50px;
    -webkit-transform: rotate(28deg);
	-moz-transform: rotate(28deg);
	-ms-transform: rotate(28deg);
	-o-transform: rotate(28deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.28);
}

#mirrorsLine2{
    position: absolute;
    background-color: black;
    left:60px;
    top:277px;
    height: 2px;
    width: 44px;
    -webkit-transform: rotate(58deg);
	-moz-transform: rotate(58deg);
	-ms-transform: rotate(58deg);
	-o-transform: rotate(58deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.58);
}

#hollowLine{
    position: absolute;
    background-color: black;
    left:226px;
    top:333px;
    height: 2px;
    width: 14px;
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=.45);
}

#lightbeam1Con{
	position: absolute;
    left:106px;
    top:70px;
}