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

	top:0%;
	left:0%;

	/*background-color: #37C2DA;*/

	overflow: hidden;

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

/*for all elements make sure that it does not inherit margin and padding*/
#cell5 *{
	margin:0;
	padding:0;
	/*font-family: serif;*/
}

/*------------------------------------------------------------------------------------------*/

#cell5 > p:nth-of-type(1){
	/* display: none; */
	position: absolute;
	top:5%;
	width:100%;
	text-align: center;
	font-size: 1.3em;
	color:darkblue;
}

#cell5 > p:nth-of-type(n+2){
	display: none;
	position: absolute;
	color:black;
	font-size: 1.5em;
	left:36%;
	cursor:pointer;
}

/*cellWaLL*/
#cell5 > p:nth-of-type(2){
	top:20%;
}

/*VACUOLE*/
#cell5 > p:nth-of-type(3){
	top:46%;
}

/*chloroplast*/
#cell5 > p:nth-of-type(4){
	top:88%;
}

/*description*/
#describe{
	/*display: none;*/
	position: absolute;
	top:15%;
	left:57% !important;
	width:40% !important;
	/*top:40%;
	left:53%;
	width:47%;*/
	text-align: center;
	color:purple;
	font-size: 1.5em;
}

#pTissue{
	display: none;
	position: absolute;
	top:15%;
	left:20%;
	width:60%;
}

#pCell{
	display: none;
	position: absolute;
	top:35%;
	left:60%;
	width:25%;
	cursor:pointer;
}

#acell{
	display: none;
	position: absolute;
	top:35%;
	left:5%;
	width:40%;
}

#pCellLabel{
	display: none;
	position: absolute;
	top:23%;
	left:37.5%;
	width:30%;
}

#goToCell{
	display: none;
	position: absolute;
	top:75%;
	right:2%;
	width: 6%;
	height: 15%;
	cursor: pointer;

	/* make background-image default for nepali language it is programmatically changed accordingly during runtime */
	background-image: url("../../../../../images/arrows/next_np.png");
	background-repeat: no-repeat;
	background-size: contain;
}

#goToCell:hover{
	background-image: url("../../../../../images/arrows/next_hover_np.png");
}

/*replay button*/
#replayButton{
	display: none;
	position: absolute;
	top:85%;
	right:5%;
	width: 6%;
	height: 9%;

}
/*
#replayButton:hover{
	color: darkblue;
}*/