.dbg{ display: block; }
span.dbg,
tt.dbg,
.fixme{ display: inline; }
.todo{ display: block; }

.fixme:after,
.todo:after {
	float: right;
	font-size: 0.8em;
	color: #f00;
	font-weight: bold;
}
.fixme:after {
	content: "(FIXME)";
}
.todo:after {
	content: "(TODO)";
}

tt.dbg{ line-height: 100%; }


a.dbg,     .dbg > a,
tt.dbg,    .dbg > tt,
pre.dbg,   .dbg > pre,
span.dbg,  .dbg > span,
input.dbg, .dbg > input,
div.dbg-div{
	outline: 2px solid #f00;
}


.dbg-id{
	font-size: 13px;
	font-weight: normal;
}


.msgbox{
	width: 96%;
	margin: 0.5em auto;
	padding: 0 5px;
	border: 1px solid #bbb;
	position: relative;
	background-color: #ddd;
	text-align: left;
	white-space: pre-wrap;
	font-family: monospace;
}

.msgbox-header{
	background-color: #ccc;
	border: 1px solid #bbb;
	text-align: center;
	font-weight: bold;
	font-size: 123%;
	padding: 5px;
	margin: 0.5em 0;
}

.msg{
	margin: 0.5em 20px;
	padding: 5px 5px 1em;
	border: 1px solid #ccc;
	background-color: #eee;
	overflow-x: auto;
	overflow-y: hidden;
}

.msg-db-output{
	white-space: normal;
	text-indent: -10px;
	padding-left: 15px;
}
.msg-db-output .msg-remover,
.msg-db-output .msg-toggler{
	text-indent: 0;
	padding: 0;
}

.msg-remover,
.msg-toggler{
	float: left;
	cursor: pointer;
	border: 1px outset;
	background-color: #eee;
	font-size: 81%;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.4em;

	font-weight: bold;
	text-align: center;
}
.msg-remover,
.msg-toggler-end{
	float: right;
}
.msg-remover{
	position: relative;
	right: 5%;
	color: #f00;
}

.msg .msg-toggler{
	position: absolute;
	left: 5px;
}
.msg .msg-toggler-end{
	right: 5px;
	left: auto;
}

.msgbox.closed .msg{ display: none; }

.msg.closed{
	height: 20px;
	border-bottom-style: dotted;
}

.todo,
.fixme{
	background-color: #faa;
	padding-left: 5px;
}

.todo{
	border-bottom: 1px solid #d88;
	border-top: 1px solid #d88;
	white-space: pre-wrap;
	line-height: 1.3em;
	font-size: 95%;
	padding: 0.3em 0.5em;
	margin: 0.5em 0 1em;
}

td.todo{
	white-space: normal;
	display: table-cell;
}

.todo ul{ padding-left: 40px; }
.todo li{ list-style-type: disc; }
.todo li li{ list-style-type: square; }

.todo strong{
	text-decoration: underline;
	font-size: 1.2em;
}

.todo-noted{
	outline: 1px solid #f00;
}