1#virtualKeyboard { 2 border: 1px solid #686888; 3 background: #ECE9D8; 4 height: 160px; 5 margin: 0; 6 padding: 0; 7 position: relative; 8 width: 396px; 9} 10/* 11* global overrides 12*/ 13#virtualKeyboard * { 14 border: 0; 15 color: black; 16 cursor: default; 17 margin: 0; 18 padding: 0; 19} 20#virtualKeyboard #kbDesk { 21 display: inline-block; 22 padding: 4px 2px 0 4px; 23 position: relative; 24 font-size: 1px; 25 overflow: hidden; 26} 27#virtualKeyboard #kbDesk.capsLock { 28 text-transform: uppercase; 29} 30#virtualKeyboard #kbDesk div.kbButton { 31 float: left; 32 height: 26px; 33 overflow: hidden; 34 padding: 0; 35 position: relative; 36 width: 26px; 37 z-index: 2; 38} 39#virtualKeyboard #kbDesk div.kbButton a { 40 background: url(button_set.gif) 0 0 no-repeat; 41 display: block; 42 height: 100%; 43 text-decoration: none; 44 width: 100%; 45} 46#virtualKeyboard #kbDesk div.kbButtonHover a { 47 background-position: 0 -27px; 48} 49#virtualKeyboard #kbDesk div.kbButtonDown a { 50 background-position: 0 -54px; 51} 52#virtualKeyboard #kbDesk div.kbButton span { 53 display: block; 54 font-family: Verdana; 55 font-size: 13px; 56 font-weight: normal; 57 overflow: visible; 58 text-align: center; 59} 60#virtualKeyboard #kbDesk div.kbButton span.shifted { 61 color: green; 62 font-family: Verdana; 63 font-size: 6pt; 64 height: 100%; 65 line-height: 1.1; 66 position: absolute; 67 right: -5px; 68 top: 0; 69 text-transform: none; 70 vertical-align: bottom; 71 width: 100%; 72} 73#virtualKeyboard #kbDesk div.kbButton span.alted { 74 color: blue; 75 font-family: Verdana; 76 font-size: 6pt; 77 height: 100%; 78 line-height: 1.1; 79 position: absolute; 80 right: 7px; 81 top: 0px; 82 text-transform: none; 83 vertical-align: bottom; 84 width: 100%; 85} 86#virtualKeyboard #kbDesk div.kbButton span.normal { 87 position: absolute; 88 bottom: 4px; 89 left: 5px; 90 text-indent: 0; 91} 92#virtualKeyboard #kbDesk span.deadKey { 93 color: red; 94} 95 96#virtualKeyboard #kbDesk div#kb_benter { 97 background-position: -194px 0px; 98 margin-top: -26px; 99 position: relative; 100 float: right; 101 height: 52px; 102 width: 56px; 103 z-index: -1; 104} 105#virtualKeyboard #kbDesk div#kb_benter[id] { 106 z-index: 0; 107} 108#virtualKeyboard #kbDesk div#kb_benter a { 109 background-position: -194px 0px; 110} 111#virtualKeyboard #kbDesk div#kb_benter.kbButtonHover a { 112 background-position: -194px -53px; 113} 114#virtualKeyboard #kbDesk div#kb_benter.kbButtonDown a { 115 background-position: -194px -106px; 116} 117#virtualKeyboard #kbDesk div#kb_bbackspace a { 118 background-position: -27px -81px; 119} 120#virtualKeyboard #kbDesk div#kb_bbackspace.kbButtonHover a { 121 background-position: -27px -108px; 122} 123#virtualKeyboard #kbDesk div#kb_bbackspace.kbButtonDown a { 124 background-position: -27px -135px; 125} 126#virtualKeyboard #kbDesk div#kb_btab { 127 width: 41px; 128} 129#virtualKeyboard #kbDesk div#kb_btab a { 130 background-position: -155px -81px; 131} 132#virtualKeyboard #kbDesk div#kb_btab.kbButtonHover a { 133 background-position: -155px -108px; 134} 135#virtualKeyboard #kbDesk div#kb_btab.kbButtonDown a { 136 background-position: -155px -135px; 137} 138#virtualKeyboard #kbDesk div#kb_bcaps { 139 width: 48px; 140} 141#virtualKeyboard #kbDesk div#kb_bcaps a { 142 background-position: -107px -81px; 143} 144#virtualKeyboard #kbDesk div#kb_bcaps.kbButtonHover a { 145 background-position: -107px -108px; 146} 147#virtualKeyboard #kbDesk div#kb_bcaps.kbButtonDown a { 148 background-position: -107px -135px; 149} 150#virtualKeyboard #kbDesk div#kb_bshift_left, 151#virtualKeyboard #kbDesk div#kb_bshift_right { 152 width: 52px; 153} 154#virtualKeyboard #kbDesk div#kb_bshift_left a, 155#virtualKeyboard #kbDesk div#kb_bshift_right a { 156 background-position: -54px -81px; 157} 158#virtualKeyboard #kbDesk div#kb_bshift_left.kbButtonHover a, 159#virtualKeyboard #kbDesk div#kb_bshift_right.kbButtonHover a { 160 background-position: -54px -108px; 161} 162#virtualKeyboard #kbDesk div#kb_bshift_left.kbButtonDown a, 163#virtualKeyboard #kbDesk div#kb_bshift_right.kbButtonDown a { 164 background-position: -54px -135px; 165} 166#virtualKeyboard #kbDesk div#kb_balt_left, 167#virtualKeyboard #kbDesk div#kb_balt_right { 168 width: 34px; 169} 170#virtualKeyboard #kbDesk div#kb_balt_left { 171 padding-left: 65px; 172} 173#virtualKeyboard #kbDesk div#kb_balt_left a, 174#virtualKeyboard #kbDesk div#kb_balt_right a { 175 background-position: -249px 0; 176} 177#virtualKeyboard #kbDesk div#kb_balt_left.kbButtonHover a, 178#virtualKeyboard #kbDesk div#kb_balt_right.kbButtonHover a { 179 background-position: -249px -27px; 180} 181#virtualKeyboard #kbDesk div#kb_balt_left.kbButtonDown a, 182#virtualKeyboard #kbDesk div#kb_balt_right.kbButtonDown a { 183 background-position: -249px -54px; 184} 185#virtualKeyboard #kbDesk div#kb_bdel a { 186 background-position: 0 -81px; 187} 188#virtualKeyboard #kbDesk div#kb_bdel.kbButtonHover a { 189 background-position: 0 -108px; 190} 191#virtualKeyboard #kbDesk div#kb_bdel.kbButtonDown a { 192 background-position: 0 -135px; 193} 194#virtualKeyboard #kbDesk div#kb_bspace { 195 width: 166px; 196} 197#virtualKeyboard #kbDesk div#kb_bspace a { 198 background-position: -27px 0; 199} 200#virtualKeyboard #kbDesk div#kb_bspace.kbButtonHover a { 201 background-position: -27px -27px; 202} 203#virtualKeyboard #kbDesk div#kb_bspace.kbButtonDown a { 204 background-position: -27px -54px; 205} 206 207#virtualKeyboard select#kb_langselector { 208 right: 68px; 209 width: 45px; 210} 211#virtualKeyboard select#kb_layoutselector { 212 right: 2px; 213 width: 85px; 214} 215#virtualKeyboard select#kb_langselector, #virtualKeyboard select#kb_layoutselector { 216 bottom: 2px; 217 border: 1px solid black; 218 font-family: Arial, Tahoma, Verdana sans-serif; 219 font-size: 11px; 220 position: absolute; 221} 222#virtualKeyboard #copyrights { 223 bottom: 4px; 224 color: blue; 225 font-size: 9px; 226 left: 2px; 227 line-height: normal; 228 position: absolute; 229 text-transform: italic; 230} 231#virtualKeyboard #copyrights a { 232 color: blue; 233 cursor: normal; 234 outline: 0; 235}