/* (c) Scientec Internet Applications + Media GmbH - www.scientec.de */

body {padding:15px; margin:0; font-family: Arial, Helvetica, sans-serif;background-color:#369 }
#container {text-align:center; font-size:0.85em  }
#zoom{width:400px; height: 15px; margin:5px auto;color: #333}
table#workspace {margin:auto; width:auto; border:2px solid #fff; border-color:#eee #444 #444 #eee; background-color:#E6E1CA; background-image:url(http://www.virtualkeyboard.ws/workspace.png); background-repeat:repeat-x;}
table#workspace h1{margin:0; font-size:1.2em; background-color: #666; background-image:url(title.png); background-repeat:repeat-x; color:#fff}
table#workspace #info{height:7em; overflow:auto;margin:10px;padding: 5px; color:#333; border:1px solid #DCD7B6; text-align:left; width:618px; font-size:0.85em }
table#workspace #info a{color:#000 }

table#workspace #output table{margin:5px 10px 5px 10px; border-collapse:collapse}
table#workspace #output th{padding:0 0 1px 0;  font-weight:normal; font-size:0.9em}
table#workspace #output td{padding:0;  font-weight:normal}
table#workspace #output textarea { background-color:#DCD7B6; overflow:auto; width:300px; height:150px; border:1px solid #fff; border-color:#444 #eee #eee #444}

table#workspace #keyboard {text-align:center}
table#workspace #keyboard table{border-collapse:collapse; margin:5px auto 0 auto}
table#workspace #keyboard td{padding:0px; font-size:0.1px}

button{width:2em; cursor:pointer; font-size:13px; margin:0px}
button#clearAreas{ margin-bottom:2px}

span.help{position:relative; cursor: pointer; padding:0 3px; margin:1px; color:#000;font-size:11px; border:1px solid #DCD7B6; border-color:#D2CCA2}
span.help:hover{ background-color:#DCD7B6;}
#info p{margin: 0 0 0.6em 0; font-size:11px}
#info h3{margin: 0 0 0.6em 0; font-size:12px;}
#helpdiv{ display:none}

#normalState{}
#shiftState{}
#altgrState{}
#shiftAltgrState{}
#normalStateCap{}
#shiftStateCap{}
#altgrStateCap{}
#shiftAltgrStateCap {}

button.Control{width:4.5em;}
button.Alt{width:3.5em;}
button.AltGr{width:3.5em}
button.Shift{width:4em}
button.CapsLock{width:4em}
button.BackSp{width:5em;}
button.Enter{width:4em}
button.Space {width:14em}
button.Deadkey {}
button.leer{}
button.Tab{width:2.5em;}

#shiftState .Shift{color:red; font-weight:bold}
#altgrState .AltGr{color:red; font-weight:bold}
#shiftAltgrState .AltGr, #shiftAltgrState .Shift{color:red; font-weight:bold}

#normalStateCap .CapsLock{color:red; font-weight:bold}
#shiftStateCap .CapsLock, #shiftStateCap .Shift{color:red; font-weight:bold}

#shiftAltgrStateCap .CapsLock, #shiftAltgrStateCap .AltGr,  #shiftAltgrStateCap .Shift {color:red; font-weight:bold}

div#disclaimer { text-align:center; color:#fff; margin:0 auto;; width:600px; font-size:0.70em}
div#copyright { padding: 5px; text-align:center; font-size:0.75em;color:#fff}
div#copyright a{color:#fff}

iframe{width:1px; height:1px; visibility:hidden}