body {
	margin: 0;
	padding: 0;
}

#debug {
	display: none;
	font-family: arial, helvetica;
	width: 100%;
	border-top: 1px solid #B9ACAC;
	z-index: 9999;
}

#debug-header {
	height: 16px;
	border-top: 1px solid #F3F1F1;
	border-bottom: 1px solid #B9ACAC;
	background: #DBD6D6;
	text-align: right;
	padding: 3px 7px 0;
	font-size: 10px;
	color: #B9ACAC;
}

#debug-mootools-net:link, #debug-mootools-net:visited {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	margin-top: -1px;
	background: url(images/icon.png) no-repeat top left;
}

#debug-mootools-net:hover, #debug-mootools-net:active {
	background-position: bottom left;
}

#debug-header span {
	cursor: pointer;
	width: 13px;
	height: 13px;
	display: block;
	float: right;
	margin-left: 5px;
}

#debug-header b {
	display: block;
	clear: both;
}

#debug-button-close {
	background: url(images/close.png);
}

#debug-button-max {
	background: url(images/max.png);
}

#debug-button-min {
	background: url(images/min.png);
}

#debug-messages {
	height: 133px;
	border-top: 1px solid #EEE;
	overflow: auto;
	background: #FFF url(images/mootools.png) no-repeat center center;
}

#debug-messages pre {
	white-space: normal;
	padding: 3px 5px;
	margin: 0;
	font: 11px "Andale Mono", Monaco, "Courier New";
	border-bottom: 1px solid #ccc;
	color: #444;
	background-color: #FFF;
}

#debug-messages pre.error {
	background: #F0F0F0 url(images/error.png) no-repeat 5px 50%;
	color: #da5d0b;
	padding-left: 25px;
}

#debug-messages pre.error span.string {
	color: #da5d0b;
}

#debug-messages pre.warning {
	background: #F0F0F0 url(images/warning.png) no-repeat 5px 50%;
	color: #ce7a2a;
	padding-left: 25px;
}

#debug-messages pre.warning span.string {
	color: #ce7a2a;
}

#debug-messages pre.info {
	background: #F0F0F0 url(images/info.png) no-repeat 5px 50%;
	color: #528CE0;
	padding-left: 25px;
}

#debug-messages pre.info span.string {
	color: #528CE0;
}

#debug-messages pre.time {
	background: #F0F0F0 url(images/time.png) no-repeat 5px 50%;
	color: #111;
	padding-left: 25px;
}

#debug-messages pre.group {
	background: #f9f9f9 url(images/group-close.png) no-repeat 6px 50%;
	color: #222;
	padding-left: 25px;
	cursor: pointer;
}

#debug-messages pre.group-closed {
	background-image: url(images/group-open.png);
}

#debug-messages div.group {
	padding: 2px 0 2px 10px;
	background: #ccc;
}

#debug-messages pre.logger {
	color: #4373B8;
}

#debug-input-area {
	overflow: hidden;
	border-top: 1px solid #B9ACAC;
}

#debug-input {
	width: 100% !important;
	width: 90%;
	color: #222;
	font: 12px Andale Mono, Monaco, "Courier New";
	margin: 0;
	border: 0;
	padding: 4px 5px 3px 30px;
	background: #fff url(images/lick.png) no-repeat 7px 63%;
}

#debug-messages a:link, #debug-messages a:visited {
	color: #333;
	text-decoration: none;
}

#debug-messages a:hover, #debug-messages a:active {
	background-color: #757E8A;
	color: #fff;
}

#debug-messages a:hover span, #debug-messages a:active span {
	color: #EECFCF;
}

#debug-messages span.number {
	color: #B33F3F;
}

#debug-messages span.boolean {
	color: #A652E0;
}

#debug-messages span.undefined, #debug-messages span.false {
	color: #888;
	background-color: #eee;
}

#debug-messages span.key {
	color: #888;
}

#debug-messages span.tag {
	color: #528CE0;
}

#debug-messages span.string {
	color: #8B9E41;
}