/* */

@font-face {
  font-family: 'FontAwesome';
  src: url('/template/fonts/fa/fontawesome-webfont.eot?v=4.6.3');
  src: url('/template/fonts/fa/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/template/fonts/fa/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/template/fonts/fa/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/template/fonts/fa/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/template/fonts/fa/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
}
@font-face {
  font-family: 'FjallaOne';
  src: url('/template/fonts/FjallaOne.eot');
  src: url('/template/fonts/FjallaOne.eot?#iefix') format('embedded-opentype'), url('/template/fonts/FjallaOne.woff') format('woff'), url('/template/fonts/FjallaOne.ttf') format('truetype');
}
@font-face {
  font-family: 'Titillium Web';
	src: url('/template/fonts/tw/titillium-regular-webfont.eot');
	src: url('/template/fonts/tw/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/template/fonts/tw/titillium-regular-webfont.woff') format('woff'), url('/template/fonts/tw/titillium-regular-webfont.ttf') format('truetype'), url('/template/fonts/tw/titillium-regular-webfont.svg#webfont') format('svg');
}

/* ---------- FONTS */
.fa { font-family:FontAwesome; 	text-rendering: auto;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; text-align:center;font-weight:normal!important; }
.fj { font-family:FjallaOne,Verdana,sans-serif; }
.fv { font-family:Verdana,Helvetica,sans-serif; }
.fan { font-family:Arial Narrow,Arial,sans-serif; }
.ftw { font-family: "Roboto", sans-serif; font-weight: 400; }
.fr { font-family: "Roboto", sans-serif; font-weight: 400; }
@-ms-viewport { width: device-width; }
* {	box-sizing: border-box; }

body { font-family:"Roboto",FjallaOne,sans-serif; line-height:110%; overflow-y:scroll; overflow-x:auto; font-size:3vw;font-size:1.1rem;font-size:clamp(12pt,2.4vw,13.5pt);}
body { margin:0; padding:0; cursor:default; width:100%;height:100%; }
html { background-color:#020455; background-image: linear-gradient(to bottom, #020455, #664411); background-attachment:fixed; }

/* ---------- STYLING */
.fa.linkpopup { font-size:0.7em;line-height:1.7em;padding-left:0.5em;padding-top:0.2em;vertical-align:top; text-decoration:none; }
.nobr { white-space:nowrap; }
.nosel { user-select:none; }

/* ---------- ANIMATIONS */
@keyframes pwrotate { from { transform:rotate(0deg); } to { transform:rotate(360deg); } }
.pwrotate { animation-name:pwrotate; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;
			display:inline-block; line-height:1em;vertical-align:middle; 
			font-size:1em!important; }

/* ---------- FRAMING */

#pgBody { overflow:visible; justify-content:left; margin:0 auto;padding:0.1em 0 1em; }
.floatcentercontent { display:flex; justify-content:center; height:100vh; align-items:center; }
.sizedown10 { font-size:90%; }

div.divBodyPW { color:white; }
div.divBodyPWBlack { color:black!important; }

.pagebodytitle { display:block; font-weight:bold; font-size:1.2em; border:solid 2px black; border-width:0 0 2px 0; width:80%; margin:0 auto;padding:0.5em 0; }
.pctr { text-align:center!important; }
.prt { text-align:right!important; }
.pclr { clear:both; }

table.slim, table.nopad { border-spacing:0; border-collapse:separate; }
table.slim td { margin:0; padding:0.2em 0.5em; text-align:left; vertical-align:baseline; }
table.slim td { margin:0; padding:0; text-align:left; vertical-align:baseline; }

/* ---------- UI WIDGETS */

textarea:hover, input:hover { outline:none;background:#FFD; }
textarea:focus, input:focus { outline:none;box-shadow:0 0 0.5em yellow; background:#FFD;border-color:#AA0!important; }
::-ms-input-placeholder {  color:rgba(255,0,0,0.3)!important; }
::placeholder {  color:rgba(0,0,0,0.3)!important; }

input.inputblock { display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;height:2em; }
input.inputtext { border:solid 2px #020167;border-radius:0; color:black; font-size:1em; line-height:2em; padding:0em 0.3ch; vertical-align:baseline; font-weight:normal; }
input.inputtext.inputdisabled { background-color:#CCC;color:#888; }
input.inputmono { font-family:monospace; }
input.inputstrictnumber::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input.inputstrictnumber[type=number] { -moz-appearance: textfield; }
textarea { border:solid 2px #020167;border-radius:0; color:black;font-size:1em; line-height:1.2em;margin:0 0;padding:0.1em; resize:vertical; }
input.inputpill, textarea.inputpill { border:solid 2px #008; 	font-size:1em;	padding-left:1em;padding-right:1em; }
input.inputpill { line-height:1.8em;	height:1.8em;	border-radius:1em; }
textarea.inputpill { padding-top:0.5em;padding-bottom:0.5em;	border-radius:1em 0 0 1em; }
input.inputcompact, textarea.inputcompact { font-size:0.7rem; }
input.inputright { text-align:right; }

a { color:blue; }
a:hover { color:red; }
a.buttonbasic, a.plain, a.buttonpill { text-decoration:none; }
a.whiteonblack { color:white; }
a.whiteonblack:hover { color:#F88!important; }
.buttonbasic { border-style:solid;border-width:0.2em; border-radius:0em; display:inline-block; line-height:1.6em;font-size:1.1em; font-weight:bold; padding:0 0.7em; position:relative; text-align:center; cursor:pointer; overflow:visible; }
.buttonblock { display:block; }
.buttonpill { border-width:2px;border-style:solid;border-radius:1em; font-size:1em; line-height:1.3em; white-space:nowrap; display:inline-block; font-weight:normal; cursor:pointer; padding-left:0.7em;padding-right:0.7em;}
.buttonthick { border-radius:2em; line-height:2em; padding:0 1.2em; cursor:pointer; }
.buttonthin { border-radius:0.5em; line-height:1.5em; padding:0 0.6em; cursor:pointer; font-size:0.8em; }

button.buttonred { color:#C00; border-color:red; background:#FDD; }
button.buttonred:hover { background:#FDD; text-decoration:none; }
button.abutton { color:blue; }
button.abutton:hover { color:red; }
button.plain { border:0; background:transparent; cursor:pointer; font-size:1em; }
button.plain:hover { background:transparent; text-decoration:underline; }

.button .buttonicon { margin-left:-0.8em;margin-right:0.5em;margin-top:-0.1em;margin-bottom:-0.1em;padding-top:1px; font-size:1em; float:left; width:1.8em;height:1.8em;line-height:1.8em; border-style:solid;border-width:0pt; border-radius:0; text-align:center; background:#226; overflow:hidden; }
.button .buttonicon.pwrotate { margin-left:-0.7em; }
.buttonblock .buttonicon { margin-right:0pt; }
.button:hover,.button:focus {  }
.button:hover .buttonicon,.button:focus .buttonicon {  }
.button .buttonicon.buttoniconright { float:right;margin-left:0.3em; margin-right:-0.8em; padding-left:0pt; }
.button .buttonicon.buttoniconfloat { position:absolute;top:0em;left:0em;margin-left:-0.1em; }
.button .buttonicon.pwrotate.buttoniconfloat { margin-left:0em; }
.button .buttonicon.buttoniconfloat.buttoniconright { left:auto;right:0em;margin-right:-0.1em; }
.button .buttonicon.buttoniconnobg { background:transparent!important; }

.buttonbasic { 					border-color:#226;color:#226;						background-color:#99F; }
.buttonbasic:hover,.buttonbasic:focus { 			border-color:#FF0!important;color:#226!important;	background-color:#9A9AFE!important; box-shadow:0 0 0.2em #000; }

.buttonhex {
 	background-color:#99F;position:relative; text-decoration:none; display:inline-block;padding:0.3em 1em;
 	--notchSize: 5px;
	--bordThick: 3px;
	--bordHalf: 2px;
	clip-path: polygon(0 var(--notchSize),var(--notchSize) 0,calc(100% - var(--notchSize)) 0,100% var(--notchSize),100% calc(100% - var(--notchSize)),calc(100% - var(--notchSize)) 100%,var(--notchSize) 100%,0 calc(100% - var(--notchSize)),0 var(--notchSize));
	font-weight:bold;
	color:#00C;
	}
.buttonhex:before { 
 	--notchSize: 4px;
	--bordThick: 2px;
	--bordHalf: 1px;
	content: "";
	position: absolute;
	overflow:hidden;
	inset: 0;
	background: #00C; /*bordercolor*/
	clip-path: polygon(0 var(--notchSize),var(--notchSize) 0,calc(100% - var(--notchSize)) 0,100% var(--notchSize),100% calc(100% - var(--notchSize)),calc(100% - var(--notchSize)) 100%,var(--notchSize) 100%,0 calc(100% - var(--notchSize)),0 var(--notchSize),
				var(--bordThick) calc(var(--notchSize) + var(--bordHalf)),var(--bordThick) calc(100% - var(--notchSize) - var(--bordHalf)),calc(var(--notchSize) + var(--bordHalf)) calc(100% - var(--bordThick)),calc(100% - var(--notchSize) - var(--bordHalf)) calc(100% - var(--bordThick)),calc(100% - var(--bordThick)) calc(100% - var(--notchSize) - var(--bordHalf)),calc(100% - var(--bordThick)) calc(var(--notchSize) + var(--bordHalf)),calc(100% - var(--notchSize) - var(--bordHalf)) var(--bordThick),calc(var(--notchSize) + var(--bordHalf)) var(--bordThick),var(--bordThick) calc(var(--notchSize) + var(--bordHalf)));
}
.buttonhexlow {
 	background-color:#00C; /*bgcolor*/
	color:#99F; /*text*/
	position:relative; text-decoration:none; display:inline-block;padding:0.1em 1em 0.2em;
 	--notchSize: 5px;
	--bordThick: 3px;
	--bordHalf: 2px;
	clip-path: polygon(100% 0, 100% calc(100% - var(--notchSize)),calc(100% - var(--notchSize)) 100%,var(--notchSize) 100%,0 calc(100% - var(--notchSize)),0 0);
	font-weight:bold;
	color:#00C;
	}
.buttonhexlow:before { 
 	--notchSize: 5px;
	--bordThick: 3px;
	--bordHalf: 2px;
	content: "";
	position: absolute;
	inset: 0;
	background: #00C; /*bordercolor*/
	clip-path: polygon(100% 0, 100% calc(100% - var(--notchSize)),calc(100% - var(--notchSize)) 100%,var(--notchSize) 100%,0 calc(100% - var(--notchSize)),0 0, 
				var(--bordThick) 0,var(--bordThick) calc(100% - var(--notchSize) - var(--bordHalf)),calc(var(--notchSize) + var(--bordHalf)) calc(100% - var(--bordThick)),calc(100% - var(--notchSize) - var(--bordHalf)) calc(100% - var(--bordThick)),calc(100% - var(--bordThick)) calc(100% - var(--notchSize) - var(--bordHalf)),calc(100% - var(--bordThick)) 0);
}
.buttonhexlow:hover, .buttonhex:hover, .buttonhexlow:focus, .buttonhex:focus { padding-left:1.5em; padding-right:1.5em;color:#03F; }
.buttonhexnoexpand { padding-left:0em !important;padding-right:0em !important; }
.buttonhex.buttonstatic:hover, .buttonhex.buttonstatic:focus { padding:0.3em 1em; }
.buttonhexlow:hover:before, .buttonhex:hover:before, .buttonhexlow:focus:before, .buttonhex:focus:before { background-color:#03F; }

.button .buttonicon { 		border-color:#226;background-color:#226;			color:#99F; }
.button .buttonicon.buttoniconnobg {	color:#226; }
.button:hover .buttonicon,.button:focus .buttonicon { background-color:#FF0!important;border-color:#226!important;	color:#226; }
.button:hover .buttonicon.buttoniconnobg, .button:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#226!important; }

.button.buttoninline { 		color:blue; }
.button.buttoninline { 		border:0;background:transparent!important;display:inline; line-height:unset; font-weight:inherit;font-size:inherit; padding:0; }
.button.buttoninline:hover, .button.buttoninline:focus {box-shadow:none!important;color:red!important; background:transparent!important; text-decoration:underline!important;}
.button.buttoninline.buttonoff:hover, .button.buttoninline.buttonoff:focus {				box-shadow:none!important;color:#888!important;text-decoration:none!important;background:transparent!important; }
button.button:active { border-style:solid!important; }

.button.buttongreen { 					border-color:#063;color:#063;						background-color:#BEC; }
.button.buttongreen .buttonicon { 		border-color:#063;background-color:#063;			color:#BEC; }
.button.buttongreen .buttonicon.buttoniconnobg { 	color:#063; }
.button.buttongreen:hover,.button.buttongreen:focus { 			border-color:#4C0!important;color:#0A0!important;	background-color:#CFD!important; }
.button.buttongreen:hover .buttonicon,.button.buttongreen:focus .buttonicon { background-color:#4C0!important;border-color:#063!important;color:#063!important; }
.button.buttongreen:hover .buttonicon.buttoniconnobg,.button.buttongreen:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#063!important; }
.buttongreen.buttonhex:before, .buttongreen.buttonhexlow:before {			background:#063; }
.buttongreen.buttonhex:hover:before, .buttongreen.buttonhexlow:hover:before, .buttongreen.buttonhex:focus:before, .buttongreen.buttonhexlow:focus:before { 	background-color:#0C3; }
.buttongreen.buttonhex:hover, .buttongreen.buttonhexlow:hover, .buttongreen.buttonhex:focus, .buttongreen.buttonhexlow:focus {			color:#0C3!important; }

.buttonhexlow.buttongreen { background-color:#262!important; color:#9F9!important; }
.buttonhexlow.buttongreen:before { background-color:#262!important; }
.buttonhexlow.buttongreen:hover, .buttonhexlow.buttongreen:focus { color:#9F9!important;background-color:#494!important; }
.buttonhexlow.buttongreen:hover:before, .buttonhexlow.buttongreen:focus:before { background-color:#0F9!important; }
.buttonhexlow.buttongreen:before { --bordThick:0px; --bordHalf:0px; }

.button.buttonblue { 					border-color:#036;color:#036;						background-color:#BCE; }
.button.buttonblue .buttonicon { 		border-color:#036;background-color:#036;			color:#BCE; }
.button.buttonblue .buttonicon.buttoniconnobg { 	color:#036; }
.button.buttonblue:hover,.button.buttonblue:focus { 			border-color:#CC0!important;color:#440!important;	background-color:#FFC!important; }
.button.buttonblue:hover .buttonicon,.button.buttonblue:focus .buttonicon { background-color:#CDF!important;border-color:#036!important;color:#036!important; }
.button.buttonblue:hover .buttonicon.buttoniconnobg,.button.buttonblue:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#036!important; }
.buttonblue.buttonhex:before {			background:#036; }
.buttonblue.buttonhex:hover:before { 	background-color:#03F; }
.buttonblue.buttonhex:hover {			color:#03F!important; }

.button.buttonbluegreen { 					border-color:#8BF;color:#036;						background-color:#EFF; }
.button.buttonbluegreen .buttonicon { 		border-color:#8BF;background-color:#8BF;			color:#BCE; }
.button.buttonbluegreen .buttonicon.buttoniconnobg { 	color:#BCE; }
.button.buttonbluegreen:hover,.button.buttonbluegreen:focus { 			border-color:#CC0!important;color:#440!important;	background-color:#FFC!important; }
.button.buttonbluegreen:hover .buttonicon,.button.buttonbluegreen:focus .buttonicon { background-color:#CDF!important;border-color:#8BF!important;color:#8BF!important; }
.button.buttonbluegreen:hover .buttonicon.buttoniconnobg,.button.buttonbluegreen:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#8BF!important; }
.buttonbluegreen.buttonhex:before {			background:#8BF; }
.buttonbluegreen.buttonhex:hover:before { 	background-color:#03F; }
.buttonbluegreen.buttonhex:hover {			color:#03F!important; }

.button.buttoncyan { 					border-color:#088;color:#088;						background-color:#AFF; }
.button.buttoncyan .buttonicon { 		border-color:#088;background-color:#088;			color:#AFF; }
.button.buttoncyan .buttonicon.buttoniconnobg { 	color:#088; }
.button.buttoncyan:hover,.button.buttoncyan:focus { 			border-color:#CC0!important;color:#440!important;	background-color:#FFC!important; }
.button.buttoncyan:hover .buttonicon,.button.buttoncyan:focus .buttonicon { background-color:#0DF!important;border-color:#088!important;color:#088!important; }
.button.buttoncyan:hover .buttonicon.buttoniconnobg,.button.buttoncyan:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#088!important; }
.buttoncyan.buttonhex:before {			background:#088; }
.buttoncyan.buttonhex:hover:before { 	background-color:#0AA; }
.buttoncyan.buttonhex:hover {			color:#0AA!important; }

.button.buttonred { 					border-color:#C00;color:#C00;						background-color:#FCC; }
.button.buttonred .buttonicon { 		border-color:#C00;background-color:#C00;			color:#FCC; }
.button.buttonred .buttonicon.buttoniconnobg { 	color:#C00; }
.button.buttonred:hover, .button.buttonred:focus { 				border-color:#F80!important;color:#F00!important;	background-color:#FDD!important; }
.button.buttonred:hover .buttonicon , .button.buttonred:focus .buttonicon { 	background-color:#F80!important;border-color:#F00!important;color:#F00!important; }
.button.buttonred:hover .buttonicon.buttoniconnobg , .button.buttonred:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#F00!important; }
.buttonred.buttonhex:before {			background:#C00; }
.buttonred.buttonhex:hover:before { 	background-color:#F00; }
.buttonred.buttonhex:hover {	 		color:#F00!important; }

.button.buttonorange { 					border-color:#F60;color:#F60;						background-color:#FF9; }
.button.buttonorange .buttonicon { 		border-color:#F60;background-color:#F60;			color:#FF9; }
.button.buttonorange .buttonicon.buttoniconnobg { 	color:#F60; }
.button.buttonorange:hover, .button.buttonorange:focus { 			border-color:#F00!important;color:#F60!important;	background-color:#FF9!important; }
.button.buttonorange:hover .buttonicon , .button.buttonorange:focus .buttonicon {background-color:#F00!important;border-color:#F60!important;color:#F60!important; }
.button.buttonorange:hover .buttonicon.buttoniconnobg , .button.buttonorange:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#F60!important; }
.buttonorange.buttonhex:before {		background:#F60; }
.buttonorange.buttonhex:hover:before { 	background-color:#F00; }
.buttonorange.buttonhex:hover {			color:#F00!important; }

.button.buttongrey { 					border-color:#CCC;color:#CCC;						background-color:#AAA; }
.button.buttongrey .buttonicon { 		border-color:#CCC;background-color:#CCC;			color:#AAA; }
.button.buttongrey .buttonicon.buttoniconnobg { 	color:#CCC; }
.button.buttongrey:hover, .button.buttongrey:focus { 				border-color:#FF0!important;color:#CCC!important;	background-color:#AAA!important; }
.button.buttongrey:hover .buttonicon , .button.buttongrey:focus .buttonicon {	background-color:#FF0!important;border-color:#CCC!important;color:#CCC!important; }
.button.buttongrey:hover .buttonicon.buttoniconnobg , .button.buttongrey:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#CCC!important; }
.buttongrey.buttonhex:before {			background:#CCC; }
.buttongrey.buttonhex:hover:before { 	background-color:#AAA; }
.buttongrey.buttonhex:hover {			color:#AAA!important; }

.button.buttontoggled {	border-style:inset; }
.button.buttontoggled .buttonicon {	border-style:inset; }
	-.button.buttontoggled .buttonicon {	border-width:0;margin-top:0;margin-bottom:0;margin-right:0.7em;margin-left:-0.6em; }
	-.button.buttontoggled .buttonicon.buttoniconright {	margin-right:-0.6em;margin-left:0.7em; }
-.button.buttontoggled:hover, .button.buttontoggled:focus { border-style:solid!important; }

.button.buttontoggled.buttonhilite { background:#FF8!important; }
.button.buttontoggled.buttontoggledgreen { background-color:#BEC!important;border-color:#063!important;color:#063!important; }
.button.buttontoggled.buttontoggledred { background-color:#FCC!important;border-color:#C00!important;color:#C00!important; }

.button.buttontoggled.buttonnountoggle:hover, .button.buttontoggled.buttonnountoggle:focus { box-shadow:none!important;border-color:initial!important;cursor:default!important; }

.button.buttoninline { 		border:0;background:transparent!important;display:inline; line-height:unset; font-weight:inherit;font-size:inherit; padding:0; }
.button.buttoninline:hover, .button.buttoninline:focus {box-shadow:none!important;color:red!important; background:transparent!important; text-decoration:underline!important;}
.button.buttoninline.buttonoff:hover, .button.buttoninline.buttonoff:focus {				box-shadow:none!important;color:#888!important;text-decoration:none!important;background:transparent!important; }

.button.listbutton { 		clear:both; background:white!important;line-height:1.4em;padding:0 0.2em;overflow:hidden; text-overflow:ellipsis;border:0;border-radius:0;display:block;text-align:left;font-weight:normal; }
.button.listbutton:focus { background-color:#FFA!important; }
.button.listbutton:hover { background-color:#FF6!important; }
.button.listbutton:focus, .button.listbutton:hover { z-index:100;box-shadow:none; }
.button.listbutton:focus:hover { box-shadow:0 0 1px 1px #880; }

.button.buttonplain { border:0;border-radius:0;background:none; }
.button.buttonplain:hover, .button.buttonplain:focus { background:none!important; }

.button.buttonoff { 					border-color:#888;color:#888!important;						background-color:#CCC;				cursor:default; }
.button.buttonoff .buttonicon { 		border-color:#888;background-color:#888;			color:#CCC; }
.button.buttonoff .buttonicon.buttoniconnobg { 	color:#888; }
.button.buttonoff:hover, .button.buttonoff:focus { 				color:#888!important;border-color:#888!important;						background-color:#CCC!important; }
.button.buttonoff:hover .buttonicon , .button.buttonoff:focus .buttonicon {	background-color:#888!important;border-color:#888!important;	color:#CCC!important;}
.button.buttonoff:hover .buttonicon.buttoniconnobg , .button.buttonoff:focus .buttonicon.buttoniconnobg { background:transparent!important;color:#888!important; }
.buttonoff.buttonhex:before {			background:#CCC; }
.buttonoff.buttonhex:hover:before { 	background-color:#AAA; }
.buttonoff.buttonhex:hover {			color:#AAA!important; padding:0.1em 1em 0.1em!important; }

.buttonrowscale { line-height:1.9em; } .buttonrowscale .button, .button.buttonrowscale { font-size:inherit; line-height:1.5em; }
.buttonsquare { border-radius:0; }
.buttonthin { border-width:1px; }
.buttonrowscale .buttonicon { height:1.7em;width:1.7em;line-height:1.7em; }
.buttonleftend, .buttonrightend, .buttonmidend { border-radius:0; }
.buttonmidend.buttontoggled { border-right:0;border-left:0; }
.buttonleftend.buttontoggled { border-right:0; }
.buttonrightend.buttontoggled { border-left:0; }
.buttonsmoosh { margin-right:1px; }

/* MODAL POPUP SETTINGS */
body.popup_noscroll { overflow:hidden!important; }
div.popup_fixed_overlay,
div.popup_fixed_layer { 
		transform	: scale(1); 		transform-origin: 0 0;
		z-index		: 3000;
		display		: none;
		position	: fixed;		top:0px; left:0px;		width:100vw; height:100vw;
		overflow	: visible;
		margin		: 0;
		padding		: 0;
		background	: rgba(0,0,0,0);
}
div.popup_fixed_layer {
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
}
div.popup_static_overlay,
div.popup_static_layer {
		transform	: scale(1); 		transform-origin: 0 0;
		z-index		: 3000;
		display		: none;
		position	: absolute;		top:0px; left:0px;		width:100%; height:1px;
		overflow	: visible;
		margin		: 0;
		padding		: 0;
		background	: transparent;
}
div.popup_overlay_clear {
		background	: url(/images/blank.gif);
		top:0px; left:0px;	width:100vw; height:100vw;
}
div.popup_overlay_grey {
		background	: rgba(0,0,0,0.5);
		backdrop-filter: blur(6px);
		/* animation: blur-in 1s 0s forwards; /* Important */
}
/* @keyframes blur-in {
  from {	backdrop-filter: blur(0px);	}
  to {		backdrop-filter: blur(4px);	}
} */
div.tooltip_shadow {
		box-shadow:0 0 1em rgba(0,0,0,0.6);
		-moz-box-shadow:0 0 1em rgba(0,0,0,0.6);
		-webkit-box-shadow:0 0 1em rgba(0,0,0,0.6);
		}
div.popup_shadow {
		box-shadow:0 0 3em 3em rgba(0,0,0,0.6);
		-moz-box-shadow:0 0 3em 3em rgba(0,0,0,0.6);
		-webkit-box-shadow:0 0 3em 3em rgba(0,0,0,0.6);
		background:white;border:solid 2px black;text-align:center;border-radius:2em;font-size:14px;overflow:auto;
		}
div.popup_dropshadow {
		box-shadow:1em 1em 2em 2em rgba(0,0,0,0.6);
		-moz-box-shadow:1em 1em 2em 2em rgba(0,0,0,0.6);
		-webkit-box-shadow:1em 1em 2em 2em rgba(0,0,0,0.6);
		}
div.popup_transborder {
		xborder:solid 1px #888;
		box-shadow:0px 0px 1px 1px rgba(0,0,0,1);
		-moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,1);
		-webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,1);
		}
.tooltip_click { cursor:pointer; }
.cursormg { cursor:zoom-in; }

a.galleryitem { text-decoration:none; padding:2px;border:solid 1px blue; }
a.galleryitem:hover { border-color:red; }
.galleryblock { display:flex;width:100%;flex-flow:wrap;align-items:stretch; justify-content:space-between;align-content:flex-start;padding:1em;row-gap:1em; }
.galleryitem { width:45%; padding:0.2em; }
.galleryimg { width:100%; background-size:cover;background-position:center;aspect-ratio:1/1; }