@charset "utf-8";

body{
	/* width: 550px; */
	height: 820px;
	text-align: center;
}

.diagramTextBlack {
	display: block;
	position: absolute;
	margin: 10px;
}

.mainWindow{
	position: relative;
	display: inline-block;
	width: 506px;
	height: 620px;
	padding: 20px;
}

.mainWindow > div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

#lblContainer {
	position: absolute;
	left: -30px;
	top: -64px;
}

#bgImg {
	width: 440px; height: : 605px;
}

#overlays {
	position: absolute;
	top: 0px; left: 33px;
	width: 440px; height: 605px;
}

#mainCanvas {
	position: relative;
	top: -605px; left: -36px;
	width: 440px; height: 605px;
}

#lineCanvas {
	position: relative;
	top: -1216px; left: -4px;
	width: 520px; height: 605px;
}

.controlPanelBack{
	position: relative;
	display: inline-block;
	margin: 4px;
	padding: 4px;
	vertical-align: middle;
}

.controlText {
	margin: 4px auto;
}

#sldr {
	display: inline-block;
	position: relative;
	width: 120px;
}

#rightSegment > div {
	height: 26px;
	padding: 0 8px;
}

#leftSegment > div {
	height: 26px;
	padding: 0 8px;
}

/*Content Labels*/

.diagramTextBlack {
	position: absolute;
	top: 0px; left: 0px;
	white-space: nowrap;
}

#cameraLbl {
	top: 64px; left: 92px;
}

#focusLbl {
	top: 106px; left: 102px;
}

#shutterLbl {
	top: 179px; left: 134px;
}

#extensionLbl {
	top: 203px; left: 118px;
}

#lensLbl {
	top: 230px; left: 120px;
}

#eyecupLbl {
	top: 200px; left: 40px;
}

#eyepieceLbl {
	top: 280px;  left: 20px;
}

#splitLbl {
	top: 315px; left: 46px;
}

#vertIllLbl {
	top: 335px; left: 53px;
}

#dichroicLbl {
	top: 369px; left: 20px;
}

#breathLbl {
	top: 400px; left: 22px;
}

#noseLbl {
	top: 415px; left: 135px;
}

#objectiveLbl {
	top: 443px; left: 115px;
}

#mechanicalLbl {
	top: 465px; left: 50px;
}

#condenserLbl {
	top: 503px; left: 97px;
}

#diaphragmLbl {
	top: 530px; left: 113px;
}

#baseLbl {
	top: 586px; left: 118px;
}

#illAdjustLbl {
	top: 608px; left: 83px;
}

#filmLbl {
	top: 58px; left: 247px;
}

#electricalLbl {
	top: 91px; left: 249px;
}

#autoExposureLbl {
	top: 122px; left: 311px;
}

#lightSensorLbl {
	top: 180px; left: 270px;
}

#projectionLbl {
	top: 215px; left: 242px;
}

#trinocularLbl {
	top: 250px; left: 240px;
}

#prismsLbl {
	top: 296px; left: 261px;
}

#aperturesLbl {
	top: 383px; left: 285px;
}

#mirrorLbl {
	top: 648px; left: 212px;
}

#filterLbl {
	top: 640px; left: 250px;
}

#focusKnobLbl {
	top: 630px; left: 290px;
}

#collectLbl {
	top: 632px; left: 333px;
}

#shutterRightLbl {
	top: 287px; left: 334px;
}

#coolingLbl {
	top: 214px; left: 400px;
}

#episcopicLampLbl {
	top: 216px; left: 463px;
}

#lampLbl {
	top: 320px; left: 500px;
}

#collectRightLbl {
	top: 390px; left: 461px;
}

#circuitLbl {
	top: 427px; left: 455px;
}

#diascopicLbl {
	top: 522px; left: 464px;
}

#cordLbl {
	top: 560px; left: 473px;
}

#transformLbl {
	top: 594px; left: 454px;
}

/* Olympus BX 51 label */
#microscopeLbl {
	top: 70px; left: 410px;
	font-size: 14px;
}