@charset "utf-8";

.mainscene{
	width: 388px;
	height: 417px;
	text-align: center;
}

.splashBackground {
	-moz-transform: scale(.85, .85);
	-ms-transform: scale(.85, .85);
	-o-transform: scale(.85, .85);
	-webkit-transform: scale(.85, .85);
	transform: scale(.85, .85);
}

.blackLine{
	background-color: black;
	position: absolute;
	-ms-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	width: 2px; height: 14px;
	top: 88px;
}

.controlPanelBack{
	display: inline-block;
	margin: 6px;
	padding: 6px;
}

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

#backgroundImage{
	position: absolute;
	top: 63px; left: 0px;
	margin: 0px 0px;
}

#photonCanvas{
	position: absolute;
	top: 21px; left: 38px;
}

#topWindow{
	position: relative;
	display: inline-block;
	width: 350px; height: 273px;
	left: -4px;
}

#wavelengthSldr > .sliderTrack{
	background-image: url("spectrum.jpg");
	background-size: 120px 10px;
	background-repeat: no-repeat;
}

/*---------------------------Text Positioning------------------------*/

#ip1Text{
	position: absolute;
	top: 20px; left: 55px;
}

#ip2Text{
	position: absolute;
	top: 20px; left: 205px;
}

#lText{
	position: absolute;
	top: 86px; left: 66px;
}

#eg1Text{
	position: absolute;
	top: 65px; left: 127px;
}

#eg2Text{
	position: absolute;
	top: 65px; left: 292px;
}

#epText{
	position: absolute;
	top: 169px; left: -42px; 
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#p1Text{
	position: absolute;
	top: 140px; left: 49px;
}

#p2Text{
	position: absolute;
	top: 135px; left: 205px;
}

#dText{
	position: absolute;
	top: 132px; left: 302px;
}

#ie1Text{
	position: absolute;
	top: 197px; left: 54px;
}

#ie2Text{
	position: absolute;
	top: 192px; left: 209px;
}

#odText{
	position: absolute;
	top: 227px; left: 129px;
}

#ptsText{
	position: absolute;
	top: 224px; left: 239px;
}

/*-----------------------Black Line positioning-----------------------*/

#eg1Line{
	left: 143px;
}
#eg2Line{
	left: 308px;
}

/* random */
#wavelengthSldr .sliderTrackThresh {
	display: none;
}

#wavelengthSldr .sliderTrack {
	border-color: #557997;
}