@font-face {
 font-family: Volter;
 src: url("http://www.habbostift.nl/images/msg/Volter (Goldfish).eot"); /* EOT file for IE */
}
@font-face {
 font-family: Volter;
 src: url("http://www.habbostift.nl/images/msg/Volter (Goldfish).ttf"); /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: Volter-bold;
 src: url("http://www.habbostift.nl/images/msg/Volter-bold (Goldfish).eot"); /* EOT file for IE */
}
@font-face {
 font-family: Volter-bold;
 src: url("http://www.habbostift.nl/images/msg/Volter-bold (Goldfish).ttf"); /* TTF file for CSS3 browsers */
}

.you{
	width: 468px;
	float: left;
}

	.you .top{
		background-image: url('http://www.habbostift.nl/images/msg/maillayout_t_you.png');
		width: 468px;
		height: 7px;
		margin: 0px;
		background-repeat: no-repeat; background-position: bottom;
		font-size: 1px;
	}
	
	.you .middle{
		background-image: url('http://www.habbostift.nl/images/msg/maillayout_m.png');
		width: 468px;
		margin: 0px;
		white-space: wrap;
	}
		.you .middle .ava{
			width: 106px;
			padding-left: 7px;
			padding-bottom: 1px;
			float: left;
			*margin-right: 6px;
		}
		
		.you .middle .content {
			width: 349px;
			white-space: wrap;
			float: left;
			font-family: Volter;
			font-size: 10px;
		}
	
	.you .bottom{
		background: url('http://www.habbostift.nl/images/msg/maillayout_b.png') no-repeat;
		width: 468px;
		margin: 0px;
		height: 6px;
		font-size: 1px;
	}

.other{
	width: 468px;
	float: right;
}

	.other .top{
		background-image: url('http://www.habbostift.nl/images/msg/maillayout_t_other.png');
		width: 468px;
		height: 7px;
		margin: 0px;
		background-repeat: no-repeat; background-position: bottom;
		font-size: 1px;
	}
	
	.other .middle{
		background-image: url('http://www.habbostift.nl/images/msg/maillayout_m.png');
		width: 468px;
		margin: 0px;
		white-space: wrap;
	}

		.other .middle .content {
			width: 350px;
			*width: 360px;
			white-space: wrap;
			float: left;
			padding-left: 6px;
			font-family: Volter;
			font-size: 10px;
		}
		
		.other .middle .ava{
			width: 100px;
			min-height: 100px;
			text-align: right;
			float: right;
			padding-right: 7px;
			padding-bottom: 1px;
		}
		
	.other .bottom{
		background: url('http://www.habbostift.nl/images/msg/maillayout_b.png') no-repeat;
		width: 468px;
		margin: 0px;
		height: 6px;	
		font-size: 1px;
	}	

.clear{
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 7px;
	font-size: 1px;
}

.middle h2{
	font-family: Volter-bold;
	font-size: 14px;
	margin: 0px;
}

.middle .by{
	font-family: Verdana;
	font-size: 9px;
	color: #AEAEAE;
	margin-right: 6px;
}
			
			.form_tags { margin-bottom: 10px; }
			
			/* Setting widget width example */
			.textboxlist { width: 400px; }
						
			/* Autocomplete results styling */
			.form_friends .textboxlist-autocomplete-result { overflow: hidden; zoom: 1; }
			.form_friends .textboxlist-autocomplete-result img { float: left; padding-right: 10px; }
			
			.note { color: #666; font-size: 90%; }

.menu{
	width: 311px;
	float: left;
	text-align: left;
	margin-top: 5px;
}

	.menu .corner{
		padding-top: 5px; padding-bottom: 5px;
		border: 1px solid #AEAEAE;
		border-bottom-width: 3px;
		background-color: white;
		width: 100%;
	}

.mails{
	width: 500px;
	float: right;
	text-align: left;
	margin-top: 5px;	
}

	.mails .corner{
		padding-top: 5px; padding-bottom: 5px;
		border: 1px solid #AEAEAE;
		border-bottom-width: 3px;
		background-color: white;
		width: 100%;
	}
	
p.sub {
	font: 8px Verdana;
	color:  #AEAEAE;
	margin: 0px;
}