input {
	width: 4em;
	text-align: right;
}

.side {
	float: right;
}

#output {
	border: 2px solid #555555;
	background: #bbbbbb;
	border-radius: 5px;
	padding: 4px;
	margin: 4px;
	font-size: 50%;
	font-family: sans-serif;
}

h1.ui-widget {
    font-size: 200%;
}

h2 {
    margin-top: 0;
}

.main {
	border: 2px solid #050;
	border-radius: 5px;
	padding: 8px;
	margin: 4px;
}

.clear {
	clear: both;
}

.usage-bar {
	padding: 0;
	margin: 0;
	height: 12px;
	display: inline-block;
}

.usage-bar:nth-child(2n+0) {
	background: #070;
}

.usage-bar:nth-child(2n+1) {
	background: #0d0;
}

.usage-bar.wasted {
	background: #fff;
	border: 1px black solid;
	height: 10px;
}

.footnote {
    font-size: 75%;
}