/*
 *  Guacamole - Clientless Remote Desktop
 *  Copyright (C) 2010  Michael Jumper
 *
 *  This program is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU Affero General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU Affero General Public License for more details.
 *
 *  You should have received a copy of the GNU Affero General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

#keyboardContainer {
    text-align: center;

    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;

    border-top: 1px solid black;
    background: #222;
    opacity: 0.85;

    display: none;
    z-index: 1;
}

.guacamole-keyboard {
    display: inline-block;
    width: 100%;
    
    margin: 0;
    padding: 0;
    cursor: default;

    text-align: left;
    vertical-align: middle;
}

.guacamole-keyboard .guacamole-keyboard-key {
    display: inline-block;
}

.guacamole-keyboard .guacamole-keyboard-cap {

    background: #444;
    border: 1px solid #888;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -khtml-border-radius: 0.25em;
    border-radius: 0.25em;

    color: white;
    font-family: sans-serif;
    font-size: 50%;
    font-weight: lighter;
    text-align: center;
    white-space: pre;

}

.guacamole-keyboard .guacamole-keyboard-key:hover .guacamole-keyboard-cap {
    background: #666;
    border-color: #666;
    cursor: pointer;
}

.guacamole-keyboard .guacamole-keyboard-key.pressed:hover .guacamole-keyboard-cap {
    background: #822;
    border-color: #D44;
}

.guacamole-keyboard .guacamole-keyboard-key.active:hover .guacamole-keyboard-cap {
    background: #882;
    border-color: #DD4;
}

.guacamole-keyboard .guacamole-keyboard-row {
    line-height: 0;
}

.guacamole-keyboard .guacamole-keyboard-column {
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.guacamole-keyboard .guacamole-keyboard-gap {
    display: inline-block;
}