/* 
	You can style the label column, when shown above the input fields, here 
*/
div.MailFormIntroHtml
{
	margin-bottom:	10px;
}

form.MailForm div.LabelsShownAbove div.MailFormLabelColumn
{
}

/* 
	You can style the label column, when shown to the left of the input fields, here 
*/
form.MailForm div.LabelsShownToTheLeft div.MailFormLabelColumn
{
	float:			left;
}

/* 
	You can style the label column in both cases here 
*/
form.MailForm div.MailFormLabelColumn
{

	PADDING-RIGHT:		2px;
	PADDING-LEFT:		0px;
	PADDING-BOTTOM:		0.4em;
	font-weight:	bold;
}

/* 
	Styling of labels of required fields 
*/
form.MailForm Label.Required
{
	clear:			both;
	border-bottom: 	1px dashed #4B4;
}

/* 
	Styling of required input elements, that the uses did not fill out  
*/
form.MailForm div.MissingInput
{
	border: 		1px dashed #4B4;
	padding: 		1px;
	margin: 		1px;
	border-color:	Red;
}

/* 
	Styling of "rows" - a row consists of a label column and an input column
*/
form.MailForm div.MailFormRow
{
	clear:			both;
	margin-top:		0.4em;
}

/* 
	Styling of input columns - they should flow left to allow other input columns to be on the same line
*/
form.MailForm div.MailFormInputColumn
{
	float:			left;
}

/* 
	Input containers are the actual INPUT, SELECT etc. elements RADIO and CHECKBOX elements are in a DIV
*/
form.MailForm *.MailFormInputContainer
{
	float:			left;
	margin-left:	2px;
	margin-right:	2px;
}

/* 
	The help text style
*/
form.MailForm div.MailFormInputHelpText
{
	margin-top:		0.3ex;
	font-style:		italic;
	color:			#444;
}

/* 
	The style of "Heading" field types users can create with the builder - the field types that are headings, not input fields
*/
form.MailForm div.MailFormHeadingColumn
{
	padding:		0.4em;
	font-weight:	bold;
	width:			75%;
	background-color:	#ddd;
}

/* 
	The style of "Heading" help text
*/
form.MailForm div.MailFormHeadingHelpText
{
	padding:		0.4em;
}

/* 
	Styling of buttons
*/
form.MailForm div.MailFormButtons
{
	clear:			both;
	text-align: 	right;
	padding-top:	1em;
}

/* 
	Styling of characterbased input fields in the form
*/
form.MailForm input, form.MailForm select, form.MailForm textarea
{
	font-size:		1em;
}

/* 
	textarea styling
*/
form.MailForm textarea
{
	width:			50%;
	margin-left:	0em;
	margin-right:	0em;
	height:			12ex;
}

/* 
	The receipts can contain a copy of the users input - this style presends the users data
*/
div.MailFormFieldDataOutput div.MailFormFieldDataElement
{
	border: 		1px solid silver; 
	padding:		3px; 
	margin-right:	2px; 
	margin-top:		1px; 
	margin-bottom:	3px;
}