html {
	background-color: #3465a4;
	height: 100%;

	margin: 0;
	padding: 0;
}

body {
	margin: 0em auto;
	padding: .5em;
	max-width: 60em;
	height: 100%;

	font-family: sans-serif;
	font-size: .9em;
	line-height: 1.4em;

	background-color: #f8f8f9;
	color: #2e3436;

	border-left: 1px solid #2e3436;
	border-right: 1px solid #2e3436;
}

h1 {
	margin: 1em 0em;
	padding: 0em;

	font-size: 1.6em;
}

h2 {
	margin: 1em 0em;
	padding: 0em;

	font-size: 1.3em;
}

a {
	color: #204a87;
}

p {
	margin: .5em 0em 1em 0em;
}

ul.buttons {
	margin: 2em 0em .5em 0em;
	padding: 0em;
}

ul.buttons li {
	display: inline;
}

ul.buttons li a {
	padding: .3em .8em;
	border: 1px solid #2e3436;
	text-decoration: none;
}

ul.buttons li a.action {
	border: 1px solid #babdb6;
	background-color: #d3d7cf;
}

ul.buttons li a:hover {
	background-color: #d3d7cf;
}

ul.buttons li a.selected {
	background-color: #729fcf;
	color: #ffffff;
}

textarea {
	width: 100%;
	font-family: monospace;
}

li.error {
	color: #a40000;
	font-weight: bold;
}

li.success {
	color: #4e9a06;
}