.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

body {
	padding: 2em 3em;
}

@media print {
	body {
		padding: 0;
	}

	#toggle {
		display: none;
	}
}

.picker {
	border:  1px solid #ccc;
	padding: .5em 1.5em;
}

.picker .list > div {
	border-bottom: 1px solid #ccc;
	padding:       .5em 0;
}

.picker .list > div:last-child {
	border-bottom: none;
}

.actions {
	text-align: center;
}

.comparison tr.same {
	display: none;
}

.comparison tr.same td {
	color: #ccc;
}

.comparison tr.increase td {
	background: #7eff00;
}

.comparison tr.decrease td {
	background: #ffd800;
}

.comparison tr.deleted td {
	background: #ff6666;
}