html, body {
  font-size:20px;
  min-width:800px;
  /*border:1px blue solid;*/
}

.header{
	background-image:url(../Images/whiteBG.png);
	margin-bottom:10px;
}

.content2{
	width: 90%;
	height:83%;
}
#activitySubject{
	width: 180px;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow: ellipsis;
}
.imageHolder{
	width:300px;
	margin:0px auto;
}

#submitBtn, #retakeBtn{
	font-size: 15px;
}

#results{
	font-size: 15px;
}

.choicesHolder{
	width:100%;
}



.popupHolder {
  height:300px;
  width:250px;
}



/*====================*/

.choices{
	width:100px;
	height:100px;
}

.choicesA, .choicesB, .choicesC{
	width:100px;
	height:100px;
}

.bubblePop{
	width:100px;
	height:100px;
}

.bubbleChild{
	width:100px;
	height:100px;

}



#bubble1{
	left:-20px;
}

#bubble2{
	left:90px;
}

#bubble3{
	left:200px;
}

#bubble4{
	top:120px;
	left:-20px;
}

#bubble5{
	top:120px;
	left:90px;
}

#bubble6{
	top:120px;
	left:200px;
}

#bubble7{
	top:240px;
	left:-20px;
}

#bubble8{
	top:240px;
	left:90px;
}

#bubble9{
	top:240px;
	left:200px;
}
#bubble10{
	top:360px;
	left:-20px;
}

#bubble11{
	top:360px;
	left:90px;
}

#bubble12{
	top:360px;
	left:200px;
}

#bubble13{
	top:480px;
	left:90px;
}

.tableHolder{
	height:450px;
}

.marks{
	margin:20px auto;
}




.answers #bubble3{
	left:-20px;
}

.answers #bubble5{
	top:0px;
	left:90px;
}

.answers #bubble6{
	top:0px;
	left:200px;
}

.answers #bubble8{
	top:120px;
	left:-20px;
}
.answers #bubble10{
	top:120px;
	left:90px;
}

.answers #bubble12{
	top:120px;
	left:200px;
}

.answers #bubble13{
	top:240px;
	left:90px;
}