body{margin:0px;padding:0px;background-image:url('sos.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
font-family:arial;
font-size:20px;
}



#buttonfbo1 {width:0px;float:right;}
#buttonfbo2 {width:0px;float:right;}
#buttonfbo3 {width:0px;float:right;}
#buttonfbo1 img{width:20px;float:right;}
#buttonfbo2 img{width:20px;float:right;}
#buttonfbo3 img{width:20px;float:right;}

#scorez{margin-top:40px;margin-left:20px;}

#texArea2{padding:15px;min-height:350px;}
#texArea{width:900px;min-height:450px;background-color:white;margin:auto;margin-top:30px;font-size:16px;} 



.red{color:red;font-weight:700;}
.green{color:green;font-weight:700;}





a:link {
  text-decoration: none;color:#fff;
}

a:visited {
  text-decoration: none;color:#fff;
}

a:hover {
  text-decoration: underline;color:#fff;
}

a:active {
  text-decoration: underline;color:#fff;
}

.dent{margin-left:15px;}


.spacer5{width:100%;height:5px;}

.sel{
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;}



.opbutang{margin-left:40px;width:200px;margin-bottom:10px;border:2px solid grey;border-radius:5px;text-align:center;padding:6px;cursor:pointer;}
.opbutang:hover{background-color:#f2f1ef;}



#qArea{margin-top:28px;}
.qarea{margin:auto;padding-left:10px;margin-bottom:10px;width:90%;background-color:#fde3a7;border-radius:4px;font-size:18px;padding-top:8px;padding-bottom:8px;}
.fbarea{height:35px;clear:both;float:none;font-size:13px;color:#67809f;margin-top:4px;text-align:left;margin-left:40px;}

#nxbutang{margin-left:40px;background-color:grey;border-radius:4px;text-align:center;width:70px;cursor:pointer;color:#efefef;padding:5px;}
#nxbutang:hover{opacity:.6;}

#navr{display:none;padding:3px;border:1px solid grey;cursor:pointer;text-align:center;width:40px;}
#navr:hover{background-color:#f3f1ef;}

#clearMe{clear:both;float:none;}


#innerBanner{margin:auto;width:870px;color:#fff;font-size:16px;padding-top:2px;}

#btangs{width:135px;float:right;}
#next{float:right;width:40%;text-align:center;background-color:#336e7b;border:2px solid #fff;padding:3px;border-radius:5px;color:#fff;}
#back{float:left;width:40%;text-align:center;background-color:#336e7b;border:2px solid #fff;padding:3px;border-radius:5px;margin-right:5px;color:#fff;}
#back:hover{border:2px solid #81cfe0;color:#81cfe0;}
#next:hover{border:2px solid #81cfe0;color:#81cfe0;}


#navBar{height:30px;background-color:#336e7b;color:#efefef;padding:10px;}

#structions{padding:10px;border-bottom:1px solid grey;font-size:14px;padding-top:10px;padding-bottom:10px;margin-bottom:5px;}

#textTitle{font-size:30px;margin-bottom:10px;}







.colA{width:150px;float:left;margin-left:20px;}
.colB{wid:150px;} 

#title1{font-family:arial;font-size:30px;}

.title2{font-family:arial;font-size:25px;padding:5px;border: 2px solid grey;border-radius:5px;margin-bottom:10px;margin-top:30px;}
.linx{font-family:arial;font-size:20px;}
.tex{font-family:arial;font-size:20px;}

#butang1{float:left;width:100px;margin:auto;text-align:center;background-color:#5C97BF;height:24px;padding:5px;font-size:18px;color:#fff;font-family:Verdana, Geneva, sans-serif;cursor:pointer;border-radius:5px;}
#butang1:hover{opacity:.6;}





@media screen and (max-width:930px) {

#texArea{width:90%;} 
#innerBanner{width:90%;color:#fff;font-size:14px;}



}


@media screen and (max-width:570px) {
#qArea{float:left;margin-left:10px;width:95%;}
#structions{text-align:center;}
.qarea{text-align:center;margin:auto;margin-bottom:10px;}
.opbutang{margin:auto;margin-bottom:10px;}
#nxbutang{margin:auto;}
.fbarea{text-align:center;margin-left:0px;}
}


@media screen and (max-width:450px) {

#texArea{font-size:14px;} 

}
@media screen and (max-width:350px) {

#texArea{font-size:14px;} 

}