form {
	display: block;
	max-width: 500px;
	margin: auto;
}

form input,
form textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 12px;
	border: 2px solid #888;
	margin-top: 4px;
	margin-bottom: 4px;
}

form input[type=submit] {
	cursor: pointer;
}

form textarea {
	height: 150px;
}

.error {
	color: #f44;
}

.success {
	color: #080;
}

/* Admin page */
.mail-list {
	display: block;
	width: 100%;

}

.mail {
	text-align: left;
	display: block;
	padding: 8px;
	border-bottom: 1px solid #888;
}

.mail:hover {
	background: #eee;
	cursor: pointer;
}

.mail .subject {
	display: block;
	font-weight: bold;
}

.mail .email {
	display: block;
}

.mail .preview {
	display: block;
	color: #888;
}

.mail-viewer {
	display: block;
	width: 70%;
	margin: auto;
	position: absolute;
	visibility: hidden;
	bottom: -90%;
	height: 80%;
	background: white;
	border: 1px solid #888;
	text-align: left;
	transition: ease 0.5s;
}

.mail-viewer .meta {
	border-bottom: 1px solid #888;
	font-weight: bold;
	margin: 8px;
	padding: 8px;
}

.mail-viewer .meta span {
	text-decoration: underline;
	font-weight: normal;
}

.mail-viewer .message {
	margin: 8px;
	padding: 8px;
	overflow-y: scroll;
}

.mail-viewer .controls {
	float: right;
	color: red;
	margin: 4px;
	margin-right: 8px;
	font-size: 1.5em;
	cursor: pointer;

}