body {
	font: 62.5% Calibri, "Trebuchet MS", Arial, sans-serif;
}
h1 {
	font-size: 2.4em;
}
p {
	font-size: 1.6em;
}
td ul {
	margin-top: 0;
}
.footer {
	text-align: right;
	margin-top: 2em;
	color: #555;
	border-top: solid 1px #ccc;
	padding-top: 0.2em;
}
table.compare {
	border-collapse: collapse;
	margin-top: 3em;
	width: 100%;
}
.compare th, .compare td {
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 0.5em;
	border: solid 1px #ccc;
}
.compare th[scope=col] {
	background-color: #036;
	color: #fff;
}
.compare th[scope=row] {
	background-color: #ddfac1;
}
.compare .highlight th[scope=rowgroup], .compare th[scope=rowgroup]:hover, .compare th[scope=row]:hover  {
	background-color: #a7e36d;
}
.compare th[scope=rowgroup] span {
	padding-left: 15px;
	background: transparent url(twisty.png) no-repeat left;
}
.compare .highlight th[scope=rowgroup] span {
	background-image: url(twisty-open.png);
}
.compare th[scope=rowgroup] {
	background-color: #ddfac1;
}
.compare tbody tr:last-child th, .compare tbody tr:last-child td {
	border-bottom-color: #666;
}

.compare td {
	color: #555;
}
.compare tr th ~ td {
	color: #000;
}
.compare th[scope=row]:hover ~ td {
	background-color: #ddfac1;
}
.compare .highlight td {
}
.compare th[scope=rowgroup] {
	cursor: pointer;
}