@charset "utf-8";

.mainscene {
	width: 406px;
	height: 378px;
	text-align: center;
}

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

.blackLine {
	background-color: black;
	position: absolute;
}

.controlPanelBack {
	display: inline-block;
	margin-bottom: 8px;
	width: 200px;
}

.hLine {
	height: 2px;
}

.sliderTrack {
	background-image: url("spectrumTest.png");
	background-size: 180px 15px;
	background-repeat: no-repeat;
}

.vLine {
	width: 2px;
}

#backgroundImage {
	/* position: absolute; */
	top: 0px; left: 0px; 
	width: 300px; height: 199px;
}

#fallingCanvas {
	position: absolute;
	top: 0px;
	left: -30px;
}

#sldr {
	display: inline-block;
	position: relative;
	width: 180px;
	margin: 5px;
}

#topWindow {
	position: relative;
	display: inline-block;
	width: 300px; height: 210px;
	margin-top: 5px;
	padding: 10px;
}


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

#sdText {
	position: absolute;
	top: 23px; left: 18px;
}

#pgText {
	position: absolute;
	top: 39px; left: 225px;
}

#nc1Text {
	position: absolute;
	top: 93px; left: 34px;
}

#nc2Text {
	position: absolute;
	top: 117px; left: 214px;
}

#pb1Text {
	position: absolute;
	top: 123px; left: 42px;
}

#pb2Text {
	position: absolute;
	top: 140px; left: 188px;
}

#peText {
	position: absolute;
	top: 186px; left: 95px;
}

#ptsText {
	position: absolute;
	top: 201px; left: 220px;
}

#pwText {
	position: absolute;
	top: 113px; left: 123px;
}

/*--------------------------------Lines--------------------------------*/

#sdLine {
	top: 48px; left: 29px; 
	height: 21px;
}

#pgLine {
	top: 63px; left: 256px; 
	height: 14px;
}

#pb1Line {
	top: 127px; left: 94px; 
	width: 7px;
	background-color: black;
}

#pb2Line {
	top: 144px; left: 180px; 
	width: 6px;
	background-color: black;
}

#peLine {
	top: 153px; left: 139px; 
	height: 32px;
}

#ptsLine {
	top: 177px; left: 234px; 
	height: 21px;
}

.sliderTrackThresh {
	display: none;
}

.controlText {
	margin-top: 8px;
}

.controlBack {
	padding: 6px;
}

#tutorialTitle {
	margin: 13px auto 2px auto !important;
}