* {
	margin: 0;
	padding: 0;
}

body {
	background: #0072bc;
	font-family: Arial;
	font-size: 10pt;
}

#container {
	z-index: 2;
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: auto;
}

a:link, a:visited {
	color: blue;
	font-weight: bold;
}

#supersize {
    position: fixed;
    z-index: 1;
}

#supersize img {
    height:100%;
    position:fixed;
    width:100%;
    z-index:1;
    margin-top: 80px;
}

#logo {
	clear: left;
	margin: 20px;
	text-align: right;
}

#box1, #box2, #box3, #box4, #box5 {
	font-family: Arial;
	font-size: 12pt;
	line-height: 2em;
	margin: 30px auto;
	opacity: 0.95;
	filter: alpha(opacity=95);
	background: #fff;
	border: 8px solid #09c;
	padding: 10px;
	line-height: 2em;
	text-align: left;
}

#box1 {
	width: 600px;
}

#box2 {
	width: 420px;
	overflow: auto;
}

#box3 {
	width: 520px;
	text-align: center;
}

#box2 h1 {
	font-size: 18pt;
	color: #0072bc;
	margin-bottom: 5px;
}

#box4, #box5 {
	width: 90%;
	overflow: auto;
}

#buttons {
	text-align: center;
	padding-bottom: 10px;
}

#buttons input, #box5 .submit {
	border: 8px solid #fff;
	background: #06c;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
	margin: 0 8px;
}

.profile {
	width: 260px;
	border: 8px solid #fff;
	margin: 10px 20px;
	color: #666;
}
.profile, .avatar, .details {
	float: left;
	padding: 5px;
	text-align: left;
}
.checkbox {
	padding: 5px;
	float: right;
}
.avatar img {
	width: 50px;
	height: 50px;	
}
.description {
	clear: left;
	color: #000;
	font-size: 9pt;
	padding: 5px;
}
.details a:link, .details a:visited {
	color: blue;
	font-weight: bold;	
}
.spam {
	background: #fcc;	
}
.ham {
	background: #cfc;	
}