/***********************
/* FLEXIcontent base CSS
 ***********************/

/******************************************
 * Flexicontent General Utility CSS Classes
 ******************************************/
#flexicontent {}

hr.fcclearline {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin: 32px 0;
}

.fcclear,
#flexicontent .fcclear,
#flexicontent .clear {
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

#flexicontent .floattext {
	display: block;
	margin: 0 0 0.5em; /* safari */
}

#flexicontent .fcright {
	float: left;
	margin-right: 8px;
}
#flexicontent .fcleft {
	float: right;
	margin-left: 8px;
}
#flexicontent .fceven {
	/*background-color: #e7e7e7;*/
}
#flexicontent .fcodd {
	/*background-color: #f2f2f2;*/
}


/**********************************************************************
 * FLEXIcontent buttons for links: print, pdf, email, rss, approval etc
 **********************************************************************/
#flexicontent .buttons.fc-iblock {
	display: inline-block;
	float: none;
}
#flexicontent .buttons {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	float: left;  /* TODO do remove this, using an alternative */
	position: relative; /* needed for absolute placed elements inside */
}
#flexicontent .buttons.fcleft {
	float: right;
}
#flexicontent .buttons.fcright {
	float: left;
}
#flexicontent .buttons:not(.fcright)  ul.statetoggler > li.topLevel > .options,
#flexicontent .buttons.fcleft  ul.statetoggler > li.topLevel > .options,
#flexicontent .buttons:not(.fcright)  ul.dropdown-menu,
#flexicontent .buttons.fcleft  ul.dropdown-menu {
	right: auto;
	left: 0;
}

#flexicontent .buttons.fcright ul.dropdown-menu,
#flexicontent .buttons.fcright ul.statetoggler > li.topLevel > .options {
	right: 0;
	left: auto;
}

#flexicontent .buttons.btn-group > ul.statetoggler {
	margin-right: 8px;
}
#flexicontent .buttons > a > i {
	vertical-align: middle;
	font-size: 14px;
	margin: 0;
}
#flexicontent .buttons > a > i.fcIconPadRight {
	margin: 0 8px 0 0;
}

#flexicontent .buttons > a:not(.btn) {
	line-height: 2em;
	font-size: 14px;
	color: black;
	background-color: #eeeeee;
	background: linear-gradient(to bottom,#eeeeee,#dddddd);
	border-radius: 4px;
	border: 1px solid #cccccc;
	padding: 0px 8px;
	vertical-align: top;
	display: inline-block;
}
#flexicontent .buttons > a:not(.btn):hover {
	background-color: #dddddd;
	background: linear-gradient(to bottom,#dddddd,#cccccc);
	border: 1px solid #bbbbbb;
}

#flexicontent .fc_editbutton,
#flexicontent .buttons > a {
	text-decoration: none;
}

#flexicontent .fc_editbutton > img,
#flexicontent .buttons > a > img {
	border: none;
	vertical-align: top;
	margin: 1px 6px 0px 0px;
}
#flexicontent .fc_editbutton > img {
	margin-top: 0px;
}

.fc_comments_count {
	background: url(../images/comments.png) no-repeat;
	color: green;
	padding-right: 20px;
	height: 16px;
	margin: 5px 5px 0px 0px;
	float: right;
}
.fc_comments_count_nopad {
	background: url(../images/comments.png) no-repeat;
	color: green;
	padding-right: 20px;
	height: 16px;
	margin: 0px 5px 0px 0px;
	float: right;
}

.fc_edit_link {
	float: right;
	margin: 5px 0px 0px 0px;
}
.fc_edit_link_nopad {
	float: right;
	margin: 0px 0px 0px 0px;
}

.fc_delete_link,
.fc_state_toggle_link {
	float: right;
	margin: 5px 0px 0px 5px;
}
.fc_state_toggle_link_nopad {
	float: right;
	margin: 0px 0px 0px 0px;
}
.contentheading {
	display: inline-block;
	margin: 2px 6px;
}



/**********************************
 * FLEXIcontent headlines and title
 **********************************/
#flexicontent .fc_item_title,
#flexicontent .fc_item_title a {
	text-decoration: none;
}
#flexicontent .fc_item_title img {
	border: none;
}



/*****************
 * Pagination CSS
 *****************
 * NOTE: WE AVOID setting styling here to allow Joomla templates to style the pagination area
 */
#flexicontent .pagination {}
#flexicontent ul.pagination-list {}
#flexicontent ul.pagination-list > li a {}
#flexicontent .counter {}



/****************************
 * FLEXIcontent category view
 ****************************/
#flexicontent .catimg {
	float: right;
	margin: 0 0.5em 0.5em 0;
	position: relative;
}

#flexicontent .catimg p {
	font-size: 0.9em;
	line-height: 180%;
	margin: 0 0 0.5em 0;
}

#flexicontent .catimg img {
	padding: 1px;
	border: 1px solid lightgray;
	border-radius: 5px;
}

#flexicontent .catdescription {
	margin: 0 0 0.5em 0;
}

#flexicontent .subcategorieslabel,
#flexicontent .peercategorieslabel {
	display: inline-block;
	margin: 0px 0px 6px;
	font-weight: bold;
	border-bottom: 1px dashed gray;
}

#flexicontent .subcategorieslist,
#flexicontent .peercategorieslist {
	margin: 0 0 1em 0;
}

#flexicontent .subcat,
#flexicontent .peercat {
	margin: 0px;
}



/*********************
 * FLEXIcontent Tables
 *********************/
 
div table.adminform {
	font-size: 11px;
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
	border-collapse: collapse;
	margin: 8px 0 15px;
	width: 100%;
}
div table.adminform td {
	font-size: 11px;
	padding: 2px 2px;
	text-align: right;
	border: 0px solid;
}

#flexicontent table.flexitable {
	border: 1px solid #e5e5e5;
	border-collapse: collapse;
	clear: both;
	font-size: 1em;
	margin: 1em 1px;
	width: 99%;
}

#flexicontent table.flexitable th {
	background-color: #efefef;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	padding: 0.4em;
	text-align: right;
}

#flexicontent table.flexitable th.table-titles {
	background-color: inherit;
	font-weight: normal;
}

#flexicontent table.flexitable th img {
	border: none;
	margin: 0 0 5px 5px;
	vertical-align: middle;
}

#flexicontent table.flexitable td {
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	padding: 0.4em;
	vertical-align: top;
}

#flexicontent table.flexitable tr.sectiontableentry2 td {
	background: #f4f4f4;
}

#flexicontent table.flexitable tr:hover td,
#flexicontent table.flexitable tr:hover th {
	background: #f8f8f8;
}



/********************************************************************************************************
 * Frontend templates, FORM CSS for: SEARCH/FILTER/ALPHA-INDEX/SELECTORS(e.g. per page, orderby) FORM CSS
 ********************************************************************************************************/
.fcfilter_form_outer > div > .panel > .title a {
	color: unset;
}
.fcfilter_form_outer > div > .panel > .title {
	background-color: #dddddd;
	background: url('../images/search.png') no-repeat 2px 5px, linear-gradient(to bottom,#eeeeee,#dddddd);
	border: 1px solid lightgray;
	border-radius: 4px;
	padding: 4px 4px 4px 25px;
	cursor: pointer;
	-webkit-touch-callout: none;
	user-select: none;
}
.fcfilter_form_outer > div > .panel > .title:hover {
	background-color: #cccccc;
	background: url('../images/toggle_blue.png') no-repeat 2px 5px, linear-gradient(to bottom,#dddddd,#cccccc);
}
.fcfilter_form_outer > div > .panel > .pane-slider.content {
	margin: 12px 0px;
	padding: 0px 0px;
}



/***************/
/* Alpha Index */
/***************/

/* Top Container */
#fc_alpha {
	clear: both;
	float: right;
	margin: 0 0 12px 0;
	overflow: hidden;
	width: 100%;
}

/* A group of alpha-index character elements */
#fc_alpha .aichargrp {
	clear: both;
	float: right;
	right: 50%;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

/* Default groups of  alpha-index character elements */
#fc_alpha .letters, #fc_alpha .numbers {
}

/* An enabled individual alpha-index character element */
#fc_alpha .fc_alpha_index {
	background: #efefef;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	float: right;
	margin-left: 2px;
	padding: 6px;
	position: relative;
	left: 50%;
	text-decoration: none;
}

/* A disabled individual alpha-index character element */
#fc_alpha span.fc_alpha_index {
	color: #c0c0c0;
}

/* Seperator */
#fc_alpha .fc_alpha_index_sep {
	background: none;
	border: 0px solid silver;
	float: right;
	margin-left: 0px;
	padding: 1px 0px;
	position: relative;
	left: 50%;
	text-decoration: none;
}

/* The active (selected) individual alpha-index character element */
#fc_alpha .fc_alpha_index.current {
	margin-right: 12px;
	margin-left: 12px;
	color: darkred;
}



/****************************************************/
/* ITEMs TOTAL Container, also contains selectors:  */
/* # pages, ordering selector, layout selector, etc */
/****************************************************/

#flexicontent .item_total {
	border: 1px solid lightgray;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	float: right;
	box-sizing: border-box;
}
#flexicontent #searchForm .item_total {
	margin-top: 24px;
}

#flexicontent .fc_item_total_data.labelclear .flexi.label {
	clear: right;
}
#flexicontent .item_total .fc_clayout_box {
	margin: 0px 12px 0px 0px;
	float: right;
}
#flexicontent .item_total .fc_clayout_box fieldset {
	margin-top: 0px;
}
#flexicontent .item_total .fc_clayout_box label {
	padding: 1px 2px;
	opacity: 0.8;
}
#flexicontent .item_total .fc_clayout_box label:hover {
	opacity: 1;
}
#flexicontent .item_total .fc_clayout_box img {
	height: 48px;
}

#flexicontent .item_total .fc_item_total_data {
	display: inline-block;
	float: right;
	padding: 6px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

#flexicontent .item_total .flexi.item_total_label {
	display: inline-block;
	float: right;
	font-weight: bold;
	margin-left: 6px;
	margin-top: 0px;
}
#flexicontent .fc_limit_selector .flexi.limit_override_label {
	display: inline-block;
	float: right;
	font-weight: bold;
	margin-left: 4px;
	margin-top: 8px;
}

#flexicontent .item_total .flexi.item_total_value {
	display: inline-block;
	float: right;
	margin-left: 24px;
}

/* Containers of per page limit selector and order by selector */
#flexicontent .item_total .fc_limit_box,
#flexicontent .item_total .fc_orderby_box,
#flexicontent .item_total .fc_clayout_box {
	display: inline-block;
	float: right;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#flexicontent .item_total .fc_clayout_selector {
	display: inline-block;
	float: right;
}

#flexicontent .item_total .fc_pages_counter {
	display: inline-block;
	float: left;
	padding: 8px 4px;
}
#flexicontent .item_total .fc_orderby_level_lbl,
#flexicontent .item_total .fc_orderby_selector {
	float: none;
	margin: 1px 0 0 0;
	display: inline-block;
}


/*****************************************************************************/
/* (e) Generic Display of Rendered Field Values, used e.g. by search results */
/*****************************************************************************/

#flexicontent .fc_search_field_container {
	display: block;
	float: right;
}
#flexicontent .fc_search_field_label {
	display: inline-block;
	vertical-align: top;
	font-size: 90%;
}
#flexicontent .fc_search_field_value {
	display: inline-block;
}


/*************************
 * FLEXIcontent Favourites
 *************************/

.favlink {
	outline: none;
}

.fav-block {
	--fcfavs-color-primary: #005AF0;
	--fcfavs-color-text-light: #fff;
	--fcfavs-color-bg-light: #FAFAFC;
	--fcfavs-space-1: .5rem;
	--fcfavs-space-2: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	position: relative;
	padding-top: 2px;
	line-height: 100%;
	
	* {
		line-height: 100%;
	}

	.fcfavs-loading,
	.fcfavs-result-mssg,
	.fcfavs-responce-tip,
	.fcfavs-is-subscriber,
	.fcfavs-isnot-subscriber {
		display: inline-flex;
		margin-left: 4px;
		height: auto;
	}

	.fcfavs-loading,
	.fcfavs-result-mssg {
		position: relative;
		top:0;
		left:0;
	}
	.fcfavs-result-mssg {
		min-width: 220px;
	}

	.fcfavs-icon_box {
		display: inline-flex;
		line-height: 100%;

		* {
			line-height: 100%;
		}

		img {
			vertical-align: middle;
		}

		.fcfavs-img_icon {
			max-width: 28px;
			max-height: 28px;
			margin: -2px 0 2px 0;
		}

		.fcfavs-delete-btn {
			padding: 5px 4px 3px 4px;
			vertical-align: top;
			cursor: pointer;
		}

		.fcfavs-toggle-btn {
			padding: 0;
			margin: 0;
			vertical-align: middle;
			cursor: pointer;
			display: inline-block;
			box-sizing: content-box;
		}

		[class^="fcfavs"], [class*=" fcfavs"] {
			font-size: 14px;
			line-height: 100%;
		}
		[class^="fcfavs-icon_"], [class*=" fcfavs-icon_"] {
			font-size: 1.4em;
			margin: 0;
			display: inline-block;
			width: 1.4em;
			height: unset;
			padding: 0;
			vertical-align: middle;
			line-height: 100%;
		}
		[class^="fcfavs-icon_"]:before, [class*=" fcfavs-icon_"]:before {
		}

		.fcfavs-icon_delete:before {
			color: black;
			font-size: 14px;
			line-height: 100%;
		}
		.fcfavs-icon_on:before {
			color: #e0e0e0;
			line-height: 100%;
		}
		.fcfavs-icon_off:before {
			color: darkgray;
			line-height: 100%;
		}
		.fcfavs-icon_login {
			display: inline-flex;
			width: 32px;
			heigth: 32px;
			padding: 0;
			margin: 0;
			cursor: pointer;
			line-height: 100%;
		}
		.fcfavs-icon_login:before {
			opacity: 0.4;
			color: darkgray;
			font-size: 32px;
			line-height: 100%;
		}
		.fcfavs-icon_login:after {
			content: "LOGIN";
			margin: 8px 0 0 -1px;
			font-size: 9px;
			display: inline-block;
			font-weight: bold;
			border: 0px solid #880000;
			padding: 0 2px;
			border-radius: 4px;
			color: #bbbbbb;
			position: absolute;
			line-height: 100%;
		}

		.toggle {
			box-sizing: content-box;
		}
		.toggle-handle {
			padding: 0 12px;
			border: 1px solid gray;
		}
	}

	.fcfavs-subscribers-count {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: .5rem;
		margin-left: .5rem;
		background: #005AF0;
		color: #FFFFFF;

		padding: var(--fcfavs-space-1);
		margin-left: var(--fcfavs-space-1);
		position: relative;
		width: auto;
		background: var(--fcfavs-color-primary);
		border-radius: .4em;
		color: var(--fcfavs-color-text-light);
	}
	.fcfavs-subscribers-count:after {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 0;
		height: 0;

		border: .5rem solid transparent;
		border-right-color: #005AF0;
		margin-top: -.5rem;
		margin-left: -.5rem;

		border: var(--fcfavs-space-1) solid transparent;
		border-right-color: var(--fcfavs-color-primary);
		border-left: 0;
		margin-top: calc(-1 * var(--fcfavs-space-1));
		margin-left: calc(-1 * var(--fcfavs-space-1));
	}

	.fcfavs-btn {
		display: inline-flex;
		line-height: 100%;

		* {
			line-height: 100%;
		}

		/* some basic button styling */
		.fcfavs-btn-inner {
			width: 38px;
			height: 38px;
			cursor: pointer;
			border: none;
			margin: 0px;
			display: inline-block;
			transition: background 300ms ease-in-out;
			box-sizing: border-box;
		}

		.fcfavs-heart-fill {
			background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIlMjMwMDAwMDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTIgMjEuMzVsLTEuNDUtMS4zMkM1LjQgMTUuMzYgMiAxMi4yOCAyIDguNSAyIDUuNDIgNC40MiAzIDcuNSAzYzEuNzQgMCAzLjQxLjgxIDQuNSAyLjA5QzEzLjA5IDMuODEgMTQuNzYgMyAxNi41IDMgMTkuNTggMyAyMiA1LjQyIDIyIDguNWMwIDMuNzgtMy40IDYuODYtOC41NSAxMS41NEwxMiAyMS4zNXoiLz48L3N2Zz4=');
			/*background: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="38" viewBox="0 0 24 24" width="38" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');*/
		}
		.fcfavs-heart-border {
			background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIlMjMwMDAwMDAiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTYuNSAzYy0xLjc0IDAtMy40MS44MS00LjUgMi4wOUMxMC45MSAzLjgxIDkuMjQgMyA3LjUgMyA0LjQyIDMgMiA1LjQyIDIgOC41YzAgMy43OCAzLjQgNi44NiA4LjU1IDExLjU0TDEyIDIxLjM1bDEuNDUtMS4zMkMxOC42IDE1LjM2IDIyIDEyLjI4IDIyIDguNSAyMiA1LjQyIDE5LjU4IDMgMTYuNSAzem0tNC40IDE1LjU1bC0uMS4xLS4xLS4xQzcuMTQgMTQuMjQgNCAxMS4zOSA0IDguNSA0IDYuNSA1LjUgNSA3LjUgNWMxLjU0IDAgMy4wNC45OSAzLjU3IDIuMzZoMS44N0MxMy40NiA1Ljk5IDE0Ljk2IDUgMTYuNSA1YzIgMCAzLjUgMS41IDMuNSAzLjUgMCAyLjg5LTMuMTQgNS43NC03LjkgMTAuMDV6Ii8+PC9zdmc+');
			/*background: url('data:image/svg+xml;utf8,<svg fill="%23000000" height="38" viewBox="0 0 24 24" width="38" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"/></svg>');*/
		}

		.fcfavs-heart-fill,
		.fcfavs-heart-border,
		.fcfavs-heart-fill:before,
		.fcfavs-heart-border:before,
		.fcfavs-heart-login,
		.fcfavs-heart-delete {
			line-height: 100%;
		}
		.fcfavs-heart-login:after {
			content: "LOGIN";
			margin: 12px 0 0 2px;
			font-size: 9px;
			display: inline-block;
			font-weight: bold;
			border: 0px solid #880000;
			padding: 0 2px;
			border-radius: 4px;
			color: #bbbbbb;
			position: absolute;
			line-height: 100%;
		}
		.fcfavs-heart-delete:hover:after {
			content: "x";
			margin: 0 0 0 40px;
			font-size: 16px;
			display: inline-block;
			font-weight: bold;
			border: 1px solid #880000;
			padding: 0 2px;
			border-radius: 4px;
			color: #880000;
			position: absolute;
			line-height: 100%;
		}
	}
}


/***********
 * JComments
 ***********/

div.comments {
	margin-top: 15px;
}

.comments #jc h4 {
	color: inherit;
	font-weight: normal;
	margin-top: 0px;
}

.comments #comments a {
	color: inherit;
}

.comments #comments a:hover {
	color: #578e13;
}

.comments #comments div.comments-list {
	margin-right: 0;
}

.comments .rbox_tr,
.comments .rbox_tl,
.comments .rbox_t,
.comments .rbox_br,
.comments .rbox_bl,
.comments .rbox_b,
.comments .rbox_m {
	background: none;
	border: none;
}

.comments .rbox {
	border: 1px #cccccc solid;
}

.comments .even .rbox {
	background: #ffffff;
}

.comments .odd .rbox {
	background: #f0f0f0;
}

.comments #comments-list-footer {
	margin: 0 0 10px 0;
}

#comments-form p,
#comments-form #comments-form-buttons,
#comments-form #comments-form-error {
	margin-right: 0px;
}

#comments-form #comments-form-message,
#comments-inline-edit #comments-form-message {
	display: block;
	padding: 5px 5px 5px 25px;
}

.comments-form-message-error {
	background: url(../images/error.png) #ffd86f no-repeat 4px 50%;
}

.comments-form-message-info {
	background: url(../images/information.png) #dfeeff no-repeat 4px 50%;
}

.comments .votes {
	margin-right: -4px;
}

.comments .favs {
	margin: 5px 0 15px;
}



/*****************
 * Joomla Tabs CSS
 *****************/
dl.tabs,
.flexicontent dl.tabs {
	float: right;
	margin: 10px 0 -1px 0;
	z-index: 50;
}

dl.tabs dt,
.flexicontent dl.tabs dt {
	background: #f0f0f0;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	color: #666666;
	float: right;
	margin-right: 3px;
	padding: 10px;
	display: block;
}

dl.tabs dt.open,
.flexicontent dl.tabs dt.open {
	background: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	color: #000000;
	z-index: 100;
	padding: 10px;
}

dl.tabs dt:hover,
.flexicontent dl.tabs dt:hover {
	background: #c9c9c9;
}

dl.tabs dt a:link,
.flexicontent dl.tabs dt a:link {
	color: black;
	outline: medium none;
	text-decoration: none;
	background: none;
}


div.current {
	border: 1px solid #cccccc;
	clear: both;
	padding: 10px 10px;
}

div.current dd {
	margin: 0;
	padding: 0;
}

#bottom-block {
	margin: 0 auto;
	width: 373px;
}


/************************************
 * FLEXIcontent Advanced Search View
 ************************************/

/* Search view content header, float it right to allow placing print, etc buttons at the left */
.flexicontent.search  h2.contentheading {
	float: right;
	display: block;
}

/* search form */
.flexicontent.search form#searchForm {
	clear: both;
	float: none;
}

/* Search (field) filters TABLE */
.flexicontent.fcsearch table.fc_search_tbl {
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
}

/* Container of TEXT search label */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_label_cell {
	text-align: left;
	vertical-align: middle;
	padding: 4px 6px 4px 4px;
	font-weight: bold;
	background-color: #eeeeee;
	font-size: 11px;
	white-space: nowrap;
	width: 5%;
}

/* Container of TEXT search form field */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_option_cell {
	padding: 2px 4px 2px 6px;
	font-size: 11px;
}

/* Search Filter ROW */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_row_0 td {
	background-color: #f0f0f0;
}

/* Search Filter CELL */
.flexicontent.fcsearch table.fc_search_tbl .fc_search_row_1 td {
	background-color: #e7e7e7;
}


/* Search (field) filters CELLs */
.flexicontent.fcsearch table.fc_search_tbl td {
	border-width: 0px;
	border-spacing: 1px;
}

.flexicontent.fcsearch .inputbox {
	border: 1px solid lightgray;
	border-radius: 5px;
	padding: 2px;
	height: auto;
}

.flexicontent.fcsearch  fieldset.fc_search_result {
	padding: 16px;
	margin: 0px;
	border: 1px solid #ccc;
}

.flexicontent.fcsearch  fieldset.fc_search_result.fcodd {
	/*background-color: #f0f0f0;*/
}

.flexicontent.fcsearch  fieldset.fc_search_result.fceven {
	/*background-color: #f7f7f7;*/
}

.flexicontent.fcsearch fieldset.fc_search_result:hover {
	/*border: 1px dashed gray;*/
	background-color: #f7f7f7;
}

.flexicontent.fcsearch .fc_search_result_title {
	float: right;
}
.flexicontent.fcsearch .fc_search_result_text {
}
.flexicontent.fcsearch .fc_search_result_image {
	display: inline-block;
}
.flexicontent.fcsearch .fc_search_result_image.fcleft {
	float: right;
	margin: 0px 16px 0px 8px;
}
.flexicontent.fcsearch .fc_search_result_image.fcright {
	float: left;
	margin: 0px 8px 0px 16px;
}
.flexicontent.fcsearch .fc_search_result_image img {
	padding: 1px;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
}
.flexicontent.fcsearch .fc_search_result_filters {
}
.flexicontent.fcsearch .fc_search_result_fields {
}
fc_search_result_date .fc-mssg-inline,
fc_search_result_category .fc-mssg-inline {
	font-weight: bold;
}
.flexicontent.fcsearch .highlight {
	background: none repeat scroll 0 0 #FFFFAA;
	border-radius: 5px;
	color: darkred;
	font-weight: normal;
	padding: 3px 5px;
}
.flexicontent.fcsearch  .fc_mublock {
	display: block;
	float: left;
}


/************************************************************************
 * Frontend templates: Some CSS HACKS/RULES (to fix alignment & wrapping)
 ************************************************************************/

#flexicontent .fc_inline_block {
	display: inline-block;
	float: none;
	vertical-align: top;
	width: auto;
}

#flexicontent .fc_block {
	display: block;
}

#flexicontent .fc_inline {
	display: inline;
}

#flexicontent .fc_inline_clear {
	display: inline;
}

#flexicontent .fc_inline_clear:after {
	content: "\a";
	white-space: pre-wrap;
}

#flexicontent .fc_clearfix {
	clear: both;
}



/****************************
 * ITEM FORM: Some CSS rules
 ****************************/

table.admintable {
	border-collapse: separate;
	border-spacing: 2px;
}

table.admintable td.key,
table.admintable td.paramlist_key {
	background-color: #F2F2F2;
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	color: #666666;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 4px;
	text-align: left;
	width: 140px;
}
table.admintable td {
	border: 1px solid #F0F0F0;
	font-weight: normal;
	text-align: right;
	padding: 6px 4px 6px 4px;
}

/* CONTAINER of message for item having default content template layout */
#__content_type_default_layout__ {
	margin: 12px 4px 4px 32px;
}



/****************
 * Directory view
 ****************/

#flexicontent.fcdirectory .fccatcolumn {
	float: right;
	margin: 0% 1% 0% 0%;
	padding: 0px;
}

#flexicontent.fcdirectory h2.fccat_title_box {
	background-color: #dddddd;
	border: 1px solid #ffffff;
	color: #ffffff;
	margin: -3px 0 0;
	padding: 1px 0;
	width: auto;
}

#flexicontent.fcdirectory .fccat_title {
	border: 2px solid #dddddd;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0 -1px;
	padding: 2px 0 1px 4px;
	position: relative;
}

#flexicontent.fcdirectory span.fccat_title {
	color: darkred;
}

#flexicontent.fcdirectory .fccat_title:hover {
	text-decoration: none;
}

#flexicontent.fcdirectory .fccat_assigned {
}

#flexicontent.fcdirectory .fccat_image {
	border: 1px solid #dddddd;
	border-radius: 5px;
	float: right;
	margin: 2px 6px 1px 0px;
	padding: 1px;
}

#flexicontent.fcdirectory .fccat_descr {
}

#flexicontent.fcdirectory ul.fcsubcats_list {
	border-top: 1px dashed #dddddd;
	list-style: none;
	margin: 3px 0 7px;
	padding: 0 7px;
}

#flexicontent.fcdirectory li.fcsubcat {
	border-bottom: 1px dashed #dddddd;
	margin: 2px 0px 2px 0px;
}

#flexicontent.fcdirectory li.fcsubcat.odd {
}

#flexicontent.fcdirectory li.fcsubcat.even {
}

#flexicontent.fcdirectory a.fcsubcat_title {
}

#flexicontent.fcdirectory a.fcsubcat_title:hover {
	text-decoration: none;
}

#flexicontent.fcdirectory .fcsubcat_assigned {
}

#flexicontent.fcdirectory .fcsubcat_image {
	border: 1px solid #dddddd;
	border-radius: 5px;
	float: right;
	margin: 2px 6px 1px 0px;
	padding: 1px;
}

#flexicontent.fcdirectory .fcsubcat_descr {
}

#flexicontent.fcdirectory .fcdir-cnt-sep:before {
	content: "/";
	display: inline-block;
	margin: 0 4px;
}

#flexicontent.fcdirectory .fcdir-icon-itemscnt:before {
	color: darkorange;
}
#flexicontent.fcdirectory .fcdir-icon-subcatscnt:before {
	color: darkred;
}



/********************************
 * ITEM FORM: CSS FIXES for J1.6+
 ********************************/

/* PANELs */
#flexicontent .fc-sliders-plain-outer {
	max-width:1200px;
	padding: 16px 0 0 0;
}
#flexicontent .fc-sliders-plain-outer > .pane-sliders > .panel > h3 {
	margin-bottom: 16px;
	border: 0 solid !important;
	background: unset !important;
	display: inline-block !important;
}
#flexicontent .fc-sliders-plain-outer .pane-toggler-down {
	border: 0 solid !important;
}

#flexicontent .pane-sliders .pane-toggler > a > span {
	background: url("../images/toggle.png") no-repeat scroll 0px 4px transparent;
	padding-right: 20px;
}
#flexicontent .pane-sliders .pane-toggler-down > a > span {
	background: url("../images/toggle_up.png") no-repeat scroll 0px 4px transparent;
	padding-right: 20px;
}


/* FIELDs */
#flexicontent fieldset.adminform fieldset.radio,
#flexicontent fieldset.panelform fieldset.radio,
#flexicontent fieldset.adminform-legacy fieldset.radio {
	border: 0 none;
	float: right;
	margin: 2px 0px 5px 2px;
	padding: 0;
}

#flexicontent .pane-sliders .panel .pane-slider fieldset.panelform select {
	min-width: 200px;
	font-size: 90%;
}

/* Field containing TABLE */
#flexicontent table.admintable td {
	margin: 0px;
	padding: 0.2em 0.4em;
}

#flexicontent table.admintable table td {
	margin: 0px;
	padding: 0px;
}

#flexicontent table.admintable td.paramlist_key {
	padding: 0px 4px 0px 4px;
}



/*******************************************************
 * TAB appearance customizations per content Type
 * prepend: #flexicontent.fctypeNN to customize per type
 *******************************************************/
 
#fc_subtitle_tabset ul.tabbernav li a {
	padding-right: 20px;
}
a#fc_subtitle_tabset_nav_1,
a#fc_subtitle_tabset_nav_2,
a#fc_subtitle_tabset_nav_3,
a#fc_subtitle_tabset_nav_4,
a#fc_subtitle_tabset_nav_5,
a#fc_subtitle_tabset_nav_6,
a#fc_subtitle_tabset_nav_7,
a#fc_subtitle_tabset_nav_8,
a#fc_subtitle_tabset_nav_9,
a#fc_subtitle_tabset_nav_10,
a#fc_subtitle_tabset_nav_11,
a#fc_subtitle_tabset_nav_12 {
	background-position: 1px 2px;
	background-repeat: no-repeat;
}

#fc_bottom_tabset ul.tabbernav li a {
	padding-right: 20px;
}
a#fc_bottom_tabset_nav_1,
a#fc_bottom_tabset_nav_2,
a#fc_bottom_tabset_nav_3,
a#fc_bottom_tabset_nav_4,
a#fc_bottom_tabset_nav_5,
a#fc_bottom_tabset_nav_6,
a#fc_bottom_tabset_nav_7,
a#fc_bottom_tabset_nav_8,
a#fc_bottom_tabset_nav_9,
a#fc_bottom_tabset_nav_10,
a#fc_bottom_tabset_nav_11,
a#fc_bottom_tabset_nav_12 {
	background-position: 1px 2px;
	background-repeat: no-repeat;
}



/***************************
 * Other unsorted CSS Rules
 ***************************/

div.fancybox-wrap a {
	background: none;
}
body #fancybox-content {
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}

#flexicontent .content {
	float: none;
	clear: both;
}

/* field container inside a tabbed position */
.tabbertab .flexi.element {
}

.readon, .readon a {
}



/**********************************************************
 * Common styling (all templates) of field labels and value
 **********************************************************/

/* Field label & values styling */
div.flexi.label,
.flexi.label {
	display: block;
	float: right;
	margin: 2px 8px 2px 0px;
/*	min-width: 60px;
	max-width: 120px;*/
	white-space: unset;
	word-wrap: break-word;
}
div.flexi.value,
.flexi.value {
	display: block;
	float: right;
	max-width: 100% !important;  /* Allow responsive width while floating */
	padding: 0% !important;  /* Allow responsive width while floating */
	margin: 0% !important;  /* Allow responsive width while floating */
}

/* e.g. in Joomla views */
div.fc-custom-fields-box {
	border-radius: 4px;
	border: 1px solid #dddddd;
	display: block;
	float: right;
	clear: both;
	box-sizing: border-box;
	width: 100%;
	margin: 12px 0px;
	padding: 12px 4px;
}
div.fc-field-box {
	display: block;
	float: right;
	margin: 0 1%;
	max-width: 98%;
	min-width: 48%;
	padding: 2px;
	box-sizing: border-box;
	vertical-align: top;
}


/********************************
 * Content / Content List Markups
 ********************************/

#flexicontent .fc_mublock {
	display: block;
	float: left;
	clear: none;
	margin-bottom: 6px;
}

#flexicontent .fc_markup {
	float: left;
	display: block;
	font-style: normal;
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
	text-align: left;
	max-width: 150px;
	min-width: auto;
	border-radius: 5px;
	line-height: 100%;
	
	border-width: 0px;
	margin: 0px 6px 6px 0px;
	padding: 0px;
	background-color: #F2F2F2;
	color: #555;
	box-shadow: 2px 4px 4px gray;
}

#flexicontent .fc_markup.mu_has_text {
	border-bottom: 1px solid #AAA;
	border-left: 1px solid #AAA;
	margin: 2px 6px 6px 12px;
	padding: 6px;
}

#flexicontent .fc_markup.mu_featured_cat.mu_has_text {
	padding-right: 28px;
	background: url(../images/star.png) 6px 50% no-repeat lightgoldenrodyellow;
}

#flexicontent .fc_markup.mu_normal_cat.mu_has_text {
	padding-right: 28px;
	background: url(../images/star-empty.png) 6px 50% no-repeat lightgoldenrodyellow;
}

#flexicontent .fc_markup.mu_item_no_access.mu_has_text {
	padding-right: 28px;
	background: url(../images/eye-half.png) 6px 50% no-repeat #FFD700;
}

#flexicontent .fc_markup.mu_item_free_access.mu_has_text {
	padding-right: 28px;
	background: url(../images/eye.png) 6px 50% no-repeat #50EE90;
}

#flexicontent .fc_markup.mu_needed_acclvl.mu_has_text {
	padding-right: 28px;
	background: url(../images/lock.png) 6px 50% no-repeat darkorange;
	color: white;
}

#flexicontent .fc_markup.mu_obtained_acclvl.mu_has_text {
	padding-right: 28px;
	background: url(../images/lock-unlock.png) 6px 50% no-repeat darkgreen;
	color: white;
}

#flexicontent .fc_markup.mu_ra_timeframe.mu_has_text {
	padding-right: 28px;
	background: url(../images/calendar-select-days-span.png) 6px 50% no-repeat lightskyblue;
}

#flexicontent .fc_markup.mu_ru_timeframe.mu_has_text {
	padding-right: 28px;
	background: url(../images/calendar-select-days-span.png) 6px 50% no-repeat lightskyblue;
}
