body {
	font-family: Arial;
	font-size: 0.9rem;
}

h1 {
	letter-spacing: -0.02em;
}

h2, h3, h4, h5, h6 {
	margin-top: 1.5em;
}

sup, sub {
	font-size: 0.7em;
}

.contents {
	max-width: 90ch;
	margin-right: auto;
	margin-left: auto;
}

.emphasis {
	text-decoration: underline;
}

.button {
	display: inline-block;
	background-image:url('img/gnetgraph.png');
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
}

.button, .icon {
	margin-right: 1.5em;
}

.button.download	{ background-position: 0 -48px; }
.button.help		{ background-position: 0 -32px; }
.button.back		{ background-position: 0   0px; }
.button.forward		{ background-position: 0 -16px; }
.button.ok			{ background-position: 0 -64px; margin-right: 0; }
.button.zoomOut		{ background-position: 0 -80px; }
.button.zoom		{ background-position: 3px -96px; }

.flags-container {
	float: right;
}

.flags-container img.flag {
	width: 32px;
}

.table {
	border-collapse: collapse;
	width: 100%;
}

td, th {
	border: 0.05rem solid #aaa;
	padding: 0.5rem;
	text-align: left;
}

.table td:first-child {
	width: 8em;
}

.font--size-smaller {
	font-size: 0.8em;
}

.fa-download,
.fa-stop-circle,
.fa-play-circle {
	color: #00b1b1;
}

.fa-pause-circle {
	color: red;
}

/* Shortened date-time input to only show the icon */
.calendar-icon {
	border: none;
	width: 1.25em;
}