html * {
    font-family:helvetica, arial, sans-serif;
}

.key {
    -moz-box-shadow:inset -8px -10px 0px -3px #ffffff;
    -webkit-box-shadow:inset -8px -10px 0px -3px #ffffff;
    box-shadow:inset -8px -10px 0px -3px #ffffff;
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:2px solid #dcdcdc;
    display:block;
    float: left;
    color:#777777;
    font-family:helvetica, arial, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    padding:4px 16px 16px 4px;
    width: 24px;
    height: 24px;
    overflow: hidden;
    margin: 0px 1px 1px 0px;
}
.key:hover {
    background-color:#dfdfdf;
}
.key:active {
    position:relative;
    top:1px;
}
.key-editing {
    background-color:#b4b4b4;
    position:relative;
    top:2px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

/* Key size and pixel
 * key:         1.00    1.25    1.50    1.75    2.00 
 * size:        50      62.5    75      87.5    100
 * width:       24      36.5    49      61.5    74
 *
 * margin:1 + border:2 +  padding:4 + width:24 + padding:16 + border:2 + margin:1 = 50px
 * width:24 + 26px = 50px
 */
.btn100 { width:24px; }
.btn125 { width:36.5px; }
.btn150 { width:47.5px; }
.btn175 { width:60px; }
.btn200 { width:74px; }
.btn225 { width:83px; }
.btn250 { width:99px; }
.btn275 { width:111.5px; }
.btn600 { width:259px; }
.btn625 { width:270px; }
.btn700 { width:324px; }

.spc100 { width:24px; visibility:hidden; }
.spc125 { width:36.5px; visibility:hidden; }
.spc150 { width:47.5px; visibility:hidden; }
.spc175 { width:60px; visibility:hidden; }
.spc200 { width 74px; visibility:hidden; }

.keyboard-row {
    width: auto;
    display: inline-block;
}

.keyboard-outline {
}

.keyboard-pane {
    width: 750px;
    font-size: 14px;
    font-weight:bold;
}



.action {
    font-size:16px;
    font-weight:bold;
    min-width: 30px;
}

.keycode_tabs {
    max-width: 750px;
    overflow: auto;
    font-size:14px;
    font-weight:bold;
}



/* http://www.w3schools.com/cssref/css3_pr_resize.asp */
.resizable {
        resize: both;
        overflow: auto;
}