@charset "utf-8";

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

.specimenWindow {
	/*margin-top: 5px;*/
}

.specimenImage {
	height: 175px;
	width: 175px;
}

.controlBack{
	/*padding-bottom: 5px;*/
	height: 110px;
}

.controlBack > * {
	vertical-align: middle;
}

#samplePanelLeft {
	left: 60px;
    height: 100px;
    margin-left: 5px;
    margin-right: 5px;
}

#samplePanelRight {
    right: 60px;
    height: 100px;
    margin-right: 5px;
}

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

#buttons{
    position: relative;
    top: 5px;
}

#btn1 {
	display: inline-block;
	height: 26px;
	position: relative;
	margin-top: 5px;
	width: 125px;
}

#btn2 {
    display: inline-block;
    height: 26px;
    position: relative;
    margin-top: 5px;
    width: 125px;
}

#beamSldr {
	display: inline-block;
	position: relative;	
	width: 120px;
	margin-top: 10px;
}

#beamSldrLbl{
    margin-top: 26px;
}

#filterSldr {
	display: inline-block;
	position: relative;	
	width: 120px;
	margin-top: 10px;
}

#filterSldrLbl{
    margin-top: 26px;
}

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

#excitationLbl3 {
	position: absolute;
    left:498px;
    top:752px;
    width: 70px;
    height: 10px;
}

#excitationLbl2 {
	position: absolute;
    left:497px;
    top:705px;
    width: 70px;
    height: 10px;
}

#colorRectCan{
    position: absolute;
    left:508px;
    top:737px;
    width: 50px;
    height: 10px;
}

#microCon{
    position: absolute;
    left:64px;
    top:50px;
    width: 588px;
    height: 620px;
}

#allBeamsCon{
    position: absolute;
    left:0px;
    top:0px;
    width: 588px;
    height: 620px;
}

#lightbeamYellowCan{
    position: absolute;
    left:-44px;
    top:0px;
    width: 588px;
    height: 633px;
}

#lightbeamTopCan{
    position: absolute;
    left:-44px;
    top:0px;
    width: 588px;
    height: 633px;
}

#lightbeamMiddleCan{
    position: absolute;
    left:-44px;
    top:0px;
    width: 588px;
    height: 633px;
}

#lightbeamRightCan{
    position: absolute;
    left:-44px;
    top:0px;
    width: 588px;
    height: 633px;
}

#microBodyCon{
    position: absolute;
    left:0px;
    top:0px;
    width: 508px;
    height: 600px;
}

#bottomOverlay{
    position: absolute;
    left:132px;
    top:406px;
    width: 241px;
    height: 160px;
}

#topOverlay{
    position: absolute;
    left:111px;
    top:52px;
    width: 325px;
    height: 264px;
}

#filterCubeCon{
    position: absolute;
    left:15px;
    top:272px;
    width: 240px;
    height: 108px;
}

#allLbls{
    position: absolute;
    left:20px;
    top:50px;
    width: 500px;
    height: 630px;
}

#cameraLbl{
    position: absolute;
    left:86px;
    top:10px;
    width: 80px;
    height: 30px;
}

#focusTeleLbl{
    position: absolute;
    left:85px;
    top:50px;
    width: 80px;
    height: 30px;
}

#extensionLbl{
    position: absolute;
    left:102px;
    top:138px;
    width: 80px;
    height: 30px;
}

#lensesLbl{
    position: absolute;
    left:99px;
    top:170px;
    width: 40px;
    height: 10px;
}

#rubberLbl{
    position: absolute;
    left:43px;
    top:139px;
    width: 40px;
    height: 30px;
}

#eyepieceLbl{
    position: absolute;
    left:0px;
    top:215px;
    width: 50px;
    height: 30px;
}

#beamsplittersLbl{
    position: absolute;
    left:34px;
    top:252px;
    width: 60px;
    height: 10px;
}

#filterCubeLbl{
    position: absolute;
    left:28px;
    top:271px;
    width: 100px;
    height: 40px;
}

#dichroicLbl{
    position: absolute;
    left:16px;
    top:305px;
    width: 100px;
    height: 10px;
}

#breathshieldLbl{
    position: absolute;
    left:9px;
    top:332px;
    width: 100px;
    height: 10px;
}

#nosepieceLbl{
    position: absolute;
    left:95px;
    top:342px;
    width: 100px;
    height: 20px;
}

#objectiveLbl{
    position: absolute;
    left:105px;
    top:375px;
    width: 100px;
    height: 20px;
}

#mechanicalLbl{
    position: absolute;
    left:45px;
    top:401px;
    width: 100px;
    height: 30px;
}

#condenserLbl{
    position: absolute;
    left:72px;
    top:439px;
    width: 100px;
    height: 30px;
}

#fieldDiaphragmLbl{
    position: absolute;
    left:90px;
    top:464px;
    width: 100px;
    height: 30px;
}

#baseLbl{
    position: absolute;
    left:101px;
    top:505px;
    width: 40px;
    height: 10px;
}

#illuminationLbl{
    position: absolute;
    left:50px;
    top:535px;
    width: 120px;
    height: 40px;
}

#mirrorLbl{
    position: absolute;
    left:205px;
    top:585px;
    width: 40px;
    height: 10px;
}

#filtersLbl{
    position: absolute;
    left:252px;
    top:579px;
    width: 40px;
    height: 10px;
}

#focusKnobLbl{
    position: absolute;
    left:296px;
    top:580px;
    width: 40px;
    height: 10px;
}

#collectorLens1Lbl{
    position: absolute;
    left:319px;
    top:596px;
    width: 100px;
    height: 30px;
}

#transformerLbl{
    position: absolute;
    left:435px;
    top:587px;
    width: 40px;
    height: 10px;
}

#lineCordLbl{
    position: absolute;
    left:461px;
    top:555px;
    width: 40px;
    height: 10px;
}

#diascopicLbl{
    position: absolute;
    left:485px;
    top:494px;
    width: 100px;
    height: 30px;
}

#microscopeControlLbl{
    position: absolute;
    left:462px;
    top:407px;
    width: 120px;
    height: 40px;
}

#fanLbl{
    position: absolute;
    left:461px;
    top:386px;
    width: 40px;
    height: 10px;
}

#collectorLens2Lbl{
    position: absolute;
    left:455px;
    top:359px;
    width: 100px;
    height: 20px;
}

#lampLbl{
    position: absolute;
    left:533px;
    top:353px;
    width: 50px;
    height: 20px;
}

#aperturesLbl{
    position: absolute;
    left:261px;
    top:331px;
    width: 100px;
    height: 20px;
}

#filmPlaneLbl{
    position: absolute;
    left:224px;
    top:3px;
    width: 100px;
    height: 20px;
}

#electricalLbl{
    position: absolute;
    left:229px;
    top:37px;
    width: 150px;
    height: 20px;
}

#automaticLbl{
    position: absolute;
    left:248px;
    top:74px;
    width: 150px;
    height: 40px;
}

#projectionLbl{
    position: absolute;
    left:200px;
    top:158px;
    width: 150px;
    height: 40px;
}

#trinocularLbl{
    position: absolute;
    left:205px;
    top:196px;
    width: 150px;
    height: 40px;
}

#prismsLbl{
    position: absolute;
    left:205px;
    top:238px;
    width: 150px;
    height: 40px;
}

#verticalLbl{
    position: absolute;
    left:269px;
    top:222px;
    width: 150px;
    height: 40px;
}

#shutterLbl{
    position: absolute;
    left:376px;
    top:222px;
    width: 50px;
    height: 40px;
}

#coolingLbl{
    position: absolute;
    left:372px;
    top:166px;
    width: 150px;
    height: 40px;
}

#episcopicLbl{
    position: absolute;
    left:435px;
    top:167px;
    width: 150px;
    height: 40px;
}

#olympusBx51Lbl{
    position: absolute;
    left:370px;
    top:3px;
    width: 180px;
    height: 200px;
    font-size: 14px;
}

#cameraLine{
    position: absolute;
    left:153px;
    top:15px;
    width: 16px;
    height: 2px;
    background-color: white;
}

#focusTeleLine{
    position: absolute;
    left:132px;
    top:74px;
    width: 2px;
    height: 10px;
    background-color: white;
}

#extensionLine{
    position: absolute;
    left:175px;
    top:144px;
    width: 20px;
    height: 2px;
    background-color: white;
}

#lensesLine{
    position: absolute;
    left:97px;
    top:194px;
    width: 30px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(-57deg);
	-moz-transform: rotate(-57deg);
	-ms-transform: rotate(-57deg);
	-o-transform: rotate(-57deg);
	transform: rotate(-57deg);
}

#rubberLine{
    position: absolute;
    left:64px;
    top:164px;
    width: 2px;
    height: 13px;
    background-color: white;
}

#eyepieceLine{
    position: absolute;
    left:51px;
    top:211px;
    width: 15px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

#beamsplittersLine{
    position: absolute;
    left:113px;
    top:247px;
    width: 15px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(-50deg);
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

#filterCubeLine{
    position: absolute;
    left:106px;
    top:288px;
    width: 15px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#dichroicLine{
    position: absolute;
    left:113px;
    top:311px;
    width: 15px;
    height: 2px;
    background-color: white;
}

#breathshieldLine{
    position: absolute;
    left:96px;
    top:345px;
    width: 4px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#breathshieldLine2{
    position: absolute;
    left:99px;
    top:348px;
    width: 5px;
    height: 2px;
    background-color: black;
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nosepieceLine{
    position: absolute;
    left:164px;
    top:359px;
    width: 25px;
    height: 2px;
    background-color: white;
}

#objectiveLine{
    position: absolute;
    left:185px;
    top:381px;
    width: 13px;
    height: 2px;
    background-color: white;
}

#mechanicalLine{
    position: absolute;
    left:131px;
    top:405px;
    width: 15px;
    height: 2px;
    background-color: white;
}

#condenserLine{
    position: absolute;
    left:156px;
    top:445px;
    width: 20px;
    height: 2px;
    background-color: white;
}

#fieldDiaphragmLine{
    position: absolute;
    left:173px;
    top:489px;
    width: 17px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

#baseLine{
    position: absolute;
    left:140px;
    top:511px;
    width: 13px;
    height: 2px;
    background-color: white;
}

#illuminationLine{
    position: absolute;
    left:146px;
    top:541px;
    width: 5px;
    height: 2px;
    background-color: white;
}

#illuminationLine2{
    position: absolute;
    left:151px;
    top:541px;
    width: 30px;
    height: 2px;
    background-color: black;
}

#mirrorLine{
    position: absolute;
    left:223px;
    top:565px;
    width: 2px;
    height: 20px;
    background-color: white;
}

#mirrorLine2{
    position: absolute;
    left:223px;
    top:565px;
    width: 2px;
    height: 8px;
    background-color: black;
}

#filtersLine{
    position: absolute;
    left:267px;
    top:557px;
    width: 2px;
    height: 20px;
    background-color: white;
}

#filtersLine2{
    position: absolute;
    left:267px;
    top:557px;
    width: 2px;
    height: 12px;
    background-color: black;
}

#filtersLine3{
    position: absolute;
    left:272px;
    top:565px;
    width: 2px;
    height: 10px;
    background-color: white;
    -webkit-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-ms-transform: rotate(32deg);
	-o-transform: rotate(32deg);
	transform: rotate(32deg);
}

#filtersLine4{
    position: absolute;
    left:276px;
    top:556px;
    width: 2px;
    height: 13px;
    background-color: black;
    -webkit-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-ms-transform: rotate(32deg);
	-o-transform: rotate(32deg);
	transform: rotate(32deg);
}

#filtersLine5{
    position: absolute;
    left:273px;
    top:564px;
    width: 2px;
    height: 15px;
    background-color: white;
    -webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}

#filtersLine6{
    position: absolute;
    left:288px;
    top:550px;
    width: 2px;
    height: 22px;
    background-color: black;
    -webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}

#focusKnobLine{
    position: absolute;
    left:310px;
    top:538px;
    width: 2px;
    height: 42px;
    background-color: white;
}

#collectorLens1Line{
    position: absolute;
    left:367px;
    top:547px;
    width: 2px;
    height: 49px;
    background-color: white;
}

#collectorLens1Line2{
    position: absolute;
    left:367px;
    top:547px;
    width: 2px;
    height: 34px;
    background-color: black;
}

#transformerLine{
    position: absolute;
    left:426px;
    top:579px;
    width: 12px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}

#transformerLine2{
    position: absolute;
    left:417px;
    top:567px;
    width: 16px;
    height: 2px;
    background-color: black;
    -webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}

#lineCordLine{
    position: absolute;
    left:451px;
    top:548px;
    width: 18px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(52deg);
	-moz-transform: rotate(52deg);
	-ms-transform: rotate(52deg);
	-o-transform: rotate(52deg);
	transform: rotate(52deg);
}

#diascopicLine{
    position: absolute;
    left:484px;
    top:499px;
    width: 20px;
    height: 2px;
    background-color: white;
}

#microscopeControlLine{
    position: absolute;
    left:423px;
    top:410px;
    width: 62px;
    height: 2px;
    background-color: white;
}

#fanLine{
    position: absolute;
    left:431px;
    top:377px;
    width: 40px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
}

#collectorLens2Line{
    position: absolute;
    left:457px;
    top:329px;
    width: 57px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(64deg);
	-moz-transform: rotate(64deg);
	-ms-transform: rotate(64deg);
	-o-transform: rotate(64deg);
	transform: rotate(64deg);
}

#lampLine{
    position: absolute;
    left:486px;
    top:320px;
    width: 72px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(55deg);
	-moz-transform: rotate(55deg);
	-ms-transform: rotate(55deg);
	-o-transform: rotate(55deg);
	transform: rotate(55deg);
}

#aperturesLine{
    position: absolute;
    left:300px;
    top:321px;
    width: 15px;
    height: 2px;
    background-color: black;
    -webkit-transform: rotate(70deg);
	-moz-transform: rotate(70deg);
	-ms-transform: rotate(70deg);
	-o-transform: rotate(70deg);
	transform: rotate(70deg);
}

#aperturesLine2{
    position: absolute;
    left:305px;
    top:321px;
    width: 15px;
    height: 2px;
    background-color: black;
    -webkit-transform: rotate(-70deg);
	-moz-transform: rotate(-70deg);
	-ms-transform: rotate(-70deg);
	-o-transform: rotate(-70deg);
	transform: rotate(-70deg);
}

#filmPlaneLine{
    position: absolute;
    left:210px;
    top:7px;
    width: 32px;
    height: 2px;
    background-color: white;
}

#electricalLine{
    position: absolute;
    left:233px;
    top:42px;
    width: 16px;
    height: 2px;
    background-color: white;
}

#automaticLine{
    position: absolute;
    left:273px;
    top:90px;
    width: 20px;
    height: 2px;
    background-color: white;
}

#projectionLine{
    position: absolute;
    left:222px;
    top:162px;
    width: 21px;
    height: 2px;
    background-color: white;
}

#trinocularLine{
    position: absolute;
    left:242px;
    top:226px;
    width: 25px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

#trinocularLine2{
    position: absolute;
    left:240px;
    top:235px;
    width: 8px;
    height: 2px;
    background-color: black;
    -webkit-transform: rotate(-40deg);
	-moz-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

#prismsLine{
    position: absolute;
    left:227px;
    top:243px;
    width: 30px;
    height: 2px;
    background-color: white;
}

#prismsLine2{
    position: absolute;
    left:227px;
    top:243px;
    width: 21px;
    height: 2px;
    background-color: black;
}

#verticalLine{
    position: absolute;
    left:337px;
    top:247px;
    width: 2px;
    height: 16px;
    background-color: white;
}

#verticalLine2{
    position: absolute;
    left:337px;
    top:255px;
    width: 2px;
    height: 6px;
    background-color: black;
}

#shutterLine{
    position: absolute;
    left:396px;
    top:249px;
    width: 40px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(50deg);
	-moz-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	transform: rotate(50deg);
}

#coolingLine{
    position: absolute;
    left:458px;
    top:191px;
    width: 2px;
    height: 20px;
    background-color: white;
}

#episcopicLine{
    position: absolute;
    left:516px;
    top:192px;
    width: 2px;
    height: 13px;
    background-color: white;
}