/* 1. Default HTML tags */
/* 2. Theme layout & Allmice CMS specific elements */
/* 3. Other custom styles */

/* ============================== */
/* 1. Default HTML tags */
/* ============================== */

/* padding|margin:[top]px [right]px [bottom]px [left]px; */
/* Elements, which are not related to any specific class or id attribute; selectors are refering to tags only. */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
/*Short CSS reset*/
/*For more detailed CSS reset - see https://meyerweb.com/eric/tools/css/reset/ */
	margin: 0;
	padding: 0;
}

body {
	width:100%;
	background: #FFFFFF; /* tagBodyBackground */
	font: normal 16px/24px 'DejaVu Sans', sans-serif; /* tagBodyTextFont */
	color: #226644; /* tagBodyTextColor */
}

p {
	margin:0;
	padding: 10px 0 10px 0;
}

h1 {
	color: #226644; /* tagH1TextColor */
}
h2, h3 {
	color: #226644; /* tagH2TextColor */
}
h1 {
	font: normal 22px/32px 'DejaVu Sans', sans-serif; /* tagH1TextFont */
}
h2, h3 {
	font: 18px 'DejaVu Sans', sans-serif; /* tagH2TextFont */
}

a {
	text-align: left;
	font: normal 16px/24px 'DejaVu Sans', sans-serif; /* tagATextFont */
	text-decoration: none; /* tagATextDecoration */
	color: #337755; /* tagATextColor */
} 
a:hover {
	text-decoration: underline; /* tagAHoverTextShadow */
}

ul {
	list-style-type: circle;
	margin: 0px 0px 0px 8px;
/*	list-style-position: inside; !!! Not to use such inside style - it causes issues in Chromium/Chrome browsers */
/* https://bugs.chromium.org/p/chromium/issues/detail?id=278115 */
}

tbody {
}
tbody th {
	border-top: 0px solid #00513F; /* tagTdBorderTop */
	border-bottom: 1px solid #00513F; /* tagTdBorderBottom */
}
thead th {
	text-align: left; /* LTR */
	padding: 3px;
	border-top: 3px solid #00513F; /* tagThBorderTop */
	border-bottom: 3px solid #00513F; /* tagThBorderBottom */
	background-color: #A0C1B8; /* tagThBackground */
	height: 24px;
}
td {
	padding: 8px;
	background-color: #C0E1D8; /* tagTdBackground */
	border-top: 0px solid #00513F; /* tagTdBorderTop */
	border-bottom: 1px solid #00513F; /* tagTdBorderBottom */
}
th {
	padding: 8px;
	border-top: 3px solid #00513F; /* tagThBorderTop */
	border-bottom: 3px solid #00513F; /* tagThBorderBottom */
	height: 24px;
	background-color: #A0C1B8; /* tagThBackground */
	font: normal 16px/24px 'DejaVu Sans', sans-serif;
}

textarea,
input[type="text"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="email"],
input[type="range"],
input[type="number"],
input[type="color"],
input[type="password"]
 {
	width:380px;
	height:30px;
	margin:4px;
	padding:4px;
	color: #184C4D; /* inputTextColor */
	background-color: #A0C1B8; /* inputBackground */
	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* inputTextFont */
}

input[type="email"],
input[type="color"]
 {
	background-color: #FFFFFF;
}

button,
input[type="submit"]
 {
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	margin:5px;
	padding:15px 30px 15px 30px;
	background: url('../images/button-default-bg.png') #007777 repeat-x left top; /* buttonBackground */
	border:0px;
	cursor:pointer;
	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* buttonTextFont */
	color: #FFFFFF; /* buttonTextColor */
}

button:hover,
input[type="submit"]:hover
 {
/* the submit button when hovered over */
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	margin:5px;
	padding:15px 30px 15px 30px;
	background: url('../images/button-hover-bg.png') #005555 repeat-x left top; /* buttonHoverBackground */
	border:0px;
	cursor:pointer;
	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* buttonHoverTextFont */
	color: #FFFFFF; /* buttonHoverTextColor */
}

select {
	background-image:url(../images/x-off.png);
	background-repeat:no-repeat;
	width:360px;
	padding:4px;
	margin-top:4px;
	height:30px;
	line-height:30px;
	background-color:#A0C1B8;
	color:#002244;
	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* selectFont */
}
select:hover {
	background-color:#FDFD96;
}

option {
	height: 20px;
	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* optionFont */
	margin: 0px;
	padding: 10px;
}


/* ============================== */
/* 2. Theme layout & Allmice CMS specific elements */
/* ============================== */

/* These elements will appear mostly in order as seen on screen, */
/* general form element and other general styles will be declared first. */
/* It may be easier to find specific styles in such a way. */
/* Order should be following: */ 
/* 1. Form elements and other general styles. */
/* 2. Header-area layout, site-name and user-area, etc. */
/* 3. Header-bar layout, navi menu elements, etc. */
/* 4. Middle area layout, vertical menu, content area layout, etc. */
/* 5. Footer area layout with related elements. */

/* ---------- */
/* 1. Form elements and other general styles. */

.form-field
 {
	display: block;
}

.label-text,
.label-password,
.label-textarea {
	display: block;
	text-align: left;
/* font-weight part in font: normal=400, bold=700 */
/* It seems that DejaVu Sans font has only either normal or bold thickness (no other variants) - */
/*    if number value is provided, then normal or bold will be chosen depending which is closer to the number. */
	font: bold 16px/22px 'DejaVu Sans', sans-serif; /* labelFont */
	margin: 0px;
	padding: 0 0 4px 0;
​}
.label-select {
	display: inline-block;
	text-align: left;
	font: bold 16px/22px 'DejaVu Sans', sans-serif;
	margin:0px;
	padding: 0 0 4px 0;
​}

input[type="text"].wide
 {
	width:500px;
	height:30px;
	margin:4px;
	padding:4px;
	color:#184C4D;
	background-color:#A0C1B8;
}

select.single {
	display:block;
	height:40px;
}

select.multiple {
	background-image:url(../images/x-off.png);
	background-repeat:no-repeat;
	width:100%;
	padding:4px;
	margin-top:4px;
	font-family: Sans;
	height:80px;
	line-height:30px;
	background-color:#A0C1B8;
	color:#002244;
	font-size: 16px;
}

select.multiple:hover {
	background-color:#FDFD96;
}

.label-checkboxes, .label-radio-buttons {
	display: block;
	text-align: left;
	font: bold 16px/22px 'DejaVu Sans', sans-serif; /* labelFont */
	margin:0px;
	padding: 10px 4px 6px 4px;
}

/* Checkbox and radio button styles */

.radio-set2,
.radio-set,
.check-set {
	display: block;
	position: relative;
	padding-left: 10px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio-button2,
.radio-button, .checkbox
 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	background-color: #A0C1B8; /* radioButtonCheckBoxBg */
	color: #184C4D;
	top: 8px;
	height: 26px;
	width: 26px;
	border: 0;
	border-radius: 50px;
	cursor: pointer; 
	margin-right: 7px;
	outline: none;
}
.checkbox
 {
	border-radius: 3px;
}

.radio-button2:checked::before,
.radio-button:checked::before
 {
	position: absolute;
	font: normal 20px 'DejaVu Sans', sans-serif; /* radioButtonCheckedFont */
	left: 4px;
	top: 3px;
	/* Check mark as 'content' property - HTML Character Codes, Ascii or Unicode hex values */
	/* content: '\02022'; bullets and dots are not same in Firefox & Chrome, crosses and ticks are the same */
	content: '\02718';
	/* content: '\02718'; cross*/
	/* content: '\02714';*/
}

.checkbox:checked::before
 {
	position: absolute;
	font: 23px 'DejaVu Sans', sans-serif; /* checkBoxCheckedFont */
	left: 4px;
	top: 0px;
	/* content: '\02714'; tick*/
	content: '\02714';
}

.radio-button2:checked,
.radio-button:checked, .checkbox:checked
{
	background-color: #80A198; /* radioButtonCheckBoxCheckedBg */
}

.radio-button2:hover,
.radio-button:hover, .checkbox:hover
{
	background-color: #FFFF00; /* radioButtonCheckBoxHoverBg */
}

input.radio-button2,
input.radio-button,
input.checkbox {
	margin: 0 0 0 8px;
}

.guide {
	display:block;
	padding: 8px 4px 18px 4px;
	font: normal 14px/20px 'DejaVu Sans', sans-serif; /* guideFont */
}

/* CSS classes for captcha */

.captcha-image,
.captcha-text,
.captcha {
	display: block;
}

/* Paginator specific */

select.pagin-select {
	width: 90px;
	height: 40px;
	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	padding: 4px;
}

option.pagin-option {
	width: 40px;
	height: 20px;
	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	padding: 4px;
}

select.wide-element {
	width:400px;
}

/* ---------- */
/* 2. Header-area layout, site-name and user-area, etc. */

.header-area {
	float:left;
	clear:none;
	width:100%;
	color: #FFFFFF; /* alternativeTextColor */
	background: url('../images/header-area-bg.png') #1C7353 repeat-x left top; /* headerBackground */
}

.header-area a {
	text-decoration: none;
	color: #FFFFFF; /* alternativeATextColor */
}
.header-area a:hover {
	text-decoration: underline;
	color: #FFFFFF; /* alternativeAHoverTextColor */
}

.site-name-logo-set {
	position: relative;
	display: inline-block; 
	display: flex;
	/* justify-content: center;*/
	align-items: center;
	margin: 10px 0px 0px 0px;
}

.logo-wrap {
/*	border: 1px solid red;*/
	position: relative;
	display: inline-block;
	margin: 0px 0px 0px 20px;
	z-index: 3;
}
.logo-link {
/*	border: 1px solid red;*/
	height: 60px;
	width: 60px;
	display: flex;
	/* justify-content: center;*/
	align-items: center;
}


.site-name {
	position: relative;
	display: inline-block;
	margin: 0px 20px 0px 20px;
	z-index: 3;
}
.site-name-img-wrap {
/*	border: 1px solid white;*/
	position: relative;
	display: inline-block;
	margin: 0px 10px 0px 20px;
	z-index: 3;
}

.site-name-img-link {
	/*	border: 1px solid red;*/
	height: 60px;
	/*	width: 288px;*/
	display: flex;
	/* justify-content: center;*/
	align-items: center;
}

h2.site-name
 {
	font: normal 38px 'DejaVu Sans', sans-serif; /* siteNameH2TextFont */
	color: #FFFFFF; /* alternativeTextColor */
}

.site-name a,
.site-name a:link,
.site-name a:hover,
.site-name a:active,
.site-name a:focus {
/*	padding: 20px 0px 0px 10px;*/
	font: normal 38px 'DejaVu Sans', sans-serif; /* siteNameATextFont */
	color: #FFFFFF; /* alternativeATextColor */
	margin: 18px 0px 18px 0px;
}


/*Search area specific*/

.search-set-wrap
 {
	top: 4px;
	position:relative;
	display: inline-block; 
	height: 70px;
	width: 250px;
	padding: 0px 20px 0px 20px;
/*	float: right;*/
	float: left;
}

div.search-phrase
 {
	float: left;
	margin: auto;
	padding: 0px;
	display: inline-block;
	top: 50%; 
	transform: translate(0%,-50%);
	width:200px;
	clear: none;
	position: absolute;
	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	z-index:2;
}

div.search-button
 {
	margin: auto;
	padding: 0px;
	display: inline-block;
	top: 50%; 
	left: 236px;
	transform: translate(0%,-50%);
	width:30px;
	clear: none;
	position: absolute;
	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	z-index:2;
}

input[type="text"].search-phrase
 {
	position:relative;
	display: inline-block;

	width:200px;
	height:30px;
	padding:0px 4px 0px 4px;
	color:#184C4D;
	background-color:#A0C1B8;	/* searchButtonBackground */

	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	float: left;

}

button.search-button,
input[type="submit"].search-button
 {
	position:relative;
	display: inline-block;

	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	padding:0px 0px 0px 0px;
	background:url('../images/search-white-30px.png') #007777 no-repeat center center;/* searchButtonHoverBackground */

	border:0px;
	cursor:pointer;
	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	color: #FFFFFF; /* alternativeTextColor */
	float: left;
	left:0px;
	width:30px;
	height:30px;
}

button:hover.search-button,
input[type="submit"]:hover.search-button
{
	background:url('../images/search-white-30px.png') #005555 no-repeat center center; /* searchButtonHoverBackground */

}

/* User & Language block specific */

.lang-label,
.user-label
{
	font: normal 18px/24px 'DejaVu Sans', sans-serif; /* blockLabelFont */
 	padding: 0px 10px 0px 0px;
}

.lang-space-wrap,
.user-space-wrap
 {
	top: 4px;
	/*	border: 1px solid red;*/
	position: relative;
	display: inline-block; 
	/* width: 540px;*/
	float: right;
	width: 270px;
	height: 70px;
}


.lang-block-space
 {
	/*	border: 1px solid green;*/
	/*	top: 0px;*/
	/*	left: 20px;*/
	margin: auto;
	padding: 0px;
	display: inline-block;
	top: 50%; 
	left: 50%;
	transform: translate(-50%,-50%);
	width:240px;
	clear: none;
	/*	display: inline-block;*/
	position: absolute;
	/* position: relative;*/
	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* blockButtonTextFont */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 4;
}
.user-block-space
 {
/*	border: 1px solid green;*/
/*	top: 0px;*/
/*	left: 20px;*/
/*	right: 20px;*/
	margin: auto;
	padding: 0px;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);	width:240px;
	width:240px;
	clear: none;
	/*	display: inline-block;*/
	position: absolute;
	/* position: relative;*/
	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* blockButtonTextFont */
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 4;
}

/* Buttons, which are triggering blocks to do something */
button.use-block, input.use-block {
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	display: inline;
	position: relative;
	background:url('../images/x-off.png') #007777 repeat-x left top;
	cursor: pointer;
	border: 0px;
/*	padding: 5px 10px 5px 10px;*/
	margin: 0px;
	padding:5px 20px 5px 20px;
	text-decoration:none;
	color: #FFFFFF; /* alternativeTextColor */
/*	width:240px;*/
	text-align: center;
/*	line-height:24px;*/
	height:40px;
	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	z-index: 4;
}

button:hover.use-block, input:hover.use-block {
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	display: inline;
	position: relative;
	background:url('../images/x-off.png') #005555 repeat-x left top;
	cursor: pointer;
	border: 0px;
/*	padding: 5px 10px 5px 10px;*/
	margin: 0px;
	padding:5px 20px 5px 20px;
	text-decoration:none;
	color: #FFFFFF; /* alternativeTextColor */
/*	width:240px;*/
/*	line-height:24px;*/
	height:40px;
	text-align: center;
	font: normal 16px/22px 'DejaVu Sans', sans-serif;
	z-index: 4;
}

.login-form-area {
	clear: none;
	display: inline-block;
	float: right;
/*	top: -2px;*/
	top: -25px;
	right: 0px;
	height: 440px;
	width: 240px;
	background-color: #EBFFFF; /* blockFormBg */
	position:fixed!important;
	z-index:4;
	overflow:hidden;
	border: 1px solid #00513F; /* blockFormBorder */
}

.language-form-area {
	clear: none;
	display: inline-block;
	float: left;
/*	top: -2px;*/
	top: -25px;
 	height: 300px;
	width: 240px;
	right: 0px;
	background-color: #EBFFFF; /* blockFormBg */
/*	position:fixed!important;*/
	position:fixed!important;
	z-index:4;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #00513F; /* blockFormBorder */
}


.login-form-area a,
.login-form-area a:link,
.login-form-area a:hover,
.login-form-area a:active,
.login-form-area a:focus {
	color: #002222; /* blockFormATextColor */
}

.window-title {
	display: inline-block;
	position: relative;
	padding: 12px;
	line-height:24px;
	height:24px;
	font-size: 20px;
	z-index:4;
}

button.close-button, input.close-button {
	float:left;
	position:absolute;
	right:0;
	top:0;
	z-index: 4;
	padding:8px;
	font-size: 18px;
	color: #005555;
	background-color: #EBFFFF;
}

button:hover.close-button, input:hover.close-button {
	float:left;
	position:absolute;
	right:0;
	top:0;
	z-index: 4;
	padding:8px;
	font-size: 18px;
/*	color: #005555;*/
}

.language-block-header,
.login-block-header {
	z-index: 4;
	width:240px;
	height:50px;
	background-color:transparent;
	background:url('../images/block-header-bg.png') #007777 repeat left top; /* blockHeaderBg */
	margin: 0px 0px 0px 0px;
	border-top:1px solid #00513F;
	border-bottom:2px solid #00513F;
}

div.language-block-content,
div.login-block-content {
	z-index: 4;
	width:220px;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	color: #00513F; /* blockContentTextColor */
}

button.language-block-content,
input.language-block-content,
input.login-block-content {
	z-index: 4;
	width:190px;
/*	color: #00513F;*/
}

.lang-list-text {
	z-index: 4;
	padding: 0px 0px 10px 0px;
}

/* ---------- */
/* 3. Header-bar layout, navi menu elements, etc. */

.header-bar {
	float:left;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
 	width:100%;
	min-height:40px;
	background: url('../images/header-bar-area-bg.png') #3C9373 repeat left top; /* headerBarBackground */
	color: #FFFFFF; /* alternativeTextColor */
	z-index: 3;
}

.navi-area {
	float:left;
	color: #FFFFFF; /* alternativeTextColor */
	font: normal 18px/24px 'DejaVu Sans', sans-serif; /* naviATextFont */
	position:relative;
	padding: 0 0 0 20px;
/*	border: 3px solid #000;*/
	z-index: 3;
}

.navi-area ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 3;
}

.navi-area li {
	float: left;
	z-index: 3;
}

.navi-area li a {
	display: block;
	color: #FFFFFF; /* alternativeATextColor */
	font: normal 18px/24px 'DejaVu Sans', sans-serif; /* naviATextFont */
	text-align: center;
/*	padding: 8px 16px 8px 16px;*/
	padding: 12px 16px;
	text-decoration: none;
	background-color: #007777;	/* naviABackground */
	z-index: 3;
}

.navi-area li a:hover {
/*	background-color: #81ee79;*/
	color: #FFFFFF; /* alternativeAHoverTextColor */
/*	text-decoration: underline;*/
	text-decoration: none;
	background-color: #005555; /* naviAHoverBackground */
	z-index: 3;
}

.navi li.active a {
/*	background-color: #FFFFFF;*/
/*	color: #00513F;*/
	color: #007777;
	text-decoration: none;
	background-color: #FFFFFF; /* naviActiveABackground */
	z-index: 3;
}

.navi-area ul li {
/* In use - vertical menu indent and bullets */
	list-style-image: none;
	list-style-position: outside;
	margin: 0px 0px 0px 0px;
	z-index: 3;
}

/* ---------- */
/* 4. Middle area layout, vertical menu, content area layout, etc. */

.middle-area {
/*Middle area is a wrapper of other elements - not to use padding and margin there or to assign them 0 values*/	
	float:left;
	width:100%;
}
.middle-area a {
	text-decoration: none;
}
.middle-area a:hover {
	text-decoration: underline;
}

.menu-area {
	float: left;
	max-width: 190px;
	margin: 0;
	padding: 10px;
	font: normal 18px/26px 'DejaVu Sans', sans-serif;
}
.menu-area ul {
	list-style-type: none;
	padding: 0 0 0 16px;
}
 
.menu-area ul a {
	text-decoration: none;
}
.menu-area li a {
	font: normal 18px/26px 'DejaVu Sans', sans-serif;
}
.menu-title {
	margin: 0;
	padding: 0 0 8px 0;
}
.menu-content {
	margin: 0 0 20px 0px;
	padding: 0 10px 0px 0px;
}
/*	padding: top right bottom left;*/

.menu-ap a {
/*menu active parent item*/
/*this is div inside li - li includes also all the sub li-s and thus separated div is needed to style parent only*/
	font-style: italic;
	font-weight: bold;
}
.menu-ac a {
/*menu active child item*/
/*this is div inside li - if this child has childs, then li includes also all the sub li-s and thus separated div is needed to style current item, but not the sub items*/
	font-style: italic;
	font-weight: bold;
}
.menu-pp a {
/*menu passive parent item*/
/*this is div inside li - li includes also all the sub li-s and thus separated div is needed to style parent only*/
}
.menu-pc a {
/*menu passive child item*/
/*this is div inside li - if this child has childs, then li includes also all the sub li-s and thus separated div is needed to style current item, but not the sub items*/
}

.content-area {
	margin-left: 200px;
/* border-left: 1px solid gray;*/
	padding: 20px;
	overflow: hidden;
}

/* CSS classes for messages */

.message-area,
.error-messages {
	text-align: left;
	display: block;
	padding:20px;
	font: normal 16px/24px 'DejaVu Sans', sans-serif;
}

.green,
.success-note {
 	border: 1px solid #AADDAA;
	background-color:#CCFFCC;
	color:#447744;
	padding: 10px;
}

.red,
.problem-note {
 	border: 1px solid #DDAAAA;
	background-color:#FFCCCC;
	color:#774444;
	padding: 10px;
}

/* CSS classes for posts */

.post-wrap {
	display: block;
	padding: 10px 20px 10px 20px;
}
.post-creator-name,
.post-creating-time,
.post-editor-name,
.post-editing-time {
	display: inline-block;
}

/* ---------- */
/* 5. Footer area & consent area layout with related elements. */

.footer-area-set {
	position:fixed!important;
	z-index:1;
	bottom: 0px;
}

.gap {
/*If consent message is shown in sticky user area, then end of page content is covered.*/
/* The .gap class helps to reduce such problem so that there will be some empty space to cover. */
	clear:both;
	display: block;
	height:100px;
	width:100%;
}

.footer-area {
	clear:both;
	display: block;
	width:100%;
	overflow:hidden;
	background: url('../images/footer-area-bg.png') #1C7353 repeat-x left top; /* footerBackground */
}

.footer-area a {
	text-decoration: none;
	color: #FFFFFF; /* alternativeATextColor */
}
.footer-area a:hover {
	text-decoration: underline;
	color: #FFFFFF; /* alternativeAHoverTextColor */
}

.footer-cell {
	padding: 15px;
	color: #FFFFFF; /* alternativeTextColor */
	text-align: center;
}

/* Global Observer module specific - Statistics & GDPR */

.consent-area {
	display: flex;
	justify-content: center;
	align-items: center;
	 
	width:100%;
	left: 0;
	bottom: 0px;
	margin: 0px;
	padding: 8px 0px 8px 0px;

	text-align: center;
	background:url('../images/consent-area-bg.png') #222222 repeat left top;
	color: #FFFFFF; /* alternativeTextColor */
	text-align: center;
}

.consent-text {
	top: 0px;
	display: inline-block;
	width:80%;
	padding: 5px 10px 5px 10px;
}

.consent-text a,
.consent-text a:link,
.consent-text a:hover,
.consent-text a:active,
.consent-text a:focus {
	font: 18px 'DejaVu Sans', sans-serif;
	font: normal 16px/24px 'DejaVu Sans', sans-serif;
	color: #999999;
}

.consent-button {
	top: 0px;
	display: inline-block;
	width:20%;
	padding: 0px;
}

button.consent-signal {
	display: inline-block;
	width:110px;
	color: #000000;
	background:url('../images/consent-button-bg.png') #FFFF00;
	top: 0px;
	padding: 12px 0px 12px 0px;
}

/* ============================== */
/* 3. Other custom styles */
/* ============================== */

/*Profile module specific*/
.avatar-image
 {
	display: inline-block;
	padding-left: 30px;
}

/*Theme module specific*/
.context {
	background-color:transparent;
	margin: 0px 0px 0px 0px;
	border:1px solid #123552;
	padding: 8px;
}

.wrap {
	float: left;
	text-align:center
}
.left {
	float: left;
	background:grey
	width: 200px;
}
.right {
	float: right;
	background:red
	width: 30px;
}

.container {
	position:relative;
	display: block; 
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#==========#

oldValue	newValue	keyword	description
background: #FFFFFF; /* tagBodyBackground */	background: #FFFFFF; /* tagBodyBackground */	tagBodyBackground	Default background (background for body tag).
background: url('../images/header-area-bg.png') #1C7353 repeat-x left top; /* headerBackground */	background: url('../images/header-area-bg.png') #1C7353 repeat-x left top; /* headerBackground */	headerBackground	Background color for header-area class.
background: url('../images/header-bar-area-bg.png') #3C9373 repeat left top; /* headerBarBackground */	background: url('../images/header-bar-area-bg.png') #3C9373 repeat left top; /* headerBarBackground */	headerBarBackground	Background color for header-bar class.
background: url('../images/footer-area-bg.png') #1C7353 repeat-x left top; /* footerBackground */	background: url('../images/footer-area-bg.png') #1C7353 repeat-x left top; /* footerBackground */	footerBackground	Background color for footer-area class.
background-color: #007777;	background-color: #007777;	naviABackground	Navi item background.
background-color: #005555; /* naviAHoverBackground */	background-color: #005555; /* naviAHoverBackground */	naviAHoverBackground	Navi item hover background.
background-color: #FFFFFF; /* naviActiveABackground */	background-color: #FFFFFF; /* naviActiveABackground */	naviActiveABackground	Active navi item background.
background:url('../images/search-white-30px.png') #007777 no-repeat center center;/* searchButtonHoverBackground */	background:url('../images/search-white-30px.png') #007777 no-repeat center center;/* searchButtonHoverBackground */	searchButtonBackground	Search button background.
background:url('../images/search-white-30px.png') #005555 no-repeat center center; /* searchButtonHoverBackground */	background:url('../images/search-white-30px.png') #005555 no-repeat center center; /* searchButtonHoverBackground */	searchButtonHoverBackground	Search button hover background.
background-color: #A0C1B8; /* tagThBackground */	background-color: #A0C1B8; /* tagThBackground */	tagThBackground	Table header (tag th) background.
background-color: #C0E1D8; /* tagTdBackground */	background-color: #C0E1D8; /* tagTdBackground */	tagTdBackground	Table cell (tag td) background.
background-color: #A0C1B8; /* inputBackground */	background-color: #A0C1B8; /* inputBackground */	inputBackground	Default background color for most of the input tags.
background: url('../images/button-default-bg.png') #007777 repeat-x left top; /* buttonBackground */	background: url('../images/button-default-bg.png') #007777 repeat-x left top; /* buttonBackground */	buttonBackground	Default background color for button and input submit tags.
background: url('../images/button-hover-bg.png') #005555 repeat-x left top; /* buttonHoverBackground */	background: url('../images/button-hover-bg.png') #005555 repeat-x left top; /* buttonHoverBackground */	buttonHoverBackground	Default background color for button and input submit hover states.
background-color: #A0C1B8; /* radioButtonCheckBoxBg */	background-color: #A0C1B8; /* radioButtonCheckBoxBg */	radioButtonCheckBoxBg	Background for radio buttons and checkboxes in normal state.
background-color: #FFFF00; /* radioButtonCheckBoxHoverBg */	background-color: #FFFF00; /* radioButtonCheckBoxHoverBg */	radioButtonCheckBoxHoverBg	Background for radio buttons and checkboxes in hover state.
background-color: #80A198; /* radioButtonCheckBoxCheckedBg */	background-color: #80A198; /* radioButtonCheckBoxCheckedBg */	radioButtonCheckBoxCheckedBg	Background for radio buttons and checkboxes in checked state.
background-color: #EBFFFF; /* blockFormBg */	background-color: #EBFFFF; /* blockFormBg */	blockFormBg	Background for user and language blocks.
background:url('../images/block-header-bg.png') #007777 repeat left top; /* blockHeaderBg */	background:url('../images/block-header-bg.png') #007777 repeat left top; /* blockHeaderBg */	blockHeaderBg	Header background color for user and language blocks.
border-top: 3px solid #00513F; /* tagThBorderTop */	border-top: 3px solid #00513F; /* tagThBorderTop */	tagThBorderTop	Table header top border.
border-bottom: 3px solid #00513F; /* tagThBorderBottom */	border-bottom: 3px solid #00513F; /* tagThBorderBottom */	tagThBorderBottom	Table header bottom border.
border-top: 0px solid #00513F; /* tagTdBorderTop */	border-top: 0px solid #00513F; /* tagTdBorderTop */	tagTdBorderTop	Table cell top border.
border-bottom: 1px solid #00513F; /* tagTdBorderBottom */	border-bottom: 1px solid #00513F; /* tagTdBorderBottom */	tagTdBorderBottom	Table cell bottom border.
border: 1px solid #00513F; /* blockFormBorder */	border: 1px solid #00513F; /* blockFormBorder */	blockFormBorder	Border for user and language blocks.
color: #226644; /* tagBodyTextColor */	color: #226644; /* tagBodyTextColor */	tagBodyTextColor	Default text color (text color for body tag).
color: #337755; /* tagATextColor */	color: #337755; /* tagATextColor */	tagATextColor	Default link text color (color for a tag).
color: #FFFFFF; /* alternativeTextColor */	color: #FFFFFF; /* alternativeTextColor */	alternativeTextColor	Alternative text color.
color: #FFFFFF; /* alternativeATextColor */	color: #FFFFFF; /* alternativeATextColor */	alternativeATextColor	Alternative link text color.
color: #FFFFFF; /* alternativeAHoverTextColor */	color: #FFFFFF; /* alternativeAHoverTextColor */	alternativeAHoverTextColor	Alternative link hover text color.
color: #226644; /* tagH1TextColor */	color: #226644; /* tagH1TextColor */	tagH1TextColor	Header 1 text color (text color for h1 tag).
color: #226644; /* tagH2TextColor */	color: #226644; /* tagH2TextColor */	tagH2TextColor	Header 2 text color (text color for h2 tag).
color: #184C4D; /* inputTextColor */	color: #184C4D; /* inputTextColor */	inputTextColor	Default text color for most of the input tags.
color: #FFFFFF; /* buttonTextColor */	color: #FFFFFF; /* buttonTextColor */	buttonTextColor	Default text color for button and input submit tags.
color: #FFFFFF; /* buttonHoverTextColor */	color: #FFFFFF; /* buttonHoverTextColor */	buttonHoverTextColor	Default text color for button and input submit hover states.
color: #00513F; /* blockContentTextColor */	color: #00513F; /* blockContentTextColor */	blockContentTextColor	Content text color for user and language blocks.
color: #002222; /* blockFormATextColor */	color: #002222; /* blockFormATextColor */	blockFormATextColor	Content link text (a tag) color for user and language blocks.
text-decoration: none; /* tagATextDecoration */	text-decoration: none; /* tagATextDecoration */	tagATextDecoration	Default link text decoration (text decoration for a tag). E.g. none.
text-decoration: underline; /* tagAHoverTextShadow */	text-decoration: underline; /* tagAHoverTextShadow */	tagAHoverTextDecoration	Default link text hover decoration (text decoration for a:hover tag). E.g. underline.
font: normal 16px/24px 'DejaVu Sans', sans-serif; /* tagBodyTextFont */	font: normal 16px/24px 'DejaVu Sans', sans-serif; /* tagBodyTextFont */	tagBodyTextFont	Default text font (text font for body tag).
font: normal 16px/24px 'DejaVu Sans', sans-serif; /* tagATextFont */	font: normal 16px/24px 'DejaVu Sans', sans-serif; /* tagATextFont */	tagATextFont	Default link text font (font for a tag).
font: normal 22px/32px 'DejaVu Sans', sans-serif; /* tagH1TextFont */	font: normal 22px/32px 'DejaVu Sans', sans-serif; /* tagH1TextFont */	tagH1TextFont	Header 1 text font (text font for h1 tag).
font: 18px 'DejaVu Sans', sans-serif; /* tagH2TextFont */	font: 18px 'DejaVu Sans', sans-serif; /* tagH2TextFont */	tagH2TextFont	Header 2 text font (text font for h2 tag).
font: normal 38px 'DejaVu Sans', sans-serif; /* siteNameH2TextFont */	font: normal 38px 'DejaVu Sans', sans-serif; /* siteNameH2TextFont */	siteNameH2TextFont	Header 2 text font for site-name class.
font: normal 38px 'DejaVu Sans', sans-serif; /* siteNameATextFont */	font: normal 38px 'DejaVu Sans', sans-serif; /* siteNameATextFont */	siteNameATextFont	Link text font for site-name class.
font: normal 18px/24px 'DejaVu Sans', sans-serif; /* naviATextFont */	font: normal 18px/24px 'DejaVu Sans', sans-serif; /* naviATextFont */	naviATextFont	Navi item font.
font: normal 16px/22px 'DejaVu Sans', sans-serif; /* inputTextFont */	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* inputTextFont */	inputTextFont	Default text font for most of the input tags.
font: normal 16px/22px 'DejaVu Sans', sans-serif; /* buttonTextFont */	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* buttonTextFont */	buttonTextFont	Default text font for button and input submit tags.
font: normal 16px/22px 'DejaVu Sans', sans-serif; /* buttonHoverTextFont */	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* buttonHoverTextFont */	buttonHoverTextFont	Default text font for button and input submit hover states.
font: normal 16px/22px 'DejaVu Sans', sans-serif; /* selectFont */	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* selectFont */	selectFont	Select tag text font.
font: normal 16px/22px 'DejaVu Sans', sans-serif; /* optionFont */	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* optionFont */	optionFont	Option tag text font.
font: bold 16px/22px 'DejaVu Sans', sans-serif; /* labelFont */	font: bold 16px/22px 'DejaVu Sans', sans-serif; /* labelFont */	labelFont	Form element label text font.
font: normal 20px 'DejaVu Sans', sans-serif; /* radioButtonCheckedFont */	font: normal 20px 'DejaVu Sans', sans-serif; /* radioButtonCheckedFont */	radioButtonCheckedFont	Radio button checked mark font.
font: 23px 'DejaVu Sans', sans-serif; /* checkBoxCheckedFont */	font: 23px 'DejaVu Sans', sans-serif; /* checkBoxCheckedFont */	checkBoxCheckedFont	Checkbox checked mark font.
font: normal 14px/20px 'DejaVu Sans', sans-serif; /* guideFont */	font: normal 14px/20px 'DejaVu Sans', sans-serif; /* guideFont */	guideFont	Form element guide text font.
font: normal 18px/24px 'DejaVu Sans', sans-serif; /* blockLabelFont */	font: normal 18px/24px 'DejaVu Sans', sans-serif; /* blockLabelFont */	blockLabelFont	Text font for user and language block labels.
font: normal 16px/22px 'DejaVu Sans', sans-serif; /* blockButtonTextFont */	font: normal 16px/22px 'DejaVu Sans', sans-serif; /* blockButtonTextFont */	blockButtonTextFont	Text font for user and language block buttons.

#==========#

Description area.

