#sql_editor_cursor{color:red}
.head_background{position:absolute;background:red;width:100%;height:30px;left:0;top:0;z-index:-1;display:none}

/*chrome button style fix*/

button, input[type=submit], input[type=reset]{background: linear-gradient(to top, rgb(222,222,222), rgb(246,246,246));border: 1px solid rgb(148,148,148);padding-top: 1px;padding-bottom:1px;border-radius: 1px;}			
button:hover, input[type=submit]:hover, input[type=reset]:hover{border-color:rgb(123,123,123)}
button:active, input[type=submit]:active, input[type=reset]:active{background: linear-gradient(to bottom, rgb(222,222,222), rgb(246,246,246));}
input[type=text]{padding:1px 0}

/*! chrome button style fix*/

*{padding:0;margin:0;text-decoration:none;}
html{overflow:scroll}
body{display:table;padding-right:372px;}	
	body.comments_hided{padding-right:0}	
	.__window_width{margin-right:-392px}
	.__comments_padding{padding-right:372px;}
	body.comments_hided .__comments_padding{padding-right:0;}
	body.comments_hided .__window_width{margin-right:-20px}
body, input, textarea, table{font-family:tahoma;font-size:14px;font-weight:normal;text-decoration:none;color:#000}
.__blue{color:#22f;cursor:pointer}
.__blue:hover{text-decoration:underline}
._fix_on_scroll{position:relative}

#image_preloader{position:absolute;left:-200px;width:10px;height:10px;background:url(/img/note16.png), url(/img/note19.png), url(/img/note21.png), url(/img/youtube_play30.png), url(/img/youtube_pause30.png), url(/img/youtube_loading30.png), url(/img/object_play17.png), url(/img/object_menu.png), url(/img/list.png)}

#head{position:fixed;top:0;left:0;width:100%;z-index:2;}
#head > div{font-size:15px;overflow:hidden;margin:0px 0px;border-bottom:1px solid #ddd;padding:6px 10px 6px 10px;background:#eee;height:18px}
	#head *{font-size:15px;font-weight:-bold}
	h1{font-weight:bold;float:left}
	h1 a{color:#000}
	#head_menu{float:left;margin-left:10px;}
		#head_menu *{color:#000;color: 	#22f}
		#head_menu > div{margin-right:10px;float:left}
		#head_menu > div > ._slash{margin:0px 5px}
		#head_menu > div > a{cursor:pointer;text-decoration:-underline}
		#head_menu > div > a:hover{text-decoration:underline}
		
	#profile{float:right}
		#profile_header{color:#888;margin-right:3px;display:none}
		#profile ._name{font-weight-:bold}
		#uLogin{float:right;margin-left:5px}
		#logout{margin-left:7px;color:#22f;cursor:pointer}
			#logout:hover{text-decoration:underline}

/* object */

	.object{white-space:nowrap;line-height:22px;vertical-align:0%;overflow:hidden;float:none;position:relative;}
	.object_{vertical-align:top}
	.tree .object{display:inline-block}
		.object a{float:none;display:inline-block}
		
		.object .object_select{display:none}
		.object_select{width:20px;vertical-align:4px;}
		body.select .object_select{display:inline-block}
		
		.object_play, .object_menu_icon{vertical-align:top;cursor:pointer}
		.object_play {width:20px;height:22px;margin-right:2px;cursor:pointer;background:url(/img/note16.png) 0px 3px no-repeat;background-size:16px}
		.object_:hover .object_play{background:url(/img/object_play17.png) 0 3px no-repeat;background-size:17px}
		
		.object_text{display:inline-block;overflow:hidden;white-space:nowrap;height:22px;color:#000;cursor:pointer}
		.object_text:hover{text-decoration:underline}
		.table .object_text{max-width:200px}
		.result_table .object_text{max-width:200px}

		.object_menu_icon{visibility:hidden;cursor:pointer;width:20px;height:22px;background:url(/img/object_menu.png) 0px 2px no-repeat;}
		.object_:hover .object_menu_icon{visibility:visible}
		.object_menu_icon:hover{background:url(/img/object_menu.png) right 0px top 2px no-repeat}
		

	.table .object_{padding-right:17px}
		.table .object_select{float:left;margin-top:5px;height:17px;}
		.table .object_{display:block;}
		body.select .table .object_{margin-left:20px}
			.table .object_menu_icon{position:absolute;right:0;top:0;}			
			
	.result_table .object_{padding-right:17px}
		.result_table .object_select{float:left;margin-top:5px;height:17px;}
		.result_table .object_{display:block;}
		body.select .result_table .object_{margin-left:20px}
			.result_table .object_menu_icon{position:absolute;right:0;top:0;}			
	
		
.connection{display:inline-block;line-height:22px;vertical-align:top;margin-right:4px;color:#999;cursor:pointer}
	.connection_text:hover{text-decoration:underline}
	.connection_text_no_childs:hover{text-decoration:none}
	.connection_text_no_childs{cursor:auto}
/*.connection_expand{  
	display:block;
	position:absolute;
	margin-left:-20px;
	width:20px;
	height:22px;
	padding-left:29px;
	background: url(/img/connection_expand.png) no-repeat 4px 7px;
	
	}
	.tree .childs{padding-left:24px !important}*/
	
/* ! object */

#body{font-size:14px;overflow:hidden;margin:6px 10px;margin-top:37px;}
	.help{border:1px solid #ccc;padding:5px 10px;display:inline-block;margin:4px 0 6px 0;display:none;}
	.help b{color:rgb(51, 170, 102)}

	.body_head{display:block;margin-bottom:0;5px;font-weight:bold;margin-top:3px}
	.body_loading{height:37px}					
		.body_loading div{position:absolute;width:200px;height:20px;background:rgba(255, 255, 255, 0.87)}
	#initial_loading{height:37px;margin-top:8px}					
		#initial_loading div{position:absolute;width:200px;height:20px;background:rgba(255, 255, 255, 0.87)}
	.body_menu{margin-top:6px;/*margin-bottom:-1px*/}
		.body_menu a{display:inline-block;margin-right:10px;color:#22f;cursor:pointer;/*border-bottom:1px dotted*/}
			.body_menu a:hover{text-decoration:underline;-border-bottom-style:solid}
	
	/*.body_menu{display: table;margin-top: 10px;padding-bottom:7px;border-bottom: 1px solid #ddd;background: #f5f5f5;padding-top: 6px;margin-bottom:10px}
		.body_menu a{display: inline-block;margin-right: 10px;color: #22f;cursor: pointer;border-right: 1px solid #ddd;padding-right: 10px;}
		.body_menu a:first-child{padding-left:8px}
		.body_menu a:last-child{padding-right:0;margin-right:10px;border:0}*/
	
	.body_body{margin-top:6px;}
		.body_head + .body_body{margin-top:7px}
	
		#page_about{}
			#page_about ._link{color:#22f;cursor:pointer}
				#page_about ._link:hover{text-decoration:underline}
		
		#page_cats{}
			#page_cats ._cat{margin-bottom:7px;color:#22f;}
				#page_cats ._cat span:hover{text-decoration:underline;cursor:pointer}
			#page_cats .body_loading{margin-top:11px}
			#page_cats .body_body{margin-top:7px}
		
		#page_catalog{}						
			.object_filter{margin-top:11px}
				.object_filter input[type=text]{border:1px solid #a9a9a9;/*border:1px solid #b0b0b0;padding:1px 0;*/width:100px;text-indent:2px}
				.object_filter input[type=submit]{padding-left:10px;padding-right:10px;;margin-left:1px;}
				.object_filter input[type=reset]{padding-left:7px;padding-right:7px;margin-left:1px;}
				
			/*.object_table{overflow-x:auto}*/
			.table_cont tr{vertical-align:top}
				.table_filtered_cont{padding-right:16px;position:relative;background:white;z-index:1;margin-left:-20px;padding-left:20px}
				
				.table_not_filtered_cont td:first-child{display:none}
				.table_not_filtered_cont .table td:first-child + td{border-left:0}
				.table_not_filtered_cont .table td:first-child + td > div{padding-left:0}
				
				.table_filtered_cont .table td:last-child .table_type_head, table td:last-child .table_type_object{padding-right:8px}
				.table_filtered_cont .table td:last-child{padding-right:0px}
			
			.table{vertical-align:top;margin-top:15px;11px}
				.table tr{vertical-align:top}
				.table td{vertical-align:top;}
				.table td:first-child + td{border-left:1px solid #ccc;#d9d9e0}
				.table td:first-child + td > div{padding-left:15px}
				.table td:first-child .table_type_head{border-bottom:1px solid  #ccc;#d9d9e0;padding-right:15px;color:#888;padding-right:0}
				.table td:first-child .table_type_objects{margin-right:15px;padding-right:0;color:#888;}
				.table td:last-child .table_type_head, table td:last-child .table_type_object{padding-right:8px}
				.table_filtered_cont .table td:last-child .table_type_head, .table_filtered_cont table td:last-child .table_type_object{padding-right:8px}
				.table td:last-child{padding-right:5px}
				.table td:first-child .table_type_head{margin-bottom:7px}
				.table_type_head{font-weight-:bold;font-style-:italic;margin-bottom:/*7px*/5px;padding-bottom:8px;border-bottom:1px solid  #ccc;#d9d9e0;padding-right:29px;color:#000;position:relative}
					.table_type_head a{cursor:pointer;color:#000;white-space:nowrap}
					.table_type_head a:hover{cursor:pointer;text-decoration:underline}
					.table_type_head ._menu_icon{display:none;cursor:pointer;width:20px;height:20px;top:0px;position:absolute;right:8px;background:url(/img/object_menu.png) top left no-repeat}
					.table_type_head:hover ._menu_icon{display:block;}
					.table_type_head ._menu_icon:hover{background:url(/img/object_menu.png) top right no-repeat}
				.table_type_objects{}
					.table_type_objects_filtered + div{margin-top:10px}
					.table_type_object{position:relative}						
			.table *{border-color:/*#d9d9e0*/#ccc !important}
			#page_catalog .body_loading{margin-top:13px;16px}
			#page_catalog._object_filter_hided .body_loading{margin-top:11px;16px}
			#page_catalog._object_filter_hided .object_table{display:none}
				
		#page_catalog_object{}
			#page_catalog_object .body_body{margin-top:6px}
			#trees{}														
				.tree{margin-top:5px}								
					.tree .childs{padding-left:20px;border-left:1px dotted #ccc}				
					.tree .branch{overflow:hidden;background-:#fff;margin-left:-1px;border-left:1px solid inherit}						
					
			#page_catalog_object .body_loading{margin-top:10px}
			
		#page_sql{}
			#page_sql .body_body{margin-top:8px}
				#page_sql ._request{margin-right:20px}
					#page_sql .sql_editor{min-height:42px;border:1px solid #ccc;margin-top:10px;margin-bottom:7px;padding:10px;padding-bottom:12px}			
					#page_sql ._execute{padding:1px 8px}
				#page_sql ._result{margin-top:11px}		
					#page_sql .table td:first-child{display:none}
					#page_sql .table td:first-child + td{border-left:0}
					#page_sql .table td:first-child + td > div{padding-left:0}
					#page_sql .table{margin-top:0}
				
				#page_sql .table_type_object{padding-top:3px;padding-bottom:3px}
					
				#page_sql .table_type_object:nth-child(2n){background:#f5f5f5;padding-top:1px;0;padding-bottom:1px;}
				#page_sql .table_filtered_cont{padding-right:0}
				
				.sql_editor{-font-family:"Courier New";line-height:21px;white-space:nowrap;overflow-x:auto}
				.sql_editor ._bracket{color:#000080;#23a;#000080;#23a;font-weight:bold}
				.sql_editor ._point{padding:0 1px}
				.sql_editor ._bold{color:#b66;#a47;#804000;#00f;#a47;font-weight:bold}
				.sql_editor ._tab{color:#a47;font-weight:-bold;width:50px}
				.sql_editor ._literal{color:#888}
				.sql_editor ._decimal{color:#d80;#d52}
				.sql_editor ._bracket_{-color:#23a}
				.sql_editor ._function{color:#871;#2a2;font-weight:bold}
				
				.result_table td{height: 22px;padding-right:8px}
				.result_table tr td{padding-top:3px;padding-bottom:3px}
				.result_table tr:nth-child(2n+1) td{background:#f5f5f5;padding-top:1px;padding-bottom:1px;}
				.result_table tr:first-child{vertical-align:bottom}
				.result_table tr:first-child td{border-bottom: 1px solid #ccc;padding-bottom:8px;margin-bottom:5px;font-weight:normal;padding-top:0;background:transparent}
					.result_table tr:first-child td > div{max-width:217px;}
				.result_table tr:first-child + tr td{padding-top:8px}



				
#menu{line-height:22px;border:1px solid #ddd;e7e7e7;display:inline-block;padding:0px 0 0px 0;background:#eee;cursor:pointer;position:absolute;/*margin-top:22px*/;z-index:4}
	#menu *{color:#333}
	#menu > div{padding:0px 10px 0px;white-space:nowrap}
		#menu > div:first-child{padding-top:2px}
		#menu > div:last-child{padding-bottom:2px}					
		#menu > div:hover{background:#e0e0e0;color:#000}							
		#menu ._separ{border-bottom:1px solid #ddd;margin:5px 10px 4px 10px}

#panel_bars_left{position:fixed;bottom:0;left:0;z-index:2}

#save{float:left;right;padding:5px 10px;/*position:fixed;bottom:0;right:0;*/background:rgba(220, 220, 220, 0.94);position:relative;margin-bottom:-1px;border-bottom:1px solid #ccc;z-index:1}

#select{display:none;float:left;padding:5px 10px 5px 10px;background:rgba(220, 220, 220, 0.94);position:relative;clear:both;margin-bottom:-1px;border-bottom:1px solid #ccc;margin-top:1px}
body.select #select{display:block;}
	#select > ._head{font-weight:bold;margin-right:0px}
	#select a{color:#22f;margin-left:7px;cursor:pointer;}
	#select a:hover{text-decoration:underline}
	
#buffer{padding:5px 10px 5px 10px;background:rgba(220, 220, 220, 0.94);margin-top:1px;clear:both;overflow:hidden}
	#buffer > ._head{font-weight:bold;margin-right:5px}
	#buffer > ._params{margin-right-:5px}
		#buffer > ._params > span{margin-right:5px}
	#buffer > ._clear{color:#22f;cursor:pointer;margin-left:2px}
		#buffer > ._clear:hover{text-decoration:underline;}

#players{position:fixed;right:0;bottom:0;z-index:3}
	#players._vk_showed #save{margin-bottom:27px}
	#players._youtube_showed #save{margin-bottom:0px}

#players._player_hided #player_bar{display:block}
#players._player_hided #player{display:none}

#player_bar{white-space:nowrap;float:right;clear:both;display:none;/*position:fixed;right:0;bottom:0;*/padding:5px 10px;background:url(/img/note19.png) 6px 5px no-repeat, rgba(220, 220, 220, 0.94);background-size:19px;padding-left:29px}
#player_bar._locked{background:url(/img/note19.png) 6px 5px no-repeat, rgba(220, 220, 220, 0.94)  url(/img/lock1600.png) 26px 6px no-repeat;background-size:19px, 16px;padding-left:45px}
	#player_bar a{color:#22f;margin-left:7px;cursor:pointer;float:right}
	#player_bar a:hover{text-decoration:underline}
	#player_bar span{padding-right:1px}
	#player_head ._action_lock{background:url(/img/lock1600.png) 0px 1px no-repeat;background-size:16px;width:20px;height:20px;margin-right:-7px}
	
#player{display: none;position:fixed;right:0;bottom:0;width:361px;-box-shadow: 0px 0px 2px 0px rgba(120, 120, 120, 0.5);}

	#player_head{overflow:hidden;padding:5px 7px 4px 7px;height:20px;height:auto;border:1px solid #ccc;border-width:1px 0 0 1px;position:relative;border-bottom:1px solid #ddd;background:#eee url(/img/note21.png) 4px 4px no-repeat;background-size:21px;margin-bottom:-1px;}
		#player_head a{color:#22f;margin-left:7px;cursor:pointer;float:right;margin-left:8px}						
		#player_head > div{overflow:hidden;height:20px;padding-right:2px}
		#player_head > div > div{white-space:nowrap;padding-left:23px;}
		#player_head a:hover{text-decoration:underline}


	
	#vk{/*position:fixed;right:0;bottom:0;*/width:360px;z-index:;}
		
	#vk{height:27px;background:rgba(220, 220, 220, 0.94);border:0;/*border-bottom:1px solid #c0c0c0*/}
		#players._youtube_showed #vk{height:auto;border:1px solid #ccc;#d6d6d6;border-width:1px 0 0 1px;position:relative;border-bottom:1px solid #ddd;background:#eee;margin-bottom:-1px;border-top:1px solid #ccc;#cecece;#ccc}
		#vk._hided ._video{height:0}
		#vk._hided ._head{height:17px;padding:5px 10px;}
		
		#vk ._head{padding:5px 7px 5px 7px;height:20px;padding-bottom:4px;background:#fff}
			#vk ._head_title{float:left;font-weight:bold}
		#vk ._head a{color:#22f;margin-left:7px;cursor:pointer;float:right;}
		#vk ._head a:hover{color:#22f;text-decoration:underline}					
			#vk ._head select{padding:0 2px;width:170px;-margin-top:-1px}
			
			
		#vk ._action_show{display:none;}
		/*#vk ._action_stop{display:none;}*/
		/*#vk._hided ._action_hide{display:none;}	*/
		#vk._hided ._action_show{display:block;}
		#vk._hided ._action_stop{display:block;}
	
	#youtube_{/*position:fixed;right:0;bottom:0;*/width:360px;height:233px;border:1px solid #ccc;border-width:1px 0 0 1px;background:#eee;overflow:hidden;}
		#youtube_ ._video{background:#000}
	#youtube_._hided{height:80px;}
		#youtube_._hided ._video{height:50px;position:relative;overflow:hidden;}
		#youtube_._hided iframe{height:600px;bottom:0;position:absolute;}
			#youtube_._hided ._hint{display:flex;}
			#youtube_._hided ._hint_video{display:none;}
			#youtube_._hided ._hint._hided_first{display:none}	
			#youtube_ ._hint_video._hided{display:none;}						
				
	#youtube_._closed{height:30px}
	#youtube_._closed ._video{display:none}
	/*#youtube_._closed ._head_title{color:#888}
	#youtube_._closed select{background:#ccc}*/
				
		#youtube_ ._head{padding:5px 7px 5px 7px;height:20px;background:#fff}
			#youtube_ ._head_title{float:left;font-weight:bold}
			
			#youtube_ ._select_cont{overflow:hidden;padding-right:2px}
		#youtube_ ._head a{color:#22f;margin-left:7px;cursor:pointer;float:right;}
		#youtube_ ._head a:hover{color:#22f;text-decoration:underline}					
			#youtube_ ._head select{padding:0 2px;-margin-top:-1px;display:block;width:100%}
			#youtube_ iframe{font-weight:normal;width:360px;height:203px}						
			#youtube_ ._hint{display:none;position:absolute;padding:4px 7px 6px 7px;color:#aaa;left:0;background:#000 url('/img/youtube_pause30.png') 7px 10px no-repeat;background-size:30px;padding-left:44px;min-height:40px;width:310px;justify-content: center;flex-direction: column;}
			#youtube_ ._hint_video{position:absolute;padding:5px 7px 5px 7px;color:#000;background:rgba(187,187,187,0.94);z-index:1;max-width:336px;margin:7px}
			#youtube_ ._video:hover ._hint{display:none;}						
			#youtube_ ._video:hover ._hint_video._hided{display:block;-max-width:255px}
			#youtube_ ._video:hover ._hint_video._hided._hided_hover{display:none;}
			#youtube_._hided ._video:hover ._hint_video._hided{display:none}
			/*#youtube_ ._hint_video:hover{background:transparent;rgba(187,187,187,0.6);color:transparent}*/
			#youtube_[state_play="stopped"] ._hint{background:#000 url('/img/youtube_play30.png') 7px 10px no-repeat;background-size:30px;}
			#youtube_[state_play="loading"] ._hint{background:#000 url('/img/youtube_loading30.png') 7px 10px no-repeat;background-size:30px;}
			
		/*#youtube_ ._action_close{background: url(/img/search_close.png) 0px 2px no-repeat;width: 17px;margin-left:6px}*/
		/*#youtube_ ._head a._action_close:hover{text-decoration:none}*/
			
		#youtube_ ._action_show{display:none;}
		#youtube_ ._action_stop{display:none;}
		#youtube_._hided ._action_hide{display:none;}					
		#youtube_._hided ._action_show{display:block;}
		#youtube_._hided ._action_stop{display:block;}
			
#toast{position:fixed;left:50%;top:50%;display:none}	
	#toast > div{padding:5px 24px;color:#eee;border-radius:5px;background:rgba(120,120,120,0.84);left:-50%;top:-35px;position:relative}
			
#window_container{display-:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:4}
	.window{/*margin: 100px auto;*/background:#fff;border:1px solid #ccc;width: 1152px;margin-bottom:30px;75px}
		.window > ._head{font-size:15px;font-weight-:bold;padding:5px 0;border-bottom:1px solid #ddd;background:#eee;text-indent:24px;10px}
		.window > ._body{padding:0px 10px;margin-top:6px;overflow:hidden}
			.window ._form{padding-right:20px;display:inline-block;vertical-align:top}
			.window ._form_last{padding-right:0}
				.window ._form > ._head{margin-bottom:6px;padding-left:14px;font-weight:bold;margin-top:3px}
				.window ._form > ._body{}
					.window ._form  ._element{margin-bottom:10px;vertical-align:-top;padding-left:12px;background: url(/img/list.png) no-repeat 0px 6px;margin-left:-2px; padding-left:16px;}
						.window ._form ._element > ._head{margin-bottom:5px}
						.window ._form ._element > ._body + ._head{margin-top:10px;}
						.window ._form ._element > ._body{}
							.window ._form ._element > ._body input[type=radio]{vertical-align:-3px;margin-right:3px}
							.window ._form ._element > ._body input + input[type=radio]{margin-left:5px}
							.window ._form ._element > ._body select{height:23px}
							.window ._form ._element > ._body + ._body{margin-top:5px;}
							.window ._form ._element ._help{margin-top:5px;color:gray;display:none}
						.window ._form ._element > ._help{}
			.window input[type=text]{text-indent:2px}
			.window textarea{padding:0 3px}
		.window ._actions{margin:15px 0 10px;text-align:right;clear:both;}
			.window ._actions button{padding: 3px 9px;margin-right:7px;}
			.window ._actions button:last-child{margin-right:0px;}
			.window ._actions ._button_ok{margin-right:7px;padding:3px 12px}
							
	#window_object_connect_with_new_object{width:547px}
		#window_object_connect_with_new_object ._form:first-child{width:200px}
		#window_object_connect_with_new_object input[type=text]{width:186px}
		#window_object_connect_with_new_object ._form:last-child{width:300px}
		#window_object_connect_with_new_object textarea{width:286px}
	#window_object_connect_with_object_from_buffer{width:452px}
		#window_object_connect_with_object_from_buffer ._form{-width:200px}
		#window_object_connect_with_object_from_buffer input[type=text]{width:186px}
		#window_object_connect_with_object_from_buffer ._form:last-child{width:200px}
		#window_object_connect_with_object_from_buffer textarea{width:286px}
	#window_object_edit{width:327px}
		#window_object_edit ._form{-width:200px}
		#window_object_edit input[type=text]{width:186px}
		#window_object_edit ._form:last-child{width:300px}
		#window_object_edit textarea{width:286px}
	#window_object_new{width:327px}
		#window_object_new ._form{-width:200px}
		#window_object_new input[type=text]{width:186px}
		#window_object_new ._form:last-child{width:300px}
		#window_object_new textarea{width:286px}
	#window_object_remove, #window_alert{width:350px}							
	#window_connection_edit{width:327px}
		#window_connection_edit ._form{-width:200px}
		#window_connection_edit input[type=text]{width:186px}
		#window_connection_edit ._form:last-child{width:300px}
		#window_connection_edit textarea{width:286px}
	#window_connection_remove{width:350px}
	#window_type_edit{width:227px}
		#window_type_edit ._form{-width:200px}
		#window_type_edit input[type=text]{width:186px}
		#window_type_edit ._form:last-child{width:200px}
		#window_type_edit textarea{width:286px}
	
	.-window input[type=text][name=object_type]{width:100px !important}

#likes{margin-bottom:6px;overflow:hidden;padding-top:7px}
.like{float:left;min-height:20px;cursor:pointer}
	#facebook_like{-width:64px;110px;padding-left:0px;background:url(/img/like_facebook.png?) no-repeat; width:56px}
	#facebook_like:hover{background:url(/img/like_facebook.png?) 0 -20px no-repeat;}
	#facebook_like:active{background:url(/img/like_facebook.png?) 0 -40px no-repeat;}
	#tweeter_like, #tweeter_like iframe{width:62px !important;overflow:hidden}
	#google_plus_like, #google_plus_like > div, #google_plus_like iframe{width:/*65px*/34px !important;oveflow:hidden}
	#google_plus_like{background:url(/img/like_google.png?) no-repeat; width:34px}
	#google_plus_like:hover{background:url(/img/like_google.png?) 0 -20px no-repeat;}
	#google_plus_like:active{background:url(/img/like_google.png?) 0 -40px no-repeat;}
	#vk_like, #vk_like_button{overflow:hidden;}
	#vk_like{background:url(/img/like_vk.png?) no-repeat; width:92px;height:21px}
	#vk_like:hover{background:url(/img/like_vk.png?) 0 -21px no-repeat;}
	#vk_like:active{background:url(/img/like_vk.png?) 0 -42px no-repeat;}
	#telegram_like{margin-right:2px}
	
#comments_cont{padding-left:18px;position:fixed;right:0px;background:white;top:0;padding-right:4px;padding-left:16px;height:100%}
body.comments_hided #comments_cont{height:auto;padding-right:10px;position:absolute}
	#comments_cont > table{height:100%}
	#comments_cont_padding{height:39px;-margin-top:31px;width:362px;}
	#comments_cont_{width:362px;position:relative}
	body.comments_hided #comments_cont #comments_cont_{width:auto}
	body.comments_hided #comments_cont #comments_cont_padding{width:auto}
				
	
	#comments{overflow-y:scroll;width:362px;height:100%;position:absolute;top:0}
		body.comments_hided #comments_cont #comments{width:auto;overflow:hidden; position:static}
			body.comments_hided #comments_cont #commentsComments{display:none}
			body.comments_hided #comments_cont #commentsHeader{display:none}
			
		#comments_hide{cursor:pointer}
			#comments_hide:hover{text-decoration:underline}
			
		#comments_show{display:none;color:#22f;cursor:pointer;}
			#comments_show:hover{text-decoration:underline}
		body.comments_hided #comments_cont #comments_show{display:inline-block}
		
		/*#comments_hide, #comments_show{border-bottom:1px dotted #22f;margin-bottom:0px;line-height:17px;margin:1px 0;}
		#comments_hide:hover, #comments_show:hover{border-bottom-style:solid}*/

.commentsComment + div{border-bottom:1px solid #d0d0d7;/*#dddde7;*/#d9d9e0;/*#d6d6d6;*/#ccc;#d0d0e3;/*#dddde9;#ccccd0;*/#e3e3ee;#ddf;#d0d0e3;f0;#d9d9f3;/*#d3d3ee;*/#ddf;#ccc;#cccccc;#cecece;#d0d0d0;d6d6d6;margin-left:48px;margin-right:8px;}

/* comments */

	/*#commentsHeader:hover {
		background: #f7f7f7;
		border-top: 1px solid #ddd;
		margin-top: -1px !important;
		
		cursor: pointer;
	}*/
				
	/*.commentsHidden #commentsComments{display:none !important}
		#commentsShow{display:none;}			
		.commentsHidden #commentsShow{display:inline}
		.commentsHidden #commentsHide{display:none}
		.commentsFirstHidden #commentsHeader, .commentsFirstHidden #commentsTih{display:none}*/
	#comments #comments_chat_header, #comments .comments_chat_settings_option{display:none}
	#comments.chat #comments_chat_header{display:table}
	#comments.chat .comments_chat_settings_option{display:block}
	/*#comments[chat_show_all_in_common="1"] #comments_chat_settings_show_in_common{display:none}
	#comments[chat_show_all_in_common="0"] #comments_chat_settings_hide_in_common{display:none}*/
	
	#comments_chat_post_to{display:none}
	#comments.chat_post_to #comments_chat_post_to{display:table}
	
	/*.commentsComment{display:none}*/
	.-commentsComment{font-size:16px;font-family:Times New Roman}
	#comments[chat="0"][chat_show_all_in_common="1"] .commentsComment{display:block}
	#comments[chat="0"][chat_show_all_in_common="0"] .commentsComment[chat_id="0"]{display:block}
	/*#comments.chat .commentsComment, #comments.chat[chat_show_all_in_common="0"] .commentsComment[chat_id="0"]{display:none}*/
	
	#comments_chat_help{display:none}
	/*#comments.chat #comments_chat_help{display:block}*/

	#comments_chat_help{position:absolute;top:292px;right:435px;z-index:12;}
		#comments_chat_help > ._head{color:#000}
		#comments_chat_help > ._triangle_right{top:16px}
		#comments_chat_help ul{margin-left:20px}

/*-2 3
13
2*/
/*-2 1
12
2*/
	#commentsComments{line-height:22px}
		#comments_chat_header{background:#eee/* url('img/search_close.png')*/ no-repeat; background-position:right 2px top 50%; background-size:16px; border:1px solid #a5a5a5;#a7a7a7;height:20px;line-height:20px;vertical-align:middle;padding:0 22px 0 5px;cursor:pointer;display:table;margin:-4px 0 0px 0;cursor:default}
			#comments_chat_header span{position:relative;top:-1px;line-height:20px;cursor:text}
		#comments_chat_post_to{/*background:#fff url('img/search_close.png') no-repeat;*/ background-position:right 2px top 50%; background-size:16px; border:1px solid #999;#a7a7a7;height:20px;line-height:20px;vertical-align:middle;padding:0 0px 0 5px;cursor:pointer;/*display:table;*/margin:-2px 0 5px 0;cursor:default;color:#707070}
			#comments_chat_post_to span{position:relative;top:-1px;line-height:20px;cursor:text;display:block;float:left;max-width:288px;overflow:hidden;white-space:nowrap;cursor:pointer}
			#comments_chat_post_to div{line-height:20px;height:20px;cursor:default;display:block;float:left;width:22px;}
			#comments_chat_post_to:hover{background-color:#eee}
		.comments_chat_settings_option{clear:left;margin-top:4px;padding-bottom:0px;color:#222;line-height:18px}
			.comments_chat_settings_option input{vertical-align:middle;font-size:16px}
		#comments_chat_settings_show_all_in_common{margin-top:4px;2px;margin-bottom:8px}
	.commentsAva{float:left}
		.commentsAva img{width:37.5px;height:37.5px}
	#commentsAdd{margin-bottom:6px;7px;}
	.commentsComment{padding-bottom:3px;overflow:hidden;padding-top:8px;border-bottom:1px solid #ddd;#eee;stransparent;#ccc;ddd;#e5e5e5;#e5e5e5;#eaeaea;#e9e9e9;margin-right:7px;
	border:0;
		/*border:1px solid #eee;
		padding: 8px 8px 5px 8px;
		margin-bottom:10px;background:#fafafa;*/
	}
	.-commentsComment:hover{background:#f7f7f7;#fafafa;#f5f5f5;border:1px solid #ccc;#e3e3e3;e3e3e3;border-width:1px 0;margin-top:-1px;position:relative;
		-margin-bottom:-1px;
	}
	#commentsList/* > div:first-child*/ > div:first-child{padding-top:5px
		/*sdsdf;margin-top:10px*/
		}
	#commentsList > div:first-child > div:first-child:hover{border-top:0;margin-top:0}
	.commentsRight{overflow:hidden;padding-left:10px;8px}
		.commentsTextarea textarea{width:290px;height:56px;padding:3px 4px;-border:1px solid #ccc;border:1px solid #a9a9a9;margin-bottom:7px;display:block;font-size:14px;font-family:tahoma}
		.commentsAddButton{overflow:hidden;}
			.commentsAddButton div{padding:3px 9px;float:left;border:1px solid #88a;background:#a0aad5;color:#226;cursor:pointer;line-height:20px;}
			.commentsAddButton button{padding:/*2px*/0 8px;font-family:tahoma;font-size:14px;line-height:16px;height:25px}
			.commentsAddButton div/*:hover*/{background:#a8b2dd;border:1px solid #99c;color:#114}							
		#commentsAddSong{color:#707070;margin-left:10px;text-decoration:underline;cursor:pointer}
		#commentsAddSong:hover{color:#6a6a6a}
			#commentsAddSong > *{vertical-align:top;line-height:22px}
			#commentsAddSongShow{display:none}
			.commentsAddSongShowed #commentsAddSongShow{display:inline}
			.commentsAddSongShowed #commentsAddSongHide{display:none}
			
		.commentsName{-font-weight:bold;color:#22f;#1515aa;#22a;#0909a0;#0707a6;line-height:16px;margin:-2px 0px 2px 0px;
		/*margin:0;
			background: #eee;
padding: 3px 5px 4px 5px;
display: inline-block;
border: 1px solid #ddd;
margin-bottom: 6px;
margin-right: 7px;
color:#000
border:1px solid #ddd
		*/
		}
			.commentsName a{color:#22f;text-decoration:none;white-space:nowrap}
			.commentsName a:hover{text-decoration:underline}
		.commentsText{-margin-right:6px;line-height:19px}
			.commentsTextSong{text-decoration:underline;cursor:pointer}
		.commentsDate{color:#888;margin-top:2px;white-space:nowrap}
		.commentsAction{display:none}
			.commentsComment:hover .commentsAction{display:inline}
		.commentsAction a{cursor:pointer}
			.commentsAction a:hover{text-decoration:underline}
		.commentsQuote{border-left:1px solid #ccc;#ddd;#c9c9d0; padding-left:9px;margin:8px 0 4px 0;overflow:hidden}
		.commentsQuote:last-child{margin-bottom:5px}
			.commentsQuote b{display:block;margin-bottom:1px;margin-top:-3px;font-weight:normal;color:#22f;}
			.commentsQuote span{display:block;margin-bottom:0px;margin-bottom:-1px}
			.commentsQuote + .commentsQuote{margin-top:7px}

		.commentsCommentChat{background:#fff;color:#999;border:1px solid #999;height:20px;line-height:20px;vertical-align:middle;padding:0 5px 0 5px;cursor:pointer;display:table;margin:4px 0 3px 0;cursor:pointer;overflow:hidden}
			.commentsCommentChat:hover{background:#eee}
			.commentsCommentChat > div{max-width:310px;white-space:nowrap}
		#comments.chat .commentsCommentChat{display:none}
/* ! comments */

#ulogin{margin-right:-5px !important;}

/* logic */

	#buffer, #menu, #player{display:none}
	#window_container{display:none}
	#window_container > div{display:none}
	.page{display:none;}
	#save{display:none}
	
	#page_catalog._help_hide_table .object_filter, #page_catalog._help_hide_table .object_table{display:none}	
	#page_catalog._object_filter_hided .object_filter{display:none}
	
	#page_catalog_object._back_back{display:inline}
	#page_catalog_object ._back_up, #page_catalog_object ._back_history{display:none}
	#page_catalog_object._back_history_showed ._back_back{display:none}
	#page_catalog_object._back_history_showed ._back_up, #page_catalog_object._back_history_showed ._back_history{display:inline}

/* ! logic */


#tweeter_like {margin:0;padding:0;font:normal normal normal 11px/18px 'Helvetica Neue',Arial,sans-serif;color:#333;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}
							#tweeter_like {margin:0;padding:0;background:0 0}
							#tweeter_like a{outline:0;text-decoration:none}body.rtl{direction:rtl}
							#tweeter_like #widget{display:inline-block;white-space:nowrap;overflow:hidden;text-align:left}
							#tweeter_like #count,#tweeter_like .btn,#tweeter_like .btn .label,#tweeter_like .btn-o,#tweeter_like .count-o{display:inline-block;vertical-align:top;zoom:1}
							#tweeter_like .btn-o{max-width:100%}
							#tweeter_like .btn{position:relative;height:20px;box-sizing:border-box;padding:1px 8px 1px 6px;background-color:#1b95e0;color:#fff;border-radius:3px;font-weight:500;cursor:pointer}
							#tweeter_like .rtl .btn{padding:1px 6px 1px 8px}
							#tweeter_like .btn:active,#tweeter_like .btn:focus,#tweeter_like .btn:hover{background-color:#0c7abf}
							#tweeter_like .btn:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.1)}
							#tweeter_like .xl .btn:active{box-shadow:inset 0 3px 7px rgba(0,0,0,.1)}
							#tweeter_like .btn i{position:relative;top:2px;display:inline-block;width:14px;height:14px;background:transparent 0 0 no-repeat;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E)}
							#tweeter_like .btn .label{margin-left:3px;white-space:nowrap}
							#tweeter_like .btn .label b{font-weight:500;white-space:nowrap}
							#tweeter_like .rtl .btn .label{margin-right:3px}
							#tweeter_like .rtl .btn .label b{display:inline-block;direction:ltr}
							#tweeter_like .xl{font-size:13px;line-height:26px}
							#tweeter_like .xl .btn{height:28px;border-radius:4px;padding:1px 10px 1px 9px}
							#tweeter_like .rtl.xl .btn{padding:1px 9px 1px 10px}
							#tweeter_like xl .btn i{top:4px;height:18px;width:18px}
							#tweeter_like .xl .btn .label{margin-left:4px}
							#tweeter_like .rtl.xl .btn .label{margin-right:4px}
							#tweeter_like .aria{position:absolute;left:-999em}
							#tweeter_like .rtl .aria{left:auto;right:-999em}
							#tweeter_like .count-o{position:relative;background:#fff;border:#8799A6 solid 1px;border-radius:3px;visibility:hidden;min-height:18px;min-width:15px;text-align:center}
							#tweeter_like #count{white-space:nowrap;color:#292F33}
							#tweeter_like #count:focus,#count:hover{color:#333;text-decoration:underline}
							#tweeter_like .ncount .count-o{display:none}
							#tweeter_like .count-ready .count-o{visibility:visible}
							#tweeter_like .count-o i,.count-o u{position:absolute;zoom:1;line-height:0;width:0;height:0;left:0;top:50%;margin:-4px 0 0 -4px;border:4px transparent solid;border-right-color:#66757f;border-left:0}
							#tweeter_like .count-o u{margin-left:-3px;border-right-color:#fff}
							#tweeter_like .rtl .count-o i,.rtl .count-o u{left:auto;right:0;margin:-4px -4px 0 0;border:4px transparent solid;border-left-color:#66757f;border-right:0}
							#tweeter_like .rtl .count-o u{margin-right:-3px;border-left-color:#fff}
							#tweeter_like .hcount .count-o{margin:0 0 0 5px}
							#tweeter_like .hcount.rtl .count-o{margin:0 5px 0 0}.hcount #count{padding:0 5px}
							#tweeter_like .xl .count-o{font-size:11px;border-radius:4px}
							#tweeter_like .xl.hcount .count-o{margin:0 0 0 6px}
							#tweeter_like .xl.rtl.hcount .count-o{margin:0 6px 0 0}
							#tweeter_like .xl.hcount .count-o i,.xl.hcount .count-o u{margin:-5px 0 0 -5px;border-width:5px 5px 5px 0}
							#tweeter_like .xl.hcount .count-o u{margin-left:-4px}
							#tweeter_like .xl.rtl.hcount .count-o i,.xl.rtl.hcount .count-o u{margin:-5px -5px 0 0;border-width:5px 0 5px 5px}
							#tweeter_like .xl.rtl.hcount .count-o u{margin-right:-4px}.xl #count{padding:0 7px}
							
							
								.telegram-share{
								  position: relative;
								  display: inline-block;
								  height: 20px;
								  padding: 1px 8px 1px 6px;
								  font-weight: 500;
								  color: #fff;
								  cursor: pointer;
								  background-color: #0088cc;
								  border-radius: 3px;
								  box-sizing: border-box;
								  text-decoration: none;
								  font-size: 11px;
								}

								.telegram-share span{
								  display: inline-block;
								  margin-top: 2px;
								}

								.telegram-share i{
								  display: inline-block;
								  height: 20px;
								  vertical-align: top;
								  width: 12px;
								  background-repeat: no-repeat;
								  background-position-y: 4px;
								  background-size: 10px;
								  /* This image is included below :) */
								  background-image: url(/img/like_telegram.png);
								}

								.telegram-share:hover{
								  background-color: #007dbb;
								}

								.telegram-share:active{
								  background-color: #026698;
								}
																
/*chrome button style fix*/
																
.commentsAddButton button{padding:0 9px;}

.object_filter input[type=submit]{padding-left:11px;padding-right:11px;}
				.object_filter input[type=reset]{padding-left:8px;padding-right:8px;}
				
				
				.window ._actions button{padding: 3px 9px;padding-left:10px;padding-right:10px}
			.window ._actions button:last-child{margin-right:0px;}
			.window ._actions ._button_ok{margin-right:7px;padding:3px 12px;padding-left:13px;padding-right:13px}
			
/*! chrome button style fix*/
	
#likes{margin-bottom:4px;4px}
#commentsHeader{margin-bottom:2px !important;2px !important}

.commentsAva{position:relative;top:7px;1px}
.commentsRight{padding-top:6px;padding-bottom:5px;margin-left:45px;43px;46px;padding-left:7px;5px;7px;}
	#commentsAdd .commentsRight{padding-top:6px}

#commentsList > div:nth-child(4n+1) .commentsRight {padding-top:8px;padding-bottom:5px}														
#commentsList > div:nth-child(4n+1)  .commentsAva{top:8px}
#commentsList > div:nth-child(4n-1) .commentsRight{padding-top:6px;padding-bottom:3px}
#commentsList > div:nth-child(4n-1) .commentsAva{top:6px}

.commentsComment{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;-margin-right:6px}
.commentsComment + div{display:none}
#commentsList > div:nth-child(4n-1) .commentsRight{background:#f5f5f5}

.commentsTextarea textarea{width:280px;285px;height:55px}
#commentsList > div:first-child .commentsRight{padding-top:0}
#commentsList > div:first-child .commentsAva{top:0}
#commentsList > div:first-child{padding-top:0}

#commentsAdd .commentsAva{top:4px;6px}
#commentsAdd .commentsRight{-padding-top:0;margin-top:0;background:#eee;margin-right:7px;padding-bottom:6px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:11px;
							padding-left:6px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}
#commentsAdd {margin-top:-3px}	

#commentsAdd {margin-bottom:0px}
#commentsAdd .commentsRight{margin-bottom:8px}
			
			
#comments_show{display:none;color:#22f;cursor:pointer;margin-top:2px}
/*
.commentsAva{position:relative;top:6px;1px}
.commentsRight{padding-top:6px;padding-bottom:5px;margin-left:46px;43px;46px;padding-left:7px;5px;7px;}
	#commentsAdd .commentsRight{padding-top:6px}

-#commentsList > div:nth-child(4n+1) .commentsRight {padding-top:9px;padding-bottom:5px}														
-#commentsList > div:nth-child(4n+1)  .commentsAva{top:9px}
-#commentsList > div:nth-child(4n-1) .commentsRight{padding-top:6px;padding-bottom:2px}
-#commentsList > div:nth-child(4n-1) .commentsAva{top:6px}

.commentsComment{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;-margin-right:6px}
.commentsComment + div{display:none}
#commentsList > div:nth-child(4n-1) .commentsRight{background:#f8f8f8}

.commentsTextarea textarea{width:279px;285px}
#commentsList > div:first-child .commentsRight{padding-top:0}
#commentsList > div:first-child .commentsAva{top:0}
#commentsList > div:first-child{padding-top:0}

#commentsAdd .commentsAva{top:7px}
#commentsAdd .commentsRight{-padding-top:0;margin-top:0;background:#eee;margin-right:7px;padding-bottom:6px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:11px;
							padding-left:6px;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4}
#commentsAdd {margin-top:-3px}

/*
.commentsRight{padding-top:6px;padding-bottom:5px;margin-left:43px;46px;padding-left:5px;7px;padding-top:9px;padding-right:2px;padding-bottom:4px}
.commentsComment{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;-margin-right:6px}
.commentsComment + div{display:none}
#commentsList > div:nth-child(4n-1) .commentsRight{background:#f6f6f6;padding-top:6px;padding-bottom:2px}
#commentsList .commentsAva{position:relative;top:6px;1px;top:9px}
#commentsList > div:nth-child(4n-1) .commentsAva{position:relative;top:6px;1px;top:6px}

-#commentsList > div:nth-child(4n-1) {background:#f7f7f7}
-#commentsAdd{background:#f7f7f7;padding-top:5px;padding-left:8px !important}
-.commentsComment{padding-left:8px !important}

.commentsTextarea textarea{width:289px;290px}
#commentsList > div:first-child .commentsRight{padding-top:0}
#commentsList > div:first-child .commentsAva{top:0}
#commentsList > div:first-child{padding-top:0}

#commentsAdd .commentsAva{top:0}
#commentsAdd .commentsRight{padding-top:0;-padding-bottom:5px}
.commentsComment{margin-right:5px;}
.commentsComment + div{display:none}

*/
/*.commentsComment + div{display:none}
.commentsComment{margin-bottom:1px}


/*
hint

font-size: 15px;
    font-weight-: bold;
    padding: 5px 0;
    color: #eee;
    
    border-radius: 5px;
    background: rgba(120,120,120,0.84);
    text-indent: 24px;
	
	    font-size: 15px;
    font-weight-: bold;
    padding: 5px 24px;
    color: #eee;
    border-radius: 5px;
    background: rgba(120,120,120,0.84);
	*/