/*
 * Copyright (c) 2009 Mikael Relbe
 *
 * Guestbook styles
 *
 */

span.error {
	font-style: italic;
	font-weight: bolder;
	color: #cc0000;
	background: yellow;
	margin-left: 12px;
	padding-left: 4px;
	padding-right: 4px;
}

.name {
	font-weight: bold;
}

.time, .location, .id {
	display: block;
	float: right;
	font-size: 8pt !important;
	text-align: right;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 6px !important;
}

.location {
	margin-right: 16px;
}

.mail {
	font-size: 8pt !important;
}

.id {
	margin-left: 16px;
}

.changeComment {
	font-size: 8pt;
	font-style: italic;
}

.mainEntry .name, .mainEntry .time, .mainEntry .location {
	color: #cc0000;
}

div.replyEntry {
	padding-top: 4px;
	padding-bottom: 4px;
}

.replyEntry {
	color: #867e75;
}

.highlightEntry {
	color: #000000;
	background: #feefda;
	border-top: 1px solid #867e75;
	border-bottom: 2px solid #867e75;
	padding-left: 2px;
	padding-right: 2px;
}

.hiddenEntry {
	background: #eeeeee;
}

div.commands {
	font-style: normal;
	margin: 4px 0 4px 8px;
	padding: 3px 0 3px 0;
	text-align: right;
	float: right;
}

.content div.commands a {
	font-size: 7pt;
	color: #867e75;
	margin-left: 8px;
	padding: 2px;
	border: 1px dotted #c6beb5;
}

.content div.commands a:hover {
	color: #ffffff;
}

/* Form fields */
#name, #location, #mail {
	width: 222px;
	padding: 2px;
}

#note, #changeComment, #subject {
	width: 548px;
	padding: 2px;
}

#code {
	width: 111px;
	padding: 2px;
}