@charset "utf-8";

.mainscene{
	width: 402px;
	height: 294px;
	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{
	width: 2px;
	background-color: black;
}

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

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

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

#btn {
	display: inline-block;
	position: relative;
	width: 66px; height: 30px;
}

#electronCanvas{
	position: absolute;
	top: 0px; left: 0px;
}

#topWindow{
	position: relative;
	display: inline-block;
	width: 365px;
	height: 149px;
	padding: 4px;
}

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

#pText{
	position: absolute;
	top: 0px; left: 70px; 
}

#aText{
	position: absolute;
	top: 0px; left: 285px; 
}

#ceText{
	position: absolute;
	top: 125px; left: 30px; 
}

#ccText{
	position: absolute;
	top: 125px; left: 128px; 
}

#ocText{
	position: absolute;
	top: 125px; left: 300px; 
}

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

#pLine{
	position: absolute;
	top: 2px; left: 44px;
	height: 65px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#aLine{
	position: absolute;
	top: 13px; left: 306px;
	height: 43px;
}

#ceLine{
	position: absolute;
	top: 72px; left: 46px;
	height: 52px;
}

#cc1Line{
	position: absolute;
	top: 79px; left: 194px;
	height: 46px;
	-ms-transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
}

#cc2Line{
	position: absolute;
	top: 64px; left: 163px;
	height: 63px;
	-ms-transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
}

#ocLine{
	position: absolute;
	top: 79px; left: 342px;
	height: 46px;
}

#tutorialTitle {
	margin-bottom: 6px;
}