.keypad-popup {
}

.keypad-start, .keypad-end {
    background: #ffa;
}
.keypad-kana, .keypad-zenkaku, .keypad-katahira {
    width: 33.3px;
    background: #ffa;
}
.keypad-shift2 {
    width: 43px;
    background-color: #0aa;
}

.keypad-popup {
    margin: 0;
    padding: 5px 0 0 5px;
    background: #a0a0a0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;

    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#888),
        to(#aaa)
        );
    -webkit-box-shadow: 4px 4px 12px #000;

    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #888,
        #aaa
        );
    -moz-box-shadow: 4px 4px 12px #000;

    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffa0a0a0,endColorstr=#ff808080);
    zoom: 1;
}

.keypad-key {
    background: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ccc),
        to(#fff)
        );
    -webkit-box-shadow: 1px 1px 1px #fff;

    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #ccc,
        #fff
        );
    -moz-box-shadow: 1px 1px 1px #fff;

    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffcccccc,endColorstr=#ffffffff);
    zoom: 1;
}

.keypad-special {
    border: 1px solid #f9f9f9;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.keypad-key:hover, .keypad-special:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    cursor: pointer;
}

.keypad-key:active, .keypad-special:active {
    background: #808080;
    border: 1px solid #333;
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#888),
        to(#aaa)
        );
    -webkit-box-shadow: 1px 1px 1px #666;

    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #888,
        #aaa
        );
    -moz-box-shadow: 1px 1px 1px #666;

    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffa0a0a0,endColorstr=#ff606060);
    zoom: 1;
}

