/*CSS specific to the activity goes here. Anything related to the template, the headers, the footers will be at a higher folder level*/
#imageHolder{
	height: 100%;
}
#annotation1{
	top: 35%;
	right: 2%;
}

#annotation2{
	top: 40%;
}

#annotation3{
	top: 50%;
}

#annotation4{
	top: 70%;
}

#annotation5{
	top: 20%;
	right: 2%;
}

#annotation6{
	top: 30%;

}

#annotation7{
	top: 55%;
	right: 2%;

}

#annotation8{
	top: 60%;
	right: 2%;

}

#annotation9{
	top: 70%;

}
.annotationContent {
	display: none;
	background-color: #FFF;
	position: absolute;
	z-index: 5000;
	padding: 0.2em;
	width: 33%;
	border: 5px solid #91DEB6;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;

	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
}

/*PAGE 04*/
#printAdvert{
	text-align: center;

}

#printAdvert img {
	position: relative;
	

}

.leftSortable, .rightSortable {
	width: 37%;
	height: 75%;
	float: left;
}
.leftSortable li, .rightSortable li{
	list-style-type: none;
}

.rightSortable img {
	height: 100%;
	
}

.leftSortable img {
	
	height: 100%;
}

.rightSortable li, .sortCeleb{
	background-color: #fff;
	border: 5px solid #91DEB6;
	text-align: center;
	color: #262626;
	height: 18%;
	margin: 2% 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;

	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.75);

}

.sortCeleb{
	border: 5px solid #35213B;
	position: relative;
	background-color: #35213B;
}

.sortCeleb:after, .sortCeleb:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.sortCeleb:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #35213B;
	border-width: 30px;
	margin-top: -30px;
}
.sortCeleb:before {
	border-color: rgba(53, 33, 59, 0);
	border-left-color: #35213B;
	border-width: 37px;
	margin-top: -37px;
}

#totalCorrectHolder {
	float: left;
}

/*PAGE 6*/

.showHideNext {
	width: 50%;
	margin: 5% 25%;
	display: inline-block;
}

.showHideNextPara{
	margin-top: -1em;
	text-align: center;
	
}

.paragraphText{
	float: left; 
}

.paragraphText p{
	margin-top: 1em; 
}

#activity9 img{
width: 50%;
margin: 5% 25%;
}

.reference{
	text-align: right;
	color: #666;
}