table.msgx_msg_table {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
}

td.msgx_header,
td.msgx_header_unread {
	background-color: #f0f0f0;
	padding: 5px;
}
td.msgx_header a,
td.msgx_header_unread a { color: inherit; }
td.msgx_header a:hover,
td.msgx_header_unread a:hover { color: #00f; }

td.msgx_header_unread {
	-webkit-animation: header_unread 2s; /* Chrome, Safari, Opera */
	animation: header_unread 2s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes header_unread {
	from { background: #D77; }
	to   { background: #f0f0f0; }
}

/* Standard syntax */
@keyframes header_unread {
	from { background: #D77; }
	to   { background: #f0f0f0; }
}


td.msgx_body,
td.msgx_body_unread {
	padding: 5px 5px 5px 15px;
	background-color: #f8f8f8;
	color: #444;
	max-width: 640;
	overflow-x: scroll;
}

td.msgx_body p.quote,
td.msgx_body p.msg_quote,
td.msgx_body_unread p.quote,
td.msgx_body_unread p.msg_quote
{
	background-color: #f0f0f0;
	margin: 10px;
	padding: 10px;
	border: 1pt dashed #d0d0d0;
	font-style: italic;
	color: #666;
}

td.msgx_body_unread {
	-webkit-animation: body_unread 5s; /* Chrome, Safari, Opera */
	animation: body_unread 5s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes body_unread {
	from { background: #eaa; }
	to   { background: #f8f8f8; }
}

/* Standard syntax */
@keyframes body_unread {
	from { background: #eaa; }
	to   { background: #f8f8f8; }
}

td.msgx_separator div {
	height: 10px;
}

div.msgx_msg_user {
	float: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	display: block;
	height: 16px;
	vertical-align: bottom;
}

div.msgx_msg_user img {
	margin-right: 2px;
}

div.msgx_msg_time {
	float: right;
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;
	display: block;
	min-width: 170px;
	height: 16px;
}

div.msgx_notes { font-size: 9px; color: #777; padding: 10px; }