/* 
	You can style the label column, when shown above the input fields, here 
*/
form.MailForm div.LabelsShownAbove div.MailFormLabelColumn
{
	width:	300px;
}

/* 
	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:		0.4em;
	padding-left:		0;
	font-weight:		bold;
}

/* 
	Styling of labels of required fields 

form.MailForm Label*/
.Required
{
	/*border-bottom: 		3px dashed #9cc1ed;*/
	background-color: #dcecfe;
	
}

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

/* 
	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-right:		1ex;
}

/* 
	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;
}

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

/* 
	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
{
	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;
}

/*
	The "fieldset" element - controls the border around the whole form
*/
form.MailForm fieldset
{
	display: 	inline; 
	border: 0;
/*	padding:	10px; 
	width:		90% */
}