table.ransom-word {
	display: inline;
	line-height: 60px;
	xborder: 1px solid purple;	
}

table.ransom-word tr td {
	height: 66px;
	xborder: 1px solid red;
}
	
div.ransom-word {
	xposition: relative;
	xdisplay: inline;
	xborder: 1px solid red;
	xwhite-space: nowrap;
	float: left;
	padding-left: 20px;
	xheight: 4.5em;
}

.ransom-letter {
	border: 1px solid black;
	margin: 2px;
	vertical-align: text-bottom;	
}

#output {
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 16px;
	width: 740px;
	float: left;
	position: relative;
	/* clear: both; */
	border: 2px solid black;
	background-color: #D8D8B1;
}

.punctuation {
	xdisplay: inline;
	font-size: 3.5em;
	xline-height: 3.5em;
	font-weight: bold;
	xheight: 4.5em;
}
.div-clear {
	xclear: left;
	margin-top: 30px;
}

.space {
	display: inline;
	padding-left: 14px;
	xborder: 1px solid green;
	xfloat: left;
	xfont-size: 3.5em;
}

textarea {
	width: 300px;
}