div#mlkeyboard{
    font-family:Tahoma,Arial,sans-serif;
    width:100%;
    position:fixed;
    bottom:0;
   
}

div#mlkeyboard ul,div#mlkeyboard li{
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

div#mlkeyboard ul{
    background:#eee;
    list-style:none;
    font-size:12px;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (min-width: 700px){
    div#mlkeyboard ul{
        width:670px;
        height:230px;
        margin:0 auto;
        padding:0px;
        border-radius:5px 5px 0 0;
    }
    }
    div#mlkeyboard ul li{
        float:left;
        margin:0 0 0.5% 0.5%;
        width:6%;
        text-align:center;
        background:#fff;
        border:1px solid #f9f9f9;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-color:#e5e5e5;
        cursor:pointer;
    }
    @media screen and (min-width: 700px){
        div#mlkeyboard ul li{
            width:40px;
            height:40px;
            line-height:40px;
            margin:2px;
        }
    }
    div#mlkeyboard ul li.active{
        background-color:#E6FFD8;
        border-color:#6FDA54;
    }
    div#mlkeyboard ul li:hover{
        background-color:#FFD488;
        border-color:#FFAE6E;
    }
    div#mlkeyboard ul #mlkeyboard-capslock,div#mlkeyboard ul #mlkeyboard-tab,div#mlkeyboard ul #mlkeyboard-left-shift{
        clear:left;
    }
    @media screen and (min-width: 700px){
        div#mlkeyboard ul #mlkeyboard-backspace{
            width:66px;
        }
    }
    div#mlkeyboard ul #mlkeyboard-tab{
        width:7%;
    }
    @media screen and (min-width: 700px){
        div#mlkeyboard ul #mlkeyboard-tab{
            width:65px;
        }
    }
        div#mlkeyboard ul #mlkeyboard-capslock{
            width:12%;
        }
        @media screen and (min-width: 700px){
            div#mlkeyboard ul #mlkeyboard-capslock{
                width:75px;
            }
        }
        div#mlkeyboard ul #mlkeyboard-return{
            width:8%;
        }
        @media screen and (min-width: 700px){
            div#mlkeyboard ul #mlkeyboard-return{
                width:76px;
            }
        }
        div#mlkeyboard ul #mlkeyboard-left-shift{
            width:14%;
        }
        @media screen and (min-width: 700px){
            div#mlkeyboard ul #mlkeyboard-left-shift{
                width:100px;
            }
            div#mlkeyboard ul #mlkeyboard-left-shift{
                width:100px;
            }
        }
        div#mlkeyboard ul #mlkeyboard-right-shift{
            width:12%;
        }
        @media screen and (min-width: 540px){
            div#mlkeyboard ul #mlkeyboard-right-shift{
                width:96px;margin-right:0;
            }
        }
        div#mlkeyboard ul #mlkeyboard-space{
            clear:left;width:98%;
        }
        @media screen and (min-width: 700px){
            div#mlkeyboard ul #mlkeyboard-space{
                width:662px;
            }
        }
        div#mlkeyboard ul.mlkeyboard-modifications{
            position:absolute;
            background:rgba(133,133,133,0.6);
            border-radius:5px;
            display:none;
            padding:8px;
        }
        @media screen and (min-width: 700px){
            div#mlkeyboard ul.mlkeyboard-modifications{
                height:46px;
            }
        }
/*# sourceMappingURL=jquery.ml-keyboard.css.map */