section {
	width: 400px;
	float: left;
}
hr.vertical {
	float: left;
	display: block;
	width: 0px; height: 400px;
	margin:  0px 20px;
	border: 0; border-right: 1px dashed black;
}
hr.horizontal{
	margin: 20px 40px;
	border: 0; border-bottom: 1px dashed black;
	clear: both;
}
input {
	width: 280px;
	margin: 4px;
	border: 1px solid black;
}
input[type="submit"], input[type="button"]{
	width: 30px;
}
input[name="title"] {
	width: 280px;
}
input[value="read"] {
	width: 40px;
}
input[value="write"] {
	width: 46px;
}
textarea {
	width: 392px; height: 80px;
	margin: 4px;
	border: 1px solid black;
}

select {
	width: 392px;
	margin: 4px;
	border: 1px solid black;
}
.preview {
	width: 390px; min-height: 80px;
	margin: 4px;
	border: 1px solid black;
	overflow-x: scroll;
	white-space: nowrap;
}
.preview img {
	margin: 2px;
	width: 9px; height: 15px;
	image-rendering:optimizeSpeed;
	image-rendering:pixelated;
	image-rendering:crisp-edges;
}
#kbd img{
	padding: 3px; margin: 4px;
	width: 24px; height: 40px;
	border: 1px solid black;
	image-rendering:optimizeSpeed;
	image-rendering:pixelated;
}
#dict img {
	width: 12px; height: 20px;
	padding: 3px; margin: 4px 0px 4px 4px;
	border: 1px solid black;
	image-rendering:optimizeSpeed;
	image-rendering:pixelated;
}
#dict input {
	display: inline-block;
	width: 29px; height: 28px;
	margin: 4px; margin-left: 0px; padding: 6px;
	border-left: none;
	vertical-align: top;
}