* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
table {
	border-collapse: collapse;
}
@media print {
	.noPrint {
		display: none !important;
	}
}
copy, [copy] {
	cursor: pointer;
}
.locked {
	opacity: 0.75;
	background-color: #c0c0c0;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}
lock {
	display: none;
}
width {
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
}
.stickyTop {
	position: sticky !important;
	top: 0;
	z-index: 10000;
}
button {
	cursor: pointer;
}
[u] {
	text-decoration: underline;
}
[b] {
	font-weight: bold;
}
[c] {
	text-align: center;
}
[r] {
	text-align: right;
}
[i] {
	font-style: italic;
}
[s] {
	text-decoration: line-through;
}
[o] {
	text-decoration: overline;
}
[s][o] {
	text-decoration: line-through overline;
}
[u][o] {
	text-decoration: underline overline;
}
[u][s] {
	text-decoration: underline line-through;
}
[u][o][s] {
	text-decoration: line-through underline overline;
}
[w] {
	white-space: pre-wrap;
}
[nw] {
	white-space: pre;
}.contextMenu2 {
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	z-index: 1000;
}
.contextMenu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.contextMenu2 ul li {
	padding: 8px 12px;
	cursor: pointer;
}
.contextMenu2 ul li:hover {
	background-color: #eee;
}
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}
[errror-message-for] {
	color: var(--formErrorColor);
}

a {
	text-decoration: none;
}
content a:not(.card) {
	font-weight: bold;
	color: var(--contentLinkColor);
}
content a:not(.card):hover {
	/*font-weight: bold;*/
	color: var(--contentLinkHoverColor);
}
square:before, .square:before {
	content: "";
	display: block;
	padding-top: 100%;
	position: relative;
}
square, .square {
	display: block;
	position: relative;
	background-size: contain;
}
square {
	width: 100%;
}

/*.unlocked { 
	display: none; 
	visibility: hidden; 
}*/
.locked {
	opacity: 0.75;
	background-color: #c0c0c0;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center;
}
lock {
	display: none;
}
grey {
	background: var(--grey);
	display: block;
}
l {
	display: block;
	line-height: 200%;
}
t1,t2,t3,t4,t5 {
	display: block;
	font-weight: bold;
	padding: 0.25em 0em;
}
t1 {font-size: 150%;}
t2 {font-size: 140%;}
t3 {font-size: 130%;}
t4 {font-size: 120%;}
t5 {font-size: 110%;}

grid {
	display: grid;
	/*grid-gap: 5px;*/
	grid-auto-flow: column;
}

cards {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: left;
}

header {
	grid-area: title;
	background: var(--headerBackground);
	color: var(--headerColor);
	box-shadow: var(--headerShadow);
	/*padding: var(--headerPadding);*/
	/*display: grid;*/
	grid-template-columns: max-content 1fr;
}
content,sideleft,sideright{
	background: var(--contentBackground);
	color: var(--contentColor);
}

content {
	grid-area: content;
	color: var(--contentColor);
}
footer {
	color: var(--footerColor);
	grid-area: footer;
	background: var(--footerBackground);
	line-height: 150%;
	padding: 15px var(--paddingWide);
}
footer > grid {
	grid-auto-flow: var(--footerDirection);
	grid-template-columns: var(--footerGridTemplateColumns);
}
footer > grid > div > a {
	display: block;
	color: var(--footerLinkColor);
}
footer,width {
	padding-left: var(--widthPadding);
	padding-right: var(--widthPadding);
}
sideleft {
	grid-area: sideleft;
}
sideright {
	grid-area: sideright;
}
width {
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
}
.square:before {
	content: "";
	display: block;
	padding-top: 100%;
	position: relative;
}

.sticky {
	z-index: 999;
}
.stickyBox {
	background: green;
	font-weight: bold !important;
	z-index: 99999999999;
}

pageGrid {
	display: grid;
	grid-template-columns: 0fr 1fr 0fr;
	grid-template-rows: auto 1fr auto;
	/* grid-template-areas: var(--limitWidth); */
	grid-template-areas: var(--fullWidth);
	min-height: 100vh;
}

headerLogo {
	display: flex;
	align-items: center;
}
headerLogo a {
	color: var(--headerLinkColor);
	font-weight: bold;
	font-size: 150%;
}
headerMenu, headerPopupMenu, headerRight {
	justify-content: flex-end;
}
headerRight {
	display: flex;
}
headerMenu a {
	font-weight: bold;
	padding: 0px 15px;
	display: flex;
	align-items: center;
	color: var(--menuColor);
	text-transform: uppercase;
}
headerMenu {
	display: none;
}

headerPopupMenu, headerRight {
	display: flex;
}


[src="/captcha"], [src="/captcha/new"] {
	cursor: pointer;
}

@media only screen and (min-width: 600px) {
	headerMenu {
		display: flex;
	}
	headerPopupMenu {
		display: none;
	}
}
@media only screen and (max-width: 800px) {
	:root {
		--footerDirection: row;
		--footerGridTemplateColumns: auto;
	}
	footer > grid > div:not(:last-child) {
		border-bottom: 1px solid #c0c0c0;
	}
	footer > grid {
		grid-auto-flow: var(row);
		/*grid-template-columns: var(--footerGridTemplateColumns);*/
	}
}
@media only screen and (min-width: 1200px) {
	content {
		padding: 0px 0px;
	}
	pageGrid {
		grid-template-columns: 1fr 1200px 1fr;
	}
	header {
		padding: var(--headerPaddingWide);
	}
	footer {
		padding: var(--footerPaddingWide);
	}
	width {
		padding: var(--widthPaddingWide);
	}
}

[style*="--r"] > :first-child {
	width: 100%;
	height: 100%;
}

@supports (--custom:property) {
	[style*="--r"] {
		position: relative;
	}
	[style*="--r"]::before {
		content: "";
		display: block;
		padding-top: calc(100% / (var(--r)));
		position: relative;
	}
	[style*="--r"] > :first-child {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
}

/* FILE:xxx ../_style/default/css/001-video.css */

.yt-video-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}
.yt-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* FILE:xxx ../_style/default/css/002-form.css */

/* Chrome, Safari, Edge, Opera */
input[nocount]::-webkit-outer-spin-button,
input[nocount]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

/* Firefox */
input[nocount] {
	-moz-appearance: textfield;
}

/* FILE:xxx ./static/css/001-colors.css */





:root {
	--maxWidth: 1024px !important;
	

}
white {
	display: block;
	background: white;
}
grey {
	display: block;
	background: var(--grey);
}
p {
	line-height: 1.5em;
	font-size: 16px;
}
p + p {margin-top: 1em}


/* FILE:xxx ./static/css/060-cards.scss */

cards,cards421,cards42,cards21{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:left;justify-content:flex-start;justify-content:space-between;margin-right:auto;margin-left:auto}cards card,cards a.card,cards421 card,cards421 a.card,cards42 card,cards42 a.card,cards21 card,cards21 a.card{overflow:hidden;position:relative;display:block;border-radius:5px;flex:0 0 calc(50%);margin:10px 0px 0px 0px;border:1px solid #ccc;box-shadow:2px 2px 6px 0px rgba(0, 0, 0, 0.3)}cards card>*,cards a.card>*,cards421 card>*,cards421 a.card>*,cards42 card>*,cards42 a.card>*,cards21 card>*,cards21 a.card>*{padding:0px 5px}cards card img,cards card grid,cards card square,cards a.card img,cards a.card grid,cards a.card square,cards421 card img,cards421 card grid,cards421 card square,cards421 a.card img,cards421 a.card grid,cards421 a.card square,cards42 card img,cards42 card grid,cards42 card square,cards42 a.card img,cards42 a.card grid,cards42 a.card square,cards21 card img,cards21 card grid,cards21 card square,cards21 a.card img,cards21 a.card grid,cards21 a.card square{padding:0px}card headline,.card headline{display:block;font-style:italic;min-height:6em}@media only screen and (min-width:600px){cards>card,cards>a.card{flex:0 0 calc(33% - 10px)}}@media only screen and (min-width:800px){cards>card,cards>a.card{flex:0 0 calc(25% - 10px)}}

/* FILE:xxx ./static/css/1000-scss.scss */

/* .container{width:100%}@media screen and (min-width:768px){.container{width:50%}}@media screen and (min-width:768px){.container.red{background:red;width:75%}}r3,#mainPage r3ad{display:grid;grid-auto-flow:var(--footerDirection);grid-template-columns:minmax(0, 1fr);grid-auto-columns:1fr;grid-auto-rows:1fr;max-width:100%}#mainPage r3ad{grid-column-gap:5px;text-align:center}#mainPage r3ad t1{display:block;text-align:center;font-size:200%}#mainPage r3ad p{display:block;padding:5px;font-size:100%;border-radius:5px;max-width:500px;margin:0px auto;box-shadow:2px 2px 6px 0px rgba(0, 0, 0, 0.3);box-sizing:border-box}#mainPage r3ad>*{overflow:hidden;padding:10px}.borderImage{padding:5px;border:1px solid #c0c0c0;border-radius:5px}.aaa{border-radius:100px 0px 100px 100px;object-fit:cover;height:100px;width:100px}.imgTick{background-clip:content-box;border-radius:48% 0px 48% 48%;display:block;object-fit:cover;object-position:center;background-position:center;width:200px;padding:5px;border:1px solid #c0c0c0;margin:5px auto;background-repeat:no-repeat;max-width:100%}.imgTick:before{content:"";display:block;padding-top:100%} */
#potatonav .toggle,
[id^=drop] {
	display: none;
}


@media (max-width: 768px){
	#potatonav{
		display:none;
	}
}
/* Giving a background-color to the #potatonav container. */
#potatonav { 
	margin:0;
	padding: 0;
	/*background-color: #254441;*/
	/*xxxxxxx*/
}

#potatonav #logo {
	display: block;
	/*padding: 0 30px;*/
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

#potatonav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
#potatonav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the #potatonavigation items inline */
#potatonav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	/*background-color: #254441;*/
	/*xxxxxxx*/
	}
#potatonav ul li li {
	background: black;
}

#potatonav ul ul ul {
	margin-top: 20px;
}


#potatonav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
#potatonav a:hover { 
	/*background-color: #000000; */
}

/* Styling the links */
#potatonav > ul > li > a {
	display:block;
	padding:14px 20px;
	color:#FFF;
	color: var(--menuColor);
	font-size:17px;
	text-decoration:none;
	/*line-height: 20.4px;*/
}
/*https://www.color-hex.com/color-palette/4666*/
#potatonav ul > li ul a {
	display:block;
	padding:8px 10px;
	/*background: #004c4c;*/
	background: var(--headerBackground);
	color: var(--menuColor);
	/*--menuColor: var(--headerColor);*/
	/*color:#b2d8d8;*/
	font-size:17px;
	text-decoration:none;
	border-top: 1px solid rgba(230,230,230,0.5);
	/*line-height: 20.4px;*/
}
#potatonav ul > li ul a:hover {
	background: #006666	;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
#potatonav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "#potatonav a" */
	top: 40.4px;
}
	
/* Display Dropdowns on Hover */
#potatonav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
#potatonav ul ul li {
	width:280px;
	float:none;
	display:list-item;
	position: relative;
}
#potatonav ul ul li:hover {
	background: red;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
#potatonav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "#potatonav ul ul li" */ 
	left:280px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
#potatonav li > a:after { content:  ' ▼'; }
#potatonav li > ul > li > a:after { content:  ' ►'; }
#potatonav li > a:only-child:after { content: ''; }
/*#potatonav li > li > a:only-child:after { content: ''; }*/


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
	#potatonav ul ul ul {
		margin-top: unset;
	}
	#potatonav #logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	#potatonav {
		margin: 0;
	}

	/* Hide the #potatonavigation menu by default */
	/* Also hide the  */
	#potatonav .toggle + a,
	#potatonav .menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	#potatonav .toggle {
		display: block;
		background-color: #254441;
		/*padding:14px 20px;	*/
		padding:5px 10px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	#potatonav .toggle:hover {
		/*background-color: #000000;*/
	}

	/* Display Dropdown when clicked on Parent Lable */
	#potatonav [id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	#potatonav ul li {
		display: block;
		width: 100%;
		}

	#potatonav ul ul .toggle,
	#potatonav ul ul a {
		padding: 0 40px;
	}

	#potatonav ul ul ul a {
		padding: 0 80px;
	}

	#potatonav a:hover,
	#potatonav ul ul ul a {
		background-color: #000000;
	}
  
	#potatonav ul li ul li .toggle,
	#potatonav ul ul a,
  #potatonav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	#potatonav ul li ul li .toggle,
	#potatonav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	#potatonav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "#potatonav a" */
	}
		
	/* Hide menus on hover */
	#potatonav ul ul li:hover > ul,
	#potatonav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	#potatonav ul ul li {
		display: block;
		width: 100%;
	}

	#potatonav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "#potatonav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	#potatonav ul li {
		display:block;
		width: 94%;
	}

}@media (max-width: 767px){
	nav.top{
		display:none;
	}
}
@media (min-width: 768px) and (max-width: 921px){
	nav.main{
		width:187px;
	}
}
@media (min-width: 768px){
	.mobileMenu{
		display:none; #everything is here!
	}
}

nav{
	z-index:300;
	padding-bottom:2em;
	position:relative;
}
nav ul{
	margin:0;
	padding-bottom:2em;
	padding:0;
	list-style:none;
}
nav ul li{
	position:relative;
}
nav ul li a{
	text-decoration:none;
}
nav ul li ul{
	display:none;
}
nav ul li ul:before{
	content:"";
	left:-4px;
	position:relative;
	/*top:-100px;*/
	right: -100px !important;
	/*bottom:-100px;*/
}
nav.breadcrumbs{
	padding-bottom:0;
}
nav.top>ul{
	padding:0;
}
nav.main{
	float:left;
	padding-top:3em;
	padding-left:20px;
	padding-bottom:2em;
	width:220px;
}

nav.main>ul li a{
	font-family:"Arial",sans-serif;
	color:var(--menuTextColor);
}
nav.main>ul>li{
	margin-bottom:5px;
}
nav.main>ul>li:last-child{
	margin-bottom:0;
}
@media (max-width: 767px){
	nav.top{
		display:none;
	}
}
@media (min-width: 768px) and (max-width: 921px){
	nav.main{
		width:187px;
	}
}
@media (min-width: 768px){
	.mobileMenu{
		display:none; #everything is here!
	}
}

nav{
	z-index:300;
	padding-bottom:2em;
	position:relative;
}
nav ul{
	margin:0;
	padding-bottom:2em;
	padding:0;
	list-style:none;
}
nav ul li{
	position:relative;
}
nav ul li a{
	text-decoration:none;
}
nav ul li ul{
	display:none;
}
nav ul li ul:before{
	content:"";
	left:-4px;
	position:absolute;
	top:-100px;
	right:-100px;
	bottom:-100px;
}
nav.breadcrumbs{
	padding-bottom:0;
}
nav.top>ul{
	padding:0;
}
nav.main{
	float:left;
	padding-top:3em;
	padding-left:20px;
	padding-bottom:2em;
	width:220px;
}

nav.main>ul li a{
	font-family:"Arial",sans-serif;
	color:var(--menuTextColor);
}
nav.main>ul>li{
	margin-bottom:5px;
}
nav.main>ul>li:last-child{
	margin-bottom:0;
}


.mobileMenu menuHeader{
	color:var(--menuTextColor);
	position:absolute;
	top:0;
	display:block;
	left:50px;
	width:calc(100% - 85px);
	z-index:300;
	height:50px;
	line-height:50px;
	text-align:center;
	white-space:nowrap;
	font-weight:normal;
	text-overflow:ellipsis;
	font-size:1rem;
	overflow:hidden;
	box-sizing:border-box;
}
.mobileMenu nav{
	background: var(--menuBackground);
	font-family:"Arial",sans-serif;
	padding:0;
	display:block;
	position:relative;
	height:50px;
	width:100%;
	z-index:299;
}
.mobileMenu nav ul{
	padding-bottom:0;
}
.mobileMenu nav>nav.breadcrumbs{
	color:var(--menuTextColor);
	border-top:1px solid rgba(255,255,255,0.3);
	font-size:0.75em;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10px 20px;
	display:none;
}
.mobileMenu nav>nav.breadcrumbs a{
	color:var(--menuTextColor);
}
content {
	z-index: 5;
}
.mobileMenu nav>ul{
	background: var(--menuInnerBackground);
	/*background: red;*/
	z-index: 9999;
	width:100%;
	box-sizing:border-box;
	padding:0;
	display:none;
}
.mobileMenu nav>ul>li a{
	color:var(--menuTextColor);
	display:block;
	padding:10px 20px;
	border-top:1px solid rgba(255,255,255,0.3);
}
.mobileMenu nav>ul>li>a{
	font-weight:bold;
}
.mobileMenu nav>ul>li ul:before{
	content:none;
}
.mobileMenu nav>ul>li ul>li a{
	font-size:0.85rem;
}
.mobileMenu nav>ul>li.open ul{
	background:rgba(255,255,255,0.15);
	display:block
}
.mobileMenu nav>ul>li.mobileMenuArrow.open>a{
	background:rgba(255,255,255,0.3);
}
.mobileMenu nav>ul>li:last-child a{
	border-bottom:none;
}
.mobileMenu nav.open>ul,.mobileMenu nav.open>nav.breadcrumbs{
	display:block;
}
.mobileMenu nav.open:before{
	background:var(--menuBackground);
	display:block;
	width:100%;
	height:50px;
	content:"";
}
.mobileMenu nav.open .mobileButton.hamburger:before{
	content:"\f00d";
}
.mobileMenu nav .contact{
	display:none;
}
.mobileMenu form{
	display:none;
	background:#eee;
	z-index:200;
	top:50px;
	left:0;
	border-collapse:separate;
	position:absolute;
	box-sizing:border-box;
	width:100%;
	border-spacing:10px 7px;
}
.mobileMenu form>div,.mobileMenu form>label{
	vertical-align:middle;
	font-size:1.3rem;
	display:table-cell;
}
.mobileMenu form>div.query,.mobileMenu form>label.query{
	width:99%;
	line-height:1rem;
}
.mobileMenu form>div input,.mobileMenu form>div button,.mobileMenu form>label input,.mobileMenu form>label button{
	background:transparent;
	border:none;
	font-size:1.5rem;
}
.mobileMenu form>div button,.mobileMenu form>label button{
	font-family:"FontAwesome";
	padding:0.4rem;
	cursor:pointer;
	border:none;
	text-align:center;
	speak:none;
	margin:0;
}
.mobileMenu form>label{
	text-transform:uppercase;
}
.mobileMenu .mobileButton{
	color:var(--menuTextColor);
	font-family:"FontAwesome";
	width:40px;
	height:40px;
	display:block;
	position:absolute;
	z-index:400;
	top:5px;
	speak:none;
	text-align:center;
	font-size:1.4em;
	line-height:40px;
	text-decoration:none;
}
.mobileMenu .mobileButton.hamburger{
	right:5px;
	/*left:35px;*/
}
.mobileMenu .mobileButton.hamburger:before{
	content:"\f0c9";
}
.mobileMenu .mobileButton.homeButton{
	left:5px;
}
.mobileMenu .mobileButton.homeButton:before{
	content:"\f015";
}
.mobileMenu .mobileButton.open:before{
	content:"\f00d";
}

.mobileMenu nav>ul>li.mobileMenuArrow>a:after{
	font-family:"FontAwesome";
	content:"\f0dd";
	color:rgba(255,255,255,0.5);
	float:right;
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
	font-family: 'FontAwesome';
	src: url('/static/fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('/static/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/static/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/static/fontsfontawesome-webfont.woff?v=4.7.0') format('woff'), url('/static/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
	font-weight: normal;
	font-style: normal;
}atable {
	display: inline-grid;
	/* grid-template-columns: repeat(3, auto); */
}
atable > a,
atable > row,
atable > hrow,
atable a {
	/*grid-template-columns: repeat(3, 70px);*/
	/*text-decoration: none;*/
	display: contents;
	/*clear:  both;*/
}
atable > a > *,
atable > row > *,
atable > hrow > *,
atable > *
 {
	/*border: 1px solid #c0c0c0;*/
	padding: 3px;

}
atable {
	display: grid;
	/* grid-template-columns: min-content auto min-content; */
}
	.mailItems {
		/*border-collapse: collapse;*/
		/*border-spacing: 0;*/
		/*cursor: pointer;*/

		display: grid;
		grid-template-columns: min-content auto min-content !important;
		/*grid-auto-columns: min-content !important;*/

	}
	atable row {
		/*box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);*/

	}
	atable cell {
		/*font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;*/
		/*box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);*/
		/*border-collapse: collapse;*/
		/*border-spacing: 0;*/
		/*cursor: pointer;*/
		/*color: #202124;*/
		/*background: rgba(255,255,255,0.902);*/
		/*padding-bottom: 10px;*/
		/*padding-top: 10px;*/
		/*white-space: nowrap;*/

		/*color: #202124;*/
		/*user-select: none;*/
		/*font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;*/
		/*empty-cells: show;*/
		/*font-size: .875rem;*/
		/*white-space: nowrap;*/
		/*line-height: 20px;*/
		/*padding: 10px 0px !important;*/
		/*box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);*/
		display: flex;
		align-items: center;
	}
	cell.subject {
		/*font-weight: bold;*/
		  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
	}
/*	.mailItxems row:hover > cell {
		box-shadow:
		inset 1px 0 0 #dadce0,
		inset -1px 0 0 #dadce0,
		0 1px 2px 0 rgba(60,64,67,.3),
		0 1px 3px 1px rgba(60,64,67,.15);
	}*/
	.mailItems > row:hover > cell, .mailItems > a:hover > cell {
		/*box-sh*/
		/*background: #e8e8e8;*/
	}
	.mailItems > *:nth-child(2n) > * {
		/*background: #f7f7f7;*/
	}
	atable hcell {
		/*padding-left: 10px;*/
		/*color: red !important;*/
		font-weight: bold;
		display: flex;
		align-items: center;
		/*white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
		word-wrap: break-word;*/
	}
	.subject {
		/*padding: 10px 0px 10px 10px !important;*/
	}p, #content li {
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.75rem;
	letter-spacing: .017rem;
	font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
}
#content ul.point li {
	display: list-item;
}
#content ul.point {
	list-style-type: disc;
	/* list-style: circle; */
	margin-left: 30px;
	/* margin-bottom: 1.36rem; */
}/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
	position: relative;
	cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
	position: absolute;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: 
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-moz-transition:    
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	transition:         
		opacity 0.2s ease-in-out,
		visibility 0.2s ease-in-out,
		transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform:    translate3d(0, 0, 0);
	transform:         translate3d(0, 0, 0);
	pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
	z-index: 1001;
	border: 6px solid transparent;
	background: transparent;
	content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
	z-index: 1000;
	padding: 8px;
	width: 160px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	font-size: 14px;
	line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
	bottom: 100%;
	left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
	margin-left: -6px;
	margin-bottom: -12px;
	border-top-color: #000;
	border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
	margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
	-webkit-transform: translateY(-12px);
	-moz-transform:    translateY(-12px);
	transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
	right: 100%;
	bottom: 50%;
	left: auto;
}

.tooltip-left:before {
	margin-left: 0;
	margin-right: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-left-color: #000;
	border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
	-webkit-transform: translateX(-12px);
	-moz-transform:    translateX(-12px);
	transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
	top: 100%;
	bottom: auto;
	left: 50%;
}

.tooltip-bottom:before {
	margin-top: -12px;
	margin-bottom: 0;
	border-top-color: transparent;
	border-bottom-color: #000;
	border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
	-webkit-transform: translateY(12px);
	-moz-transform:    translateY(12px);
	transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
	bottom: 50%;
	left: 100%;
}

.tooltip-right:before {
	margin-bottom: 0;
	margin-left: -12px;
	border-top-color: transparent;
	border-right-color: #000;
	border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
	-webkit-transform: translateX(12px);
	-moz-transform:    translateX(12px);
	transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
	top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
	margin-left: 0;
	margin-bottom: -16px;
}p {
	margin-bottom: 1.36rem !important;
}
p, #content li {
	font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: .017rem;
    font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
}
#content ul.point li {
	display: list-item;
}
#content ul.point {
	list-style-type: disc;
	/* list-style: circle; */
	margin-left: 30px;
	margin-bottom: 1.36rem;

}
#content h1 {
	margin-bottom: 1.5rem;
}
#content h2 {
	margin-bottom: 1.36rem !important;
}
#content h3 {
    font-style: normal;
    font-weight: 700;
    /* font-size: 2.75rem; */
    line-height: 1.18;
    font-family: "FuturaStd-Bold","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
    margin-bottom: 1.5625rem;
    margin-top: 1.375rem;
}
#content h4 {
    font-style: normal;
    font-size: 1.875rem;
    line-height: 1.36;
    font-family: "Roboto","Helvetica Neue","Helvetica","Arial","Noto Sans CJK SC","sans-serif";
    margin-bottom: 1.5625rem;
    margin-top: 1.5625rem;
    font-weight: 400;
}

.s1, ref { color: black; font-family:"Times New Roman", serif; font-style: normal; font-weight: normal; text-decoration: underline; font-size: 10pt; vertical-align: 3pt; }
.s2 { color: black; font-family:"Times New Roman", serif; font-style: italic; font-weight: bold; text-decoration: none; font-size: 11pt; }
/* li {display: block; } */
.indentTest1 {
	text-indent: 40px;
}
.indentTest2 {
	margin-left: 40px;
}
[u] {
	text-decoration: underline;
}
[b] {
	font-weight: bold;
}
[c] {
	text-align: center;
}
[i] {
	font-style: italic;
}
[s] {
	text-decoration: line-through;
}
[o] {
	text-decoration: overline;
}
[s][o] {
	text-decoration: line-through overline;
}
[u][o] {
	text-decoration: underline overline;
}
[u][s] {
	text-decoration: underline line-through;
}
[u][o][s] {
	text-decoration: line-through underline overline;
}:root {
	--inputBackground: rgba(255, 100, 255, 0.2);
}
F1,F2,F4 {
	display: none;
}
width {
	max-width: 1024px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

ol {
	display: block;
	list-style-position: outside;
	list-style: decimal;
	margin: 5px 0px 5px 20px;
}

.modalButtonDiv button {
	padding: 3px 10px;
}
.contextmenu {
	z-index: 9999; position: fixed; display: none;
	background: white;
}
.contextmenu > div > div {
	cursor: pointer;
	padding: 10px;
	min-width: 150px;
}

.contextmenu > ul > li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.contextmenu > ul > li {
	cursor: pointer;
	padding: 10px;
	min-width: 150px;
}

.contextmenu > ul > li:hover {
	background: #ccc;
}
.fullWidthInput input, .fullWidthInput textarea, .fullWidthInput select {
	width: 100%;
	max-width: 100%;
	padding: 3px;
	min-width: 100%;
}
.date, date {
	white-space: pre;
}
a, a:visited {
	color: blue;
}
body {
	background: rgba(250,125,125, 0.05);
}
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
.monospace {
	font-family: Lucida Console;
	white-space: pre;
}
#header {
	/* background: maroon; */
	/* color: white; */
	position: sticky;
	/* width: 100vw; */
	top: 0px;
	left: 0px;
	right: 0px;
	/* width: calc(100vw - (100vw - 100%)); */
	/* max-width: 100vw; */
}

#pageGrid {
	width: 100vw;
	/* height: 100%; */
	position: fixed;
	top: 0;
	bottom: 0;
	min-height: unset;
	/*background: red;*/
	display: grid;
	column-gap: 0px;
	grid-template-rows: auto 1fr auto;
}
#flowGrid {
	min-height: 100vh;
	max-height: 100%;
	min-width: 100%;
	/* min-height: fill-available; */
	display: grid;
	grid-template-rows: auto 1fr auto;
}

#content {
	max-width: 100%;
	/* overflow-y: auto; */
	/* overflow-x: auto; */
	/* word-wrap: normal !important; */
	/*background: lightskyblue;*/
}
#footer {
	/*background: green;*/
	/* background: maroon; */
	/* color: white; */
	padding: 5px;
	position: sticky;
	left: 0;
}


#rightPanelGrid, #leftPanelGrid, #messageGrid, #middleGrid {
	display: none;
	width:  100%;
	height:  100%;
	position: fixed;
	z-index: 20000;
	top: 0px;
	/* grid-template-columns: auto min(400px, 90%); */
	grid-template-columns: 1fr 400px;
	/*background: rgba(30,0,0,0.2);*/
}
#leftPanelGrid {
	grid-template-columns: min(400px, 90%) auto;

}
#rightPanel, #leftPanel {
	background: white;
	/* overflow-x: scroll; */
	overflow-y: auto;
	word-wrap: break-word;
	/* max-width: 10%; */
	border-left: #c0c0c0 3px solid;
}
.overlay-dim {
	background: rgba(30, 0, 0, 0.4);
}
#messageGrid, #middleGrid {
	z-index: 50000;
	display: none;
	align-items: center;
	justify-content: center;
}
#messagePanel, #middlePanel {
	background: white;
	padding: 20px;
	border-radius: 15px;
	text-align: center;
	min-width: 300px;
}
#messagePanel > messagePanelTitle, #middlePanel > middlePanelTitle {
	display: block;
	margin-bottom: 15px;
	font-size: 150%;
	font-weight: bold;
	/* min-width: 300px; */
}
#messagePanel > messagePanelText, #middlePanel > middlePanelText {
	display: block;
	margin-bottom: 15px;
}
#messagePanel > button, #middlePanel > button {
	/* display: block; */
	/* margin-bottom: 15px; */
	border-radius: 5px;
	border: 1px solid rgba(80,80,80,0.2);
	padding: 5px;
	min-width: 150px;
}
.roundButton {
	border-radius: 20px;
	border: 1px solid rgba(80,80,80,0.2);
	padding: 5px;
	min-width: 150px;
	cursor: pointer;
}

calenderMonth {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
	display: inline-block;
	font-size: 120%;
	width: min-content;
	/* grid-row: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; */
}
calenderMonth {
	margin-left: 15px;
}
calendarMonthDays {
	grid-row: 1fr;
}
calenderMonth {
	font-weight: bold !important;
	text-align: center !important;
}
calendarMonthDays, calendarMonthDates {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
	gap: 0px;
}
calendarMonthDates * {
	padding: 15px;
	background: #f8f8f8;
}
lock {
	height:  100vh;
	width:  100vw;
	position: absolute;
	top:  0px;
	background: rgba(130, 130, 130, 0.5);
}
lock > span {

	display: flex;
	align-items: center;
}
.center {
	display: none;
	justify-content: center;
	align-items: center;
	/*height: 150px;*/
	/*background: #FFCEC2;*/
}
/* Start Drop Down Menu Stuff */
.hoverListButton {
	background-color: #04AA6D;
	color: white;
	padding: 16px !important;
	font-size: 16px !important;
	border: none;
	display: inline-block;
	cursor: pointer;
}
.hoverList {
	position: relative;
	display: inline-block;
}
.hoverListContent {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.hoverListContent > * {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}
.hoverListContent a:hover {background-color: #ddd;}
.hoverList:hover .hoverListContent {display: block;}
.hoverList:hover .hoverListButton {background-color: #3e8e41;}
.fullWidth {
	width: calc(100vw - var(--scrollbar-width));
}
a.pageHeaderTitle {
	color: white;
}

#content, #footer {
	/* z-index: */
	position: relative;
}
#header {
	z-index: 10000;
}
#content img {
	max-width: 100%;
	display: block;
}
@media print {
	#header {
		display: none;
	}
}

/* FILE: /var/www/Teng7/Teng/EngineUnion/css/optional/megamenu.css */

:root {
	--megaMenuHeaderItemText: rgba(255,255,255,0.95);
	--megaMenuHeaderItemTextHover:var(--megaMenuHeaderItemText);
	--megaMenuHeaderItemBackgroundHover: rgb(255,255,255,0.05);

	--megaMenuHeaderBorder: solid var(--megaMenuHeaderBorderColour) 1px;
	--megaMenuHeaderBorderColour: rgba(255,255,255,0.5);
	
	--megaMenuDropBackground: var(--headBG);
	--megaMenuDropItemText: var(--megaMenuHeaderItemText);
	--megaMenuDropItemHoverText: var(--megaMenuDropItemText);
	--megaMenuDropItemHoverBackground: var(--megaMenuHeaderItemTextHover);
}

.megaMenu {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 5px;
	user-select: none;
	z-index: 100000;
	/* background: var(--headerBackground); */
}
.megaMenuBackdrop {
	z-index: 9999;
	display: none;
	background: rgba(0,0,0,0.2);
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.megaMenuItem {
	color: var(--megaMenuHeaderItemText);
	border-left: var(--megaMenuHeaderBorder);
	border-right: var(--megaMenuHeaderBorder);
	z-index: 1000000;
	display: inline-block;
	cursor: pointer;
	padding: 3px 10px;
	font-weight: bold;
}
.megaMenuItem:hover {
	background: var(--megaMenuHeaderItemBackgroundHover);
	color: var(--megaMenuHeaderItemTextHover);
}

[megaMenuDrop] {
	background: var(--megaMenuDropBackground);
	color: var(--megaMenuDropItemText);
	z-index: 9999;
	position: absolute;
	width: 100%; 
	z-index: 10000;
	padding: 15px;
	display: none;
}
[megaMenuDrop] td {
	vertical-align: top;
}
[megaMenuDrop] a {
	display: block;
	padding: 5px 3px;
	margin-right: 5px;
	color: inherit;
	opacity: 0.8;
}
[megaMenuDrop] width {
	columns: 1;
	width: 100%;
}
[megaMenuDrop] width > div, [megaMenuDrop] width > a {
		width: 100%
	}
@media screen and (min-width: 400px) {
	[megaMenuDrop] width {
		columns: 2;
	}
}
@media screen and (min-width: 800px) {
	[megaMenuDrop] width {
		columns: 3;
	}
}

[megaMenuDrop] width div {
	columns: 1;
	break-inside: avoid-column;
}
[megaMenuDrop] a:hover {
	background: var(--megaMenuHeaderItemBackgroundHover);
}.removePersonFromGroup {
	cursor: pointer;
	color: blue;
}


.pastelBg0 {background-color: rgb(191, 255, 213) !important;}
.pastelBg1 {background-color: rgb(255, 238, 191) !important;}
.pastelBg2 {background-color: rgb(197, 191, 255) !important;}
.pastelBg3 {background-color: rgb(255, 219, 191) !important;}
.pastelBg4 {background-color: rgb(255, 191, 217) !important;}
.pastelBg5 {background-color: rgb(223, 255, 191) !important;}
.pastelBg6 {background-color: rgb(228, 191, 255) !important;}
.pastelBg7 {background-color: rgb(191, 255, 192) !important;}
.pastelBg8 {background: aaaaaaaaaaaaaaaaaaa}
.pastelBg9 {background: aaaaaaaaaaaaaaaaaaa}
.pastelBg10 {background: aaaaaaaaaaaaaaaaaaa}
.pastelBg11 {background: aaaaaaaaaaaaaaaaaaa}
.pastelBg12 {background: aaaaaaaaaaaaaaaaaaa}
.pastelBg13 {background: aaaaaaaaaaaaaaaaaaa}
.pastelBg14 {background: aaaaaaaaaaaaaaaaaaa}
.pastelBg15 {background: aaaaaaaaaaaaaaaaaaa}

.clickToRemembered td {
	background: orange !important;
}.formed input[placeholder]:not([type="submit"]), .formed textarea[placeholder], .formed select[placeholder] {
	width: 100%;
	/* font-size: 150%; */
	padding: 5px !important;
	padding-top: 15px !important;
}
.formed select[placeholder] {
	width: 100%;
	/* font-size: 150%; */
	padding: 5px !important;
	padding-top: 15px !important;
}
.formed select[placeholder] option {
	padding-top: 15px !important;
	/* color: red; */
}
.formed .placeholder {
	position: absolute;
	top: 1px;
	left: 3px;
	opacity: 0.8;
} 
.formed td, .formed div {
	position: relative;
}
.formed input::placeholder, .formed textarea::placeholder {
	color: transparent;
}
formPlaceholder {
	color: black;
	display: block;
	width: 100% !important;
	pointer-events: none;
	text-align: left;
}

/* FILE: /var/www/pathologyjobs.au/theme/this/css.php */


:root {
	--maxWidth: 1200px;
	--footerBackground: #ffffff;
	--footerDirection: column;
	--footerLinkColor: green;
	--footerGridTemplateColumns: repeat(3, minmax(0, 1fr));
	--fullWidth: 			
		"title title title"
		"content content content"
		"footer footer footer";
	--limitWidth: 			
		"title title title"
		"sideleft content sideright"
		"footer footer footer";
	/*--headerBackground: -webkit-linear-gradient(top, #0099FF 0%,#3399bb 100%);;*/
	/*--headerBackground: linear-gradient(to right, aqua , lightgreen);*/
	/*--headerBackground: linear-gradient(to right, rgb(0,255,255) , rgb(144,238,144));*/
	/*--headerBackground: linear-gradient(to right, rgb(0,225,225) , rgb(114,208,114));*/
	/*--headerBackground: linear-gradient(to right, rgb(0,102,102) , rgb(0,128,128));*/
	/* --headerBackground: linear-gradient(to right, rgb(0,128,0) , rgb(0,128,128)); */
	--headerBackground: rgb(0,0,128);
	--menuBackground: var(--headerBackground);
	--menuColor: var(--headerColor);
	--headerColor: rgba(255,255,255,0.9);
	--contentBackground: #fdfdfd;
	--contentColor: #252525;
	/*--contentLinkColor: #43b0ef;*/
	--contentLinkColor: darkgreen;
	--contentLinkColor: var(--headerBackground);
	--contentLinkHoverColor: #43b0ef;
	--footerBackground: white;
	--backgroundColor: red;
	--headerShadow: rgba(0,0,0,.117647) 0 1px 3px;
	--popupMenuShadow: rgba(0,0,0,.117647) 0 1px 3px;
	--headerTitleColor: rgba(0,0,0,.117647) 0 1px 3px;
	/*--headerLinkColor: rgba(0,0,0,.117647) 0 1px 3px;*/
	--headerLinkColor: #040404;
	--widthPadding: 5px;
	--paddingWide: calc((100% - var(--maxWidth)) / 2);
	--paddingWide: calc((100% - var(--maxWidth)) / 2);
	/*--headerPadding: 15px 0px;*/
	/*--headerPaddingWide: 15px var(--paddingWide);*/
	--footerPaddingWide: 15px var(--widthPadding);
	--widthPaddingWide: 0px var(--widthPadding);
	/*font-family: Arial,Helvetica Neue,Helvetica,sans-serif;*/
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;;
	font-size: 14px;
	--popupMenuFontSize: 130%;
	--popupMenuHoverColor: black;
	--popupMenuHoverBackground: aqua;
	--popupMenuPadding: 15px;
	--grey: #f9f9f9;
	/* Mobile Nav */
	--menuBackground: olive;
	--menuBackground: mediumseagreen;
	--menuBackground: indianred;
	--menuBackground: teal;
	--menuBackground: maroon;
	--menuBackground: navy;
	--menuBackground: orange;
	/*--menuBackground: rgba(155,255,155,1);*/
	--menuInnerBackground: var(--menuBackground);
	--menuTextColor: #fff;
	--menuTextColor: #fff;
	/*--menuTextColor: var(--menuTextColor);*/
	--headerBackground: var(--menuBackground);
	--formErrorColor: red;
	--homeMenuLinkBackground: rgba(130,130,130,0.1);
	--megaMenuHeaderItemText: black;
	--megaMenuHeaderItemTextHover:var(--megaMenuHeaderItemText);
	/* --megaMenuHeaderItemBackgroundHover: rgb(255,255,255,0.05); */
	--megaMenuDropBackground: var(--menuBackground);
	--megaMenuDropItemText: black;
	--megaMenuDropItemHoverText: black;
	--megaMenuDropItemHoverBackground: var(--menuBackground);
	--megaMenuHeaderText: black;
	--megaMenuBorderColour: rgba(255,255,255,0.5);
}
#header {
	background: var(--menuBackground);
}
@media (prefers-color-scheme: dark) {
	:root {
		--formErrorColor: red;
		--homeMenuLinkBackground: rgba(255,255,255,0.05);
	}
}
/*
@media (prefers-color-scheme: dark!) {
	:root {
		--footerBackground: #ffffff;
		--footerLinkColor: green;
		--headerBackground: linear-gradient(to right, rgb(0,102,102) , rgb(0,128,128));
		--headerColor: red;
		--contentBackground: #fdfdfd;
		--contentColor: #252525;
		--footerBackground: white;
		--backgroundColor: red;
		--menuBackground: var(--headerBackground);
		--menuColor: var(--headerColor);
		--headerShadow: rgba(0,0,0,.117647) 0 1px 3px;
		--popupMenuShadow: rgba(0,0,0,.117647) 0 1px 3px;
		--headerTitleColor: rgba(0,0,0,.117647) 0 1px 3px;
		--headerLinkColor: #040404;
		--popupMenuHoverColor: black;
		--popupMenuHoverBackground: aqua;
		--grey: #f9f9f9;
}
}*/
@import url('https://cdn.jsdelivr.net/npm/fonts-archive-futura-std/FuturaStd.css');
content {
	background-color: rgba(36,153,153,0.05);
}