/* THIS IS THE MINIMUM CSS NEEDED TO LOOK NICE */

.calc {
	border: 2px solid #000;	
	float: left;
	font-family: arial, sans-serif;
	margin-right: 15px;
	margin-bottom: 10px;
	width: 225px;
	margin-left: 5px;
}

p.instructions {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

.calc table {
	font-size: 12px;
	width: 225px;
}

.calc table caption {
	border-bottom: 2px solid #999;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	padding: 4px;
}

.calc table td, .calc table th {
	border-bottom: 2px solid #999;
	padding-top: 2px;
	padding-bottom: 2px;
}

.calc table td.uom {
	border-right: 2px solid #999;
	text-align: center;
}

.calc table td.label {
	border-right: 2px solid #999;
	text-align: right;
}

.calc table td.field {
	text-align: center;
}

.calc table .operand {
	font-size: 12px;
	text-align: right;
}

.calc table input.operand {
	background-color: #eee;
	/*border: 1px inset #555;*/
}

.calc table td.result {
	text-align: right;
}