/*body{height: 6000px;}*/
.ui_system_container{
	display:block;
	position:relative;
	margin: 0 auto;
	overflow: none;
	font-size: 12px;

	/* Основной блок */
	//margin:20px;
	//padding:10px;
	//display:block;
	//position:absolute;
	height: auto;
	//max-height: 90%;
	//max-width: 90%;
	//overflow: hidden;
	background-color: #aaa;
	//margin: 0 auto;
	z-index: 100000;
	}

.ui_system_tpleditor_window{
	border:2px outset  #aaa;
	box-shadow: 5px 5px 5px gray;
	}

.ui_system_pp_window{
	border:2px outset  #aaa;
	box-shadow: 5px 5px 5px gray;
	}

.ui_system_panelButton35{
	display: inline-block;
	position: relative;
	cursor:pointer;
	width:35px;
	height:35px;
	background: #89b4cd;
	margin: 4px;
	}
.ui_system_panelButton35#new{
background-image: url("http://old.clear.pw/img/system/tpleditor/tpl-new-template.png");
background-position: 50% 50%;
background-repeat: no-repeat;
	}	
.ui_system_panelButton35:hover{
	border: 1px solid yellow;
	margin: 3px;
	}

.ui_system_panelButton35>div{
	position: absolute;
	visibility: hidden;
	}
.ui_system_panelButton35:hover>div{
	position:absolute;
	top:30px;
	left:30px;
	//display:block;
	visibility: visible;
	transition-delay:1s;
	border:1px solid blue;
	z-index:100002;
	background-color:white;
	color:black;
	white-space: pre;
	}

/*li:not(.closed){list-style: circle;}
li.closed{list-style: disc;}
li.closed>ul{display: none;}
*/

.ui_system_panelButton15{
	display: inline-block;
	position: relative;
	cursor:pointer;
	width:15px;
	height:15px;
	background: #89b4cd;
	margin: 4px;
	}
.ui_system_panelButton15:hover{
	border: 1px solid yellow;
	margin: 3px;
	}

.ui_system_panelButton15>div{
	position: absolute;
	visibility: hidden;
	}
.ui_system_panelButton15:hover>div{
	position:absolute;
	top:10px;
	left:10px;
	//display:block;
	visibility: visible;
	transition-delay:1s;
	border:1px solid blue;
	z-index:100002;
	background-color:white;
	color:black;
	white-space: pre;
	}


.ui_system_placeholder{
	border:4px solid gray;
	}

.ui_system_hider{
	border: 1px solid white;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	}

div.ui_system_window_menu{
/*/	height:30px;//!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!/**/
	display: block;
	position: relative;
	color:white;
	}

div.ui_system_window_menu li{
	list-style: none;
	white-space: none;
	position: relative;
	font-size: 12px;
	padding: 0;
	color:black;
	}

div.ui_system_window_menu>ul>li{
	background-color: #aaa;
	}

div.ui_system_window_menu>ul>li:hover{
	background-color: #bbb;
	}

div.ui_system_window_menu li:hover{
	text-decoration: underline;
	}

div.ui_system_window_menu>ul>li ul{
	margin: 0;
	padding: 0;
	padding-top: 10px;
	background-color: #bbb;
	color:white;
	z-index: 100000;
	padding:10px;
	border: 1px outset #ddd;
	border-top: 1px outset #aaa;
	left: -2px;
	display: none;
	min-width:120px;
	}


div.ui_system_window_menu ul>li{
	margin: 0;
	padding: 0;
	}
	
div.ui_system_window_menu>ul>li{
	margin: 	0 5px;
	padding: 	0 10px;
	display: 	inline-block;
	cursor: 	pointer;
	}


div.ui_system_window_menu>ul>li>ul{
	display: none;
	}

div.ui_system_window_menu ul>li:hover>ul{
	display: 	block;
	position: 	absolute;
	}

div.ui_system_window_menu>ul ul>li>ul{
	left:	120px;
	top: 	-10px;
	}

.ui_system_content:not(table){
	display:	block;
	position:	relative;
	padding:	10px;
	border:		2px solid black;
	margin:		0 auto;
	height: 500px;
	max-height: 500px;
	overflow: scroll;
	}


ul ul>li.ui_system_menu_haveitems:after{
	content: '>';
	float:right;
	}

table.ui_system_content{
	position: relative;
	table-layout: fixed;
	width: 100%;
	}

table.ui_system_table{
	position: relative;
	table-layout: fixed;
	width: 100%;
	border:1px solid gray;
	background: #ccc;
	}

table.ui_system_table.liner tr:nth-child(odd){
	background: #bbb;
	}
table.ui_system_table.liner tr:nth-child(1){
	background: #bbb;
	}


/* Абсолютное позиционирование внутри родителя */
.ui_system_absolute{position:absolute;}

/* Отключение отрисовки элемента документе */
.ui_system_hidden{display: none;}

/* relative */
.ui_system_relative{position: relative;}


/**
Изменялка размера
**/
.ui_system_container_resizer{
	/* Заголовок окна */
	position:absolute;
	border-right:4px double black;
	border-bottom:4px double black;
	bottom: 0;right: 0;
	height:15px;
	width:15px;
	}


/**
Модуль заголовка окна
**/
.ui_system_container_title{
	/* Заголовок окна */
	position:relative;
	//display:block;
	border: 1px solid black;
	//top: 0;left:0;right: 0;
	height:20px;
	cursor:pointer;
	padding: 3px;
	background: linear-gradient(to right, #55a, #eef);
	//font-size:12px;
	color: black;
	padding-left: 8px;
	}


.ui_system_container_title_buttons{
	/* Кнопки заголовка окна */
	width:18px;
	height:18px;
	background: gray;
	margin:0;
	}
.ui_system_container_tleft_buttons{
	/* Кнопки заголовка по левому краю краю. */
	float: right;
	}
.ui_system_container_tright_buttons{
	/* Кнопки заголовка по правому краю. */
	float: left;
	}

.ui_system_container_killer{
	/* Кнопк карытия окна */
	float:right;
	color:red;
	font-size: 16px;
	font-weight: bold;
	padding:2px;
	top:0;right:0;
	position: absolute;
	}

li.ui_system_struct_node{
	white-space: nowrap;
	word-wrap: keep-all;
	}

div.ui_system_struct_node_button{
	display: inline-block;
/*	background: red;*/
	}

.ui_system_struct ul{
	padding-left: 15px;
	background-overflow: visible;
	background-clip: padding-box;
	}

.ui_system_struct>ul{
	position: relative;
	}


.ui_system_struct li{
	padding: 0;
	margin: 0;
	padding-left: 0px;
	position: relative;
	}
.ui_system_struct li>div{
	display: inline-block;
	}


.ui_system_editor_viewcolor{
	content: " ";
	width: 20px;
	height: 20px;
	}

/*

.ui_system_struct li:not(:last-child){
	background-image: url(/img/tree_i.gif);
	background-repeat: repeat-y;
	background-position: -5px;
	}

.ui_system_struct li:last-child{
	background-image: url(/img/tree_i_half.gif);
	background-repeat: no-repeat;
	background-position: -5px -2px;
	}




.ui_system_struct li:not(:last-child)>div::before{
	content: "";
	width:20px;
	position: absolute;
	height:10px;
	display: block;
	background-image: url(/img/tree_leaf.gif);
	background-position: 3px;
	background-repeat: no-repeat;
	left: -5px;
	background-size: 10px 18px;
	}

.ui_system_struct :last-child>div::before{
	content: "";
	width:20px;
	position: absolute;
	height:10px;
	display: block;
	background-image: url(/img/tree_leaf.gif);
	background-position: 3px;
	background-repeat: no-repeat;
	left: -5px;
	background-size: 10px 18px;
	}
*/
/*
	background-repeat: no-repeat;
	background-position: -17px;
	background-overflow: visible;

	}

#maintree ul{
	background-overflow: visible;
	}


#maintree li{
	cursor: pointer;
	position: relative;
	}

#maintree li::before {
content: '';
position: absolute;
top: 0;
width: 100px;
height: 80px;
padding-right: 1em;
background-repeat: repeat-y;
}
*/