#keyboard
{
    background-color:rgba(255,255,255,0.85);
	border:1px solid #bbb;
	border-bottom:2px solid #bbb;
	border-radius:5px;
	padding:30px 0px 0px 5px;
	box-shadow:0px 1px 10px rgba(0,0,0,0.5);
	cursor:pointer;
	position:fixed;
	display:none;
	z-index:1000;
	
}

#keyboard #close-button
{
	font-weight:bold;
	color:white;
	text-shadow:0px -1px rgba(0,0,0,0.5);
	position:absolute;
	width:15px;
	right:5px;
	top:0px;
	padding:2px 10px;
	background-color:rgba(200,0,0,0.5);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom:1px solid rgba( 100, 0,0,0.5);
	border-top:1px solid rgba(255,255,255,0.5);
}

#keyboard #close-button:hover
{
	background-color:rgba(255,0,0,0.5);
}

#keyboard .key
{
	
	width:50px;
	height:42px;
	background-color:rgba(220,220,220,0.8);
	border:1px solid #bbb;
	border-bottom:2px solid #bbb;
	border-radius:5px;
	
	margin:0px 5px 5px 0px;
	
	float:left;
	font-size:30px;
	color:#999;
	text-shadow:0px 1px white, 0px -1px #555;
	padding-top:8px;
	text-align:center;
	
	position:relative;
}

#keyboard .key.operation
{
	height:35px;
	padding-top:0px;
	width:35.5px;
	background-color:#D4FAFF;
}

#keyboard .key:hover
{
	background-color:#fdfdfd;
}

#keyboard .key:hover
{
	background-color:#fdfdfd;
}