/*keep this same for all*/
/*the main div container parallel to and above mainBox div*/
#wepLab12
{
	position: relative;
	width:100%;
	height:100%;

	top:0%;
	left:0%;

	margin:0;
	padding:0;

	/*to make sure if elements go out of the viewport the scroll bars wont appear*/
	overflow: hidden;

	/*change only this*/
	/* background-image: url("http://gituploads.olenepal.org/epaath_media/activity/grade7/science/scwep01/page12/image/BgBlue.png"); */
}

/*all text division*/
#allText{
	/*display: none;*/
	position: absolute;
	top:10%;
	left:0%;

	width: 100%;
	height:50%;

	/*border: 1px solid;*/
}

#whatHappened{
	display: none;
	position: absolute;
	top:70%;
	left:3%;

	width: 50%;
	text-align: center;

	font-size: 1.3em;

	color: yellow;
}

#wepLab12Q{
	display: none;
	position: relative;
	top:0%;

	width:100%;
	text-align:center;

	font-size: 1.5em;

	color:darkblue;
}

/*radio button label*/
 #allText span{
 	display: none;

 	position: relative;
 	top:30%;
 	left:30%;

	margin-left: 1%;
	color:darkgreen;

	font-size: 1.5em;
}

 #allText input{
 	display: none;
 	position: relative;
 	top:30%;
 	left:30%;

 	margin-bottom: 1%;
 }

#allText span:hover, #allText input:hover{

	cursor: pointer;
}

/*checkanswer text*/
#checkOption{
	/*display: none;*/
	position: relative;
	top:0%;

	font-size: 1.3em;
}

#conclusionGravity{
	display: none;
	position: absolute;
	top:20%;

	width: 100%;
	text-align: center;

	font-size: 1.5em;
	color:darkblue;
}

/*slope image*/
#slope{
	position:absolute;
	top:30%;
	left:10%;

	width:77%;
}

/*rock image*/
#rock{
	position: absolute;
	top:11%;
	left:62.5%;

	width: 10%;

	/*border:1px solid red;*/

	transform-origin:60% 100%;
	-webkit-transform-origin:60% 100%;

}

/*stone image*/
#stone{

	position: absolute;
	top:84%;
	left:53%;

	width:10%;
}

/*brokeStone image*/
#brokeStone{
		display: none;
	position: absolute;
	top:84%;
	left:53%;

	width:10%;
}

#gravityEnergy{
	display: none;
 	position:absolute;
	top:93%;
	left:0%;

	/*width 100% and align center for making the text at center of screen*/
	width:100%;
	text-align: center;

	font-size: 1.7em;

	color:rgb(2,66,83);

	padding: 0%;

	border-radius: 5%;
	background-color: rgba(185,228,238,0.7);
}