@charset "utf-8";

body > .skiptranslate { display: none; }

body {
	color: #403838;/**/
	margin: 0px;/**/
	font-family: arial;/**/
	font-size: 8px;/**/
	cursor: default;/**/
	user-select: none;/**/
	background: linear-gradient(-43deg, #72635F, #72635F, #72635F,
					#7e7e7e, #7e7e7e,
					#72635F, #72635F, #72635F,
					#7e7e7e, #7e7e7e,
					#72635F);
	background-size: 1200% 1200%;
	animation: gradient 25s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 25% 0%;/**/
	}
	50% {
		background-position: 75% 0%;/**/
	}
	100% {
		background-position: 25% 0%;/**/
	}
}

h1
{
	text-align: center;/**/
	font-size: 28px;/**/
	text-shadow:0px 0px 12px #FFFFFFFF;/**/
}

h2
{
	text-align: center;/**/
	font-size: 18px;/**/
	font-weight: normal;/**/
}

h3
{
	text-align: center;/**/
	font-size: 10px;/**/
	font-weight: normal;/**/
	font-style: italic;/**/
}

p
{
	text-align: justify;/**/
	font-size: 10px;/**/
	text-indent:32px;/**/
}

a:active
{
	outline: none;/**/
}

a:link
{
	text-decoration:none;/**/
	color:#403838;/**/
}

a:visited
{
	text-decoration:none;/**/
	color:#605858;/**/
}

a:hover
{
	text-decoration:none;/**/
	color:#C5BABA;/**/
}

a:active
{
	text-decoration:none;/**/
	color:#FFFFFF;/**/
}

quote
{
	text-align: center;/**/
	font-size: 20px;/**/
	font-style:italic;/**/
	text-shadow:0px 0px 12px #FFFFFFFF;/**/
}

div.gearA
{
	top:9px;/**/
}
div.gearAS
{
	top:12px;/**/
}
div.gearA, div.gearAS
{
	border:none;
	pointer-events:none;/**/
	position: absolute;/**/
	left:49px;/**/
	transform: rotate(168deg);/**/
	transition: all 5.0s ease-in-out;/**/
}
div.gearA.rotated, div.gearAS.rotated
{
	transform: rotate(-102deg);/**/
}

div.gearE
{
	top:9px;/**/
}
div.gearES
{
	top:12px;/**/
}
div.gearE, div.gearES
{
	border:none;
	pointer-events:none;/**/
	position: absolute;/**/
	left:99px;/**/
	transform: rotate(-186deg);/**/
	transition: all 5.0s ease-in-out;/**/
}
div.gearE.rotated, div.gearES.rotated
{
	transform: rotate(82deg);/**/
}

#FaelTitle
{
	background-image: url("Images/FaelMetal.png");/**/
	width: 400px;/**/
	height: 87px;/**/
	white-space: nowrap;/**/
}

#FaelTitleText
{
	position: absolute;/**/
	top: 1px;/**/
	right: 2px;/**/
	font-size: 10px;/**/
	overflow-x: hidden;/**/
	white-space: nowrap;/**/
	text-align: right;/**/
	color: #C3B7B5;/**/
}

#FaelWindow
{
	clear: both;/**/
	white-space: nowrap;/**/
	margin: 0;/**/
	padding: 0 4px 2px;/**/
	overflow-y: hidden;/**/
	overflow-x: hidden;/**/
}

#FaelLftMenu
{
	float: left;/**/
	width: 104px;/**/
	margin-right: 4px;/**/
	overflow-y: hidden;/**/
}

#FaelFooterText
{
	position: absolute;/**/
	bottom: 0;/**/
	left: 0;/**/
	color: #C3B7B5;/**/
	height: 24px;/**/
	width: 170px;/**/
	overflow: hidden;/**/
	white-space: nowrap;/**/
	z-index:10;/**/
	padding-left: 5px;
}

#FaelFooterIcons
{
	position: absolute;/**/
	bottom: 0;/**/
	right: 0;/**/
	height: 20px;/**/
	z-index:11;/**/
}

/*#DrKkScrollBand img
/*{/**/
/*	zoom: 1; /* Forces layout for IE opacity to work */
/*	filter: alpha(opacity=50);/* requires width to be set to fixed value */
/*	opacity: 0.5;/**/
/*}/**/

.FaelHorizScroller
{
	max-width: 100%;/**/
	overflow-x: auto;/**/
	white-space: nowrap;/**/
	border: #907E7E 2px solid;/**/
	background-color: #FFFFFF30;/**/
}

.FaelHorizScroller > div
{
}

.FaelVertTable
{
	max-width: 100%;/**/
	overflow-x: auto;/**/
	overflow-y: auto;/**/
	white-space: nowrap;/**/
	border: #907E7E 2px solid;/**/
	background-color: #FFFFFF30;/**/
	border-collapse: collapse;
}

.FaelVertTable tr:hover {
	background: #f2f3ff;/**/
	outline: none;/**/
	cursor: pointer;/**/
}

.FaelVertTable tbody {
	display: block;/**/
	overflow-y: scroll;/**/
	overflow-x: hidden;/**/
	max-height: 250px;/**/
	width: 100%;/**/
}

.FaelVertTable tr:nth-child(even) {
	background-color: #f2f2f220;/**/
}
.FaelVertTable tr:hover {
	background-color: #f2f2f280;/**/
}
.FaelVertTable tr:nth-child(even):hover {
	background-color: #f2f2f280;/**/
}

.FaelVertTable td 
{
	padding-left: 10px;/**/
	padding-right: 10px;/**/
}

table td
{
	text-align: center;/**/
}

img
{
	text-align: center;/**/
	-webkit-user-drag: none; /* Chrome, Safari, Opera */
	-khtml-user-drag: none;  /* Konqueror (rare) */
	-moz-user-drag: none;    /* Anciennes versions Firefox */
	-ms-user-drag: none;     /* IE/Edge anciens */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul
{
	text-align: left;/**/
}

hr
{
	text-align: center;/**/
}

.selector {
	pointer-events: none;/**/
	user-select: none;/**/
}

.FaelFrame
{
	white-space: normal;/**/
	border: #FFFFFF30 1px solid;/**/
	text-align: justify;/**/
	cursor: default;/**/
	background-color: #FFFFFF20;/**/
	padding: 4px 10px;/**/
	overflow-x: auto;/**/
	overflow-y: auto;/**/
}

.FaelDebugBox
{
	border: 0;/**/
	margin: 0;/* 4px 8px 4px;/**/
	text-align: right;/**/
	cursor: default;/**/
	color: #404038;/**/
	background-color: #A3A395;/**/
	padding: 4px 10px;/**/
	overflow-x: auto;/**/
	overflow-y: auto;/**/
}

.FaelTextBox
{
	margin: 0;/* 4px 8px 4px;/**/
	border: #FFFFFF30 1px solid;/**/
	text-align: justify;/**/
	cursor: default;/**/
/*	color: #403838;/**/
	background-color: #A39795;/**/
	padding: 4px 10px;/**/
	overflow-x: auto;/**/
	overflow-y: auto;/**/
/*	zoom: 1; /* Forces layout for IE opacity to work */
/*	filter: alpha(opacity=50);/* requires width to be set to fixed value */
/*	opacity: 0.5;/**/
}

.FaelTextBox :first-letter
{
/*	font-weight: bolder;/**/
/*	font-size: 1.4em;/**/
}

.FaelButton
{
	background-color: #FFFFFF40;/**/
	font-size: 10pt;/**/
	font-weight: bold;/**/
	text-align: center;/**/
	cursor: pointer;/**/
	color: #202020;/**/
	margin: 0 0 2px 0;/**/
	padding: 5px;/**/
	overflow-x: hidden;/**/
	overflow-y: hidden;/**/
	white-space: nowrap;/**/
	transition-duration: 0.8s;/**/
	border-radius: 25px 3px 25px 3px;/*15px 50px;/**/
}

.FaelButton:hover
{
	color: #FFFFFF;/**/
	background-color: #FFFFFF70;/**/
	transition-duration: 0.05s;/**/
	border-radius: 2px 1px 1px 26px;/**/
	box-shadow: 100px 5px 3px rgba(0,155,255,1);/**/
	text-shadow: 0px 0px 7px #70FFFF;/**/
}

img.FaelSubCat
{
	border: 0;/**/
	transition-duration:0.8s;/**/
	cursor: pointer;/**/
	filter: alpha(opacity=50);/* requires width to be set to fixed value */
	opacity:0.5;/**/
	filter:grayscale(100%);/**/
}

img.FaelSubCat:hover
{
	border: 0;/**/
	transition-duration:0.05s;/**/
	cursor:pointer;/**/
	filter: alpha(opacity=100);/* requires width to be set to fixed value */
	opacity:1;/**/
	filter:grayscale(0%);/**/
	box-shadow: 0px 0px 15px 3px rgba(0,155,255,0.8), 0px 0px 4px 2px rgba(200,255,255,1);/**/
}

img.FaelSubCatOff
{
	border: 0;/**/
	transition-duration:0.8s;/**/
	cursor: pointer;/**/
	filter: alpha(opacity=50);/* requires width to be set to fixed value */
	opacity:0.5;/**/
	filter:grayscale(100%);/**/
}

img.FaelSubCatOff:hover
{
	border: 0;/**/
	transition-duration:0.05s;/**/
	cursor:pointer;/**/
	filter: alpha(opacity=100);/* requires width to be set to fixed value */
	opacity:1;/**/
	filter:grayscale(0%);/**/
	box-shadow: 0px -4px 15px 3px rgba(255,50,50,0.8), 0px -8px 11px 3px rgba(155,0,0,0.4), 0px 0px 3px 2px rgba(255,255,100,1), 0px 0px 2px 2px rgba(255,255,150,1);/**/
}

.FaelPop
{
	position: absolute;/**/
	font-family: arial;/**/
	font-size: 16pt;/**/
	text-align: justify;/**/
	text-indent: 10px;/**/
	padding: 3px;/**/
	border: #FF880080 1px solid;/**/
	background-color: #F0F0C0;/**/
	zoom: 1; /* Forces layout for IE opacity to work */
	opacity: 0.8;/**/
}

.FaelPop h2
{
	font-size:10pt;/**/
}

.lazy-container
{
	position: relative;/**/
	overflow: visible;/**/

	display: flex;/**/
	align-items: center;/**/
	justify-content: center;/**/

	-webkit-user-drag: none; /* Chrome, Safari, Opera */
	-khtml-user-drag: none;  /* Konqueror (rare) */
	-moz-user-drag: none;    /* Anciennes versions Firefox */
	-ms-user-drag: none;     /* IE/Edge anciens */
}

.lazy-image
{
	position: absolute;/**/
	display: block;/**/
	opacity: 0;/**/
	z-index: 1;/**/
	object-fit: cover;/**/
	margin: 0;/**/
}

.lazy-image.loaded
{
	opacity: 1;/**/
}

.lazy-pender
{
	position: absolute;/**/
	top: 50%; left: 50%;/**/
	transform: translate(-50%, -50%);
	width: 32px; height: 32px;/**/
	opacity: 1;/**/
	pointer-events: none;/**/
	z-index: 2;/**/
}

.lazy-pender.hidden
{
	opacity: 0;/**/
}

.cover
{
	pointer-events:none;/**/
}

.goog-te-combo
{
	opacity: 0.6;/**/
}

:not(:focus-visible) {
	outline: none;/**/
}