@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=latin-ext');

html, body {
	padding:0;
	margin: 0;
}
body {
	background-color: #F4F4F4;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #082a3f;
} 
h1, h2, h3, h4 {
	font-family: 'Roboto Slab', serif;
	text-align: center;
}
h1 {
	font-size: 48px;
}
#logo {
	text-align: center;
}
.wrapper {
	width:80%;
	min-width: 380px;
	max-width: 900px;
	margin: 70px auto;
}
select.formfield, .formfield {
	margin: 6px 0 12px;
	display: block;
	padding: 8px 12px;
	width:400px;
}
input[type="submit"] {
	background-color: #3cabff;
	color: #fff;
	padding: 10px 20px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #3390d6;
	border-right: 1px solid #3390d6;
} 
table {
	width: 100%;
}
tr td {
	border-bottom: 1px solid #ddd;
	padding: 10px 20px;
}
td.label {
	color: #999;
	width: 50%;
	text-align: right;
}
td.value {
	font-weight: 700;
}
.info {
	display:inline-block;
	padding: 6px;
	font-weight: 300;
	font-size: 12px;
	position: relative;
}
.infovalue {
	display: none;
	background-color: #fff;
	width: 400px;
	padding: 20px;
}
.info:hover .infovalue {
	display: block;
	position: absolute;
}
.separator {
	margin: 30px 0;
	border-top: 1px solid #aaa;
	width: 100%;
	height: 1px;
}