#container {

width: /*550; */376px;
font: 71%/1.5 Verdana, Sans-Serif;/*71%*/
background-color: #d2d2d2;
height:280px;
position:absolute;
top:320px;
left:50%;
padding:5px;
margin: 0px auto;


}

#keyboard {
margin: 0;
padding: 0;
list-style: none;
background-color: gray;
}
	#keyboard li {
	float: left;
	margin:/* 0 5px 5px 0;*/0 5px 5px 0;
	width: /*40px;*/40px;
	height: /*40px;*/40px;
	line-height: /*40px;*/40px;
	text-align: center;
	background: #fff;
	border: 1px solid #f9f9f9;
	-moz-border-radius: /*5px;*/5px;
	-webkit-border-radius: /*5px;*/5px;
	
	}
		.capslock, .delete {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete, #keyboard .capslock , #keyboard .return{
			width: 85px;
			}
			
			
			
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;

		}