/*
	--color_theme:#7a5; rgb(119,170,85);
	--color_light:#fff;
	--color_middle:#444;
	--color_dark:#000;
*/

/*FONT SOURCE*/

/* latin-ext */
@font-face {
  font-family: 'base';
  font-style: normal;
  font-weight: 400;
  src: local('Marcellus'), local('Marcellus-Regular'), url(http://fonts.gstatic.com/s/marcellus/v4/MgbJB3ztDl2YuNvekZ0ENBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'base';
  font-style: normal;
  font-weight: 400;
  src: local('Marcellus'), local('Marcellus-Regular'), url(http://fonts.gstatic.com/s/marcellus/v4/FJNab1jzp1t7ctjNl8ugHFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*Church*/
@font-face {
    font-family: FontChurch;
    src: url('fonts/OrthodoxChurchBeta.eot?#iefix') format('embedded-opentype'),
	url(fonts/OrthodoxChurchBeta.ttf) format('truetype');
}

/*FONT SOURCE END*/
::selection {
  background: #444; /* WebKit/Blink Browsers */
  color: #fff;  
}
::-moz-selection {
  background: #444; /* Gecko Browsers */
  color: #fff;  
}
.notdisplayed {
    display: none;
}
.lit_on_hover:hover{
	box-shadow: inset 0px 2px 0px 0px #fff, inset 0px -2px 0px 0px #fff;
}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mirrorv {
    -webkit-transform: scale(1,-1);
    -moz-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1);
}

*{
	font-family: 'base';
	font-size: 16px;
}

sub, sup{
		font-size: 60%;
}
font{
	font-family: 'base';
	font-size: 16px;
}
font.title{
	font-family: 'base';
	font-weight: bold;
	font-size: 24px;
}
font.chapter{
	font-family: 'base';
	font-weight: bold;
	font-size: 18px;
}
font.bold{
	font-family: 'base';
	font-weight: bold;
}
font.italic{
	font-family: 'base';
	font-style: italic;
}
font.big{
	font-family: 'base';
	font-size: 32px;
}
font.medium{
	font-family: 'base';
	font-size: 24px;
}
font.small{
	font-family: 'base';
	font-size: 12px;
}

form{
	margin:0px;
}
form.default{
	margin:0px;
}
form.hiddenvars{
	margin:0px;
}

body#bg
{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	height:100%;
	overflow:hidden;
	background:#fff;
	/*background: -webkit-linear-gradient(top, #fff, #fff, rgba(119,170,85,1));
	background: -o-linear-gradient(bottom, #fff, #fff, rgba(119,170,85,1));
	background: -moz-linear-gradient(bottom, #fff, #fff, rgba(119,170,85,1));
	background: linear-gradient(to bottom, #fff, #fff, rgba(119,170,85,1));
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-attachment: fixed;*/
}
body#nobg
{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	height:100%;
	overflow:hidden;
}
body#basebg
{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	height:100%;
	overflow:hidden;
	background: #7a5;
}
.ksunselectable
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
}
}
.ksmenubutton
{
	width:100%;
}
.ksmenubutton .header
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	background-color: #444;
	box-shadow: 4px 4px 0px 0px #7a5;
	cursor: pointer;
	margin-top: 6px;
	padding-bottom: 1%;
	padding-top: 0%;
	padding-left: 7%;
	width:93%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	font-variant: small-caps;
	font-family: 'base';
	font-weight: bold;
}
.ksmenubutton .header:hover
{
	border: 1px solid rgba(255,255,255,0.25);	
}
.ksmenubutton .header:active
{
	border: 1px solid rgba(255,255,255,0.25);
	background-color: #7a5;
	box-shadow: 4px 4px 0px 0px #444;
}
.ksmenubutton_inactive
{
	width:100%;
}
.ksmenubutton_inactive .deadheader
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	background-color: #444;
	box-shadow: 4px 4px 0px 0px #7a5;
	cursor: pointer;
	margin-top: 6px;
	padding-bottom: 1%;
	padding-top: 0%;
	padding-left: 7%;
	width:93%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	font-variant: small-caps;
	font-family: 'base';
	font-weight: bold;
}
.ksmenubutton_inactive .deadheader:hover
{
	border: 1px solid rgba(255,255,255,0.25);
}
.ksmenubutton_inactive .deadheader:active
{
	border: 1px solid rgba(255,255,255,0.25);
	background-color: #7a5;
	box-shadow: 4px 4px 0px 0px #444;
}
.ksmenubutton .activated
{	
	background-color: #7a5;
	box-shadow: 4px 4px 0px 0px #444;
}
.ksmenubutton .content
{
	/*display: none;*/
	padding: 1%;
	margin-left: 7%;
	margin-right: 3%;
	width:auto;
}

.ksnewsbutton
{
	width:99.7%;
	padding-top:0.3%;
	padding-bottom:0.3%;
	margin-left:auto;
	margin-right:auto;	
}
.ksnewsbutton .newsheader
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor: pointer;
	width:auto;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 3px;	

	background-color: #444;
	box-shadow: 4px 4px 0px 0px #7a5;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	font-variant: small-caps;
	font-family: 'base';
	font-weight: bold;	
}
.ksnewsbutton .newsheader:hover
{
	border: 1px solid rgba(255,255,255,0.25);
}
.ksnewsbutton .newsheader:active
{
	border: 1px solid rgba(255,255,255,0.25);
	background-color: #7a5;
	box-shadow: 4px 4px 0px 0px #444;
}
.ksnewsbutton .activated
{
	background-color: #7a5;
	box-shadow: 4px 4px 0px 0px #444;
}
.ksnewsbutton .newscontent
{
	/*display: none;*/
	padding-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
}

.ksnewsbutton_inactive
{
	width:99.7%;
	padding-top:0.3%;
	padding-bottom:0.3%;
	margin-left:auto;
	margin-right:auto;	
}
.ksnewsbutton_inactive .deadheader
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	cursor: pointer;
	width:auto;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 3px;	

	background-color: #444;
	box-shadow: 4px 4px 0px 0px #7a5;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	font-variant: small-caps;
	font-family: 'base';
	font-weight: bold;	
}
.ksnewsbutton_inactive .deadheader:hover
{
	border: 1px solid rgba(255,255,255,0.25);
}
.ksnewsbutton_inactive .deadheader:active
{
	border: 1px solid rgba(255,255,255,0.25);
	background-color: #7a5;
	box-shadow: 4px 4px 0px 0px #444;
}

.faysite_title{
	position:absolute;
	z-index:41;
	overflow:hidden;
	text-overflow:ellipsis;
	width:85%;
	top: 5px;
	left: 124px;
	margin-right:-124px;
	white-space: nowrap;
	font-size: 56px;
	font-variant: small-caps;
	font-family: FontChurch;
/*	text-shadow: 2px 2px 0px #7a5, 4px 4px 0px #fff;*/
}
.faysite_header{
	z-index: 40;
	position:fixed;
	top:0;
	left:0;
	background-color: #7a5;

	color: #fff;	
	width: 100%;
	overflow:hidden;
	text-overflow:ellipsis;
	height: 120px;
	margin-bottom: 5px;
	border-bottom:1px solid rgba(0,0,0,0.25);
	box-shadow: 0px 4px 0px 0px #444;
}
.faysite_main
{	
	position:fixed;
	width:-moz-calc(100% - 304px);
	max-width:-moz-calc(100% - 304px);
	width:calc(100% - 304px);
	max-width:calc(100% - 304px);
	
	height:-moz-calc(100% - 120px);
	max-height:-moz-calc(100% - 120px);
	height:calc(100% - 120px);
	max-height:calc(100% - 120px);
	
	left: 304px;
	top:120px;
	overflow:hidden;
}
.faysite_sidebar
{
	overflow-y:auto;
	z-index: 35;
	left:0px;
	width:304px;
	max-width:304px;
	position:fixed;
	top:120px;	
	height:-moz-calc(100% - 120px);
	max-height:-moz-calc(100% - 120px);
	height:calc(100% - 120px);
	max-height:calc(100% - 120px);
}
.faysite_content
{
	/*background-color: #EEFFDD;
	box-shadow: inset 0px 0px 250px 0px #aadd77, 0px 0px 5px 0px rgba(0,0,0,0.7);*/
	/*width:auto;*/	
	
	min-width:1103px;
	/*min-width:95%;*/
	
	width:-moz-calc(100% - 17px);
	max-width:-moz-calc(100% - 17px);
	width:calc(100% - 17px);
	max-width:calc(100% - 17px);
	left:0px;
	
	min-height:20px;
	height:auto;
	margin-top:20px;	
	margin-left:7px;
	overflow:hidden;
}
.faysite_footnote
{
	min-width:1103px;
	/*min-width:95%;*/
	
	width:-moz-calc(100% - 17px);
	max-width:-moz-calc(100% - 17px);
	width:calc(100% - 17px);
	max-width:calc(100% - 17px);
	left:0px;
	
	font-variant:small-caps;
	color: #fff;	
	background-color:#333333;
	min-height:100px;
	height:auto;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:7px;

	overflow:hidden;
}

.kstextbutton
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	overflow:hidden;
	text-overflow:ellipsis;
	font-variant: small-caps;
	color:#fff;
	cursor:pointer;
	white-space: nowrap;
}
.kstextbutton:hover
{
	text-decoration: underline;
}

.kstextbutton:active
{
	text-decoration: underline;
	text-shadow: 0px 0px 0px #fff;
}

.kssubbutton
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	margin-top:3px;
	padding-bottom:3px;
	padding-top:3px;
	width:auto;		
	
	background-color: #7a5;
	box-shadow: 2px 2px 0px #444;
	cursor: pointer;
	white-space: nowrap;
	
	overflow:hidden;
	text-overflow:ellipsis;
	color: #fff;
	border: 1px solid rgba(0,0,0,0.25);
	font-variant: small-caps;
	font-family: 'base';
	font-weight: bold;	
}
.kssubbutton:hover
{
	border: 1px solid rgba(255,255,255,0.25);
}
.kssubbutton:active
{
	
}

.genericpanel
{
margin-top: 4px;
background-color: #7a5;
border: 1px solid rgba(0,0,0,0.25);
color: #fff;
box-shadow: 2px 2px 0px 0px #444;
}
.kscolorpickertable
{	
	border: 1px solid rgba(255,255,255,0.25);	
	margin:0px;
	padding:0px;
}
.ksheadernavbar
{	
	border-top: solid 1px #fff;
}
#cleared
{
	clear: both;
}
.faysite_sidebuttoncontainer
{
	width:261px;
	margin-left:17px;
	margin-top:20px;
}
.faysite_maptab
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
		
	font-variant: small-caps;	
	color: #fff;
	font-weight:bold;
	font-variant: small-caps;
	
	background-color: #7a5;
	
	border:1px solid rgba(0,0,0,0.25);	
	width:261px;
	height:200px;
	display:block;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:17px;
	box-shadow: 4px 4px 0px 0px #444;
	
}
.faysite_maptab .ksmaptab
{
	font-size: 18px;	
	font-variant: small-caps;	
	color: #fff;
	border-left: 1px solid rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	background-color:#444;	
}
.faysite_maptab .kscalendartab
{
	font-size: 18px;
	font-variant: small-caps;	
	color: #fff;
	background-color:rgba(0,0,0,0);
	border-bottom: 0px;
	box-shadow: none;
}
.faysite_maptab .ksmaptabfront
{
	background-color:rgba(0,0,0,0);
	border-bottom: 0px;
	box-shadow: none;
}
.faysite_maptab .kscalendartabbehind
{
	background-color:#444;
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
.faysite_maptab .ksmaptab:hover
{
	text-decoration: underline;
}
.faysite_maptab .ksmaptab:active
{
	text-shadow: 0px 0px 0px #fff;
}
.faysite_maptab .kscalendartab:hover
{
	text-decoration: underline;
}
.faysite_maptab .kscalendartab:active
{
	text-shadow: 0px 0px 0px #fff;
}

table.ksbasic
{
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
	background-color: #7a5;
	border: none;
}
table.ksbasic td
{
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	color: #fff;	
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
	border: none;
}
table.ksbasic th
{
	color: #7a5;	
	background-color:#fff;
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	border: none;
}
table.ksbasic tbody tr:nth-child(even)
{
	background-color: rgba(255,255,255,0.1);
	border: none;
}
table.ksbasic tfoot
{
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	color: #fff;
	background-color: #7a5;
	box-shadow: none;
	border: none;
}
table.ksbasic tfoot td
{
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	color: #fff;
	background-color: #7a5;	
	box-shadow: none;
	border: none;
}
table.ksbasic tfoot th
{
	padding:3px;
	padding-left:6px;
	padding-right:6px;
	color: #fff;
	background-color: #7a5;	
	box-shadow: none;
	border: none;
}
table.ksbasic .clearstyle
{
	background-color: transparent;	
	box-shadow: none;
	border: none;
}
table.ksbasic .clearstyle td, th, thead th, td, tbody th, td, tfoot th, td
{
	background-color: transparent;	
	box-shadow: none;
	border: none;
}
table.ksbasic .highlighted
{

}
table.ksbasic .highlighted:hover
{
	background-color: #444;
	box-shadow: none;
	border: none;
}

table.kscalendar
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
table.kscalendar th
{
	font-size: 18px;
	color: #7a5;
	background-color: #fff;
}
table.kscalendar td
{		
	color: #fff;	
	font-size: 16px;
	background-color: rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
}
table.kscalendar .clearstyle
{
	background-color: transparent;	
	box-shadow: none;
	color: initial;
	font-size: initial;
	text-shadow: initial;
	font-weight: initial;
}
table.kscalendar .clearstyle td
{		
	background-color: transparent;	
	box-shadow: none;
		color: initial;
	font-size: initial;
	text-shadow: initial;
	font-weight: initial;
}
table.kscalendar .clearstyle th
{
	background-color: transparent;
	box-shadow: none;
		color: initial;
	font-size: initial;
	text-shadow: initial;
	font-weight: initial;
}
table.kscalendar .clearstyle thead
{
	background-color: transparent;	
	box-shadow: none;

		color: initial;
	font-size: initial;
	text-shadow: initial;
	font-weight: initial;
}
table.kscalendar .clearstyle thead td
{		
	background-color: transparent;	
	box-shadow: none;	

	color: initial;
	font-size: initial;
	text-shadow: initial;
	font-weight: initial;
}
.calendartooltip
{	
	background-color: #fff;
	position: absolute;
	z-index:5;
	display:none;
	overflow: hidden;
}
.ksmmchangepanel
{
	background-color: #7a5;
	box-shadow: none;
	width:90%; 
	height:250px; 
	position:absolute;
	left:5%;
	top:15%;	
}
.iframedef
{
	box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.35), 0px 2px 2px 0px rgba(255,255,255,0.35);
}
/*Popup windows*/
.kspopup_button
{
	cursor:pointer;
	background:none;
	background-color:none;
	
	background-color: #EEFFDD;
	border: 1px solid #77AA55;
}
.kspopup_button:hover
{
	cursor:pointer;
	border: 1px solid #aadd77;

}
.kspopup_button:active
{
	cursor:pointer;
	border: 1px solid #aadd77;

}
.kspopup_div
{
	position:absolute;
	cursor:pointer;
	border: 1px solid #aadd77;
	background-color: #EEFFDD;
}
.kspopup_text
{
	color: initial;
	font-size: initial;
	text-shadow: initial;
	font-weight: initial;
}

table.kspopup  tfoot tbody thead th td
{
}
table.kspopup td:hover
{
  background: #aaa; /* WebKit/Blink Browsers */
  color: #fff;
  text-shadow: 0px 0px 2px #fff, 0px 0px 1px #000;
}
/*Gallery*/
table.fay_ksgal
{
	word-break:normal;
	border-spacing: 1px 0px;
}
table.fay_ksgal .firstrow td
{	
	box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25), inset -1px 0px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25);
}
table.fay_ksgal .secondrow td
{	
	box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25), inset -1px 0px 0px 0px rgba(0,0,0,0.25), inset 0px -1px 0px 0px rgba(0,0,0,0.25), 0px 3px 0px 0px #444;	
}
table.fay_ksgal .full td
{	
	box-shadow: inset 1px 0px 0px 0px rgba(0,0,0,0.25), inset -1px 0px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 0px 0px rgba(0,0,0,0.25), inset 0px -1px 0px 0px rgba(0,0,0,0.25), 0px 3px 0px 0px #444;	
}

table.fay_ksgal td{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
	color: #fff;	
 
	text-align:center;
	
	background: #7a5;	
	font-variant: small-caps;
	font-family: 'base';
	font-weight: bold;
		
	overflow:hidden;
	vertical-align:middle;
}

table.fay_ksgal td.clearstyle
{
	background: none;
	box-shadow: none;
	padding: 0px;
}

.kscookiewarning
{
	background: #444;
	color: #fff;
	border-top:4px solid #7a5;
	
	position: fixed;
	bottom: 0px;
	left: 0px;
	
	width: 1440px;
	width: 100%;
	text-align: center;
	min-height: 32px;
	padding: 20px;
	
	cursor:pointer;
}
.ksjavawarning
{
	background: #444;
	color: #fff;
	border-top:4px solid #7a5;
	
	position: fixed;
	bottom: 0px;
	left: 0px;
	
	width: 1440px;
	width: 100%;
	text-align: center;
	min-height: 32px;
	padding: 20px;
}

/*IMGviewer*/
.imgviewpanel
{
	position:relative;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	padding:25px;
	background:white;
	text-align:center;
}
.imgtool
{
	display:none;
	position:absolute;
	background:white;
	
	text-align:center;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
}



/*Scrollbar customization - sadly firefox ignores webkit and it's supposedly similar commands do not work like this. But it works in Chrome so I guess it's better than nothing. 
And I used english because it's annoying to force myself to use hungarian when all the code is englosh anyways. I will do my best but I just don't wanna.*/
::-webkit-scrollbar {
    width: 1em;
    height: 1em;
}
::-webkit-scrollbar-button {

}
::-webkit-scrollbar-track-piece {
    background: rgba(0,0,0,0);
    box-shadow: inset 0px 0px 3px 0px #000;
}
::-webkit-scrollbar-thumb {
	background: #7a5;
	box-shadow: 0px -3px 0px 0px #444, 0px 3px 0px 0px #444;
	border: 1px solid rgba(255,255,255,0.25);
}