.keyboard{
	margin:1em;
	padding:1em;
	background:#ecece9;
}
.row{
	border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid transparent;
	clear:both;
	height:52px;
	width:828px;
	margin:0 auto;
}
.key {
	float:left;
	position:relative;
	-moz-border-radius:4px;
	border-radius:4px;
	width:45px; height:45px;
	margin:4px; padding:0 1px 1px 0;
	background: rgba(255, 255, 255, 0.2);
	background: -moz-linear-gradient(100% 100%, 0 0, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
	-moz-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.5)
		, 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.5)
		, 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
	font-style:italic;
	color:rgba(0, 0, 0, 0.7);
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.7);
}
	div.pressed{ 
		background:rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset -1px -1px 6px 1px rgba(0, 0, 0, 0.2)
			/*, inset -1px -1px 4px 3px #ccc*/
			, -1px -1px 0px 0px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: inset -1px -1px 6px 1px rgba(0, 0, 0, 0.2)
			, -1px -1px 0px 0px rgba(0, 0, 0, 0.3);
		padding:1px 0 0 1px;
		text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3);
	}
	div.pressed .symbol{right:9px; bottom: 3px;}
	div.pressed .keylabel{top:1px; left: 3px;}
.symbol{
	position:absolute;
	right:8px;
	bottom:2px;
	font-size:large;
	line-height:1.2em;
}
.shifted{ display:none; }
.keylabel{
	position:absolute;
	top:2px;
	left:4px;
	font-family:sans-serif;
	font-size:x-small;
	color:#666;
}
.half { 
	background: rgba(255, 255, 176, 0.3);
	background: -moz-linear-gradient(100% 100%, 0 0, from(rgba(255, 255, 176, 0.3)), to(rgba(255, 255, 176, 0.2)));
}
/*
.depends {background:#ffe;}
.depends .plain{ display:none;}
.depends .shifted{ display:block;}
*/

#backspace{ width: 117px;}
#tab, #leftctrl, #rightctrl, #backslash { width: 81px;}
#capslock{ width: 93px;}
#enter{ width: 123px;}
#leftshift{ width: 131px;}
#rightshift{ width: 139px;}
#spacebar{ width: 289px;}
#leftwin, #rightwin, #leftalt, #rightalt{
	width: 61px;
}
#contextmenu{ width: 61px;}
#spacebarrow{ padding-bottom:4px;}

#x .plain, #hyphen .plain, #d .plain {display:block;}
#x .shifted, #hyphen .shifted, #d .shifted{display:none;}

/*.labels_off .keylabel{display:none;}*/