/* EXT:form markup styled like the TYPO3 7.6 "mailform" (see .csc-mailform rules in main.css). */
#page #contentwrap #content .frame-type-form_formframework .form-element,
#page #contentwrap #content form .form-element
{
	overflow:auto;
	padding-top:2px;
	padding-bottom:2px;
}
#page #contentwrap #content form .form-element > label
{
	float:left;
	width:100px;
	text-align:right;
	padding-right:5px;
	line-height:22px;
}
#page #contentwrap #content form .form-element .required
{
	padding-left:2px;
}
#page #contentwrap #content form .form-element .help-block,
#page #contentwrap #content form .form-element .invalid-feedback
{
	display:block;
	margin-left:105px;
	color:#c00;
}
#page #contentwrap #content form .actions
{
	padding-left:105px;
	padding-top:2px;
}
#page #contentwrap #content form .form-element-statictext p
{
	margin-bottom:10px;
}
/* main.css only knows input[type=text]; EXT:form uses the HTML5 types for phone and email. */
#page #contentwrap #content input[type=email],
#page #contentwrap #content input[type=tel]
{
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	padding-right:5px;
	width:285px;
}
/* The 7.6 mailform rendered labels of required fields in bold. */
#page #contentwrap #content form .form-element > label:has(.required)
{
	font-weight:bold;
}
#page #contentwrap #content form .form-element-statictext
{
	padding-bottom:6px;
}