body,table,td,input,select,option {
font-family: arial, sans-serif;
font-size: 10pt;
}
li{
  list-style-type:none;
}
TABLE.primary {
  border-spacing:0px;
  FONT-SIZE: 100%; 
  BACKGROUND: white; 
  BORDER-COLLAPSE: collapse;
  width:660px;
  table-layout:auto;
}
td.header {
	 BORDER-COLLAPSE: collapse; 
	 TEXT-ALIGN: center;
	 WHITE-SPACE: nowrap;
	 width:auto;
}
td.shell {
	 BORDER-COLLAPSE: collapse; 
	 TEXT-ALIGN: left;
	 WHITE-SPACE: nowrap;
	 width:auto;
	 vertical-align:top;
}
table.qetab{
  border-spacing:0px;
  FONT-SIZE: 100%; 
  BACKGROUND: white; 
  BORDER-COLLAPSE: collapse;
  table-layout:auto;
	
}
span,a.ns{
text-decoration:  none;
  vertical-align:middle;
  white-space:nowrap;
  text-align:center;
}
span,a.sl{
text-decoration:  none;
  background-color:#99cc99;
  vertical-align:middle;
  white-space:nowrap;
  text-align:center;
}
ul.qset{
   margin:5px;
}
ul.yres{
  margin-left:0px;
  padding-left:4pt;	
}
div.rec{
  width:700px;
  text-align:left;
}
div.hits{
  border-top:1px solid;
  border-color:#99cc99;
  background-color:#99cc99;
  width:700px;
  vertical-align:middle;
  white-space:nowrap;
  text-align:right;
}
span.curset{
  background-color:#99cc99;
}
div.set{
  border-bottom:2px solid;
  border-color:#99cc99;
  width:700px;
  vertical-align:middle;
  white-space:nowrap;
  text-align:left;
}
span.unl{
  border-bottom:2px solid;
  border-color:#99cc99;
  background-color:white;
}
TABLE.keyboard {
  border-spacing:0px;
  FONT-SIZE: 100%; 
  BACKGROUND: #cccccc; 
  BORDER-COLLAPSE: collapse;
  table-layout:fixed;
}
TABLE.transkeyboard {
  BORDER: #000 1px solid;
  border-spacing:0px;
  FONT-SIZE: 100%; 
  BACKGROUND: #cccccc; 
  BORDER-COLLAPSE: collapse;
  table-layout:auto;
}
td.kb{
    WIDTH:19px;
    MIN-WIDTH:19px;
    cursor:default;
	margin:0;
    border:1px;
	padding:0;
	border-style:groove;
}
td.key {
    cursor:pointer;
	margin: 0;
    background-color:#afafaf;
    WIDTH:19px;
    MIN-WIDTH:19px;
	border-style:outset;
	border: 4px outset;
	padding:0;
}
INPUT.key {
	margin:0;
	padding:0;
	border:0;
	border-style:none;
    background-color:green;
	letter-spacing:0px;
	VERTICAL-ALIGN: top;
	word-spacing: 0px;
	HEIGHT: 100%; 
	width:100%;
	border-spacing:0;
	text-decoration:none;
	text-align:left;
	FONT-FAMILY:  arial, sans-serif;
	TEXT-ALIGN: center;
	overflow:hidden;
}
div.charpreview {
	border:#000 1px solid;
	padding:1px 1px 10px 1px;
	BACKGROUND: #ffffff;  
	MARGIN: 0px; 
    FONT-SIZE: 200%;
	HEIGHT: 58px;
	WIDTH:60px;
	BORDER-COLLAPSE: collapse;  
	TEXT-ALIGN: center;
	WHITE-SPACE: nowrap;
	position:absolute;
	visibility:hidden;
}
TD.preview {
	BORDER:0px solid; 
	MARGIN:0px; 
	VERTICAL-ALIGN: middle; 
	HEIGHT: 21px; 
	WIDTH: 100%;
	font-size:150%;
	WHITE-SPACE: nowrap;
	background-color: white;
}
td.textkey {
	BORDER: 0px solid; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; 
	VERTICAL-ALIGN: top;  
	HEIGHT: 22px; 
	font-size:200%;
	FONT-FAMILY:  arial, sans-serif;
	TEXT-ALIGN:left;
	WHITE-SPACE: nowrap;
	width:auto;
	background-color:green;
	cursor:default;
}
div.shadow{
	position:absolute;
	visibility:hidden;
	font-family:arial, sans-serif;
	font-size:10pt;
	white-space:nowrap;
	text-align:left;
}