/* 主面板  */
#keyboardInputMaster {
  position:absolute;
  border-top:1px solid #e4f1e4;
  border-right:1px solid #437b42;
  border-bottom:1px solid #437b42;
  border-left:1px solid #e4f1e4;
  color:#000000;
  background-color:#8ab259;
  text-align:left;
  z-index:1000000;
  width:auto;
  margin:0px;
  font:normal 11px Arial,sans-serif;
  line-height:1;
}
#keyboardInputMaster * {
  color:#264923;
  background:transparent;
  font:normal 18px Arial,sans-serif; /* char-botton font size */
  margin:0px;
  padding:0px;
  border:0px none;
  outline:0px;
  vertical-align:baseline;
}

#keyboardInputMaster thead tr th {
  text-align:left;
  padding:3px 5px 2px 4px;
  background-color:inherit;
}
#keyboardInputMaster thead tr th select {
  margin-right:5px;
  border:1px inset #f69c30;
  background-color:#fcd987;  //jessica
}
#keyboardInputMaster thead tr th label input {
  width:12px;
  height:12px;
  margin-right:5px;
  vertical-align:middle;
}
#keyboardInputMaster thead tr td {
  text-align:right;
  vertical-align:middle;
  padding:3px 4px 2px 5px;
}
/* 關閉鍵  */
#keyboardInputMaster thead tr td span {
  padding:1px 4px;
  font-weight:bold;
  border-top:1px solid #e4f1e4;
  border-right:1px solid #bfdcbe;
  border-bottom:1px solid #bfdcbe;
  border-left:1px solid #e4f1e4;
  background-color:#e8fdd2;
  cursor:pointer;
}

#keyboardInputMaster tbody tr td {
  text-align:left;
  padding:0px 4px 3px 4px;
}
#keyboardInputMaster tbody tr td div {
  text-align:center;
  position:relative;
  height:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout {
  height:auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table {
  height:20px;
  white-space:nowrap;
  width:100%;
  border-collapse:separate;
  border-spacing:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
  width:auto;
  margin:0px auto;
}
/* 按鍵樣式  */
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
  vertical-align:middle;
  padding:5px 8px; /* width of char-buttom */
  white-space:pre;
  font-family:'Lucida Console',monospace;
  border-top:1px solid #bfdcbe;
  border-right:1px solid #bfdcbe;
  border-bottom:1px solid #bfdcbe;
  border-left:1px solid #bfdcbe;
  background-color:#e8fdd2;
  cursor:default;
  min-width:0.75em;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
  width:99%;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.space {
  padding:0px 45px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
  background-color:#ccccdd;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
  background-color:#ddddcc;
}
/* 按鍵hover */
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
  border-top:1px solid #62c400;
  border-right:1px solid #62c400;
  border-bottom:1px solid #62c400;
  border-left:1px solid #62c400;
  background-color:#c5d9ac;
}
/* 按鍵visited */
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.visited {
  border-top:1px solid #bfdcbe;
  border-right:1px solid #e4f1e4;
  border-bottom:1px solid #e4f1e4;
  border-left:1px solid #bfdcbe;
  background-color:#fbe17b;
}
/* 大寫鍵 */
#keyboardInputMaster thead tr td span.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
  border-top:1px solid #b0d3af;
  border-right:1px solid #f5faf5;
  border-bottom:1px solid #f5faf5;
  border-left:1px solid #b0d3af;
  background-color:#afcb8d;
}

#keyboardInputMaster tbody tr td div var {
  position:absolute;
  bottom:0px;
  right:0px;
  font-weight:bold;
  font-style:italic;
  color:#444444;
}

.keyboardInputInitiator {
  margin:0px 3px;
  vertical-align:middle;
  cursor:pointer;
}