.phon {border:1px solid #63a6cc;padding:2px;font-family: PhoneticTM; color: #000066; font-size:12pt; font-weight:bold}
.engl {border:1px solid #63a6cc;padding:2px;font-family: Verdana, Arial, Helvetica; color: #000066; font-size:12pt; font-weight:bold}
.ABC {border:2px solid #63a6cc; background: white; padding:2px;font-family: Verdana, Arial, Helvetica; color: #000066;font-size:18pt; font-weight:bold; letter-spacing: 0.0em }
.msg {position: absolute; height: 150px;display: none;border: 1px solid gray;padding: 20px;  background: white;color: #000066; font-size:12pt; font-weight:bold;letter-spacing: 0.2em; z-order:0}



#main {background-color: #FFFFCC;margin:10px 10% 10px 10%;padding:10px 10px 50px 10px;border:1px solid #CCC;}
#finish {width: 350px;}  
#hlp {color: #000066; font: bold 14; border: 1px solid gray; padding: 4px; background: white; cursor: pointer; cursor: hand;position:absolute;right:12%;width:80px;text-align: center; }
#helpdiv{width: 300px;height: 80px; margin:50px; padding:30px;text-align: center;font-size:16pt; position:absolute;right:12%;}
#res {border: 1px solid gray; padding: 4px; background: white;}
.exmenuclass1 {color: blue;font-size:12pt;font-weight:bold;background: #ccc;border:1px solid #63a6cc;}

#menu {padding:0 10px;margin-left:10%;}
#menu a {text-decoration: underline;cursor: pointer; cursor: hand;}
#menuswitch {color: #000066; font: 14px bold;display: block;border:0}
#exlist a {padding:2px; line-height: 1.7;width:230px;background: #CCFFFF;}


#container{
	width: auto;
	background-color: #FFFFCC;
	height:100%;
}
#textdiv {
  /*width: 500px;
  height: 50px;*/
  border: 1px solid;
  background-color: white;
  display: inline-block;
  padding: 5px;
}

#textdiv span {
  
  /* width: auto; */
  min-width: 8px;
  display: inline-block;
  margin-right: 1px;
  padding: 3px;

  font-size:18pt;
  color: #000066;
  /*background: grey;*/
}

#helptext {
	color: red;
	font-size:14pt;
	display: inline-block;
}
span.foo {	
  border-radius: 3px;
  border: 1px solid;
  border-color: black;	
	background: #FFFFCC;
}

/*#newtext {color: #000066;background: grey;}*/
#thetext {color: blue;}

#footerdiv {
   position:fixed;
   right:10px;
   *bottom:-100px;
   padding-top: 30px;
   
}
#myhiddenplayer {
	display: none;
}

#speakerdiv {color: #000066; font: bold 10; border: 1px solid gray; padding: 4px; background: white; cursor: pointer; cursor: hand;position:absolute;left:12%;width:80px;text-align: center; display: none;}
.tohide {
display: none;
}