#keyboardInputMaster { position: static; font: normal 11px Arial,sans-serif; border-top: 1px solid #eee; border-right: 1px solid #888; border-bottom: 1px solid #444; border-left: 1px solid #ccc; border-radius: 0.6em; box-shadow: 0px 2px 10px #444; opacity: 0.95; background-color: #ddd; text-align: left; z-index: 1000000; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; line-height: normal; user-select: none; cursor: default; max-width: 100%; overflow-x: auto; }
#keyboardInputMaster * { position: static; color: #000; background: transparent; font: normal 11px Arial,sans-serif; width: auto; height: auto; min-width: 0; min-height: 0; margin: 0; padding: 0; border: 0 none; outline: 0; vertical-align: baseline; line-height: 1.3em; }
#keyboardInputMaster.keyboardInputSize1, #keyboardInputMaster.keyboardInputSize1 * { font-size: 9px; }
#keyboardInputMaster.keyboardInputSize3, #keyboardInputMaster.keyboardInputSize3 * { font-size: 13px; }
#keyboardInputMaster.keyboardInputSize4, #keyboardInputMaster.keyboardInputSize4 * { font-size: 16px; }
#keyboardInputMaster.keyboardInputSize5, #keyboardInputMaster.keyboardInputSize5 * { font-size: 20px; }
#keyboardInputMaster thead tr th { padding: 0.3em 0.3em 0.1em; background-color: #999; white-space: nowrap; text-align: right; border-radius: 0.6em 0.6em 0 0; }
#keyboardInputMaster thead tr th div { float: left; font-size: 130% !important; height: 1.3em; font-weight: bold; position: relative; z-index: 1; margin-right: 0.5em; cursor: pointer; }
#keyboardInputMaster thead tr th div ol { position: absolute; left: 0; top: 90%; list-style: none; height: 9.4em; overflow-y: auto; overflow-x: hidden; background-color: #f6f6f6; border: 1px solid #999; display: none; text-align: left; width: 12em; z-index: 1000001; }
#keyboardInputMaster thead tr th div ol li { padding: 0.2em 0.4em; cursor: pointer; white-space: nowrap; width: 12em; }
#keyboardInputMaster thead tr th div ol li.selected { background-color: #ffc; }
#keyboardInputMaster thead tr th div ol li:hover, #keyboardInputMaster thead tr th div ol li.hover { background-color: #ddd; }
#keyboardInputMaster thead tr th span, #keyboardInputMaster thead tr th strong, #keyboardInputMaster thead tr th small, #keyboardInputMaster thead tr th big { display: inline-block; padding: 0 0.4em; height: 1.4em; line-height: 1.4em; border-top: 1px solid #e5e5e5; border-right: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; border-left: 1px solid #e5e5e5; background-color: #ccc; cursor: pointer; margin: 0 0 0 0.3em; border-radius: 0.3em; vertical-align: middle; transition: background-color .15s ease-in-out; }
#keyboardInputMaster thead tr th strong { font-weight: bold; }
#keyboardInputMaster thead tr th small { border-radius: 0.3em 0 0 0.3em; border-right: 1px solid #aaa; padding: 0 0.2em 0 0.3em; }
#keyboardInputMaster thead tr th big { border-radius: 0 0.3em 0.3em 0; border-left: 0 none; margin: 0; padding: 0 0.3em 0 0.2em; }
#keyboardInputMaster thead tr th span:hover, #keyboardInputMaster thead tr th span.hover, #keyboardInputMaster thead tr th strong:hover, #keyboardInputMaster thead tr th strong.hover, #keyboardInputMaster thead tr th small:hover, #keyboardInputMaster thead tr th small.hover, #keyboardInputMaster thead tr th big:hover, #keyboardInputMaster thead tr th big.hover { background-color: #ddd; }
#keyboardInputMaster tbody tr td { text-align: left; padding: 0.2em 0.3em 0.3em; vertical-align: top; }
#keyboardInputMaster tbody tr td div { text-align: center; position: relative; zoom: 1; }
#keyboardInputMaster tbody tr td table { white-space: nowrap; width: 100%; border-collapse: separate; border-spacing: 0; }
#keyboardInputMaster tbody tr td#keyboardInputNumpad table { margin-left: 0.2em; width: auto; }
#keyboardInputMaster tbody tr td table.keyboardInputCenter { width: auto; margin: 0 auto; }
#keyboardInputMaster tbody tr td table tbody tr td { vertical-align: middle; padding: 0 0.45em; white-space: pre; height: 1.8em; font-family: 'Lucida Console','Arial Unicode MS',monospace; border-top: 1px solid #e5e5e5; border-right: 1px solid #5d5d5d; border-bottom: 1px solid #5d5d5d; border-left: 1px solid #e5e5e5; background-color: #eee; cursor: default; min-width: 0.75em; border-radius: 0.2em; transition: background-color .15s ease-in-out; }
#keyboardInputMaster tbody tr td table tbody tr td.last { width: 99%; }
#keyboardInputMaster tbody tr td table tbody tr td.space { padding: 0 4em; }
#keyboardInputMaster tbody tr td table tbody tr td.deadkey { background-color: #ccd; }
#keyboardInputMaster tbody tr td table tbody tr td.target { background-color: #ddc; }
#keyboardInputMaster tbody tr td table tbody tr td:hover, #keyboardInputMaster tbody tr td table tbody tr td.hover { border-top: 1px solid #d5d5d5; border-right: 1px solid #555; border-bottom: 1px solid #555; border-left: 1px solid #d5d5d5; background-color: #ccc; }
#keyboardInputMaster thead tr th span:active, #keyboardInputMaster thead tr th span.pressed, #keyboardInputMaster tbody tr td table tbody tr td:active, #keyboardInputMaster tbody tr td table tbody tr td.pressed { border-top: 1px solid #555 !important; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #555; background-color: #ccc; }
#keyboardInputMaster tbody tr td table tbody tr td small { display: block; text-align: center; font-size: 0.6em !important; line-height: 1.1em; }
#keyboardInputMaster tbody tr td div label { position: absolute; bottom: 0.2em; left: 0.3em; }
#keyboardInputMaster tbody tr td div label input { background-color: #f6f6f6; vertical-align: middle; font-size: inherit; width: 1.1em; height: 1.1em; }
#keyboardInputMaster tbody tr td div var { position: absolute; bottom: 0; right: 3px; font-weight: bold; font-style: italic; color: #444; }
.keyboardInputInitiator { padding: 10px; cursor: pointer; border: solid 1px #cacaca; border-left: none; border-radius: 0 3px 3px 0; background-color: #eee; float: right; margin-right: 2px; }

@media (max-width: 768px) {
    #keyboardInputMaster { overflow-x: auto; font-size: 9px; }
    #keyboardInputMaster tbody tr td table tbody tr td { padding: 0 0.3em; height: 1.6em; min-width: 0.6em; }
    #keyboardInputMaster tbody tr td table tbody tr td.space { padding: 0 2em; }
}

@media (max-width: 480px) {
    #keyboardInputMaster { font-size: 8px; }
    #keyboardInputMaster tbody tr td table tbody tr td { padding: 0 0.2em; height: 1.4em; min-width: 0.5em; }
    #keyboardInputMaster tbody tr td table tbody tr td.space { padding: 0 1em; }
}