<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* -------------------------------------------------------------------------------------------------

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset &gt; ol &gt; li p.inline-hints { color:#333; }

HINT:
The following style may be *conditionally* included for improved support on older versions of IE(&lt;8)
form.formtastic fieldset ol li fieldset legend { margin-left: -6px;}

--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { overflow: visible; }
form.formtastic fieldset &gt; ol &gt; li { overflow: visible; }

form.formtastic fieldset &gt; li.date &gt; ol { display: inline; }
form.formtastic fieldset &gt; li.date &gt; ol &gt; l { display: inline; }

form.formtastic fieldset &gt; ol &gt; li { margin-bottom: 6px; } /* was 1.5em */

/* Amend the following according to the affiliate's requirements */

form.formtastic input, form.formtastic textarea, form.formtastic select { 
	font-size: 14px;
}

form.formtastic li label, form.formtastic fieldset &gt; ol &gt; li label {
	display: block;
	/* width: 25%; */
	float: left;
	padding-top: 0px;	/* was 0.2em */
	
	padding-right: 20px;
	font-weight: bold;

  color: #972541;
}

form.formtastic li p.inline-errors, form.formtastic fieldset &gt; ol &gt; li p.inline-errors {
	color: red;
	font-weight: bold;
	margin: 3px 20px 0px 0px;
	float: right;
}
</pre></body></html>