@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_WEB_PAGE_STYLE_HOST = 'https://saer.depot/';
COMMON_WEB_PAGE_STYLE_FILE = 'CommonWebPageStyle.css';
COMMON_WEB_PAGE_STYLE_OID = 'urn:oid:1.3.6.1.4.1.64067.0.0.2.1.2.3';
COMMON_WEB_PAGE_STYLE_AUTHORED = '2025-08-24T12:00:00Z';
COMMON_WEB_PAGE_STYLE_MODIFIED = '2025-09-18T02:43:00Z';

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

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

	Define the basic elements style.

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

*, *::-moz-focus-inner
{
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}

html
{
	width: 100%;
	height: 100%;
	color: rgba( 96, 176, 224, 1 );
	background-color: rgba( 0, 0, 0, 1 );
}

body
{
	width: 100%;
	height: 100%;
}

a
{
	color: inherit;
	text-decoration: none;
}

button
{
	color: inherit;
	background-color: transparent;
	font-family: inherit;
	font-size: inherit;
	font-variant-caps: inherit;
	cursor: pointer;
}

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

	Define the document header and footer element styles.

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

header#common_navbar,
footer#common_legal
{
	position: fixed;
	left: 0px;
	right: 0px;
	background-color: transparent;
	font-family: "Times New Roman", serif;
	font-variant-caps: small-caps;
	opacity: 0;
	z-index: 1;
	transition: opacity 2s ease-out 1s;
}

header#common_navbar
{
	top: 0px;
	background-color: rgba( 0, 0, 0, 1 );
	font-size: 2.25vh;
	text-align: right;
}

header#common_navbar div#page_updated
{
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	text-align: left;
}

footer#common_legal a,
footer#common_legal button
{
	color: rgba( 192, 144, 64, 1 );
}

footer#common_legal a:hover,
footer#common_legal button:hover
{
	color: rgba( 0, 0, 0, 1 );
	background-color: rgba( 192, 144, 64, 1 );
}

header#common_navbar a:hover,
header#common_navbar button:hover
{
	color: rgba( 192, 144, 64, 1 );
}

footer#common_legal
{
	background-color: transparent;
	font-size: 2vh;
	text-align: center;
	bottom: 0px;
}

footer#common_legal > div
{
	display: inline-block;
	background-color: rgba( 8, 8, 8, 1 );
	border-radius: 1em 1em 0 0;
	padding: 0.5em;
}

header#common_navbar:hover,
header#common_navbar.show,
footer#common_legal:hover,
footer#common_legal.show
{
	opacity: 1;
	transition: none;
}

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

	Define the site menu element styles.

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

menu#site_menu
{
	text-align: left;
	padding: 0.5em;
}

menu#site_menu > li.menuitem > a + button,
menu#site_menu > li.menuitem > button + a
{
	margin-left: 0.5em;
}

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

	Define the toolbar menu element styles.

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

menu.toolbar
{
	display: inline-block;
	background-color: rgba( 0, 0, 0, 1 );
}

menu.toolbar > li.menuitem
{
	display: inline-block;
	position: relative;
	list-style: none;
	vertical-align: bottom;
}

menu.toolbar > li.menuitem + li.menuitem
{
	margin-left: 1em;
}

menu.toolbar > li.menuitem > a:not( [href] )
{
	color: inherit;
	opacity: 0.6;
	cursor: not-allowed;
}

div.drop-box
{
	display: none;
	position: absolute;
	right: 50%;
	top: 100%;
	background-color: rgba( 0, 0, 0, 1 );
	border: solid 0.2vw rgba( 176, 144, 64, 1 );
	border-radius: 0 0 0 1em;
	padding: 1em;
	z-index: 2;
}

div.drop-box.show
{
	display: block;
}

div.drop-box > div.info
{
	color: rgba( 0, 0, 0, 1 );
	background-color: rgba( 255, 255, 255, 1 );
	border: 1px solid rgba( 0, 0, 0, 1 );
	padding: 1em;
}

div.drop-box > div.info > p
{
	display: inline-block;
	line-height: 1;
	text-align: justify;
	white-space: nowrap;
}

div.scroll-box
{
	background-color: rgba( 120, 148, 100, 1 );
	border: 1px solid rgba( 76, 96, 64, 1 );
}

div.scroll-box > div
{
	text-align: center;
}

div.scroll-box > div > button
{
	display: inline-block;
	width: 15%;
	height: 15px;
	font-size: 15px;
	cursor: pointer;
}

div.scroll-box > ul
{
	max-height: 40vh;
	list-style: none;
	overflow-y: hidden;
}

div.scroll-box > ul > li.menuitem > a
{
	display: block;
	height: 25px;
	line-height: 25px;
	text-align: left;
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	white-space: nowrap;
}

div.scroll-box > ul > li.menuitem > a:hover
{
	color: rgba( 240, 192, 0, 1 );
	background-image: linear-gradient( to bottom, rgba( 76, 96, 64, 1 ), rgba( 120, 148, 100, 1 ) 50%, rgba( 64, 80, 54, 1 ) );
	background-position: left top;
	text-align: center;
	margin: 0;
	padding: 0 0.5em 0 0.5em;
}