#container {
    margin: 0 auto;
    padding-top:7px;
    width: 607px;
    font: 100%/1.9 Verdana, Sans-Serif !important;
    color: #fff !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align:center;
}

#keyboard {
margin: 0;
padding: 0;
list-style: none;
}
	#keyboard li {
	float: left;
	margin: 0 2px 2px 0;
	width: 39px;
	height: 39px;
	line-height: 37px;
	text-align: center;
	background: #1F85B6;
	border: 1px solid #f9f9f9;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete {
			width: 70px;
			}
			#keyboard .capslock {
			width: 80px;
			}
			#keyboard .return {
			width: 68px;
			}
			#keyboard .left-shift {
			width: 90px;
			}
			#keyboard .right-shift {
			width: 109px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		width: 99px;
		}
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
		}