@charset "utf-8";

.anoPos {
	top:25px;
	left:247px;
}

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

#bulbOn {
	left:0px;
	top: 0px;
	z-index:-1;
	position: absolute;  
}

.boxAsWire {
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	width:94px;
	height: 76px;
	border:.2em solid #b7b7b7;
	display: inline-block;
	z-index: -1;
	top: 10px;
	left: 131px;
}

.controlBack {
	height: 74px;
	bottom: -86px;
	left: -41px;
	right: -45px;
}

.controlPanelBack {
	height: 65px;
	margin-top: 5px;
	width: 437px;
}

.cathPos {
	top:25px;
	left:59px;
}

.dlineA {
	height: 2px;
	width: 24px;
	top: 43px;
	left: 224px;   
	transform:rotate(139deg);
	-ms-transform: rotate(139deg); 
	-webkit-transform: rotate(139deg); 
}

.dlineB {
	height: 2px;
	width: 24px;
	top: 43px;
	left: 104px;   
	transform:rotate(42deg);
	-ms-transform: rotate(42deg); 
	-webkit-transform: rotate(42deg); 
}

.dlineC {
	height: 2px;
	width: 15px;
	top: 200px;
	left: 106px;   
	transform:rotate(-44deg);
	-ms-transform: rotate(-44deg); 
	-webkit-transform: rotate(-44deg); 
}

.electronL {
	top:243px;
	left:206px;
	width: 6px;
	height: 6px;
}

.exPos {
	top:204px;
	left:60px;
}

#firstElectron {
	height: 60px;
	width: 60px;
	top: 11px;
	left: 167px;
	position: absolute;
}

.ha-whiteWindow {
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 0 7px white;
	margin: 20px;
	height: 293px;
	width: 360px;
	top: 27px;
	left: 21px;
	z-index: 0;
}

#hydrogens {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 6px;
	left: 167px;
}

.hydroPos {
	top:57px;
	left:289px;
}

.hydroinPos {
	top:69px;
	left:302px;
}

.hydroT {
	top: 217px;
	left: 100px;
}

.hydrogenL {
	top:214px;
	left:75px;
	width: 14px;
	height: 18px;
}

.image {
	margin-top: 60px;
}

.lightbulbs {
	left: 155px;
	top: 12px;
	z-index:-2;
}

.legPos {
	top:8px;
	left:-1px;
}
.lines {
	display: inline-block;
	background-color: black;
}
.lytePos {
	top:204px;
	left:154px;
}

#main {
	top:50px;
	left:60px;
	width: 240px;
	height: 231px;
	position: absolute;  
}

.mainscene {
	height: 434px;
}

#oxygen {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 16px;
	left: 7px;
}

.oxyPos {
	top:57px;
	left:21px;
}

.oxyinPos {
	top:69px;
	left:29px;
}

.oxygenL {
	top:213px;
	left:199px;
	width: 20px;
	height: 19px;
}

.oxyT {
	top: 217px;
	left: 231px;
}

#protons {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 6px;
	left: 166px;
}

.pos {
	position: absolute;
}

.protoT {
	top: 239px;
	left: 100px;
}

.protonL {
	top:236px;
	left:75px;
	height: 20px;
	width: 14px;
}

#secondElectron {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 11px;
	left: 167px;
}

.splashLogoImage {
	left:27.5px;
}

.slineA {
	height:2px;
	width: 20px;
	top: 61px; 
	left: 66px;
}

.slineB {
	height:2px;
	width: 20px;
	top: 61px; 
	left: 267px;
}

.slineC {
	height:23px;
	width: 2px;
	top: 181px; 
	left: 176px;
}

#samplePanelRight {
	right: 5px;
}

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

.specimenWindow {
	margin: 0 auto;
	position: relative;
	top: 22px;
}

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

.txtPos {
	top:10px;
	left:10px;
}

.tronT {
	top: 240px;
	left: 231px;
}

#water {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 86px;
	left: 39px;
}

.waterL {
	top:258px;
	left:140px;
	width: 21px;
	height: 20px;
}

.waterT {
	top: 262px;
	left: 173px;
}