
#virtualKeyboard {
    width: 100%;
    text-align: center;
    /*background-color:#7b8490;*/
    /*border-top:3px solid #000;*/
}

#keyboard {
    padding: 10px;
    width: 48vw;
    margin: 0 auto;
    height: 288;
    display: block;
    padding-left: 25px;
    display: block;
    /*    position:absolute;*/
    bottom: 0px;
    left: 0px;
}

.swe #keyboard {
    width: 46vw;
}

#keyboard:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#keyboardHeader {
    position: relative;
}

    #keyboardHeader div {
        color: #fff;
        background-color: #7b8490;
        padding: 3px;
        padding-left: 15px;
        padding-right: 15px;
        position: absolute;
        cursor: pointer;
        right: -10px;
        top: -40px;
    }

.closex {
    font-weight: bolder;
    color: #000;
}

#keyboardCapitalLetter {
    display: none;
}

#keyboardSmallLetter {
    display: block;
}

#keyboardNumber {
    display: none;
}

#keyboardSymbols {
    display: none;
}

.kbcontainer .button {
    width: 3vw;
    height: 3vw;
    background-color: #fff;
    position: relative;
    float: left;
    margin-right: 0.5vw;
    margin-top: 0.5vw;
    cursor: pointer;
    font-size: 1vw;
    /*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 */
}

.kbcontainer .buttonDown {
    background: none;
    background-color: #c9cdd5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.kbcontainer .button_a {
    margin-left: 1vw;
}

.kbcontainer .button_dash {
    margin-left: 1vw;
}

.kbcontainer .button_underscore {
    margin-left: 1vw;
}

.kbcontainer .button_enter {
    width: 6vw;
}

.kbcontainer .button_del {
    width: 6vw;
}

.kbcontainer .button_smallletter {
    font-size: 1vw;
}

.kbcontainer .button_capitalletterleft {
    font-size: 1vw;
}

.kbcontainer .button_capitalletterright {
    width: 129px;
    font-size: 1vw;
}

.kbcontainer .button_numberleft {
    width: 5vw;
    font-size: 1vw;
    margin-left: 1vw;
}

.kbcontainer .button_numberright {
    width: 5vw;
    font-size: 1vw;
}

.kbcontainer .button_space {
    width: 25vw;
    margin-left: 0vw;
}

.kbcontainer .button_symbolsleft {
    width: 5vw;
    font-size: 1vw;
    margin-left: 1vw;
}

.kbcontainer .button_symbolsright {
    width: 5vw;
    font-size: 1vw;
}


.kbcontainer .key {
    color: black;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 0.9vw;
    text-shadow: 0px 1px 1px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=1);
}

.kbcontainer .key_del {
    padding-top: 0.9vw;
}

.kbcontainer .key_enter {
    padding-top: 0.9vw;
}

.kbcontainer .key_smallletter {
    padding-top: 0.9vw;
}

.kbcontainer .key_capitalletterleft {
    padding-top: 0.9vw;
}

.kbcontainer .key_capitalletterright {
    padding-top: 0.9vw;
}

.kbcontainer .key_number {
    padding-top: 0.9vw;
}

.kbcontainer .key_symbols {
    padding-top: 0.9vw;
}

.kbcontainer .button:hover {
    border-color: rgba(82, 168, 236, 0.8);
    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);
}

.gastro #keyboard {
    width: 50vw;
}

.iposter-comments .kbcontainer .close-x {
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    position: absolute;
    right: -8px;
    top: -3px;
}

.iposter-comments #keyboard {
    padding-left: 10px;
}

.button_numberleft,
.button_capitalletterleft,
.button_smallletter,
.button_a,
.button_dash,
.button_underscore {
    clear: both;
}
