* {
	margin          : 0;
	padding         : 0;
}
html, body {
	width           : 100%;
	height          : 100%;
	overflow        : hidden;
}
body {
	color           : #000000;
	background      : #ffffff url( ../../img/bg_lips.jpg ) no-repeat fixed right top;
	font-size       : 10pt;
	font-family     : sans-serif;
}
h1 {
	position        : absolute;
	left            : 0;
	bottom          : 0;
	padding         : 1em;
	font-weight     : normal;
	font-size       : 100%;
}
a {
	text-decoration : none;
	color           : #000000;
}
a:hover {
	color           : #ff0000;
}
input, textarea {
	font-size       : inherit;
}
#sender {
	position        : absolute;
	left            : 0;
	top             : 0;
	width           : 30%;
	height          : 100%;
}
#sender div {
	margin          : 9pt;
	padding         : 1pt;
}
#sender label {
	font-size       : 90%;
}
#sender input.text {
	display         : block;
	width           : 100%;
}
#sender textarea.text {
	display         : block;
	width           : 100%;
	height          : 100pt;
}
#sender input.button {
	width           : 4em;
	margin-right    : 10pt;
}
#sender .errors {
	height          : 6em;
	overflow        : auto;
	color           : #ff0000;
}
#msgs {
	position        : absolute;
	left            : 30%;
	top             : 0;
	width           : 70%;
	height          : 100%;
	border-left     : 1px solid #000000;
	overflow        : auto;
}
.msg {
	padding         : 1em;
	border-bottom   : 1px solid #a0a0a0;
}
.msg .body {
}
.msg .head {
	text-align      : right;
}
.msg .head .name {
	display         : inline;
}
.msg .head .date {
	display         : inline;
	font-family     : monospace;
	font-size       : 90%;
	color           : #808080;
}
.msg .remove {
	padding-top     : 0.6em;
	text-align      : right;
}
#pages {
	padding         : 4pt;
	font-family     : monospace;
}
#pages a {
	padding-top     : 2pt;
}	
#pages a.current {
	font-weight     : bold;
}