@charset "UTF-8";
@namespace "http://www.w3.org/1999/xhtml";
@namespace xml "http://www.w3.org/XML/1998/namespace";
@namespace xsi "http://www.w3.org/2001/XMLSchema-instance";
@namespace xsd "http://www.w3.org/2001/XMLSchema";
@namespace xsl "http://www.w3.org/1999/XSL/Transform";
@namespace xmlns "http://www.w3.org/2000/xmlns/";
/**************************************************************************************************
COMMON_CONTACT_FORM_CHALLENGER_STYLING_HOST = 'https://saer.depot/';
COMMON_CONTACT_FORM_CHALLENGER_STYLING_FILE = 'CommonContactFormChallenger.css';
COMMON_CONTACT_FORM_CHALLENGER_STYLING_OID = 'urn:oid:1.3.6.1.4.1.64067.0.0.2.1.4.1';
COMMON_CONTACT_FORM_CHALLENGER_CSS_AUTHORED = '2017-09-01T12:00:00Z';
COMMON_CONTACT_FORM_CHALLENGER_CSS_MODIFIED = '2025-09-15T21:50:00Z';

See https://saer.irish/home.xhtml metadata for rights and licensing information.
**************************************************************************************************/

/**********************************************************

	Define the basic contact form and form reply styles.

**********************************************************/

div#contact_form_wrapper
{
	width: 25vw;
}

div#contact_form_wrapper, form#contact_form input, form#contact_form textarea
{
	font-family: "Times New Roman", serif;
	font-variant-caps: small-caps;
	font-size: 1vw;
}

form#contact_form div.contact-form-input, form#contact_form button, output[for="contact_form"]
{
	border-radius: 0.3vw;
	box-shadow: 1px 1px 3px rgba( 0, 0, 0, 0.5 );
}

form#contact_form div.contact-form-input, output[for="contact_form"]
{
	padding: 0.2em;
}

form#contact_form div.contact-form-input
{
	text-align: left;
	margin-bottom: 0.5em;
}

form#contact_form div.contact-form-input > *, form#contact_form div.contact-form-centered > *
{
	vertical-align: bottom;
}

form#contact_form button
{
	display: inline-block;
	height: 2em;
	line-height: 2em;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: bold;
	padding: 0 1em 0 1em;
	text-align: center;
	cursor: pointer;
}

form#contact_form > div.contact-form-centered
{
	text-align: center;
}

form#contact_form input + input
{
	margin-left: 1.5em;
}

form#contact_form label
{
	display: block;
	width: 100%;
}

form#contact_form label > *
{
	display: inline-block;
	height: 1.5em;
	line-height: 1.5em;
	border-style: solid;
	border-width: 1px;
}

form#contact_form label > span:first-child
{
	width: 3.8em;
	border-color: transparent;
	border-style: solid none solid none;
	border-width: 1px 0 1px 0;
}

form#contact_form label > span:first-child::after
{
	content: ":";
}

form#contact_form label > input
{
	width: calc( 100% - 3.8em - 2 * 1px - 2 * 0.2em );
	color: rgba( 0, 0, 0, 1);
	background-color: rgba( 255, 255, 255, 1 );
	padding: 0 0.2em 0 0.2em;
}

form#contact_form label > textarea
{
	width: calc( 100% - 2 * 1px - 2 * 0.2em );
	height: 5em;
	line-height: 1em;
	color: rgba( 0, 0, 0, 1);
	background-color: rgba( 255, 255, 255, 1 );
	padding: 0.2em;
	resize: none;
	overflow-x: hidden;
	overflow-y: scroll;
}

form#contact_form label > input:required, form#contact_form label > textarea:required
{
	background-repeat: no-repeat;
}

form#contact_form label > input:required:invalid, form#contact_form label > textarea:required:invalid
{
	background-image: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC" );
}

form#contact_form label > input:required:valid, form#contact_form label > textarea:required:valid
{
	background-image: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZZJREFUeNpi/P//PwMpgImBRMAy58QshrNPTzP8+vOLIUInisFQyYjhz98/DB9/fmT48/+35v7H+8KNhE2+WclZd+G0gZmJmYGThUNz1fUVMZtvbWT59eUXG9wGZIWMUPj993eJ5VeWxuy8veM/CzPL3yfvH/9H0QBSBDYZyOVm4mGYfn6q4cory5lYmFh+MrEwM/76/YsR7mk2ZjbWP///WP37/y8cqIDhx58fjvtu7XV6//ndT34G/v8FasUsDjKO/+A2PP3wpGLd+TVsfOz8XH6KAT+nHpokcu7h6d9q/BoMxToVbBYqlt9///+1GO4/WVdpXqY/zMqXn13/+vTjI9mj94/y//v9/3e9ZRObvYbDT0Y2xnm///x+wsfHB3GSGLf41jb3rv0O8nbcR66d+HPvxf2/+YZFTHaqjl8YWBnm/vv37yly5LL8+vuLgYuVa3uf/4T/Kd8SnSTZpb6FGUXwcvJxbAPKP2VkZESNOBDx8+9PBm4OwR1TwmYwcfzjsBUQFLjOxs52A2YyKysrXANAgAEA7buhysQuIREAAAAASUVORK5CYII=" );
}

form#contact_form label > input:required
{
	background-position: right top;
}

form#contact_form label > textarea:required
{
	background-position: calc( 100% - 16px ) top;
}

output[for="contact_form"]
{
	display: block;
	width: calc( 100% - 2 * 1px - 2 * 0.2em );
	margin-top: 0.5em;
}

span#contact_output_wrapper
{
	display: block;
	min-height: 32px;
	background-color: rgba( 255, 255, 255, 1 );
	background-image: none;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	padding: 1em;
	overflow: hidden;
}

span#contact_output_wrapper > img
{
	vertical-align: bottom;
}

/**********************************************************

	Define the customizable contact form and form reply
	styles.

**********************************************************/

div#contact_form_wrapper, span#contact_output_wrapper
{
	color: rgba( 0, 0, 0, 1 );
}

form#contact_form
{
	display: block;
}

form#contact_form div.contact-form-input, form#contact_form button, output[for="contact_form"]
{
	background-color: rgba( 208, 176, 144, 1 );
	background-image: linear-gradient( to bottom, rgba( 220, 198, 118, 1 ), rgba( 255, 236, 176, 1 ) 10%, rgba( 224, 194, 110, 1 ) 50%, rgba( 194, 166, 102, 1 ) 90%, rgba( 128, 96, 48, 1 ) );
}

form#contact_form button
{
	width: 6.75vw;
}

form#contact_form button:hover
{
	color: rgba( 255, 236, 176, 1 );
	background-image: linear-gradient( to bottom, rgba( 16, 16, 16, 1 ), rgba( 32, 32, 32, 1 ) 10%, rgba( 80, 80, 80, 1 ) 50%, rgba( 24, 24, 24, 1 ) 90%, rgba( 4, 4, 4, 1 ) );
}

form#contact_form label > input, form#contact_form label > textarea, span#contact_output_wrapper
{
	border-color: rgba( 160, 160, 160, 1 ) rgba( 208, 208, 208, 1 ) rgba( 208, 208, 208, 1 ) rgba( 160, 160, 160, 1 );
}

span#contact_output_wrapper.code > span
{
	display: none;
}

span#contact_output_wrapper.fail > img, span#contact_output_wrapper.pass > img
{
	display: none;
}

span#contact_output_wrapper.fail > span
{
	color: rgba( 192, 0, 0, 1 );
}

span#contact_output_wrapper.pass > span
{
	color: rgba( 0, 160, 0, 1 );
}

span#contact_output_wrapper.wait
{
	background-image: url( "CommonContactFormIconAniwait.gif" );
}

span#contact_output_wrapper.wait > img, span#contact_output_wrapper.wait > span
{
	display: none;
}

button#contact_form_status.contact-form-status-code
{
	background-image: url( "CommonContactFormIconToggler.png" );
}

button#contact_form_status.contact-form-status-pass
{
	background-image: url( "CommonContactFormIconSuccess.png" );
}

button#contact_form_status.contact-form-status-fail
{
	background-image: url( "CommonContactFormIconFailure.png" );
}