/* pushstate miatt a href nélküli a tagra teszek pointert */
a:not([href]) {
	cursor: pointer;
}


/**/
div.systemFileLibraryService {

}
div.systemFileLibraryService ul {
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: hidden;
}
div.systemFileLibraryService ul li {
	float: left;
	width: 10%;
	display: block;
	text-align: center;
}

div.systemFileLibraryService ul li div {
	border: 1px solid #ccc;
	position: relative;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 5px 2px rgba(200, 200, 200, 0.3);
	-moz-box-shadow: 1px 1px 5px 2px rgba(200, 200, 200, 0.3);
	box-shadow: 1px 1px 5px 2px rgba(200, 200, 200, 0.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding-bottom: 0%;

	margin: 5px;
		
	padding-bottom: 90%;

}
div.systemFileLibraryService ul li.dir {

}

div.systemFileLibraryService ul li.file div span {
	height: 0px;
}
div.systemFileLibraryService ul li.file div:after {
	position: absolute;
	font-family: 'ElegantIcons';
	font-size: 1.2em;
	font-weight:normal;
	content: " ";
	text-align: center;
	left: 0;
	top: 35%;
	right: 0;
	font-size: 2em;	
	color: #F00;
}
div.systemFileLibraryService ul li.dir div:after {
	position: absolute;
	font-family: 'ElegantIcons';
	font-size: 1.2em;
	font-weight:normal;
	content: "n ";
	text-align: center;
	left: 0;
	top: 35%;
	right: 0;
	font-size: 2em;	
	color: #666;
}


div.systemFileLibraryService ul li.fileJPG div img {
	width: 100%;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;

    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);	

}

div.systemFileLibraryService ul li span {
	display: block;
	font-size: 8px;
	height: 2em;
	overflow: hidden;
}



/**/


div.system_login span {
	margin-left: -2em;
}

/* SYSTEM ADMIN 2015 */
.users.webmaster {
/*	color: #FF9F9F; */
	color: #FFF;
	background-color: #D50000;
}
.users.admin {
/*	color: #826800; */
	color: #FFF;
	background-color: #FF9900;
}
.users.disabled {
	color: #CCC;
	background-color: #666666;
}
.users.user {
	color: #FFF;
	/*	color: #AF7701; */
	background-color: #CCCC00;
}
.users.poweruser {
	color: #FFF;
	/*	color: #AF7701; */
	background-color: #FFCC66;
}
.users.other {
/*	color: #0033CC; */
	color: #FFF;
	background-color: #BBE3FF;
}
.users.guest {
/*	color: #FFFFFF; */
	color: #FFF;
	background-color: #009933;
}

/* system 2014 */
.layer_loading {
	position: relative;
	cursor:wait;
}
.layer_loading:before {
	content: "";
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	background-color: white;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(/system/images/wheel.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto;
	opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	z-index: 99;
}

 .ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.sysui-radius {
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-khtml-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.sysui-bg {
	background-color: #EFF1F1;
	/*
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff3f6), to(#CDDAE2));
	background: -webkit-linear-gradient(top, #eff3f6, #CDDAE2);
	background: -moz-linear-gradient(top, #eff3f6, #CDDAE2);
	background: -ms-linear-gradient(top, #eff3f6, #CDDAE2);
	background: -o-linear-gradient(top, #eff3f6, #CDDAE2);
*/
}
#dialog_SUBPAGE:after {
	content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}
#system_page_content_container {

}
#system_page_content_container:after{
	content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}

#system_page_content_container.admin,
#system_page_content_container.admin article.subedit {
/*
	outline: 1px dashed rgba(0,0,0,0.05);
*/

	border: 1px dashed rgba(0,0,0,0.1);

	-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
	-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
	box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */


	min-height: 10px;
}
#system_page_content_container.admin:hover,
#system_page_content_container.admin article.subedit:hover {
	background-color: rgba(200,200,200,0.05);	

	border: 1px dashed rgba(255,0,0,0.7);

}


#system_page_content_container.admin .noweditingATEDIN,
#system_page_content_container.admin .noweditingATEDIN:hover {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.9);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.9);
	background-color: rgba(255,255,255,0.4) !important;

	border: 1px dashed rgba(255,0,0,0.7);


}
#system_page_content_container.admin.hover {

	border: 1px dashed rgba(255,0,0,0.7);
/*	background-color: rgba(200,230,240,0.2); */
}
.menuselecthoverborder {
	text-align: left;
	overflow: visible;
	padding: 0px;
	margin: 0px;
	min-height: 1em;
	min-width: 1em;
	position: relative;

	border: 1px dashed rgba(0,0,0,0.1);
	
  -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;         /* Safari 5.1+, Chrome 10+, Firefox 29+, Opera 7+, IE 8+, Android 4.0+, iOS any */

/*	display: inline-block; */
	display: block;
	
	cursor: alias;
	
}
.menuselecthoverborder:hover {
	background-color: rgba(200,230,240,0.2);
	border: 1px dashed rgba(255,0,0,0.7);
}
.menuselecthoverborder:after {
	content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}
.menuselecthoverborder button {
	font-size: 12px;
	position: absolute;
	margin-left: 1px;
	margin-top: 1px;
	z-index:100;
}

/* ADMIN MENU */
div.topadmin {
	/*	font-family: 'Oswald', sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
	z-index: 50;
	overflow: visible;
	color: #000;
	font-size: 12px;
	text-shadow: none;
	position: fixed;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #B4C8D3;
	border-bottom-color: #B4C8D3;
	border-left-color: #B4C8D3;
	text-align: left;
	margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
	
div.topadminpush {
	top: 0px;
	width: 100%;
	clear: both;
	height: 40px;
	background-image: url(/system/images/transparentstripes.png);
	background-repeat: repeat;
	background-position: center top;
	float: none;
}
div.topadmin .atedin {
	float: left;
	width: 16px;
	height: 16px;
	background-size:contain;
	cursor: pointer;
	background-image: url(/system/images/ATEDINicon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0.7em;
	margin-left: 1em;
	margin-right: 0.2em;
}
div.topadmin .usertype {
	margin: 0px;
	float: left;
	color: #AAC0CE;
	font-size: 0.8em;
	padding: 0.3em;
}
div.topadmin .clock {
	font-size: 0.8em;
	margin: 0px;
	padding: 0.3em;
	float: left;
	color: #8AA8BB;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

#systemlog .debug span {
	color: #E00;

}
#systemlog {
	margin: 3px;
	padding: 1em;
	position: fixed;
	color: #A00;
	text-align: left;
	clear: none;
	background-color: rgba(0,0,0,0.5);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	buttom:0px;
	right:0px;
	z-index: 500;

   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

/*	display: block;
	position: fixed;
	top: 10px;
	right: 10px;
	padding: 1em;
	
	color: #000;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;
  pointer-events: none;
   cursor: default;
	font-size: 10px;
	text-align:center;
	z-index: 50000;	
*/
}
#systemlog:hover .log {
	display: block;
}
#systemlog .debug {
	clear: both;
	text-align: right;
	font-size: 1.2em;
	overflow: hidden;
}
#systemlog .debug div:not(.text) {
	padding: 5px;
}
#systemlog .debug div:not(.text):after {
	font-size: 12px;
	content: " msec";
	font-style:italic;
	color: #900;	
}
#systemlog .debug div.text {
	text-align: center;
	color: #ddd;
	padding: 2px;
}
#systemlog .debug div.sum {
	background-color: rgba(0,0,0,0.9);
	color: #FFF;
   -webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#systemlog .debug div.sum:after {
	color: #CCC;
		
}
#systemlog .debug div.common {
	background-color: rgba(255,0,0,0.1);
}
#systemlog .debug div.computed {
	border-top: 1px dashed #000;
	background-color: rgba(255,255,255,0.9);
	font-size: 1.2em;
   -webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
#systemlog .debug div.index {
	color: #999;
}
#systemlog .log.letter {
	display: block;
}
#systemlog .log {
	display: none;
}
#systemlog .log {
	font-size: 1.1em;
	text-align: left;
	overflow: auto;
	color: #333;
	background-color: #FFF;
	position: fixed;
	padding: 5px;
	border: 1px solid #F00;
	left: 0px;
	right: 0px;
	top: 0px;
	max-height: 600px;
	overflow: auto;
	z-index: 20;

}
#systemlog .log p {
	margin: 1px;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	position: relative;
}
#systemlog .log p:hover {
	background-color: rgba(102,102,102,0.2);
}
#systemlog .log p.start {
	border-top-width: 2px;
	border-top-style: solid;
}
#systemlog .log p span.time {
	font-size: 0.7em;
	color: #666;
}
#systemlog .log p span.run {
	background-color: #333;
	color: #FFF;
	padding: 0.3em;
	display: inline-block;
	min-width: 78px;
}
#systemlog .log p:not("textonly") span.run:after {
	font-size: 0.7em;
	content: "msec";
	color: #999;
	font-style: italic;
}
#systemlog .log p.textonly {
	color: #888;
	background-color:#eee;
}
#systemlog .log p span.text {
	font-size: 1em;
	position: relative;
}
#systemlog .log p span.step {
	color: #999;
	background-color: #fff;
	font-size: 0.8em;
	display: absolute;
	padding: 0.3em;
	border: 1px dashed #CCCCCC;
	position: absolute;
	top: -1.3em;
	right: 0px;
}
/*
#systemlog .log p span.step:after {
	font-size: 0.6em;
	content: "msec";
	color: #999;
}
*/

@media screen
and (max-width: 360px) {
	div.topadmin .currentlanguage {
		float: none !important;
	}
	div.topadmin .currentlanguage select {
		width: 100%;
	}

	div.systemeditor textarea {
		resize: vertical;
	}
	div.topadmin {
		position: absolute;
		overflow: hidden;
	}
	/* elements responsive */
	table.responsive,
	table.responsive tbody,
	table.responsive theader,
	table.responsive tfooter,
	table.responsive tr,
	table.responsive tr td {
		display: block;
	}

	#systemlog {
		display: none;
	}
	div.topadmin .clock {
		display: none;
	}
	div.topadmin .usertype {
		display: none;
	}
	div.topadmin .currentlanguage .currentlanguage {
		display: none;
	}		
	div.topadmin .atedin {
		display: none;
	}	
	div.topadminpush {
		height: 70px;
	}
	/* elements responsive */
	table.responsive,
	table.responsive tr,
	table.responsive tr td {
		display: block;	
	}
	div.systemeditor .systembutton.responsive,
	div.systemeditor .systembutton.responsive:visited {
	font-size: 2em;
	padding: 0.3em;
	display: block;
	width: 100%;
	}
	.systemHelpContent {
		width: 360px;
		max-height: 400px;
	}
	.system_info,
	.system_notice,
	.system_tipp,
	.system_warning,
	.system_error {
		font-size: 1.3em;
	}

}

@media screen
and (min-width: 361px)
and (max-width: 768px) {
	div.topadmin .currentlanguage {
		float: none !important;
	}
	div.topadmin .currentlanguage select {
		width: 100%;
	}

	div.systemeditor textarea {
		resize: vertical;
	}
	#systemlog {
		display: none;
	}
	div.topadmin .clock {
		display: none;
	}
	div.topadmin .usertype {
		display: none;
	}	
	div.topadmin .currentlanguage .currentlanguage {
		display: none;
	}
	div.topadmin .atedin {
		display: none;
	}	
	div.topadminpush {
		height: 70px;
	}
	/* elements responsive */
	table.responsive,
	table.responsive tbody,
	table.responsive theader,
	table.responsive tfooter,
	table.responsive tr,
	table.responsive tr td {
		display: block;
	}
	div.systemeditor .systembutton.responsive,
	div.systemeditor .systembutton.responsive:visited {
	font-size: 1.5em;
	padding: 0.3em;
	display: block;
	width: 100%;
	}
	.systemHelpContent {
		width: 360px;
		max-height: 400px;
	}
	.system_info,
	.system_notice,
	.system_tipp,
	.system_warning,
	.system_error {
		font-size: 1.2em;
	}

}

@media only screen
and (min-width : 769px) 
and (max-width : 993px) {
	div.systemeditor textarea {

	}
	#systemlog {
		display: none;
	}
	.systemHelpContent {
		width: 600px;
		max-height: 400px;
	}
	.system_info,
	.system_notice,
	.system_tipp,
	.system_warning,
	.system_error {

	}

}

@media only screen
and (min-width : 994px)
and (max-width : 1169px) {
	#systemlog {
		font-size: 0.63em;
	}
	div.systemeditor textarea {
		min-width: 500px;
	}
	.systemHelpContent {
		width: 800px;
		max-height: 600px;
	}
	.system_info,
	.system_notice,
	.system_tipp,
	.system_warning,
	.system_error {

	}

}
@media only screen
and (min-width : 1170px) {
	#systemlog {

	}
	div.systemeditor textarea {
		min-width: 600px;
	}
	.systemHelpContent {
		width: 800px;
		max-height: 600px;
	}
	.system_info,
	.system_notice,
	.system_tipp,
	.system_warning,
	.system_error {

	}
}





/* ------- OLD ---- */

div.hideplayer {
	background-color: #F30;
	height: 330px;
	overflow: hidden;
}
div.hideplayer>iframe {
	margin-top: -44px;
}
#systemFLOATmessage {
	font-family: 'Oswald', sans-serif;

	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;	
	text-decoration: none;
	font-size: 15px;
	color: #111;
	text-align: left;
	vertical-align: middle;

	display: none;

	z-index: 1520;
	clear: none;
	float: none;

	background-repeat: no-repeat;
	background-position: 8%;
	overflow: hidden;
	visibility: visible;
/*
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
*/
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.5);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	padding: 0px;
	border: 1px solid #555;
/*
	margin: auto;
	position: absolute;
*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	

	max-width: 80%;
	min-width: 280px;
	background-color: #f9f9f9;
	
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: -webkit-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: -o-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: -ms-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: linear-gradient(187deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);

}
#systemFLOATmessage div.header {
	font-size: 1.5em;
	text-align: left;
	padding: 1px;
	margin: 0px;
	text-transform: uppercase;
/*	
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
*/
	
	-webkit-box-shadow: inset 0px -16px 27px -15px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    inset 0px -16px 27px -15px rgba(50, 50, 50, 0.5);
	box-shadow:         inset 0px -16px 27px -15px rgba(50, 50, 50, 0.5);		
	
	background: rgb(242, 242, 242);
	background: -moz-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: -webkit-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: -o-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: -ms-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: linear-gradient(180deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);

/*
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: -webkit-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: -o-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: -ms-linear-gradient(97deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
	background: linear-gradient(187deg, rgb(255, 255, 255) 20%, rgb(224, 224, 224) 100%);
*/
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: rgba(0,0,0,0.1);
	background-image: url(../images/transparentstripes.png);
	background-repeat: repeat;
	font-weight: normal;
	position: relative;
	overflow: hidden;
}
#systemFLOATmessage div.header button.close {
	float: right;
	padding: 0.15em;
	background-color: rgba(255,255,255,0.2);
	background: rgb(242, 242, 242);
	background: -moz-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: -webkit-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: -o-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: -ms-linear-gradient(90deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	background: linear-gradient(180deg, rgb(242, 242, 242) 49%, rgb(173, 173, 173) 100%);
	margin: 0.15em;
	font-size: 1.3em;
	text-shadow: 2px 2px 1px rgba(255,255,255,1);
	-webkit-box-shadow: inset 1px 1px 10px 0px rgba(255, 255, 255, 0.75);
	-moz-box-shadow: inset 1px 1px 10px 0px rgba(255, 255, 255, 0.75);
	box-shadow: inset 1px 1px 10px 0px rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.3);
}
#systemFLOATmessage div.header button.close:hover {
	cursor: pointer;
}
/*
#systemFLOATmessage div.header:after {
	font-family: ElegantIcons;
	margin: 0px;
	text-transform: none;
	content: "M";
	position: absolute;
	top: 5px;
	right: 5px;
	border: 1px solid #999;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	color: #999;
}
*/
#systemFLOATmessage div.header:before {
	font-family: ElegantIcons;
	margin: 0px;
	text-transform: none;
	padding: 10px;
}
#systemFLOATmessage div.msg {
	padding: 20px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	line-height: 1.6;
	color: #666;
	letter-spacing: 1px;
/*
	-webkit-box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
	box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.3);
*/
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.5);	

}
#systemFLOATmessage.warning {
	border-top-color: #FF0;
	border-right-color: #FF0;
	border-bottom-color: #FF0;
	border-left-color: #FF0;
}
#systemFLOATmessage.warning div.header {
	color: #FF0;
}
#systemFLOATmessage.warning div.header:before {
	content: "s";
}
#systemFLOATmessage.info {
	border-top-color: #0CF;
	border-right-color: #0CF;
	border-bottom-color: #0CF;
	border-left-color: #0CF;
}
#systemFLOATmessage.info div.header {
	color: #0CF;
}
#systemFLOATmessage.info div.header:before {
	content: "p";
}
#systemFLOATmessage.error {
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
}
#systemFLOATmessage.error div.header {
	color: #F00;
}
#systemFLOATmessage.error div.header:before {
	content: "q";
}
#systemFLOATmessage.confirm {
	border-top-color: #09F;
	border-right-color: #09F;
	border-bottom-color: #09F;
	border-left-color: #09F;
}
#systemFLOATmessage.confirm div.header {
	color: #09F;
}
#systemFLOATmessage.confirm div.header:before {
	content: "t";
}
#systemFLOATmessage:not(.window) div.buttons {
	text-align: right;
}
#systemFLOATmessage div.buttons {
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777;
	background-color: rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.3);
}
#systemFLOATmessage div.buttons button {
	font-family: 'Oswald', sans-serif;
	border: 1px solid #999;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #f9f9f9;
	
background: rgb(242, 242, 242);
background: -moz-linear-gradient(90deg, rgb(242, 242, 242) 20%, rgb(201, 201, 201) 80%);
background: -webkit-linear-gradient(90deg, rgb(242, 242, 242) 20%, rgb(201, 201, 201) 80%);
background: -o-linear-gradient(90deg, rgb(242, 242, 242) 20%, rgb(201, 201, 201) 80%);
background: -ms-linear-gradient(90deg, rgb(242, 242, 242) 20%, rgb(201, 201, 201) 80%);
background: linear-gradient(180deg, rgb(242, 242, 242) 20%, rgb(201, 201, 201) 80%);

	color: #777;
	margin-top: 0.1em;
	margin-right: 0.3em;
	margin-bottom: 0.1em;
	margin-left: 0.3em;
	padding-top: 0.1em;
	padding-right: 0.9em;
	padding-bottom: 0.2em;
	padding-left: 0.9em;
	
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);	
}
#systemFLOATmessage div.buttons button:hover {
	color: #000;
}



#systemFLOATmessage.window {
	border-top-color: #eee;
	border-right-color: #eee;
	border-bottom-color: #eee;
	border-left-color: #eee;
}
#systemFLOATmessage.window div.header {
	color: #333;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}




/* HELP */
#systemHelp {
	font-family: 'Oswald', sans-serif;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eff3f6), to(#CDDAE2));
	background: -webkit-linear-gradient(top, #eff3f6, #CDDAE2);
	background: -moz-linear-gradient(top, #eff3f6, #CDDAE2);
	background: -ms-linear-gradient(top, #eff3f6, #CDDAE2);
	background: -o-linear-gradient(top, #eff3f6, #CDDAE2);
	-webkit-box-shadow: 5px -2px 8px rgba(50, 50, 50, 0.55);
	-moz-box-shadow: 5px -2px 8px rgba(50, 50, 50, 0.55);
	box-shadow: 5px -2px 8px rgba(50, 50, 50, 0.55);
	position: fixed;
	z-index: 99;
	left: 10px;
	-moz-border-radius: 4em;
	-webkit-border-radius: 4em;
	-khtml-border-radius: 4em;
	border-radius: 4em;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#systemHelp:hover {

}
/*
@-webkit-keyframes pulse {
  0% {
	color: #333;
  }
  50% {
	color: #f33;
  }
  100% {
	color: #333;
  }
}
@keyframes pulse {
  0% {
	color: #333;
  }
  50% {
	color: #f33;
  }
  100% {
	color: #333;
  }
}
*/

/*	transform: scale(1.1,1.1); */
/*
	animation-name: pulse;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
		
	-webkit-animation: pulse 2s infinite;


*/

#systemHelp a {
  
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 30px;
	margin: 2px;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
	color: #000;
	font-weight: bold;
	line-height: 1.3em;
	text-shadow: 1px 1px 1px #fff;
}
#systemHelp a:hover {
	color:#f00;
	text-decoration: none;
	text-shadow: -1px -1px 0px #000;
}
.systemHelpContent {
	overflow: auto;
}

div.system {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
}
/*
div.system input[type=button] {
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center top , #C0C8CF 7%, #E0E0E0 69%);
    border: 1px solid #999999;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 2px 2px 4px -1px rgba(0, 0, 0, 0.3);
    color: #000000;
    cursor: pointer;
    font-family: 'Play',sans-serif;
    margin: 5px 0;
    padding: 3px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px #FFFFFF;
}
*/
div.systemeditor {
/*	font-family: 'Oswald', sans-serif; */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 5px;
	height: auto;
	/*	overflow: hidden; */
	background-color: #FFF;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	color: #000;
	box-shadow: 2px 1px 4px #666;
	border: 1px solid #000;
	text-align: left;
	position: relative;
}
div.systemeditor div.tinyMceWrap {
	min-width: 580px;
}



div.systemeditor.fullscreen {
	border: 2px solid #09F;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
	z-index: 500 !important;
}
div.systemeditor a,
div.systemeditor a:visited {
	font-weight: normal;
	color: #006;
	text-decoration: none;
}
div.systemeditor a:hover {
	font-weight: normal;
	color: #06F;
	text-decoration: underline;
}

div.systemeditor > fieldset {
	border: 1px solid #333;
/*	background-color:#CCC */
}
div.systemeditor fieldset .filterbox {
	border: 1px solid #eee;
	padding: 2px;
	margin: 1px;
	display: inline-block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
div.systemeditor fieldset .filterbox:after {
	content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;
}
div.systemeditor fieldset .filterbox .title {
	font-size: 0.9em;
	font-weight: normal;
}
div.systemeditor fieldset legend {
	padding: 3px;
	font-size: 1.1em;
}

div.systemeditor div.sqlEditorWrapper {
}
div.systemeditor div.sqlEditorWrapper div.records {
	position: relative;
	clear: both;
	overflow: hidden;
}
div.systemeditor form {
	margin: 0px;
	padding: 0px;
}
div.systemeditor label {
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;
}

div.systemeditor form legend {
	font-size: 1.4em;
	font-weight: bold;
}
div.systemeditor div.header {
	font-size: 1.8em;
	font-weight: bold;
	background-color: #46A5E3;
	color: #FFF;
	padding: 8px;
	text-shadow: #000 1px 1px 2px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	letter-spacing: 2px;
	background-image: none;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-transform: uppercase;
}
div.systemeditor .systeminput {
	margin: 2px;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #333333;
	color: #000000;
	font-weight: bold;
	width: 100px;
	background-color: #F00;
}
div.systemeditor .systembutton,
div.systemeditor .systembutton:visited {
	font-family: 'Oswald', sans-serif;
	color: #145683;
	/*	background-color: #4DA5DF; */
	background-color: #D9ECF9;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	padding-top: 0.1em;
	padding-right: 0.2em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	cursor: pointer;
	margin: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D9ECF9;
	border-right-color: #145683;
	border-bottom-color: #145683;
	border-left-color: #D9ECF9;
	font-size: 1.1em;
}

div.systemeditor .systembutton:link {
	color: #000000;
	text-decoration: none;
	font-size: 1.1em;
}
div.systemeditor .systembutton:hover {
	color: #FFFFFF;
	background-color: #4DA5DF;
}

div.systemeditor .systembutton.disabled {
	color: #666;
	background-color: #999;
	cursor: default;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	cursor:not-allowed;
}

div.systemeditor .systembutton.s100,
div.systemeditor .systembutton.s100:visited {
	width: 100px;
}
div.systemeditor .systembutton.s200,
div.systemeditor .systembutton.s200:visited {
	width: 200px;
}
div.systemeditor .systembutton.s200:link {
	color: #000000;
	text-decoration: none;
	background-color: #F00;
}
div.systemeditor .systembutton.s200:hover {
	color: #FFFFFF;
	background-color: #9CCDED;
}
div.systemeditor .systembutton.bxl {
	font-size: 1.2em;
	padding: 0.5em 1em;
}
div.systemeditor .systembutton.bxxl {
	font-size: 1.4em;
	padding: 0.6em 1.2em;
}

div.systemeditor .systembutton img {
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin: 0px;
	background-color: #F00;
}
div.systemeditor .systemselect:hover {
	color: #444444;
}
div.systemeditor .systembuttonimg {
	background-image: none;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	background-position: center center;
	vertical-align: bottom;
	margin: 0px;
	padding: 1px;
	border: 1px solid #FFF;
}
div.systemeditor .systembuttonimg:hover {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333;
	border-right-color: #999;
	border-bottom-color: #333;
	border-left-color: #999;
	margin: 0px;
	padding: 1px;
}
div.systemeditor .interface button:first-child {
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-khtml-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
div.systemeditor .interface button:last-child {
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-khtml-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

div.systemeditor .interface .systembutton,
div.systemeditor .interface .systembutton:visited {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


div.systemeditor .drag {
	cursor: move;
/*	background-color: #F90;*/
}
div.systemeditor .dragging {
	background-color: #FFF;
	border: 1px solid #CCC;
	width: 135px;
}
div.systemeditor .drop {
/*	background-color: #F00;*/
}


/* button es select input menzok*/
/*
div.systemeditor input[type=button],
div.systemeditor button,
div.systemeditor input[type=submit] {
	margin: 2px;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #91877E;
	border-right-color: #91877E;
	border-bottom-color: #91877E;
	border-left-color: #91877E;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font-weight: bold;
	box-shadow: none;
	background-color: #AAD6F2;
	background-image: none;
	background-repeat: no-repeat;
	padding: 3px;
	background: rgb(30, 50, 230);
	background: -moz-linear-gradient(90deg, rgb(170, 214, 242) 8%, rgb(40, 120, 170) 85%);
	background: -webkit-linear-gradient(90deg, rgb(170, 214, 242) 8%, rgb(40, 120, 170) 85%);
	background: -o-linear-gradient(90deg, rgb(170, 214, 242) 8%, rgb(40, 120, 170) 85%);
	background: -ms-linear-gradient(90deg, rgb(170, 214, 242) 8%, rgb(40, 120, 170) 85%);
	background: linear-gradient(180deg, rgb(170, 214, 242) 8%, rgb(40, 120, 170) 85%);
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 1);
	color: #222;
}
/*
div.systemeditor input[type=button]:hover,
div.systemeditor input[type=submit]:hover
{
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	color: #f8f8f8;
}

div.systemeditor input[type=button]:focus,
div.systemeditor input[type=submit]:focus
		{
	border-color: #4787b1;
	box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
	-moz-box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
	-webkit-box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
	-o-box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
	outline: none;
		}
*/
div.systemeditor textarea {
	width: 98%;
}

/* input mezok */
div.systemeditor input[type="text"],
div.systemeditor input[type="password"],
div.systemeditor textarea,
div.systemeditor select {
	padding: 0.3em;
	color: #054570;
	background-color: #F9FEFF;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #04304D;
	border-right-color: #9fd6fa;
	border-bottom-color: #9fd6fa;
	border-left-color: #04304D;

}
div.systemeditor input[type="text"]:focus,
div.systemeditor input[type="password"]:focus,
div.systemeditor textarea:focus,
div.systemeditor select:focus {
	border-color: #4787b1;
/*
	box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
	-moz-box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
	-webkit-box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
	-o-box-shadow: 0 0 5px 2px rgba(70,175,227, 0.9);
*/
	-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    inset 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow:         inset 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
	outline: none;
}

.system_language_changer {
}
.system_language_changer a,
.system_language_changer a:visited {
	text-decoration: none;
}

div.topadmin .currentlanguage {
	margin: 0px;
	padding: 3px;
	float: right;
	color: #CDDAE2;
}
div.topadmin .adminlanguage {
	margin: 3px;
	padding: 3px;
	float: left;
	color: #CDDAE2;
}
div.topadmin select {
	background-color: #CCC;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	margin: 2px;
	padding: 2px;
	font-size: 10px;
}

.system_info,
.system_notice,
.system_tipp,
.system_warning,
.system_error {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
	clear: both;
	margin: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.system_success,
.system_tipp {
	color: #222;
	background-color: #e9ffd9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 0em;
	padding: 1em;
	border: 1px solid #B8D3A0;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
}
.system_success:before,
.system_tipp:before {
	/*	content: ""; */
	content: "";
	font-family: ElegantIcons;
	padding-right: 0.5em;
	color: #11af22;
	text-shadow: 0px 0px 1px #fff;
}
	
.system_notice,
.system_info {
	color: #363657;
	background-color: #e3f7fc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 0em;
	padding: 1em;
	border: 1px solid #96DBF5;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
}
.system_notice:before,
.system_info:before {
	content: "";
	font-family: ElegantIcons;
	padding-right: 0.5em;
	color: #4BC2EF;
	text-shadow: 0px 0px 1px #fff;
}
.system_warning {
	color: #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff8c4;
	border: 1px solid #F4D08E;
	padding: 0em;
	padding: 1em;
}
.system_warning:before {
	content: "";
	font-family: ElegantIcons;
	padding-right: 0.5em;
	color: #F3BE43;
	text-shadow: 0px 0px 1px #fff;
}
.system_error {
	color: #222;
	background-color: #ffecec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	padding: 0em;
	padding: 1em;
	border: 2px solid #F7BAB7;
}
.system_error:before {
	content: "";
	font-family: ElegantIcons;
	padding-right: 0.5em;
	color: #E3251C;
	text-shadow: 0px 0px 1px #fff;
}
/* -------- */

#screen_fade {
	position: fixed;
	z-index: 1499;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	display: none;
	margin: 0px;
	padding: 0px;
	background-image: url(/system/images/wheel.svg);
	background-repeat: no-repeat;
	background-position: center center;
	cursor:wait;
}
#screen_fade:after {
	content: "";
	display: block;
	margin: 0px;
	padding: 0px;
	position: absolute;
	text-align: center;
	background-color: rgba(255,255,255,0.5);
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
/*
	background-image: url(../images/loading-anim.gif);
	background-repeat: no-repeat;
	background-position: center center;
*/
}
#screen_fade div.progress {
	text-decoration: none;
	display: none;
	margin-top: 25%;
	padding: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	

	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);
	
	border: 1px solid #FFF;
}
#screen_fade div.progress div.bar {
	padding: 3px;
	background-color: #CCC;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#screen_fade div.progress div.bar div.percent {
	font-size: 1.7em;
	text-align: center;
	overflow: hidden;
	color: #000;
	padding: 0px;
	margin: 0px;
}
#screen_fade status {
	display: none;
}
/*
#sub_page {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
	background-color: #EFEFEF;
	text-align: center;
	vertical-align: middle;
	z-index:20;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	position: absolute;
	width: auto;
	display: none;
}
#sub_page_handler {
	background-image: url(/system/images/divCLOSEstripe.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	height: 29px;
	cursor: move;
}
#sub_page_handler .close {
	float: right;
	height: 21px;
	width: 21px;
	margin: 4px;
	cursor: pointer;
	background-image: url(../images/divCLOSE.jpg);
}
#sub_page_handler .close:hover {
	background-image: url(../images/divCLOSEhover.jpg);
}
*/
/* A tooltip amihez tartozik */
.tooltip {
	background-color: rgba(128,128,128,0.1);
}

#TOOLTIP
{
	display:none;
	position:absolute;
	z-index: 1005;
	color: #222;
	text-decoration: none;
	font-size: 11px;
	overflow: hidden;
	visibility: visible;
	max-width: 240px;
	background-color: #F3F4F2;
	height: auto;
	width: auto;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding: 10px;
	margin: 0px;
	border: 1px solid #666;
	font-family: Verdana, Geneva, sans-serif;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
#TOOLTIParrow {
	height: 10px;
	width: 20px;
	z-index: 1004;
	position: absolute;
	display: none;
	background-image: url(/system/images/tooltiparrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
/*
.filelibraryroot {
}
.filelibraryroot .list {
	position: relative;
	border: 1px solid #666666;
	font-size: 10px;
	text-decoration: none;
	overflow: auto;
	height: 400px;
	color: #000000;
	margin: 1px;
	padding: 2px;
}
.filelibraryroot .list a,
.filelibraryroot .list a:link,
.filelibraryroot .list a:visited {
	text-decoration: none;
	color: #333333;
}
.filelibraryroot .list a:active {
	text-decoration: none;
	color: #000000;
}
.filelibraryroot .list a:hover{
	text-decoration: none;
	color: #FF0000;
}

.filelibraryroot .preview {
}

.filelibraryroot .filelibshowfile {

}
.filelibraryroot .filelibshowfile .title {
	margin: 0px;
	padding: 0px;
	top: 5px;
	right: 5px;
	text-align: right;
}
.filelibraryroot .filelibshowfile .title .iddate {
	float: left;
	margin: 2px;
	padding: 2px;
	clear: both;
}

.filelibraryroot .filelibshowfile .preview {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	border-top-width: 10px;
	border-right-width: 1px;
	border-bottom-width: 10px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	text-align: center;
	vertical-align: top;
	font-size: 16px;
	color: #FF0000;
	overflow: auto;
	height: 260px;
	clear: both;
}
*/
#PAGEadminDIV {
	margin: 1px;
	padding: 1px;
	position: relative;
	overflow: hidden;
}
#PAGEadminDIV .list .item {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	display: block;
	clear: both;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
#PAGEadminDIV .list .item:hover {
	background-image: url(../images/transparentstripes.png);
}
#PAGEadminDIV .list .item .name {
	width: 60%;
	overflow: hidden;
	display: inline-block;
	height: 15px;
	clear: left;
}
/* */
.SLIDESIDE
{
	display:none;
	position:absolute;
	margin: 0px;
	padding: 0px;
	left: 100px;
	top: 100px;
}
/*
#USERFLOAT
{
	position:absolute;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	letter-spacing: 0.5px;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	left: -100px;
	top: -200px;
	z-index: 10;
	overflow: visible;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#USERFLOAT .FLOATMENU {
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 5;
	text-align: center;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	color: #666666;
}
*/


#ADMIN {
	clear: both;
	float: left;
	position: relative;
	width: 530px;
}
/*
#user_adminDIV {
	float: none;
	clear: both;
	margin: 2px;
	padding: 2px;
	width: 100%;
}

#log_listDIV {
	border: 1px solid #666666;
}
*/
.htmleditor {
	background-color: #000;
}
.htmleditor .header {
	text-align: left;
	margin: 2px;
	height: 30px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #444444;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.rightOVERdiv {
	float: right;
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 5px;
	z-index: 250;
	height: 0px;
	overflow: visible;
	right: 5px;
}

/* SYSTEM ADMIN OLD */
.adminalap {
	color: #666666;
	background-color: #AAAAAA;
}
.adminheader {
	color: #666666;
	background-color: #AAAAAA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.adminalap2 {
	color: #222222;
	background-color: #BBBBBB;
}
.adminheader2 {
	color: #222222;
	background-color: #BBBBBB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.adminalap3 {
	color: #CCCCCC;
	background-color: #909090;
}
.adminheader3 {
	color: #CCCCCC;
	background-color: #909090;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.adminkiemelt {
	color: #006600;
	font-weight: bold;
	background-color: #FFCC66;
	text-align: left;
	vertical-align: middle;
	margin: 3px;
	padding: 3px;
}
.adminegyeb {
	color: #CCCCCC;
	background-color: #FFFFFF;
}
.adminpiros {
	color: #FF9F9F;
	background-color: #D50000;
}
.adminsarga {
	color: #AF7701;
	background-color: #FAE654;
}
.adminsarga2 {
	color: #835801;
	background-color: #E6CA06;
}
.adminnarancs {
	color: #826800;
	background-color: #FF9900;
}
.adminzold {
	color: #FFFFFF;
	background-color: #009933;
}
.adminkek {
	color: #0033CC;
	background-color: #BBE3FF;
	
}
.adminalap,
.adminalap2,
.adminalap3,
.adminheader3,
.adminkiemelt,
.adminegyeb,
.adminpiros,
.adminsarga,
.adminsarga2,
.adminnarancs,
.adminzold,
.adminkek {
	padding: 2px;	
}


.adminalap:hover,
.adminkek:hover,
.adminzold:hover,
.adminnarancs:hover,
.adminsarga2:hover,
.adminegyeb:hover,
.adminpiros:hover,
.adminsarga:hover
{
	color: #000;
	margin: 0px;
	background-image: url(../images/transparentstripes.png);
	background-repeat: repeat;
}

/* hiányzó input mezők és fieldsetek ki nem töltés esetén es highlight */
fieldset.systemHighlightFieldset {
	color: #000 !important;
	background-color: #fafafa !important;
	text-decoration: none !important;
	border: 1px dashed #0F0 !important;
}
fieldset.systemHighlightFieldset > legend {
	color: #0F0 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	font-weight: normal !important;
}
fieldset.systemHighlightFieldset > legend:after {
    content: " r ";
	font-family: "ElegantIcons";
}

input.systemMissingInput {
	color: #000 !important;
	background-color: #fafafa !important;
	text-decoration: none !important;
	border: 1px dashed #F00 !important;
}
input.systemMissingInput:after {
	content: " r";
	font-family: "ElegantIcons";
	color: #F00 !important;
}
fieldset.systemMissingFieldset {
	color: #111 !important;
	background-color: #f0f0f0 !important;
	text-decoration: none !important;
	border: 1px dashed #F00 !important;
}
fieldset.systemMissingFieldset > legend {
	color: #F00 !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
	font-weight: normal !important;
	
}
fieldset.systemMissingFieldset > legend:after {
	content: " r";
	font-family: "ElegantIcons";
}
/* --------------- */
.missinginputYellow {
	color: #000;
	background-color: #FF0;
	margin: 2px;
	padding: 5px;
	font-size: 10px;
	text-decoration: none;
}
.missinginputGreen {
	color: #FFF;
	background-color: #393;
	margin: 2px;
	padding: 5px;
	font-size: 10px;
	text-decoration: none;
}
/* SQL input */
.SQLinputFORM {
}
.SQLinputFORM .odd > td {
	background-color: #d5d5d5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777;
}
.SQLinputFORM .even > td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #777;
}
.SQLinputFORM tr:hover > td,
.SQLinputFORM tr:hover {
	background-image: url(../images/transparentstripes.png);
	background-repeat: repeat;
}
.SQLinputFORM .fileSHOW {
	width: 600px;
}
.SQLinputFORM .fileSHOW div {
}
.SQLinputFORM .fileSHOW div .libid {
	color: #000;
	background-color: #FC0;
	padding: 2px;
	position: absolute;
	font-size: 10px;
	cursor: pointer;
}
/* 2013 */

.SQL_record_list { /* accordion */
}
.SQL_record_list h1 {
}

/* */
#pageeditorEDIT {
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.mail_archiv_list_item {
	background-color: #666666;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.mail_archiv_list_item:hover {
	background-color: #E8ECF0;
}
.mail_archiv_list_item .interface {
	float: right;
	background-color: #CCCCCC;
	margin: 5px;
	padding: 5px;
	font-size:28px;
}
#letter_recipliens_list {
	height: 120px;
	overflow: auto;
	background-color: #ECEEE6;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border: 1px solid #F00;
}
#letter_recipliens_list .reciplient {
	border: 1px solid #556F2F;
	color: #000;
	background-color: #8BBCE4;
	height: 14px;
	float: left;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin: 1px;
	padding: 1px;
}
#letter_recipliens_list .reciplient .remove {
	background-image: url(/system/images/xpicker.png);
	width: 12px;
	height: 11px;
	margin-top: 0px;
	outline: medium none;
	background-position: 0px 0px;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline-block;
	background-repeat: no-repeat;
}
#letter_recipliens_list .reciplient .remove:hover {
	background-position: -5px;
}
#letter_recipliens_list img {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}
.hand {
	cursor: pointer;
}
.hand100 {
	cursor: pointer;
	width: 100%;
}
#CSVimportBROWS {
	background-color: #CCCCCC;
	margin: 5px;
	padding: 5px;
	border: 1px dashed #999999;
}






/* lista lapozás - link / div */
div.system_page_link_conteiner {
	font-size: 1.2em;
	vertical-align: middle;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
div.system_page_link_conteiner a,
div.system_page_link_conteiner span {
	display: inline-block;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	padding: 0.5em;
	line-height: 1.2em;
}
div.system_page_link_conteiner a {
	font-weight: bold;
	border: 1px dotted #a6d5f3;
	text-align: center;
	clear: none;
	text-decoration: none;
	color: #258BCF;
}
div.system_page_link_conteiner a:hover {
	background-color: #97CAEC;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
div.system_page_link_conteiner span {
	font-weight: bold;
	border: 1px dotted #CCCCCC;
	color: #FFFFFF;
	background-color: #4DA5DF;
	text-align: center;
	clear: none;
	text-decoration: none;
}
#securitycodeDIV {
	text-align: center;
}
#securitycodeDIV input {
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
/* sql table class */
.users_comments {
	background-color: #009966;
} 
div.sql_template_interface {
	background-color: #CCCCCC;
	text-align: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#tabcloud {
	margin: 0px;
	padding: 1px;
	background-color: #FAFAFA;
	color: #333333;
	border: 1px solid #777777;
	display: block;
	clear: both;
	position: relative;
}
#tabcloudCONTROL {
	text-align: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
#tabcloudCONTROL span,
#tabcloudCONTROL span:visited {
	background-color: #FAFAFA;
	color: #333333;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#tabcloudCONTROL span:hover {
	background-color: #CFCFCF;
	color: #000000;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	cursor: pointer;
}
#tabcloudCONTROL span:active {
	background-color: #333333;
	color: #666666;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
}
#tabcloudCONTROL .passivebutton {
	background-color: #666;
	color: #E4E4E4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.thumbnails {
	text-align: right;
}

div.modulessetup {
}
div.modulessetup .moduleinfo {
	border: 1px dashed #CCC;
	margin: 0px;
	padding: 5px;
}
div.modulessetup .moduleinfo fieldset.example {
	background-image: url(../images/transparentstripes.png);
	background-color: #FFF;
}

/* */
div.errorie {
	border: 1px solid #CCC;
	margin-right: auto;
	margin-left: auto;
	width: 480px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.errorie p {
	padding: 1px;
	letter-spacing: 2px;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
}
div.errorie table {
	width: 100%;
}
div.errorie:first-child > table tr td {
	text-align: center;
}
div.errorie table tr th {
	color: #F00;
	background-color: #FF0;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: normal;
}
.signup_missing_input {
	background-color: rgba(255,0,0,0.5);
	border: 1px solid red;
	padding: 2px;
	margin: 2px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#ATEDINclock {
	font-size: 2em;
}
span.zeroFormerWarning:after {
	font-family: ElegantIcons;
	content: "s";
	color: #F00;
}

.mjs-nestedSortable-error {
	border: 2px solid red;
}

div.systemeditor.userLoginTracker {

}
div.systemeditor.userLoginTracker .logip {
	float :right;
	padding: 0.5em 1em;	
	
}
div.systemeditor.userLoginTracker .change {
	padding: 1em 1.5em;
	background-color: #666;
	color: #FFF;
	font-size: 1.5em;
	text-transform: uppercase;
}
div.systemeditor.userLoginTracker .dayChange {
	border-top:3px solid black; margin-top: 5px; 
}
div.systemeditor.userLoginTracker .ipChange:before {
	border-top:3px solid red; margin-top: 5px;
	display:block;
	content: " ";
}