#keyboardContainer, .keyboardContainer {
margin: 50px auto;
margin-top: 5px;
padding-top: 5px;
border-top: 1px dashed #ccc;
width: 880px;
height: 340px;
text-align: center;
}
#write, #printParachuteSerialNumber {
margin: 15px;
padding: 5px;
width: 850px;
font-size: 36px;
font-weight: normal;
text-align: center;
border: 0px;
border-radius: 0px;
background: #fff;
box-shadow: rgba(0,0,0,0.8) 0px 0px 20px;
}
#keyboard, #keyboardPrint {
margin: 0;
margin-left: 10px;
padding: 0;
list-style: none;
}
	#keyboard li, #keyboardPrint li {
	float: left;
	margin: 0 5px 5px 0;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
    background-color: rgba(4,13,29,0.9);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #f9f9f9;
	box-shadow: rgba(0,0,0,0.8) 0px 0px 10px;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete, #keyboardPrint .tab, #keyboardPrint .delete {
			width: 145px;
			}
			#keyboard .capslock, #keyboardPrint .capslock {
			width: 80px;
			}
			#keyboard .return, #keyboardPrint .return {
			width: 77px;
			}
			#keyboard .left-shift, #keyboardPrint .left-shift {
			width: 95px;
			}
			#keyboard .right-shift, #keyboardPrint .right-shift {
			width: 109px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space, #keyboardPrint .space {
		clear: left;
		width: 681px;
		}
		.on {
		display: none;
		}
		#keyboard li:hover, #keyboardPrint li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
        background-color: #f7f7f7;
		background-image: linear-gradient(top, #f7f7f7, #ccc);
		color: #181818;
		}