textarea.result {
	display: inline-block !important;
	vertical-align: middle;
}

div.tbl {
	display: table;
	table-layout: fixed;
	width: 100%;
}
div.l {
	vertical-align: top;
	padding-top: 5px;
	display: table-cell;
	width: 35px;
}
div.r {
	display: table-cell;
	width: 100%;
}


td, th {
	text-align: center;
	font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
}
th {
	line-height: 120%;
}

#floatTable, #doubleTable1, #doubleTable2 {
	width: 315px;
	display: inline-block;
	border-collapse: separate;
	border-spacing: 1px;
	empty-cells: show;
}
th:nth-of-type(1) {
	width: 16px;
}
table tr:nth-of-type(3) td {
	width: 36px;
}
table tr:nth-of-type(3) td:nth-of-type(1), 
table tr:nth-of-type(3) td:nth-of-type(3) {
	width: 43px;
}

#floatTable tr:nth-of-type(2) td:nth-of-type(2),
#floatTable tr:nth-of-type(2) td:nth-of-type(5) {
	width: 27px;
}
#floatTable tr:nth-of-type(2) td:nth-of-type(3) {
	width: 36px;
}
#floatTable tr:nth-of-type(2) td:nth-of-type(4) {
	width: 17px;
}

#doubleTable1 tr:nth-of-type(2) td:nth-of-type(2) {
	width: 27px;
}


th.sign {
	background-color: #fee;
}
th.exponent {
	background-color: #efe;
}
th.fraction {
	background-color: #eef;
}

td {
	background-color: #f2f2f2;
	font-size: 16px;
}
td.e {
	background-color: #e5e5e5;
}

textarea#fraction {
	vertical-align: middle;
}

#hex {
	font-family: monospace;
}