body {margin: 0px;} 
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
form { 
margin:0; 
padding:0; 
} 
input{margin: 0px; border:0; background: transparent;} 
input.mFsubmit{background:#CCCCCC;} 

textarea {margin: 0px; border:0; background: transparent; 
overflow:hidden; color:green; font-weight:bolder;}

#bg_img {
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 0;
} 
#mainarea {
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
} 
/* legends */
#legends {font-family:arial;font-size:90%;font-weight:bolder;}

#legend_1 {position: absolute;left:  7.5%;top: 1.25%;} 
#legend_2 {position: absolute;left: 13.5%;top: 1.25%;} 
#legend_3 {position: absolute;left: 19.5%;top: 1.25%;} 
#legend_4 {position: absolute;left: 25.5%;top: 1.25%;} 
#legend_5 {position: absolute;left: 31.5%;top: 1.25%;} 
#legend_6 {position: absolute;left: 37.5%;top: 1.25%;} 
#legend_7 {position: absolute;left: 43.5%;top: 1.25%;} 
#legend_8 {position: absolute;left: 49.5%;top: 1.25%;} 
#legend_9 {position: absolute;left: 55.5%;top: 1.25%;} 


#legendc_1 {position: absolute;left: 2%;top:  8%;} 
#legendc_2 {position: absolute;left: 2%;top: 18%;} 
#legendc_3 {position: absolute;left: 2%;top: 27%;}
#legendc_4 {position: absolute;left: 2%;top: 36%;} 
#legendc_5 {position: absolute;left: 2%;top: 46%;} 
#legendc_6 {position: absolute;left: 2%;top: 55%;}
#legendc_7 {position: absolute;left: 2%;top: 65%;} 
#legendc_8 {position: absolute;left: 2%;top: 74%;} 
#legendc_9 {position: absolute;left: 2%;top: 83%;}

/* "form" 1 : sop */
#dsop_c11 {position: absolute;left: 5%;top: 9%;margin-left:2px;}
#dsop_c12 {position: absolute;left: 11.1%;top: 9%;margin-left:2px;}
#dsop_c13 {position: absolute;left: 17.2%;top: 9%;margin-left:2px;}
#dsop_c14 {position: absolute;left: 23.3%;top: 9%;margin-left:2px;}
#dsop_c15 {position: absolute;left: 29.4%;top: 9%;margin-left:2px;}
#dsop_c16 {position: absolute;left: 35.5%;top: 9%;margin-left:2px;}
#dsop_c17 {position: absolute;left: 41.6%;top: 9%;margin-left:2px;}
#dsop_c18 {position: absolute;left: 47.7%;top: 9%;margin-left:2px;}
#dsop_c19 {position: absolute;left: 53.8%;top: 9%;margin-left:2px;}
#dsop_c21 {position: absolute;left: 5%;top: 18.25%;margin-left:2px;}
#dsop_c22 {position: absolute;left: 11.1%;top: 18.25%;margin-left:2px;}
#dsop_c23 {position: absolute;left: 17.2%;top: 18.25%;margin-left:2px;}
#dsop_c24 {position: absolute;left: 23.3%;top: 18.25%;margin-left:2px;}
#dsop_c25 {position: absolute;left: 29.4%;top: 18.25%;margin-left:2px;}
#dsop_c26 {position: absolute;left: 35.5%;top: 18.25%;margin-left:2px;}
#dsop_c27 {position: absolute;left: 41.6%;top: 18.25%;margin-left:2px;}
#dsop_c28 {position: absolute;left: 47.7%;top: 18.25%;margin-left:2px;}
#dsop_c29 {position: absolute;left: 53.8%;top: 18.25%;margin-left:2px;}
#dsop_c31 {position: absolute;left: 5%;top: 27.5%;margin-left:2px;}
#dsop_c32 {position: absolute;left: 11.1%;top: 27.5%;margin-left:2px;}
#dsop_c33 {position: absolute;left: 17.2%;top: 27.5%;margin-left:2px;}
#dsop_c34 {position: absolute;left: 23.3%;top: 27.5%;margin-left:2px;}
#dsop_c35 {position: absolute;left: 29.4%;top: 27.5%;margin-left:2px;}
#dsop_c36 {position: absolute;left: 35.5%;top: 27.5%;margin-left:2px;}
#dsop_c37 {position: absolute;left: 41.6%;top: 27.5%;margin-left:2px;}
#dsop_c38 {position: absolute;left: 47.7%;top: 27.5%;margin-left:2px;}
#dsop_c39 {position: absolute;left: 53.8%;top: 27.5%;margin-left:2px;}
#dsop_c41 {position: absolute;left: 5%;top: 36.75%;margin-left:2px;}
#dsop_c42 {position: absolute;left: 11.1%;top: 36.75%;margin-left:2px;}
#dsop_c43 {position: absolute;left: 17.2%;top: 36.75%;margin-left:2px;}
#dsop_c44 {position: absolute;left: 23.3%;top: 36.75%;margin-left:2px;}
#dsop_c45 {position: absolute;left: 29.4%;top: 36.75%;margin-left:2px;}
#dsop_c46 {position: absolute;left: 35.5%;top: 36.75%;margin-left:2px;}
#dsop_c47 {position: absolute;left: 41.6%;top: 36.75%;margin-left:2px;}
#dsop_c48 {position: absolute;left: 47.7%;top: 36.75%;margin-left:2px;}
#dsop_c49 {position: absolute;left: 53.8%;top: 36.75%;margin-left:2px;}
#dsop_c51 {position: absolute;left: 5%;top: 46%;margin-left:2px;}
#dsop_c52 {position: absolute;left: 11.1%;top: 46%;margin-left:2px;}
#dsop_c53 {position: absolute;left: 17.2%;top: 46%;margin-left:2px;}
#dsop_c54 {position: absolute;left: 23.3%;top: 46%;margin-left:2px;}
#dsop_c55 {position: absolute;left: 29.4%;top: 46%;margin-left:2px;}
#dsop_c56 {position: absolute;left: 35.5%;top: 46%;margin-left:2px;}
#dsop_c57 {position: absolute;left: 41.6%;top: 46%;margin-left:2px;}
#dsop_c58 {position: absolute;left: 47.7%;top: 46%;margin-left:2px;}
#dsop_c59 {position: absolute;left: 53.8%;top: 46%;margin-left:2px;}
#dsop_c61 {position: absolute;left: 5%;top: 55.25%;margin-left:2px;}
#dsop_c62 {position: absolute;left: 11.1%;top: 55.25%;margin-left:2px;}
#dsop_c63 {position: absolute;left: 17.2%;top: 55.25%;margin-left:2px;}
#dsop_c64 {position: absolute;left: 23.3%;top: 55.25%;margin-left:2px;}
#dsop_c65 {position: absolute;left: 29.4%;top: 55.25%;margin-left:2px;}
#dsop_c66 {position: absolute;left: 35.5%;top: 55.25%;margin-left:2px;}
#dsop_c67 {position: absolute;left: 41.6%;top: 55.25%;margin-left:2px;}
#dsop_c68 {position: absolute;left: 47.7%;top: 55.25%;margin-left:2px;}
#dsop_c69 {position: absolute;left: 53.8%;top: 55.25%;margin-left:2px;}
#dsop_c71 {position: absolute;left: 5%;top: 64.5%;margin-left:2px;}
#dsop_c72 {position: absolute;left: 11.1%;top: 64.5%;margin-left:2px;}
#dsop_c73 {position: absolute;left: 17.2%;top: 64.5%;margin-left:2px;}
#dsop_c74 {position: absolute;left: 23.3%;top: 64.5%;margin-left:2px;}
#dsop_c75 {position: absolute;left: 29.4%;top: 64.5%;margin-left:2px;}
#dsop_c76 {position: absolute;left: 35.5%;top: 64.5%;margin-left:2px;}
#dsop_c77 {position: absolute;left: 41.6%;top: 64.5%;margin-left:2px;}
#dsop_c78 {position: absolute;left: 47.7%;top: 64.5%;margin-left:2px;}
#dsop_c79 {position: absolute;left: 53.8%;top: 64.5%;margin-left:2px;}
#dsop_c81 {position: absolute;left: 5%;top: 73.75%;margin-left:2px;}
#dsop_c82 {position: absolute;left: 11.1%;top: 73.75%;margin-left:2px;}
#dsop_c83 {position: absolute;left: 17.2%;top: 73.75%;margin-left:2px;}
#dsop_c84 {position: absolute;left: 23.3%;top: 73.75%;margin-left:2px;}
#dsop_c85 {position: absolute;left: 29.4%;top: 73.75%;margin-left:2px;}
#dsop_c86 {position: absolute;left: 35.5%;top: 73.75%;margin-left:2px;}
#dsop_c87 {position: absolute;left: 41.6%;top: 73.75%;margin-left:2px;}
#dsop_c88 {position: absolute;left: 47.7%;top: 73.75%;margin-left:2px;}
#dsop_c89 {position: absolute;left: 53.8%;top: 73.75%;margin-left:2px;}
#dsop_c91 {position: absolute;left: 5%;top: 83%;margin-left:2px;}
#dsop_c92 {position: absolute;left: 11.1%;top: 83%;margin-left:2px;}
#dsop_c93 {position: absolute;left: 17.2%;top: 83%;margin-left:2px;}
#dsop_c94 {position: absolute;left: 23.3%;top: 83%;margin-left:2px;}
#dsop_c95 {position: absolute;left: 29.4%;top: 83%;margin-left:2px;}
#dsop_c96 {position: absolute;left: 35.5%;top: 83%;margin-left:2px;}
#dsop_c97 {position: absolute;left: 41.6%;top: 83%;margin-left:2px;}
#dsop_c98 {position: absolute;left: 47.7%;top: 83%;margin-left:2px;}
#dsop_c99 {position: absolute;left: 53.8%;top: 83%;margin-left:2px;}
/* "form" 2 : cnn */
#dc11 {position: absolute;left: 7.5%;top: 8%;}
#dc21 {position: absolute;left: 7.5%;top: 17.25%;}
#dc31 {position: absolute;left: 7.5%;top: 26.5%;}
#dc41 {position: absolute;left: 7.5%;top: 35.75%;}
#dc51 {position: absolute;left: 7.5%;top: 45%;}
#dc61 {position: absolute;left: 7.5%;top: 54.25%;}
#dc71 {position: absolute;left: 7.5%;top: 63.5%;}
#dc81 {position: absolute;left: 7.5%;top: 72.75%;}
#dc91 {position: absolute;left: 7.5%;top: 82%;}
#dc12 {position: absolute;left: 13.5%;top: 8%;}
#dc22 {position: absolute;left: 13.5%;top: 17.25%;}
#dc32 {position: absolute;left: 13.5%;top: 26.5%;}
#dc42 {position: absolute;left: 13.5%;top: 35.75%;}
#dc52 {position: absolute;left: 13.5%;top: 45%;}
#dc62 {position: absolute;left: 13.5%;top: 54.25%;}
#dc72 {position: absolute;left: 13.5%;top: 63.5%;}
#dc82 {position: absolute;left: 13.5%;top: 72.75%;}
#dc92 {position: absolute;left: 13.5%;top: 82%;}
#dc13 {position: absolute;left: 19.5%;top: 8%;}
#dc23 {position: absolute;left: 19.5%;top: 17.25%;}
#dc33 {position: absolute;left: 19.5%;top: 26.5%;}
#dc43 {position: absolute;left: 19.5%;top: 35.75%;}
#dc53 {position: absolute;left: 19.5%;top: 45%;}
#dc63 {position: absolute;left: 19.5%;top: 54.25%;}
#dc73 {position: absolute;left: 19.5%;top: 63.5%;}
#dc83 {position: absolute;left: 19.5%;top: 72.75%;}
#dc93 {position: absolute;left: 19.5%;top: 82%;}
#dc14 {position: absolute;left: 25.5%;top: 8%;}
#dc24 {position: absolute;left: 25.5%;top: 17.25%;}
#dc34 {position: absolute;left: 25.5%;top: 26.5%;}
#dc44 {position: absolute;left: 25.5%;top: 35.75%;}
#dc54 {position: absolute;left: 25.5%;top: 45%;}
#dc64 {position: absolute;left: 25.5%;top: 54.25%;}
#dc74 {position: absolute;left: 25.5%;top: 63.5%;}
#dc84 {position: absolute;left: 25.5%;top: 72.75%;}
#dc94 {position: absolute;left: 25.5%;top: 82%;}
#dc15 {position: absolute;left: 31.5%;top: 8%;}
#dc25 {position: absolute;left: 31.5%;top: 17.25%;}
#dc35 {position: absolute;left: 31.5%;top: 26.5%;}
#dc45 {position: absolute;left: 31.5%;top: 35.75%;}
#dc55 {position: absolute;left: 31.5%;top: 45%;}
#dc65 {position: absolute;left: 31.5%;top: 54.25%;}
#dc75 {position: absolute;left: 31.5%;top: 63.5%;}
#dc85 {position: absolute;left: 31.5%;top: 72.75%;}
#dc95 {position: absolute;left: 31.5%;top: 82%;}
#dc16 {position: absolute;left: 37.5%;top: 8%;}
#dc26 {position: absolute;left: 37.5%;top: 17.25%;}
#dc36 {position: absolute;left: 37.5%;top: 26.5%;}
#dc46 {position: absolute;left: 37.5%;top: 35.75%;}
#dc56 {position: absolute;left: 37.5%;top: 45%;}
#dc66 {position: absolute;left: 37.5%;top: 54.25%;}
#dc76 {position: absolute;left: 37.5%;top: 63.5%;}
#dc86 {position: absolute;left: 37.5%;top: 72.75%;}
#dc96 {position: absolute;left: 37.5%;top: 82%;}
#dc17 {position: absolute;left: 43.5%;top: 8%;}
#dc27 {position: absolute;left: 43.5%;top: 17.25%;}
#dc37 {position: absolute;left: 43.5%;top: 26.5%;}
#dc47 {position: absolute;left: 43.5%;top: 35.75%;}
#dc57 {position: absolute;left: 43.5%;top: 45%;}
#dc67 {position: absolute;left: 43.5%;top: 54.25%;}
#dc77 {position: absolute;left: 43.5%;top: 63.5%;}
#dc87 {position: absolute;left: 43.5%;top: 72.75%;}
#dc97 {position: absolute;left: 43.5%;top: 82%;}
#dc18 {position: absolute;left: 49.5%;top: 8%;}
#dc28 {position: absolute;left: 49.5%;top: 17.25%;}
#dc38 {position: absolute;left: 49.5%;top: 26.5%;}
#dc48 {position: absolute;left: 49.5%;top: 35.75%;}
#dc58 {position: absolute;left: 49.5%;top: 45%;}
#dc68 {position: absolute;left: 49.5%;top: 54.25%;}
#dc78 {position: absolute;left: 49.5%;top: 63.5%;}
#dc88 {position: absolute;left: 49.5%;top: 72.75%;}
#dc98 {position: absolute;left: 49.5%;top: 82%;}
#dc19 {position: absolute;left: 55.5%;top: 8%;}
#dc29 {position: absolute;left: 55.5%;top: 17.25%;}
#dc39 {position: absolute;left: 55.5%;top: 26.5%;}
#dc49 {position: absolute;left: 55.5%;top: 35.75%;}
#dc59 {position: absolute;left: 55.5%;top: 45%;}
#dc69 {position: absolute;left: 55.5%;top: 54.25%;}
#dc79 {position: absolute;left: 55.5%;top: 63.5%;}
#dc89 {position: absolute;left: 55.5%;top: 72.75%;}
#dc99 {position: absolute;left: 55.5%;top: 82%;}


#passCount {position: absolute;font-size:80%;font-weight:bolder;left: 60.5%;top: 91%;text-align:right;}

.mFsubmit {position: absolute;font-size:80%;font-weight:bolder;left: 67%;top: 91%;}
.mFDone {position: absolute;font-family:arial;font-size:120%;font-weight:bolder;left: 67%;top: 91%;}

#showLOP {position: absolute;font-family:arial;font-size:80%;left: 67%;top: 71%;}

.sop  {font-size:65%;text-align: center;vertical-align:center;} 
.cell {font-size:90%;font-weight:bolder;}