.messages
{
	margin-right: 5px;
}

.messages h2
{
	font-size: 1.1em;
	font-weight: bold;
}

.messages hr
{
	clear: both;
}

.messagesAskButton
{
	float: left;
	width: 194px;
	height: 22px;
}
.messagesPostButton
{
	float: left;
	width: 188px;
	height: 22px;
}

.messagesList
{
	display: block;
}
.messagesList div, .messageList span div
{
	margin-bottom: 2px;
	font-weight: bold;
}
.messagesList p, .messageList span p
{
	margin-bottom: 10px;
}
.messagesList .messagesAnswerFrom
{
	color: #0a2e6c;
}

.messagesList br	/* Kentico QueryDataList displays <br> for padding, like it or not! */
{
	display: none;
}


.messagesTellAMateButtonWrapper
{
	float: right;
	width: 188px;
	height: 22px;	
}

.messagesResult
{
	margin-bottom: 25px;
}

/* web form container */
.messagesForm
{
	width: 430px;
	margin: 20px 10px 10px 0px;
}

/* validation messages */
.messagesForm span
{
	float: left;		/* float & display settings protect against a text wrapping problem */
	display: inline;
	width: 300px;
	clear: both;
	margin-left: 110px;
}

/* labels and text boxes */
.messagesForm label, 
.messagesForm input, 
.messagesForm textarea,
.messagesForm select
{
	display: block;
	float: left;
	width: 200px;
	margin-bottom: 10px;
}
.messagesForm textarea
{
	width: 310px;
}
.messagesForm label
{
	text-align: right;
	width: 100px;
	margin: 3px 10px 0px 0px;
}

.messagesForm br
{
	clear: left;
}


/* special case for buttons */
.messagesFormButtonWrapper
{
	background: transparent url(Images/message_button_bg.gif) no-repeat left top;
	width: 445px;
	height: 36px;
}
.messagesFormButtonWrapper .messagesFormButton
{
	display: inline;
	float: right;
	width: 108px;
	height: 22px;
	margin: 7px 0 0 12px;
}