@charset "utf-8";
body {
    height: 480px;
    text-align: center;
}
.specimenWindow {
	/*margin-top: 5px;*/
}
.controlBack {
	height: 65px;
}
.controlPanelBack {
	display: inline-block;
	height: 55px;
	margin-top: 5px;
	overflow: hidden;
	padding: 0 10px;
}
#slider {
	display: inline-block;
	position: relative;	
	width: 150px;
	margin-top: 5px;
}
#photoBackground {
	background-size: 280px 260px;
	background-repeat: no-repeat;
	width: 295px;
	height: 330px;
	/*border: 1px solid green;*/
	overflow: hidden;
	/*left: 82px;*/
}
.carbonDioxideParticle {
	position: absolute;
	width: 16px;
	height: 24px;
}
.hydrogenParticle {
	position: absolute;
	left: 4px;
	top: 0px;
	width: 15px;
	height: 10px;
}
.oxygenParticle {
	position: absolute;
	left: 60px;
	top: -143px;
/*	width: 16px;
	height: 16px;*/
}
.carbsParticle {
	position: absolute;
	left: 80px;
	top: -26px;
	width: 20px;
	height: 26px;
}
#carbsimg {
	position: absolute;
	left: 80px;
	top: -26px;
	width: 20px;
	height: 26px;
}
.dioxideParticle {
	position: absolute;
	left: 100px;
	top: -30px;
	width: 16px; 
	height: 24px;
}
.waterparticle {
	position: absolute	;
	left: 0px;
	top: -160px;
}
#waterA {
	position: absolute;
	left: 38px;
	top: 217px;
	width: 25px;
	height: 19px ;
}
#waterB {
	position: absolute;
	left: 72px;
	top: 189px;
	width: 25px;
	height: 19px ;
}
#oxygenA {
	position: absolute;
	left: 65px;
	top: 89px;
	width: 16px;
	height: 24px;
	visibility: hidden;
}
#oxygenB {
	position: absolute;
	left: 65px;
	top: 89px;
	width: 16px;
	height: 24px;
}
#oxygenC {
	position:  absolute;
	left: 30px;
	top: 25px;
	width: 16px;
	height: 16px;
	visibility: hidden;
	/*border: 1px solid red;*/
}
#stormLines {
	overflow: hidden;
	position: absolute;
	left: 155px;
	top: 18px;
	width: 106px;
	height: 147px;
	/*display: none;*/
}
.hydrogen {
	width: 15px;
	height: 10px;
	position: absolute;
}
#h2AImg {
	position: absolute;
	left: 0px;
	top: -35px;
	width: 15px;
	height: 10px ;
}
#co2 {
	position: absolute;
	left: 0px;
	top: -40px;
	width: 16px; 
	height: 33px; 
}
#co2A {
	position: absolute;
	left: 0px;
	top: -40px;
	width: 16px; 
	height: 33px;
	/*border: 1px solid yellow;*/
}
#co2B {
	position: absolute;
	left: 0px;
	top: -40px;
	width: 16px; 
	height: 33px;
	/*border: 1px solid red;*/
}
#h2 {
	position: absolute;
	left: 0px;
	top: -90px;
}
#h2B {
	/*border: 1px solid red;*/
}
#carbsA {
	position: absolute;
	left: 50px;
	top: 40px;
	/*border: 1px solid yellow;*/
	width: 20px;
	height: 26px;
	visibility: hidden;
}
#carbsB {
	position: absolute;
	left: 50px;
	top: 40px;
	/*border: 1px solid green;*/
	width: 20px;
	height: 26px;
	background-size: 16px 24px;
	background-repeat: no-repeat;
	visibility: hidden;	
}
#oxygenD {
	position: absolute;
	left: 50px;
	top: 30px;
	width: 16px;
	height: 24px;
	/*border: 1px solid red;*/
	visibility: hidden;
}
.mainscene {
	overflow: hidden;
}
#rightGroup {
	width: 103px;
	height: 93px;
	overflow: hidden;
	left: 156px;
	position: relative;
	/*border: 1px solid red;*/
	top: 70px;
}
#hydrogenA {
	position: absolute;
	left: 43px; /*old 43*/
	top: 123px;
	visibility: hidden;
	/*border: 1px solid blue;*/
}
#hydrogenB {
	position: absolute;
	left: 78.5px; /*old 78.5*/
	top: 84px;
	/*border: 1px solid red;*/
	visibility: hidden;
}
#runDiv {
	position: absolute;
	left: -15px;
	top: 50px;
	/*border: 1px solid red;*/
	width: 20px;
	height: 20px;
	/*runDiv used to keep timeline none-zero*/
}
#hydrogenGroup {
	/*border:1px solid red;*/
	height:20px;
	width:20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	overflow: hidden;
	position: absolute;
	left: 113px;
	top: 37px;
}
#h2A {
	/*border: 1px solid red;*/
	visibility: hidden;
}
#photon {
	position: absolute;
	top: -60px;
}
#photonA {
	position: absolute;
/*	left: -79px;
	top: 33px;*/
	left: -58px;
	top: 46px;
	width: 25px;
	height: 27px;
	/*border: 1px solid red;*/
}
#photonB {
	position: absolute;
/*	left: -7px;
	top: 16px;*/
	left: -25px;
	top: 4px;
	width: 25px;
	height: 27px;
}

#LeftphotoCanvas {
	width: 20px;
	height: 20px;
	position: absolute;
	left: -79px;
	top: 33px;
}
#RightphotoCanvas {
	width: 20px;
	height: 20px;
	position: absolute;
	left: -7px;
	top: 16px;
}
.whiteWindow {
	position: relative;
	margin: 0 auto;
}
/*#bottomGroup > div {
	position: absolute;	
	width: 40px;
	height: 100%;
}*/
.assets {
	position: absolute;	
	width: 40px;
	height: 100%;
}
#hydrogen {
/*	height: 45%;
	top: 10px;*/
	top: 8px;
}
.bottomLabel{
	/*width: 100%;*/
/*	text-align: center;
	height: 20px;
	margin-top: 35px;
	margin-left: -19px;*/
	position: absolute;
	top: 29px;
}
#bottomGroup {
	position: absolute;
	top: 268px;
	width: 100%;
	height: 40px;
	left: -42px;
}
#granum {
	position: absolute;
	left: 157px;
	top: -16px
}
#stroma {
	position: absolute;
	left: 228px;
	top: -261px;
}
#carbondioxide {
	top: -7px;
}