#keyboardInputMaster { position:absolute; font:normal 11px Arial,sans-serif; border-top:1px solid #eeeeee; border-right:1px solid #888888; border-bottom:1px solid #444444; border-left:1px solid #cccccc; -webkit-border-radius:0.6em; -moz-border-radius:0.6em; border-radius:0.6em; -webkit-box-shadow:0px 2px 10px #444444; -moz-box-shadow:0px 2px 10px #444444; box-shadow:0px 2px 10px #444444; opacity:0.95; filter:alpha(opacity=95); background-color:#dddddd; text-align:left; z-index:1000000; width:auto; height:auto; min-width:0; min-height:0; margin:0px; padding:0px; line-height:normal; -moz-user-select:none; cursor:default; } #keyboardInputMaster * { position:static; color:#000000; background:transparent; font:normal 11px Arial,sans-serif; width:auto; height:auto; min-width:0; min-height:0; margin:0px; padding:0px; border:0px none; outline:0px; 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 0.3em; background-color:#999999; white-space:nowrap; text-align:right; border-radius:0.6em 0.6em 0px 0px; } #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; background-color:transparent; } #keyboardInputMaster thead tr th div ol { position:absolute; left:0px; top:90%; list-style-type:none; height:9.4em; overflow-y:auto; overflow-x:hidden; background-color:#f6f6f6; border:1px solid #999999; display:none; text-align:left; width:12em; } #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:#ffffcc; } #keyboardInputMaster thead tr th div ol li:hover, #keyboardInputMaster thead tr th div ol li.hover { background-color:#dddddd; } #keyboardInputMaster thead tr th span, #keyboardInputMaster thead tr th strong, #keyboardInputMaster thead tr th small, #keyboardInputMaster thead tr th big { display:inline-block; padding:0px 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:#cccccc; cursor:pointer; margin:0px 0px 0px 0.3em; -webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em; vertical-align:middle; -webkit-transition:background-color .15s ease-in-out; -o-transition:background-color .15s ease-in-out; transition:background-color .15s ease-in-out; } #keyboardInputMaster thead tr th strong { font-weight:bold; } #keyboardInputMaster thead tr th small { -webkit-border-radius:0.3em 0px 0px 0.3em; -moz-border-radius:0.3em 0px 0px 0.3em; border-radius:0.3em 0px 0px 0.3em; border-right:1px solid #aaaaaa; padding:0px 0.2em 0px 0.3em; } #keyboardInputMaster thead tr th big { -webkit-border-radius:0px 0.3em 0.3em 0px; -moz-border-radius:0px 0.3em 0.3em 0px; border-radius:0px 0.3em 0.3em 0px; border-left:0px none; margin:0px; padding:0px 0.3em 0px 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:#dddddd; } #keyboardInputMaster tbody tr td { text-align:left; padding:0.2em 0.3em 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:0px; } #keyboardInputMaster tbody tr td#keyboardInputNumpad table { margin-left:0.2em; width:auto; } #keyboardInputMaster tbody tr td table.keyboardInputCenter { width:auto; margin:0px auto; } #keyboardInputMaster tbody tr td table tbody tr td { vertical-align:middle; padding:0px 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:#eeeeee; cursor:default; min-width:0.75em; -webkit-border-radius:0.2em; -moz-border-radius:0.2em; border-radius:0.2em; -webkit-transition:background-color .15s ease-in-out; -o-transition:background-color .15s ease-in-out; 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:0px 4em; } #keyboardInputMaster tbody tr td table tbody tr td.deadkey { background-color:#ccccdd; } #keyboardInputMaster tbody tr td table tbody tr td.target { background-color:#ddddcc; } #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 #555555; border-bottom:1px solid #555555; border-left:1px solid #d5d5d5; background-color:#cccccc; } #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 #555555 !important; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #555555; background-color:#cccccc; } #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:0px; right:0px; font-weight:bold; font-style:italic; color:#444444; } .keyboardInputInitiator { margin:0px 3px; vertical-align:middle; cursor:pointer; }