BODY {
	FONT-FAMILY: arial, sans-serif;
}
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;
}
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{
  width:19px;
  max-width:19px;
  WHITE-SPACE: nowrap;
  vertical-align: middle;
  text-align:center;
}
td.ekb{
  WIDTH:19px;
  MIN-WIDTH:19px;
  cursor:default;
  margin:0;
  border:0;
}
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;
}

TABLE.tshell {
	BORDER: #000 1px solid; 
	PADDING: 1px;
	margin:0px 0px 0px 0px; 
	FONT-SIZE: 100%; 
	BACKGROUND: #cccccc; 
	BORDER-COLLAPSE: collapse; 
	TEXT-ALIGN: left;
	WHITE-SPACE: nowrap;
	width:100%;
}
td.shell {
	 BORDER-COLLAPSE: collapse; 
	 TEXT-ALIGN: left;
	 WHITE-SPACE: nowrap;
	 width:auto;
	 vertical-align:top;
}
td.trnshint{
	text-align:left;
	vertical-align:text-top;
	font-size:7pt;
	display:none;
	width:80px;
}
td.trnshint2{
	text-align:left;
	vertical-align:text-top;
	font-size:8pt;
	width:500px;
}
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.cjklist{
    border:#000 1px solid;
    vertical-align:top;
}
INPUT.key2 {
	BORDER: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; 
	VERTICAL-ALIGN: top; WIDTH: 18px; 
	HEIGHT: 21px; 
	FONT-FAMILY:  arial, sans-serif;
	TEXT-ALIGN: center;
	WHITE-SPACE: nowrap;
}
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;
}
div.tabrow{
  BORDER-BOTTOM: 1px solid;
  white-space: nowrap;
}
div.tabrow2{
  BORDER-BOTTOM: 1px solid;
  width:100%;
  white-space: nowrap;
}
table.dummy{
	width:320px;
}
td.taboff{
  BORDER-TOP: 1px solid; BORDER-BOTTOM: 0px solid;  
  BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid;
  margin: 2px 2px 0px 2px;
  border-color:black;
  vertical-align:middle;
  white-space:nowrap;
  text-align:center;
  width:33%;
  min-width:100px;
  height:25px;
}
td.tabon{
  BORDER-TOP: 1px solid; BORDER-BOTTOM: 1px solid;  
  BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; 
  margin: 2px 2px 0px 2px;
  background-color:#66cc99;
  border-color:black;
  vertical-align:middle;
  white-space:nowrap;
  text-align:center;
  width:33%;
  min-width:100px;
  height:25px;
}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #7f7f7f;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
span.lh1{
	float:left;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
	clear:left;
	width:360px;	
}
span.lh2{
	float:right;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	clear:right;	
}
div.lh3{
	color:#FFFFFF;
	font-size:smaller;
	font-weight:bold;
	max-width:410px;
}
table.lht{
	background-color:#7f7f7f;
	width:410px;
	border:0;
	padding:0;
	border-spacing:0;
}