#keyboard {
    font-size:13px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: lowercase;
}
#keyboard li {
    cursor:pointer;
    float: left;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #f9f9f9;
    /*box shadow*/
    -webkit-box-shadow: 0px 1px 3px #000000;-moz-box-shadow: 0px 1px 3px #000000;box-shadow: 0px 1px 3px #000000;
    /*box radius*/
    -moz-border-radius: 5px;border-radius: 5px;
    /*gradient*/
    background: #ffffff; /* old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */

}

#keyboard li .dmdx-code{
    display: none;
    
}

.capslock, .tab, .left-shift, .left-ctrl {
    clear: left;
}


#keyboard .tab, #keyboard .delete {
    width: 70px;
}
#keyboard .capslock {
    width: 80px;			}
#keyboard .return {
    width: 77px;
}

.hidden{
    visibility: hidden;
}

#keyboard .left-shift {
    width: 95px;
}
#keyboard .right-shift {
    width: 109px;
}

#keyboard .right-ctrl,  #keyboard .left-ctrl{
    width: 70px;
}

#keyboard .right-alt,  #keyboard .left-alt{
    width: 70px;
}
.lastitem {
    margin-right: 0;
}

#keyboard .space {
    width: 358px;
}
.on{
    display: none;
}

#keyboard li:hover {
    position: relative;

    outline: 0;
    outline: thin dotted 9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);

}