* {
margin: 0;
padding: 0;
}

#keyboardWrapper #closeButton{
	position:absolute;
	top:5px;
	right:5px;
	width:16px;
	height:16px;
	background:url('../images/close.png') no-repeat;
	cursor:pointer;
	z-index:100;
}

#container {
margin: 30px auto;
width: 688px;
}
#write {
display:none;
margin: 0 0 5px;
padding: 5px;
width: 671px;
height: 200px;
font: 2em/1.5 Verdana, Sans-Serif;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#keyboard {
margin: 0;
padding: 0;
list-style: none;
}
	#keyboard li {
	float: left;
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete {
			width: 70px;
			}
			#keyboard .capslock {
			width: 80px;
			}
			#keyboard .return {
			width: 77px;
			}
			#keyboard .left-shift {
			width: 95px;
			}
			#keyboard .right-shift {
			width: 109px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		clear: left;
		width: 634px;
		}

		#keyboard .hide {
		clear: left;
		width: 234px;
		float:left;
		margin-left:100px;
		background:silver;
		}

		#keyboard .accept {
		width: 234px;
		float:left;
		background:#8DE761;
		}

		.on {
		display: none;
		}

		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
		}

        #keyboard li:active {
        background: #bdffa1;
        }