#msgmenu .actionmenu {
	padding-left: 2em;
}

.msghdr {
	margin: 1em;
	padding: .5em;
	border: thin solid #888;
	background: #ddd;
	line-height: 1.2em; /* Fixes the "staircase effect" */
}

/* I'd like to use display: run-in, but Mozilla doesn't seem to supprt it. */
.msghdr dl dt {
	font-weight: bold;
	float: left;
	margin-right: .5em;
}

.msghdr dl dt:after {
	content: ": ";
}

.msghdr dl dd {
	margin: 0;
	padding: 0;
	display: block;
}

.msgpart {
	margin: 1em;
	padding: .5em;
	border: thin solid #888;
	background: #ddd;
}

.ct-text-plain {
	font-family: monospace;
}

.ct-unknown {
	border: thin solid #c00;
	background: #f88;
}

.htmlnote {
	font-size: 0.75em;
	padding: .5em;
	margin: .5em;
	border: thin solid #c00;
	background: #f88;
}

@media print {
	body > * {
		display: none;
	}
	
	.msghdr {
		display: block ! important;
		background: white;
		border: thin solid black;
	}
	
	.msgpart {
		display: block ! important;
		background: white;
		border: thin solid black;
	}
}