.highlight.key{background:#daf1fe!important}.highlightLetter.key{background:#6cedc4!important}#keyboard{left:0;width:784px;background:#f3f3f3;margin:auto}ul{list-style-type:none;width:784px;margin:0 auto}li{float:left}.key{display:block;color:#aaa;font:700 9pt arial;text-decoration:none;text-align:center;width:44px;height:41px;margin:5px;background:#eff0f2;-moz-border-radius:4px;border-radius:4px;border-top:1px solid #f5f5f5;-webkit-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;-moz-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;box-shadow:inset 0 0 25px #e8e8e8,0 1px #c3c3c3,0 2px #c9c9c9,0 2px 3px #333;text-shadow:0px 1px 0px #f5f5f5}#keyboard #to-press{display:block;color:#aaa;font:700 9pt arial;text-decoration:none;text-align:center;width:44px;height:41px;margin:5px;background:#34f3cf;-moz-border-radius:4px;border-radius:4px;border-top:1px solid #f5f5f5;-webkit-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;-moz-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;box-shadow:inset 0 0 25px #e8e8e8,0 1px #c3c3c3,0 2px #c9c9c9,0 2px 3px #333;text-shadow:0px 1px 0px #f5f5f5}.key:active,.keydown{color:#888;background:#ebeced;margin:7px 5px 3px;-webkit-box-shadow:inset 0 0 25px #ddd,0 0 3px #333;-moz-box-shadow:inset 0 0 25px #ddd,0 0 3px #333;box-shadow:inset 0 0 25px #ddd,0 0 3px #333;border-top:1px solid #eee}.fn span{display:block;margin:14px 5px 0 0;text-align:right;font:700 6pt arial;text-transform:uppercase}#esc{margin:6px 15px 0 0;font-size:7.5pt;text-transform:lowercase}#numbers li a span{display:block}#numbers li a b{margin:3px 0;display:block}#numbers li .alt b{display:block;margin:0 0 3px}#numbers li #backspace span{text-align:right;margin:23px 10px 0 0;font-size:7.5pt;text-transform:lowercase}#qwerty li a,#asdfg li a,#zxcvb li a{display:block;position:relative;color:#4b4949}#qwerty li a span,#asdfg li a span,#zxcvb li a span{display:block;text-transform:uppercase;line-height:1!important}#qwerty li a span.en,#asdfg li a span.en,#zxcvb li a span.en{position:absolute;display:inline-block;color:#b86c0d;top:25px;left:5px}#qwerty li a span.en-shift,#asdfg li a span.en-shift,#zxcvb li a span.en-shift{position:absolute;display:inline-block;color:#b86c0d;top:5px;left:5px}#qwerty li a span.np,#asdfg li a span.np,#zxcvb li a span.np{position:absolute;display:inline-block;color:#000;top:20px;left:25px}#qwerty li #tab span{text-align:left;margin:23px 0 0 10px;font-size:7.5pt;text-transform:lowercase}#qwerty li .alt b{display:block;margin:3px 0 0}#qwerty li .alt span{margin:2px 0 0}#asdfg li .alt span{margin:0;text-transform:lowercase}#asdfg li .alt b{display:block;margin:3px 0 0}#asdfg li #caps b{display:block;background:#999;width:4px;height:4px;border-radius:10px;margin:9px 0 0 10px;-webkit-box-shadow:inset 0 1px 0 #666;-moz-box-shadow:inset 0 1px 0 #666;box-shadow:inset 0 1px #666}#asdfg li #caps span{text-align:left;margin:10px 0 0 10px;font-size:7.5pt}#asdfg li #enter span{text-align:right;margin:23px 10px 0 0;font-size:7.5pt}#zxcvb li .shiftleft span{text-align:left;margin:23px 0 0 10px;font-size:7.5pt;text-transform:lowercase}#zxcvb li .shiftright span{text-align:right;margin:23px 10px 0 0;font-size:7.5pt;text-transform:lowercase}#zxcvb li .alt b{display:block;margin:4px 0 0}#zxcvb li .alt span{margin:0}#bottomrow li #fn span,#bottomrow li #Ctrl span,#bottomrow li #mjtleft span,#bottomrow li #AltKeyleft span{display:block;text-align:left;margin:31px 0 0 8px;font-size:7.5pt;text-transform:lowercase}#bottomrow li #CtrlKeyright span,#bottomrow li #AltKeyright span{display:block;text-align:right;margin:31px 8px 0 0;font-size:7.5pt;text-transform:lowercase}#bottomrow ol li #left span,#bottomrow ol li #right span,#bottomrow ol li #up span,#bottomrow ol li #down span{display:block;margin:9px 0 0}.fn{height:26px;width:46px}#backspace,#tab{width:72px}#caps,#enter{width:85px}.shiftleft,.shiftright{width:112px}#fn,#Ctrl,.mjt,#CtrlKeyright,.AltKey,#spacebar{height:49px}.ctrl{width:75px}.mjt{width:46px}.AltKey{width:67px}#spacebar{width:226px}#left img,#up img,#down img,#right img{border:none}ul ol{list-style-type:none}#down{height:23px}#up,#left,#right{height:24px}#left,#right{margin:30px 5px 5px}#left:active,#right:active{margin:32px 5px 3px}#up{margin:5px 5px 1px;border-bottom-right-radius:0;border-bottom-left-radius:0}#up:active{margin:8px 5px -2px}#down{margin:0 5px 5px;border-top-left-radius:0;border-top-right-radius:0}#down:Active{margin:3px 5px 4px}#main{width:700px;padding:20px 50px;margin:0 auto 50px;background:#fff;border-radius:5px;-webkit-box-shadow:0 1px 2px #aaa}h1{color:#888;text-align:center;font:700 25pt/25pt arial;margin:30px 0 60px}h2{color:#666;font:13pt/0pt arial}p{color:#999;font:9pt/17pt arial;margin:0 0 50px}small{font:italic 8pt/12pt arial;color:#aaa;padding:0 130px 0 0;display:block}cite{display:block;padding:0 0 30px;margin:0 auto;text-align:center;color:#999;font:italic 700 8pt arial}ul,ol{padding:0;margin:0}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}.key{position:relative}.layer1{position:absolute;top:2px;right:10px}.layer0{position:absolute;bottom:9px;left:15px}.bg-eng{position:absolute;margin:auto;padding:3px}#keyboard ul li key{padding:0 5px}.practiseTextRenderedDiv,.practiseTextUnrenderedDiv{text-align:center}#practiseTextRendered{margin:auto;text-align:left;width:780px}#practiseTextUnrendered{margin:auto;text-align:left;width:780px;font-size:50px}#userTextDiv{position:relative;top:40px;text-align:center}#userText{width:780px}#typingTutor{margin:auto;width:100%;padding:10px}