@CHARSET "ISO-8859-1";


.keyboard-container
{
	background: none repeat scroll 0 0 #6683AA;
    border: 5px solid #666666;
    box-shadow: 4px 4px 13px 1px #000000;
    position: absolute;
    z-index: 100;
}

.keyboard-title
{
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#022037', endColorstr='#62738B'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#022037', endColorstr='#62738B')"; /* IE8+ */
    background-image: linear-gradient(to bottom, #022037, #62738B);
    height: 35px;
	
}
.keyboard-title div
{
	border: 1px solid;
    color: #FFFFFF;
    display: block;
    font-family: "Trebuchet MS",Arial,Tahoma,sans-serif;
    font-size: 25px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    width: 30px;
    
    border-radius: 10px 5px 5px 5px;
}

.key-row
{
	position:relative;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A8BBF', endColorstr='#255699'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4A8BBF', endColorstr='#255699')"; /* IE8+ */
    background-image: linear-gradient(to bottom, #4A8BBF, #255699);
}

.key
{
	
	color: #FFFFFF;
    font-family: "Trebuchet MS",Arial,Tahoma,sans-serif;
	font-size: 25px;
	
	/*text-align: center;*/
	
	border:2px solid #fff;
	display: inline-block;
	position: relative;
	
    border-radius: 20px 10px 10px 10px;
    
    height: 46px;
    margin-left: 4px;
    width: 46px;
    
    background-color: #226699;
/*    background-image: url("/images/keyboard/key-inset-smale.png"); */
    background-position: right bottom;
    background-repeat: no-repeat;
	
}

.key-inside
{
	text-align: center;
    bottom: 0;
    display: inline-block;
    height: 35px;
    position: absolute;
    width: 100%;
}

.key-inside img
{
	/*
	position: absolute;
    right: 2px;
    top: 11px;
    */
}

.key-space
{
	display: inline-block;
	height: 1px;
    width: 6px;
}

#keyboard-caret
{
	border: 1px solid black;
    display: inline-block;
    height: 50px;
    position: relative;
    width: 3px;
}


.keyboard-edit-element
{
	border: 3px solid #666666;
	z-index: 101;
	box-shadow: 4px 4px 13px 1px #000000;
}