/*
DebugConsole
*/
#Error {
	padding: 2.5em;
}
#Error h1 {
	color: #000;
	font-family: Trebuchet MS, Verdana, sans-serif; font-size: 1.8em; font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
}
#Error p {
	font-family: Segoe UI, Verdana, sans-serif; font-size: 1.2em;
	line-height: 1.5em;
	margin: 1em 0;
}
#DebugConsole {
	clear: both;
	position: absolute; top: 0; left: 100.1%; /* The .1 is an IE minor bug fix */
	width: 100%;
}
#DebugConsole div.Border {
	background-color: #eee;
	border-color: #000;
	border-style: solid;
	border-width: 0.2em;
	overflow: auto;
}
#DebugConsole h3 {
	background-color: #000;
	color: #fff;
	font-family: Segoe UI, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 1em;
}
/* Can't rely on the containing DIV, it's not there for 'inline' mode, so here's a bit of duplication... */
p.Notice {
	background-color: #fff;
	border-color: #999;
	border-style: dotted;
	border-width: 0.2em;
	clear: both;
	color: #000;
	font-family: Segoe UI, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0.5em !important;
	padding: 0.5em !important;
}
p.Warning {
	background-color: #fff;
	border-color: #999;
	border-style: dotted;
	border-width: 0.2em;
	clear: both;
	color: #000;
	font-family: Segoe UI, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0.5em !important;
	padding: 0.5em;
}
p.Error {
	background-color: #fff;
	border-color: #999;
	border-style: dotted;
	border-width: 0.2em;
	clear: both;
	color: #EE0000;
	font-family: Segoe UI, Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0.5em !important;
	padding: 0.5em;
}