#activityContainer{
	position:relative;
	top:0;
	left:0;
	width:700px;
	height:682px;
	background:url("../img/activity_bg.png");
}

#map_bg{
	position: absolute;
	left: 85px;
	top: 60px;
	width: 528px;
	height: 511px;
    background:url("../img/map.png")
}

#map_canvas{
	position: absolute;
	left: 85px;
	top: 60px;
	width: 528px;
	height: 511px;
}

#westernMap_over{
	position: absolute;
	left: 108px;
	top: 134px;
	width: 188px;
	height: 196px;
	display:none;
	background:url("../img/westernMap_over.png")
}

#midWesternMap_over{
	position: absolute;
	left: 284px;
	top: 150px;
	width: 198px;
	height: 153px;
	display:none;
	background:url("../img/midWesternMap_over.png")
}

#northEasternMap_over{
	position: absolute;
	left: 482px;
	top: 143px;
	width: 99px;
	height: 129px;
	display:none;
	background:url("../img/northEasternMap_over.png")
}

#southWesternMap_over{
	position: absolute;
	left: 171px;
	top: 281px;
	width: 247px;
	height: 137px;
	display:none;
	background:url("../img/southWesternMap_over.png")
}

#southEasternMap_over{
	position: absolute;
	left: 395px;
	top: 247px;
	width: 144px;
	height: 167px;
	display:none;
	background:url("../img/southEasternMap_over.png")
}

#mapBtn{
    position: absolute;
	bottom: 44px;
	left: 80px;
	width: 94px;
	height: 37px;
	background: url("../img/mapBtn.png");
}

#modelKeyBtn{
    position: absolute;
	bottom: 44px;
	left: 180px;
	width: 164px;
	height: 37px;
	background: url("../img/modelKeyBtn.png");
}

#nextBtn{
	position: absolute;
	bottom: 44px;
	left: 351px;
	width: 109px;
	height: 37px;
}

#checkBtn{
	position: absolute;
	bottom: 44px;
	left: 524px;
	width: 94px;
	height: 37px;
}


.disableNext{background: url("../img/disableNext.png");}
.enableNext{background: url("../img/enableNext.png");}
.disableCheck{background: url("../img/disableCheck.png");}
.enableCheck{background: url("../img/enableCheck.png");}

.legendElement{cursor:pointer;}

#bigMapArea{
    position: absolute;
	left: 85px;
	top: 60px;
	width: 528px;
	height: 511px;
    /* border:1px solid red; */
	display:none;
}

.wm_1,.wm_2,.wm_3,.wm_4{position:absolute;top: 226px;left: 10px;width:75px;height:75px}
.wm_2{top: 319px;left: 115px;}
.wm_3{top: 206px;left: 230px;}
.wm_4{top: 322px;left: 343px;}

.mwm_1,.mwm_2,.mwm_3,.mwm_4{position:absolute;top: 252px;left: 40px;;width:75px;height:75px}
.mwm_2{top: 125px;left: 127px;}
.mwm_3{top: 311px;left: 203px;}
.mwm_4{top: 289px;left: 334px;}

.nem_1,.nem_2,.nem_3,.nem_4{position:absolute;top: 280px;left: 10px;width:75px;height:75px}
.nem_2{top: 391px;left: 172px;}
.nem_3{top: 284px;left: 244px;}
.nem_4{top: 157px;left: 333px;}

.sem_1,.sem_2,.sem_3,.sem_4{position:absolute;top: 290px;left:65px;width:75px;height:75px}
.sem_2{top: 73px;left: 207px;}
.sem_3{top: 239px;left: 215px;}
.sem_4{top: 197px;left: 317px;}

.swm_1,.swm_2,.swm_3,.swm_4{position:absolute;top: 105px;left: 40px;width:75px;height:75px}
.swm_2{top: 259px;left: 66px;}
.swm_3{top: 388px;left: 160px;}
.swm_4{top: 294px;left: 329px;}

.dummyTarget_0,.dummyTarget_1,.dummyTarget_2,.dummyTarget_3,.dummyTarget_4{position:absolute;top:50px;left: 432px;width:75px;height:75px;border:0px solid red;}
.dummyTarget_1{top:130px;}
.dummyTarget_2{top:211px;}
.dummyTarget_3{top:292px;}
.dummyTarget_4{top:371px;}

.wm_ans1,.wm_ans2,.wm_ans3{position:absolute;top: 375px;left: 50px;width:75px;height:75px}
.wm_ans2{top: 124px;left: 230px;}
.wm_ans3{top: 369px;left: 274px;}

.mwm_ans1,.mwm_ans2,.mwm_ans3{position:absolute;top: 123px;left: 212px;width:75px;height:75px}
.mwm_ans2{top: 400px;left: 205px;}
.mwm_ans3{top: 373px;left: 334px;}

.nem_ans1,.nem_ans2,.nem_ans3{position:absolute;top: 324px;left: 105px;width:75px;height:75px}
.nem_ans2{top: 216px;left: 185px;}
.nem_ans3{top: 87px;left: 275px;}

.sem_ans1,.sem_ans2,.sem_ans3{position:absolute;top: 70px;left: 290px;width:75px;height:75px}
.sem_ans2{top: 324px;left: 215px;}
.sem_ans3{top: 280px; left: 315px;}

.swm_ans1,.swm_ans2,.swm_ans3{position:absolute;top: 328px;left: 10px;width:75px;height:75px}
.swm_ans2{top: 308px;left: 181px;}
.swm_ans3{top: 213px;left: 320px;}

.titleHolder,.titleHolder1{position:absolute;top: 0px;left: 85px;width:354px;height:45px;background:url("../../assets/img/title_bg.png");font-size:16px;font-weight:bold;text-align:center}

.titleHolder span,.titleHolder1 span{position:relative;top:7px;}
.keyChart{position:absolute;left: 35px;top: 60px;width:473px;height:385px;background:url("../../assets/img/keyChart.png")}
.chartCloseBtn{position:absolute;left: 188px;bottom: 23px;width: 100px;height: 30px;cursor:pointer;}
.keyChartHolder{position: absolute;left: 85px;top: 60px;width: 528px;height: 511px;display:none;}
.maphover{background:url("../../assets/img/map_over.png") !important;}
.modelkeyhover{background:url("../../assets/img/model_key_over.png") !important;}
.nexthover{background:url("../../assets/img/next_hover.png") !important;}
.checkhover{background:url("../../assets/img/check_over.png") !important;}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { .titleHolder,.titleHolder1{font-size:14px;} }