.info {
	font-size: 8px;
}
.postcard {
	width: 640px;
	margin: 0 auto;
	padding: 2em 0 0;
	clear: both;
}
.postcard div {
	padding: 5px 0;
}
.postcard .caption { text-align: center; font-weight: bold; }
.postcard .cardmessage { margin-top: -490px; height: 480px; padding-right: 200px; position: relative; z-index: 1; }
.cardmessage p {
	float: left; width: 400px;
	height: 340px;
	overflow: auto;
	margin: 105px 0 0 15px; display: inline;
}
.cardmessage dl {
	float: right;
	margin: 0;
	margin-right: -200px; display: inline;
	width: 180px;
	padding: 156px 10px 0;
}
.cardmessage dt { font-weight: bold; text-transform: uppercase; }
.cardmessage dd { margin: 0; padding-bottom: 24px; }

#formatMessage { border: 1px solid silver; padding-right: 200px; width: 440px; clear: both; }
#formatMessageIE { border: 1px solid silver; padding-right: 200px; clear: both; }
fieldset { border: 0 none; margin: 0; padding: 0; }
legend { font-weight: bold; }
#toForm, #fromForm { width: 200px; margin-right: -200px; float: right; display: inline; clear: right; }
#messageForm { width: 420px; margin-left: 10px; }
#messageForm textarea { width: 100%; height: 340px; }

.form { margin: 0; padding: 5px 5px 0; }
.form dt { font-size: .83em; }
.form dd { margin: 0; padding-bottom: 5px; }

.actions { text-align: center; padding: 5px 0; }

.cards { margin: 1em 0; padding: 0; list-style: none; width: 100%; overflow: hidden; }
.cards li {
	width: 33%;
	text-align: center;
	float: left;
}
.cards li span { display: block; }
.cards .hz { padding: 21px 0 22px; }

div.message {
	border: 1px solid;
	background: #f2f2f2;
	padding: 5px;
	margin: 1em 0;
	font-size: 11px;
}
div.message p, div.message ul { margin: .5em 0 !important; }
.message ul { padding-left: 2.5em; }
.error { color: #930; }