div#keyboard{width:100%;position:fixed;margin-left:auto;margin-right:auto;padding-left:5.5%!important;padding-right:5.5%!important}div#keyboard div{padding:1px 1px 1px 1px!important}div#keyboard div#gatekeeper{height:215px}div#keyboard button.uppercase{text-transform:uppercase}div#keyboard #numpad{padding:3px 0 0 3px!important;width:166px;border-radius:0 5px 5px 0}div#keyboard #keypad{padding:3px 3px 0 2px!important;border-radius:5px 0 0 5px}@media screen and (min-width:720px){div#keypad button.char{max-width:100px;width:7%}div#numpad button.char{width:30%}div#keyboard button{height:50px;float:left;margin:0 0 3px 3px;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer}div#keyboard button.div{width:1px;background:transparent!important;border:none!important;cursor:default}div#keyboard button.backspace{width:11%}div#keyboard button.zero{width:31%}div#keyboard button.backspacenum{width:61%}div#keyboard button.delete{width:15%}div#keyboard button.capslock{width:16.5%}div#keyboard button.submit{width:62.5%}div#keyboard button.enter{width:12%}div#keyboard button.shift{width:16.5%}div#keyboard button.space{width:99.5%}}div#keyboard .default{background:#eee;font-size:14px;font-family:Tahoma,Arial,sans-serif}div#keyboard .default button{background:#fff;border:1px solid #cacaca}div#keyboard .default button.active{background-color:#d2ffc3;border-color:#6fda54;font-weight:bold}div#keyboard .default button:hover{background-color:#ffd488;border-color:#ff994b;font-weight:bold}div#keyboard .monokai{background:#3c3f41;font-size:14px;font-family:Tahoma,Arial,sans-serif}div#keyboard .monokai button{background:-webkit-radial-gradient(#3e4858,#2e4058);background:-moz-radial-gradient(#3e4858,#2e4058);background:-o-radial-gradient(#3e4858,#2e4058);border:2px solid #51668c;color:#c4d9ee;font-weight:bold}div#keyboard .monokai button.active{background:#d2ffc3;border-color:#6fda54;color:#000;font-weight:bold}div#keyboard .monokai button:hover{background:#ffeebc;border-color:#dcaf93;color:#2e4058;font-weight:bold}div#keyboard .orange{background:#3c3f41;font-size:14px;color:#c4d9ee;font-weight:bold;font-family:Tahoma,Arial,sans-serif}div#keyboard .orange button{background:#ffd97f;border:2px solid #51668c}div#keyboard .orange button.active{background-color:#d2ffc3;border-color:#6fda54;font-weight:bold}div#keyboard .orange button:hover{background-color:#ffd488;border-color:#ffae6e;color:#2e4058;font-weight:bold}