# Replace rendering of old mailform
tt_content.mailform >
tt_content.mailform = COA
tt_content.mailform.10 = < lib.stdheader
tt_content.mailform.20 = FORM
tt_content.mailform.20 {
	stdWrap.wrap = <div class="csc-mailform">|</div>
	stdWrap {
		editIcons = tt_content: bodytext
		editIcons.iconTitle.data = LLL:EXT:css_styled_content/pi1/locallang.xlf:eIcon.form
		prefixComment = 2 | Mail form inserted:
	}
}

	# Include model definition for all available form elements
<INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Elements" extensions="ts">
	# Include definition of filters
<INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Filters" extensions="ts">
	# Include definition of filters
<INCLUDE_TYPOSCRIPT: source="DIR: EXT:form/Configuration/TypoScript/Validators" extensions="ts">

plugin.tx_form {
	features {
		skipDefaultArguments = 1
	}

	view {
		templateRootPaths {
			10 = {$plugin.tx_form.view.templateRootPath}
		}

		partialRootPaths {
			10 = {$plugin.tx_form.view.partialRootPath}
		}

		layoutRootPaths {
			10 = {$plugin.tx_form.view.layoutRootPath}
		}
	}

	_CSS_DEFAULT_STYLE (
		div.csc-mailform ol,
		div.csc-mailform ol li {
			margin: 0;
			padding: 0;
		}

		div.csc-mailform ol li {
			overflow: hidden;
		}

		div.csc-mailform fieldset {
			margin: 0;
			padding: 0;
			position: relative;
		}

		div.csc-mailform legend {
			margin-left: 1em;
			color: #000000;
			font-weight: bold;
		}

		div.csc-mailform fieldset ol {
			padding: 1em 1em 0 1em;
		}

		div.csc-mailform fieldset li {
			padding: 0.5em;
			margin-bottom: 0.5em;
			list-style: none;
		}

		div.csc-mailform fieldset.submit {
			border-style: none;
		}

		/**
		 * Normal label
		 * Left aligned, in front of input
		 */
		div.csc-mailform li label {
			float: left;
			width: 13em;
			margin-right: 1em;
			vertical-align: baseline;
		}

		div.csc-mailform li input + label,
		div.csc-mailform li textarea + label,
		div.csc-mailform li select + label {
			float: none;
			width: auto;
			margin-right: 0;
			margin-left: 1em;
		}

		div.csc-mailform li textarea + label {
			vertical-align: top;
		}

		label em,
		legend em {
			display: block;
			color: #060;
			font-size: 85%;
			font-style: normal;
			text-transform: uppercase;
		}

		legend em {
			position: absolute;
		}

		label strong,
		legend strong {
			display: block;
			color: #C00;
			font-size: 85%;
			font-weight: normal;
			text-transform: uppercase;
		}

		legend strong {
			position: absolute;
			top: 1.4em;
		}

		/**
		 * Labels alignment right
		 */
		.labels-alignment-right label,
		.labels-alignment-right .fieldset-subgroup legend,
		.labels-alignment-right.fieldset-subgroup legend {
			text-align: right;
		}

		/**
		 * Horizontal fieldset
		 */
		fieldset.fieldset-horizontal {
			border-width: 0;
		}

		fieldset.fieldset-horizontal ol {
			padding: 0;
		}

		fieldset.fieldset-horizontal li {
			float: left;
			padding: 0;
			margin-right: 1em;
		}

		fieldset.fieldset-horizontal.label-below label {
			display: block;
			margin-left: 0;
			margin-top: 0.2em;
			font-size: 90%;
			color: #999999;
			text-align: left;
		}

		fieldset.fieldset-horizontal label em {
			display: inline;
		}

		/**
		 * Subgroup fieldset
		 */
		fieldset.fieldset-subgroup {
			margin-bottom: -2em;
			border-style: none;
		}

		fieldset.fieldset-subgroup legend {
			margin-left: 0;
			padding: 0;
			font-weight: normal;
			width: 13em;
		}

		fieldset.fieldset-subgroup ol {
			position: relative;
			top: -1.4em;
			margin: 0 0 0 14em;
			padding: 0;
		}

		fieldset.fieldset-subgroup li {
			padding: 0;
		}

		fieldset.fieldset-subgroup input + label {
			float: none;
			width: auto;
			display: inline;
			margin: 0 0 0 1em;
		}

		/**
		 * Labels as block
		 * Labels displayed above or below the input fields
		 */
		.labels-block label {
			display: block;
			float: none;
			margin: 0 0 0.5em;
			width: auto;
		}

		.labels-block input + label,
		.labels-block textarea + label {
			margin: 0.5em 0 0;
		}

		.labels-block fieldset.fieldset-subgroup,
		fieldset.labels-block.fieldset-subgroup {
			margin-bottom: 0;
		}

		.labels-block .fieldset-subgroup legend,
		.labels-block.fieldset-subgroup legend {
			width: auto;
		}

		.labels-block .fieldset-subgroup legend em,
		.labels-block.fieldset-subgroup legend em {
			position: relative;
		}

		.labels-block .fieldset-subgroup legend strong,
		.labels-block.fieldset-subgroup legend strong {
			position: relative;
			top: 0;
		}

		.labels-block .fieldset-subgroup ol,
		.labels-block.fieldset-subgroup ol {
			top: 0;
			margin: 0;
			padding: 0.5em 0 0;
		}
	)
}