/* This dummy rule has no purpose except as a fix for a bizarre bug
   whereby the first rule after the include above gets ignored.     */
.dummyrule {}

#tags_div {
	margin: 1rem;
}

.statdiv {
	border-radius: 1em;
	-moz-border-radius: 1em;
	padding: 0.5em;
	margin: 0.5em;
	float: left;
	font-size:10px;
}

.width-1 {
	width: 15em;
}

.width-2 {
	width: 32.4em;
}

.width-3 {
	width: 49.8em;
}

.width-4 {
	width: 67.2em;
}

.width-5 {
	width: 84.6em;
}

/* hack for overlapping divs in Chrome */
.wide + .narrow, .wide + .medium {
	clear: left;
}

.statdiv h4 {
	border-radius: .25em;
	-moz-border-radius: .25em;
	text-align: center;
	color: white;
	font-size: 170%;
	margin: 0.5em 0;
}

.statdiv p {
	color: black;
	padding: 0.4em;
	font-size: 140%;
	line-height: 1.5em;
}

.statdiv span.value {
	font-weight: bold;
	font-size: 150%;
	border-radius: .25em;
	-moz-border-radius: .25em;
	padding: 0 .125em;
	background-color: rgb(255,255,255) transparent;
	background-color: rgba(255,255,255,0.7);
	text-decoration: none;
}

.statdiv a:link, .statdiv a:hover, .statdiv a:active, .statdiv a:visited {
	color: #0069b4;
	text-decoration: underline;
	line-height: 1.5em;
}

.legend {
	font-size: smaller;
	background: rgb(255,255,255) transparent;
	background: rgba(255,255,255,0.9);
	padding: 2px;
	border-radius: .25em;
	-moz-border-radius: .25em;
}

.legend span {
	border-radius: .25em;
	-moz-border-radius: .25em;
}

.statdiv canvas {
	background: rgb(255,255,255) transparent;
	background: rgba(255,255,255,0.9);
	border-radius: .5em;
	-moz-border-radius: .5em;
}

.statdiv table {
	margin: 0 auto; 
	text-align: right;
	border-collapse:collapse;
	font-size: 150%;
	color: black;
}

.statdiv td, .statdiv th {
	padding: 0.2em;
}

.statdiv .total td {
	font-weight:bold;
	border-top: thin solid black;
}

.statdiv {
	border: .2em solid #2b4ae7;
	background-color: #f5f5f5;
}

.statdiv h4 {
	background-color: #2b4ae7;
}

.statdiv span.value {
	border: .1em solid #2b4ae7;
	background-color: #2b4ae7;
	color: #feda2a;
}

.statdiv canvas {
	border: .1em solid #2b4ae7;
}

p.modified {
	font-size: 100%;
	text-align: right;
	padding: 0 0.4em;
	min-height: 0;
	height: auto;
	margin: 0;
}
p.tags {
	font-size: 110%;
	text-align: left;
	padding: 0 0.4em;
	min-height: 0;
	height: auto;
	margin: 0;
}
p.download {
	font-size: 100%;
	text-align: left;
	padding: 0 0.4em;
	min-height: 0;
	height: auto;
	margin: 0;
}

.tag {
	border: .1em solid #2b4ae7;
	background-color: #e5e5e;
	color: #2b4ae7;
	border-radius: .5em;
	-moz-border-radius: .5em;
	padding: 0 .5em;
	margin: 0 .5em;
}
.tag.selected {
	color: #feda2a;
	font-weight: bold;
	background-color: #2b4ae7;
}
.tag:hover {
	color: #feda2a;
	background-color: #2b4ae7;
}

#credits {
	clear: both;
	padding-top: 1em;
	text-align: center;
}

#Utility-sitename {
	text-align: left;
}