table.legend { width: 100%; }
table.legend td { padding: 3px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; border: 1px dotted; background-color: #fff; }
table.legend td.substantially-better { background-color: #ff3; }
table.legend td.better { background-color: #fc0; }
table.legend td.average { background-color: #fcc; }
table.legend td.worse { background-color: #ff7000; }
table.legend td.substantially-worse { background-color: #f03; }

@media print {
	table.legend td.substantially-better { border: 3px solid #ff3; }
	table.legend td.better { border: 3px solid #fc0; }
	table.legend td.average { border: 3px solid #fcc; }
	table.legend td.worse { border: 3px solid #ff7000; }
	table.legend td.substantially-worse { border: 3px solid #f03; }
}

table.tablehldi { width: 100%; margin-bottom: 16px; border-collapse: collapse; }
table.narrow { width: 85%; margin: 0 auto 16px; }
table.tablehldi td { width: 45px; text-align: center; }
table.tablehldi th { width: 45px; font-weight: bold; }
table.tablehldi .sort-column { border-left: 2px solid #999; border-right: 2px solid #999; }
table.tablehldi .vehicle-name { text-align: left; width: auto; }
table.tablehldi .size-class { text-align: left; width: 200px; }
table.tablehldi .spacercol { width: 4px; }
table.tablehldi .allCoverages { width: 63px; font-weight: bold; }
table.tablehldi .highlight-row { border-top: 2px solid #999; border-bottom: 2px solid #999; font-weight: bold; }

table.tablehldi td.substantially-better { background-color: #ff3; }
table.tablehldi td.better { background-color: #fc0; }
table.tablehldi td.average { background-color: #fcc; }
table.tablehldi td.worse { background-color: #ff7000; }
table.tablehldi td.substantially-worse { background-color: #f03; }

@media print {
	table.tablehldi td.substantially-better { border: 3px solid #ff3; }
	table.tablehldi td.better { border: 3px solid #fc0; }
	table.tablehldi td.average { border: 3px solid #fcc; }
	table.tablehldi td.worse { border: 3px solid #ff7000; }
	table.tablehldi td.substantially-worse { border: 3px solid #f03; }
}

div#subclass { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
div#subclass a { padding: 2px 12px; margin: 2px; list-style: none; display: inline; font-size: 11px; border: 1px solid #ddd; line-height: 24px; }
div#subclass a:hover { border: 1px #c03 dotted; }
div#subclass a.selected { background-color: #ddd; color: #666; }

td#sidebar { padding-top: 30px }