body {
	word-wrap: break-word;
	/*word-break: break-all;*/

	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	color: #eee;
	line-height: 1.6;
	font-size: 1.1em;

	margin: 20px auto;
	max-width: 900px;
	background-color: #2c2c2c;
	/* padding: 0 10px; */
}
a {
	color: #193a7b;
}
a:hover {
	background: #193a7b;
	color: #eee;
}
ul {
	padding-left: 1.5em;
}
li {
	padding-bottom: 5px;
	padding-right: 5px;
	color: #eee;
	list-style-type: square;
}
header h1 {
	line-height: 1.2;
	color: white;
	font-size: 2.0em;
	font-weight: 300;
}
h1, h2, h3 {
	line-height:1.2;
}
code {
	padding: 0.5em;
	background: #777;
	border-left: 5px solid #69c;
	display: block;
}
blockquote {
	margin-left: 0em;
	margin-right: 0em;
	padding: 0.5em;
	background: #777;
	border-left: 5px solid #6699cc;
	/* border-bottom: 5px solid #cde; */
}
blockquote:before {
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote cite:before {
	content: close-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote cite {
	display: block;
	padding: 1em;
}
table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
}
thead {
	font-family: monospace;
	font-size: 1.5em;
	background-color: #666;
	color: #fff;
}
tr.alt1 {
	background-color: #888;
}
tr.alt1:hover {
	background-color: #aaa;
}
tr.alt2 {
	background-color: #999;
}
tr.alt2:hover {
	background-color: #aaa;
}
td {
	border: 1px solid #000;
	padding: 5px;
}
td.word_break {
	word-break: break-all;
}
td a {
	display: block;
	height: 100%;
	width: 100%;
}
#page {
	background-color: #2c2c2c;
}
.sprite_selection {
	background-color: #aaa;
	width: 100%;
	float: left;
}
.sprite_selection ul {
	margin-top: 5px;
	padding: 0 5px;
}
.sprite_selection li {
	display: inline-block;
	list-style-type: none;
}
.sprite_selection li a {
	background-color: #ccc;
	display: block;
	padding: 3px 3px;
	text-decoration: none;
}
.sprite_selection li a:hover {
	background-color: #ddd;
}
.sprite_selection input:not([type=text]) {
	width: auto;
	margin: 0;
}
.time {
	font-family: monospace;
	background-color: #999;
	text-align: left;
	padding-left: 10px;
}
.title {
	background-color: #ccc;
	width: 100%;
	margin-bottom: 20px;
}
.status3xx, .status4xx, .status5xx, .index {
	color: #fff;
	border-top: 1px solid #2c2c2c;
	border-bottom: 8px solid #2c2c2c;
}
.status3xx {
	background-color: #009149;
}
.status4xx {
	background-color: #C55042;
}
.status5xx {
	background-color: #F2E81A;
}
.index {
	background-color: #0085ba;
}

/* HTML5 Elements */

header {
	text-align: center;
}
footer {
	background-color: #999;
	color: #222;
	font-family: monospace;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
}
nav {
	background-color: #999;
	width: 100%;

	font-size: 100%;
	margin-bottom: 0.5em;
	/*
	overflow-x: scroll;
	*/
}
nav ul {
	margin: 0;
	padding: 5px 5px 0px;
/*	white-space: nowrap; */
}
nav li {
	display: inline-block; /*float: left;*/
	list-style-type: none;
}
nav li a {
	background-color: #999;
	display: block;
	padding: 3px 5px;
	text-decoration: none;
	font-weight: bold;
}
nav li a:hover {
/*
	background-color: #888;
	color: #000;
*/
}
section {
	background-color: #666;
	padding: 10px;
}
article {
	background-color: #666;
	padding: 10px;
	margin-bottom: 10px;
}
form {
	background-color: #aaa;
	
}
select, input, textarea {
	width: 100%;
	background-color: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#error, #warn, #ok {
    border: 1px solid #000;
    color: #FFF;
    padding: 10px;
}
#error {
    background-color: #e2001a;
}
#warn {
    background-color: #ff8040;
}
#ok {
    background-color: #7ab51d;
}
#fields {
	background-color: #CCC;
	padding: 10px;
	margin: 0 auto;
	font-weight: bold;
	width: 50%;
}