body {
	margin: 0;
	padding: 0;
	background: url(images/backu.jpg) fixed no-repeat;
}

.head {background: url("images/back.png") repeat-x; color:white; font-family: "Lucida Grande"; font-weight:bold;text-shadow:2px 2px 4px #333;padding:2px 6px 3px 6px;}

.headhistory {background: rgba(0,0,0,.2); color:white;font-size:10pt;font-weight:bold;padding:2px 6px 3px 6px;}

.message {padding-bottom:3px; font-weight:normal;margin-right:10px; margin-left:6px;vertical-align: middle;}

.messagehistory {padding-bottom:3px; color:grey; margin-right:10px; margin-left:6px;vertical-align: middle;}

.nextmessage {padding-top:3px; padding-bottom:3px; font-weight:normal;margin-right:10px; margin-left:6px; vertical-align: middle;}

.nextmessagehistory { padding-top:3px; padding-bottom:3px; color:grey;margin-right:10px; margin-left:6px;vertical-align: middle;}

.divide {background:rgba(0,0,0,.1);height:1px;margin-left:10px;margin-right:55px;}

.status {color:rgb(72,72,72);border-top:1px dotted rgb(187,187,187);padding:3px 10px 4px 6px;}

.time {font-size:10px;float:right;margin-top:2px;margin-bottom:3px;margin-left:15px;}

.message img { vertical-align:middle; }
.messagehistory img { vertical-align:middle; }
.nextmessage img { vertical-align:middle; }
.nextmessagehistory img { vertical-align:middle; }

#header{
	background: url("images/headerbacku.png");
	background-repeat: x;
	background-position: bottom;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2;
	font-family: Lucida Grande;
	font-size: 11px;
	}
#header td{
	padding: 5px;
	}
#header img{
	width: 48px;
	height: 48px;
	border: 1px inset #777777;
	background: #FFFFFF;
	vertical-align: middle;
	}