html, body, div, p, hr { margin: 0; padding: 0; }

body { word-wrap: break-word; font-family: 'Calibri', 'Arial', 'Verdana' sans-serif; font-size: 12px; word-wrap: break-word; }


.messageInGroup, .messageIn, .messageOutGroup, .messageOut, .status, .file { padding: 10px 0; position: relative; border-bottom: 1px solid #e8e8e8; }

.message { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #e8e8e8; }

.messageOutGroup, .messageOut { background: #f4f4f4; }
	.messageOutGroup .header, .messageOut .header { color: #636363; }

.messageInGroup, .messageIn { }
	.messageInGroup .header, .messageIn .header { color: #436d9c; }

.header .date, .file .date, .status .date { position: absolute; right: 10px; font-size: 10px; color: #9f9f9f; }
.message .date { padding: 0 10px 0 5px; float: right; font-size: 10px; color: #9f9f9f; }

.file { background: #e1f1f8; }
	.file h6, .file .date { color: #436d9c; }

.status { background: #f8f8e1; }
	.status h6, .status .date { color: #707019; }

.header { padding: 0 0 8px 10px; }

p { padding: 0 10px; }

.message p { padding: 0 0 0 10px; position: relative; }

h6 { padding: 0 5px 0 10px; display: inline; font-size: 12px; font-weight: normal; }

a, a:visited, a:active { color: #436d9c; }
	a:hover { color: #5b859f; }