1.keyboard {
2    display: table;
3    border-collapse: separate;
4    border-spacing: 2px;
5    width: 800px;
6    border: 2px solid black;
7    border-radius: 10px;
8    padding: 5px;
9}
10
11.key-row {
12    display: table;
13    margin: 0;
14    padding: 0;
15}
16
17.key {
18    display: table-cell;
19    border: 2px solid black;
20    border-radius: 8px;
21    width: 50px;
22    height: 40px;
23    vertical-align: middle;
24    text-align: center;
25    margin: 0;
26    padding: 0;
27}
28
29.wide1 {
30    width: 70px;
31}
32
33.wide2 {
34    width: 90px;
35}
36
37.wide3 {
38    width: 110px;
39}
40
41.wide4 {
42    width: 130px;
43}
44
45.wide5 {
46    width: 300px;
47}
48
49.nextKey {
50    background-color: yellow;
51}
52
53.goodKey {
54    background-color: #80ff08;
55}
56
57.badKey {
58    background-color: #ff8080;
59}
60
61.activeModifierKey {
62    background-color: #a0a0ff;
63}
64
65.skippedKey {
66    background-color: #e0e0e0;
67}
68
69#options {
70    display: none;
71    margin: 20px;
72}
73
74#optionstoggle, #helptoggle {
75    font-size: 10pt;
76}
77
78.opttable {
79    border: 1px solid black;
80}
81
82.optcell {
83    vertical-align: top;
84    padding: 0 10px;
85}
86
87.opttitle {
88    font-weight: bold;
89}
90
91.error {
92    border: 1px solid red;
93    margin: 5px;
94    padding: 5px;
95}
96
97.error1 {
98    font-size: 12pt;
99    margin: 0 0 0 10px;
100    padding: 0;
101}
102
103.error2 {
104    font-size: 10pt;
105    margin: 0 0 0 20px;
106    padding: 0;
107}
108
109.help {
110    font-size: 11pt;
111    margin: 0 0 5px 20px;
112    padding: 0;
113}
114
115body {
116    margin: 10px;
117    padding: 0 20px;
118}
119