.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xt1, .xt2, .xt3, .xt4 { display:block; overflow:hidden; height:1px; }
.xt2, .xt3, .xt4 { background:#ededed; border-left:1px solid #AFAFAF; border-right:1px solid #AFAFAF; }
.xt1 {margin:0 5px; background:#AFAFAF;}
.xt2 {margin:0 3px; border-width:0 2px;}
.xt3 {margin:0 2px;}
.xt4 {height:2px; margin:0 1px;}

.xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; height:1px; }
.xb2, .xb3, .xb4 { background:#fff; border-left:1px solid #AFAFAF; border-right:1px solid #AFAFAF; }
.xb1 {margin:0 5px; background:#AFAFAF;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.key
{
	display:block; 
	background: url("/com_img/keyshade.jpg");
	border:0 solid #AFAFAF; 
	border-width:0 1px;

	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.8em;
	text-align: center;
	cursor:pointer;
	height: 1.4em;
}

.keyboard 
{
	padding: 0.1em 0.6em 0.1em 0.6em;
	margin-bottom: 2em;
	border: solid 1px #D2D7DB;
	width: 36em;
	height: 21em;
	display:none;
}