html	{height: 100%; background-image: url('img/bg.png'); background-color: #3c3c3c; }
body { padding: 0; margin: 0; font-size: 12px; font-family: Verdana, ARIAL, HELVETICA, SANS-SERIF; height: 100%; }
input,textarea { margin: 0; width: 100%; padding: 2px 0; border-radius: 3px; border: 2px solid #fff; background-color: #bbb; }
.checkbox	{ width: auto; height: auto; }
a { color: #999; text-decoration: none; }
a:hover { color: gray; text-decoration: underline; }

img	{ border: 0; }

.main-div		{ min-width: 996px; }

.center	{ text-align: center; }

.online-title	{ color:#ddf; }
.image-checkbox	{ width: 13px; height: 13px; cursor: pointer; display: inline-block; margin: 0 4px; margin-bottom: -2px; }

.edit	{ width: 100%; }
.radio	{ width: 20px; border: 0; height: 16px; }

.header { background-image: url('/img/top_bg.png'); height: 59px; color: white; font-size: 20px; font-weight: bold; padding-left: 30px;
				padding-top: 7px; text-shadow: 0.1em 0.1em 0.2em black; overflow: hidden; white-space: nowrap;  }
.header .logo	{ width: 30%; text-align: right; }
.header .main-logo	{ width: 40px; height: 40px; background: url(/img/spring_fling_bug.png) no-repeat; float:left; margin: 5px 10px 0 -5px; }
.header .main-logo .logo-popup	{ position: absolute; background: #222222; font-size: 14px; font-weight: normal; margin: 40px 0 0 0; z-index: 25;
								border:1px solid #808080; border-radius:5px; padding: 15px; width: 200px; white-space: normal; }
.header .mobile-menu			{ width: 40px; display: none; height: 40px; cursor: pointer; float:left; margin-right: 15px; margin-top: 6px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgd2lkdGg9IjI1IiBoZWlnaHQ9IjI1IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiA8dGl0bGUvPiA8ZGVzYy8+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPGcgaWQ9IlRhYkJhci1JY29ucyIgZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJub25lIj4gICA8ZyBpZD0iSGFtYnVyZ2VyLVJvdW5kIiBmaWxsPSIjMDAwMDAwIj4gICAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9IkhhbWJ1cmdlciIgZD0ibTAsNGMwLC0xLjEwNDU3IDAuODg5NzYsLTIgMi4wMDM1OSwtMmwyMC45OTI4MTEsMGMxLjEwNjU2LDAgMi4wMDM1OTksMC44ODc3MyAyLjAwMzU5OSwyYzAsMS4xMDQ1NyAtMC44ODk3NTksMiAtMi4wMDM1OTksMmwtMjAuOTkyODExLDBjLTEuMTA2NTUsMCAtMi4wMDM1OSwtMC44ODc3MyAtMi4wMDM1OSwtMmwwLDB6bTAsOGMwLC0xLjEwNDU3IDAuODg5NzYsLTIgMi4wMDM1OSwtMmwyMC45OTI4MTEsMGMxLjEwNjU2LDAgMi4wMDM1OTksMC44ODc3MyAyLjAwMzU5OSwyYzAsMS4xMDQ1NyAtMC44ODk3NTksMiAtMi4wMDM1OTksMmwtMjAuOTkyODExLDBjLTEuMTA2NTUsMCAtMi4wMDM1OSwtMC44ODc3MyAtMi4wMDM1OSwtMmwwLDB6bTAsOGMwLC0xLjEwNDU3IDAuODg5NzYsLTIgMi4wMDM1OSwtMmwyMC45OTI4MTEsMGMxLjEwNjU2LDAgMi4wMDM1OTksMC44ODc3MyAyLjAwMzU5OSwyYzAsMS4xMDQ1NyAtMC44ODk3NTksMiAtMi4wMDM1OTksMmwtMjAuOTkyODExLDBjLTEuMTA2NTUsMCAtMi4wMDM1OSwtMC44ODc3MyAtMi4wMDM1OSwtMmwwLDB6Ii8+ICAgPC9nPiAgPC9nPiA8L2c+PC9zdmc+) no-repeat center center;}

.header .title-mobile,
.header .title	{ padding-top: 8px; float: left; margin-top: 4px; }
.header .title-mobile{ display:none; }
.header .title-mobile a,
.header .title a{ color: #FFF; text-decoration: none; }
.newyearlogo { width: 40px; height: 40px; float: left; margin-right: 10px; margin-left: -5px; margin-top: 0px; }

.warning-line 				{ border-top:2px solid #4e4141; margin: 25px 0 0 0; }
.warning-line .info-block	{ background: #4e4141; border-color: #bf1313; }
.content { border: 1px solid gray; background-color: #555; color: white; margin-left: 10%; width: 80%; margin-top: 5px;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px; min-width: 680px;
			}
.content-blank { color: white; margin-left: 10%; width: 80%; margin-top: 5px; }

.menu { border: 1px solid gray; background-color: #555; color: white;  margin: 5px 0 0 10%; width: 80%;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px;
			text-align: center; }
.mainmenu { border: 1px solid gray; color: white;  margin: 5px auto 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			padding: 3px; text-align: center;
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
}
.filter { border: 1px solid #444; color: white; margin: 0 0 3px; display: block !important;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			padding: 3px; text-align: center;
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
}
.filter li	{ float:none !important; }
.menu .item	{ color:white; /*background-color: black; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */padding: 3px 15px;
			text-decoration: none; /*margin-right: 5px;*/
			
}
.menu .item:hover	{
	background-color: #444;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	background-image: -o-linear-gradient(top,  #444,  #000);
	background: -ms-linear-gradient(top,  #444,  #000);
}

.menu .subitem	{ color:white; background-color: black; padding: 3px 15px; text-decoration: none; margin: 2px; display: block; }
.menu .subitem:hover	{ background-color: #444; color: #ffe;  }

.clan-topinfo	{ margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.05); padding: 10px; }

ul.tabs		{ display: table; padding: 0 0px; list-style: none; position: relative; }
ul.tabs li	{ margin: 0; padding: 0; list-style: none; display: table-cell; float: left; position: relative; }
ul.tabs li:hover	{ 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#333));
	background: -moz-linear-gradient(top,  #444,  #333);
	background-image: -o-linear-gradient(top,  #444,  #333);
	background: -ms-linear-gradient(top,  #444,  #333);
}
ul.tabs li:hover:first-child	{
	border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
ul.tabs li:hover:last-child	{
	border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}
ul.tabs a	{ position: relative; display: block; }
ul.tabs .item {
		color:white; padding: 4px 15px;
		text-decoration: none; /*margin-right: 5px;*/
}
ul.tabs .itemselect {
		color:white; padding: 4px 15px;
		text-decoration: none; /*margin-right: 5px;*/
		background-color: black;
}
ul.tabs .last {
		color:white; padding: 3px 15px; width: auto; margin-right: -1px;
		text-decoration: none; /*margin-right: 5px;*/
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#222));
		background: -moz-linear-gradient(top,  #555,  #222);
		background-image: -o-linear-gradient(top,  #555,  #222);
		background: -ms-linear-gradient(top,  #555,  #222);
}
ul.dropdown {
		margin: 0 0 0 -36px; padding: 5px; display: block; position: absolute; z-index: 999; top: 100%; display: none; left: 0;
		border: 1px solid gray; background-color: #222; color: white;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
ul.dropdown ul.dropdown { top: 0; left: 95%; }
ul.dropdown li {
		margin: 0; padding: 1px; float: none; position: relative; list-style: none; display: block; 
}
ul.dropdown li:hover { background: none; }
ul.dropdown li a {
	display: block; padding: 5px 15px; color: white; text-decoration: none; text-align: center;
	background-color: black;  width: 110px;
}

ul.dropdown li a:hover {
	background-color: #444;
}

ul.dropdown .first-row	{ float:left; }
ul.dropdown .second-row	{ float:right; }
ul.dropdown.large		{ width: 284px; left:-60px; }
		
.navigate	{
			border: 1px solid #444; background-color: #000; margin: 3px 0;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			padding: 4px; padding-left: 10px;
			
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
}
.navigate .pages a			{ padding: 4px; border-left: 1px solid #555; text-decoration: none; color: white; }
.navigate .pages a:hover	{ background-color: #444; }
.navigate .pages .current	{ padding: 4px; background-color: #111; border-left: 1px solid #555; color: #888; }
.navigate .pages .separator	{ padding: 4px; border-left: 1px solid #555; }
.navigate .pages .hintright	{ padding: 4px; border-left: 1px solid #555; color: #777; }
.navigate .pages .hintleft	{ padding: 4px; color: #777; }
.navigate .tree		{
	text-decoration: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #333;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 3px 14px;
	margin-left: -10px;
	position: relative;
	color: white;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
	background: -moz-linear-gradient(top,  #555,  #444);
	background-image: -o-linear-gradient(top,  #555,  #444);
	background: -ms-linear-gradient(top,  #555,  #444);
	text-shadow: 0.1em 0.1em 0.2em black;
}
.navigate .treesel		{
	text-decoration: none;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	/*background-color: #444;*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#555));
	background: -moz-linear-gradient(top,  #444,  #555);
	background-image: -o-linear-gradient(top,  #444,  #555);
	background: -ms-linear-gradient(top,  #444,  #555);
	border: 1px solid #333;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 3px 14px;
	margin-left: -10px;
	position: relative;
	color: silver;
}
.navigate .tree:hover		{
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#333));
	background: -moz-linear-gradient(top,  #444,  #333);
	background-image: -o-linear-gradient(top,  #444,  #333);
	background: -ms-linear-gradient(top,  #444,  #333);
}

.pages		{ float: right; font-weight: normal; border-top: 0 solid #444; }

.forums { background-color: black; padding: 3px; width: 100%; }
.forums .icon	{ width: 30px; }
.forums .name	{  }
.forums .topics	{ width: 90px; text-align: center; }
.forums .posts	{ width: 90px; text-align: center; }
.forums .last	{ width: 190px; text-align: center; }

.forums .icon-row	{ background-color: #333; height: 24px; padding: 5px; }
.forums .name-row	{ background-color: #333; padding: 5px; font-size: 14px; font-weight: bold; }
.forums .name-row .info	{ font-size: 10px; font-weight: normal; padding-top: 2px; color: gray; }
.forums .topics-row	{ background-color: #333; padding: 5px; text-align: center; }
.forums .posts-row	{ background-color: #333; padding: 5px; text-align: center; }
.forums .last-row	{ background-color: #333; padding: 5px; text-align: center; font-weight: bold; }

.topics { background-color: black; padding: 3px; width: 100%; border-radius: 5px; }
.topics .icon	{ width: 22px; text-align: center; }
.topics .name	{ text-align: center; }
.topics .author	{ width: 150px; text-align: center; }
.topics .counter	{ width: 80px; text-align: center; }
.topics .last	{ width: 150px; text-align: center; }
.topics .datetime	{ width: 150px; text-align: center; }
.topics .data	{ width: 60px; text-align: center; }
.topics .delimiter	{ background-color: #222; padding: 3px; font-weight: bold; }
.topics .coords	{ width: 126px; text-align: center; }

.topics .icon-row	{ background-color: #333; padding: 5px; }
.topics .name-row	{ background-color: #333; padding: 5px; font-size: 14px; font-weight: bold; }
.topics .name-row-closed	{ background-color: #333; padding: 5px; font-size: 14px; font-weight: bold; text-decoration: line-through; }
.topics .author-row	{ background-color: #333; padding: 5px; text-align: center; }
.topics .posts-row	{ background-color: #333; padding: 5px; text-align: center; }
.topics .last-row	{ background-color: #333; padding: 5px; text-align: center; font-weight: bold; }
.topics .text-row	{ background-color: #333; padding: 5px; }
.topics .text-row-select	{ background-color: inherit; padding: 5px; }
.topics .t-0	{}
.topics .t-1	{ color: gold; }
.topics .nodata	{ height: 40px; text-align: center; background-color: #444; color: #bbb; }

.hovertr .topics tr:hover .icon-row,
.hovertr .topics tr:hover .name-row,
.hovertr .topics tr:hover .name-row-closed,
.hovertr .topics tr:hover .author-row,
.hovertr .topics tr:hover .posts-row,
.hovertr .topics tr:hover .last-row,
.hovertr .topics tr:hover .text-row	{ background-color: #555; }

.udescr { margin-left: 5px; margin-top: 2px; height: 16px; overflow: hidden; text-align: left; position: relative; }

#last-post	{ display: none; }

.posts { background-color: black; padding: 3px; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 2px 0; table-layout:fixed; }
.posts .author	{ width: 160px; }
.posts .memo	{ table-layout:fixed; width: 100%; }
.posts .msg	{  }
.posts .post-text	{ overflow: hidden; }
.posts .author-row	{ background-color: #333; padding: 5px; text-align: center; vertical-align: top; width: 160px; height: 100px;  overflow: hidden; }
.posts .hidden-row	{ background-color: #333; padding: 5px; height: 30px; text-align: center; vertical-align: top; width: 160px; }
.posts .msg-row		{ background-color: #333; padding: 5px; vertical-align: top;  color: #eee;  }
.posts .header-row	{ background-color: #333; padding: 5px; vertical-align: top;  color: #eee; height: 10px;  }
.posts .tool-row	{ background-color: #333; color: #eee; text-align: center; }
.posts .tool-row	.finger	{ display: none; margin-top: -1px; }
.posts:hover .tool-row	.finger	{ display: inline; }
.posts .header-row	.post-header	{ font-size: 10px; color: gray;  }
.posts .header-row	.post-text	{ padding: 3px; overflow: auto; }
.posts .header-row	.post-tools	{ float: right; display: none;  }
.posts:hover .header-row	.post-tools	{ display: block; }
.post-image	{ max-width: 800px; max-height: 800px; }

.panel { background-color: black; padding: 3px; }

.smilies	{ padding: 3px; width: 200px; }
.smilies .smile	{ margin: 3px; cursor: pointer; }

.posts .login	{ font-weight: bold; padding: 2px; }
.posts .pcount	{ font-size: 11px; padding: 2px; }

.date	{ font-size: 11px; color: silver; font-weight: normal; }
.small	{ font-size: 10px; }
.main-title	{ font-size: 14px; font-weight: bold; }
.main-title-close	{ font-size: 14px; font-weight: bold; text-decoration: line-through; }

.tools	{ padding: 10px; height: 24px; text-align: center; }
.tools .button			{
	border: 1px solid gray; color: white; padding: 6px; text-decoration: none; float:right; cursor: pointer; height: 15px; margin-left: 5px;  border-radius: 5px;
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
			border: 1px solid #444;
			box-shadow: 0 0 5px #444;
}
.tools .button:hover	{ 
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#000));
			background: -moz-linear-gradient(top,  #444,  #333);
			background-image: -o-linear-gradient(top,  #444,  #333);
			background: -ms-linear-gradient(top,  #444,  #333);
}
.tools .button[disabled=disabled] 	{ background-color: #ccc; color:#999;
										background: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#333));
										background: -moz-linear-gradient(top,  #444,  #333);
										background-image: -o-linear-gradient(top,  #444,  #333);
										background: -ms-linear-gradient(top,  #444,  #333);
										cursor: default; }
.tools .submit			{ background-color: #222; border: 1px solid gray; color: white; padding: 4px 8px; text-decoration: none; float:right; cursor: pointer; height: 25px; width: auto; }
.tools .submit:hover	{ background-color: #333; }
.tools .icon			{ float: right; margin: 0 4px; }

.hint				 	{ color:gray; padding: 5px 0 0 15px; }
.title-auc				{ width: 170px; display: inline-block; padding: 3px 10px 3px 0; }
.auc					{ padding: 6px 0 3px 10px; display: block; text-align: left; }
.auc .button			{ height: auto; width: 100px; float:none; }

.bestscreens	{ width: 100%; text-align: center; }

.line-form	{}
.line-form	.btn		{
			border: 1px solid gray; color: white; padding: 4px; text-decoration: none; width: auto; cursor: pointer; margin-left: 5px;
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
			border: 1px solid #444;
			box-shadow: 0 0 5px #000;
}
.line-form	.large-btn	{ font-size: 24px; padding: 3px 7px; }
.line-form	input, .line-form textarea, .line-form select	{ padding: 2px 0; border-radius: 3px; border: 2px solid #fff; background-color: #bbb; }
.line-form select					{ max-width: 400px; }
select	{ padding: 0; }
.line-form	.submit		{
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
			border: 1px solid #444;
			box-shadow: 0 0 5px #000;
}
.line-form	.submit:hover, .btn:hover { 
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
			background: -moz-linear-gradient(top,  #555,  #444);
			background-image: -o-linear-gradient(top,  #555,  #444);
			background: -ms-linear-gradient(top,  #555,  #444);
}
.line-form .text	{ width: 150px; margin: 0 7px; }
.line-form .file	{ width: 300px; margin: 0 7px 0 0; }
.line-form .title	{ margin: 0 7px 0 0; }
.line-form .check	{ width: 20px; margin: 0 7px; }
.line-form .clear	{ padding: 3px 0; }


.profile-block .line-form .title	{ display: inline; width: auto; padding: 0; margin: 0; }

#form-panel, .form-panel	{ padding: 7px 0; display: none; }

.msg-form	{ width: 100%; padding: 5px; border: 1px solid gray; background-color: #222; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.msg-form	.left-col	{ width: 150px; text-align: right; padding-right: 10px; }
.msg-form	.text		{ height: 200px; }
.msg-form	.icon		{ width: 10px; height: 10px; margin-left: 20px; }
.msg-form	.btn		{
			border: 1px solid gray; color: white; padding: 4px; text-decoration: none; width: auto; height: auto; cursor: pointer; margin-left: 5px;
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
			border: 1px solid #444;
			box-shadow: 0 0 5px #000;
}
.msg-form input, .msg-form textarea, .msg-form select	{ padding: 3px 0; border-radius: 3px; border: 2px solid #fff; background-color: #bbb; }
.msg-form select			{ max-width: 400px; }
.msg-form	.submit		{
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
			border: 1px solid #444;
			box-shadow: 0 0 5px #000;
}
.msg-form	.submit:hover, .btn:hover { 
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
			background: -moz-linear-gradient(top,  #555,  #444);
			background-image: -o-linear-gradient(top,  #555,  #444);
			background: -ms-linear-gradient(top,  #555,  #444);
}
.msg-form	.check		{ width: 20px; }
.msg-form	.title		{ padding: 5px; padding-bottom: 0; }
.msg-form	.control	{ padding: 5px; }

.file-cont 			  			{ position:relative; }
.file-cont > input[type=file]  	{ opacity:0; width: 207px; height: 24px;
									cursor: pointer; position: relative; z-index: 1; overflow: hidden; }
.file-cont .btn					{ display: none; }
.file-cont > .btn				{ width: 210px; position: relative; margin: 0 0 0 -217px; text-align: center; display: inline-block;
									cursor: pointer; overflow: hidden; border-radius: 3px; }
.file-cont > input[type=file]:hover + .btn	{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#444));
			background: -moz-linear-gradient(top,  #555,  #444);
			background-image: -o-linear-gradient(top,  #555,  #444);
			background: -ms-linear-gradient(top,  #555,  #444); }
			
.login-panel	{ float: right; color: silver; font-size: 12px; font-weight: normal; }

.small-text	{ width: 100px; }
.small-btn	{ width: 100px; height: 24px; }
.middle-btn	{ width: 300px; height: 30px; }
.login-panel .input	{ width: 100px; height: 16px; }
.login-panel .small-btn	{ width: 50px; height: 18px; }

.auth-error	{ border: 1px solid gray; background-color: #555; color: white; margin-left: 10%; width: 80%; margin-top: 30px;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
			padding: 20px; color: white; font-weight: bold; text-align: center; }


.bc_quote	{ background-color: #444; border: 1px solid #555; padding: 7px; margin: 5px 0;
		   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.bc_quote_title	{ font-style: italic; font-weight: bold; padding-bottom: 7px; color: cornsilk; }
.bc_header	{ background-color: #777; text-align: center; }
.bc_table	{ background-color: black; border: 1px solid silver; width: 100%; }
.bc_row_0	{ background-color: #222222; }
.bc_row_1	{ background-color: #2f2f2f; }
.scroll			{
	border: 1px solid #555; margin: 5px 0; color: black; color: white;
	
}
.scroll-head	{  background-color: #444; font-weight: bold; font-size: 12px; padding-left: 5px; padding-top: 4px; padding-bottom: 4px; cursor: pointer; vertical-align: center; min-height: 12px; }
.scroll-body	{  background-color: #222; padding: 5px; overflow: auto; display: none; }
.scroll-head ._plus	{ margin-right: 10px; margin-top: 2px; float: left; width: 9px; height: 9px; }
.spoler		{  width: 100%; }
.spoler-head	{  font-weight: bold; padding-left: 5px; padding-top: 4px; cursor: pointer; }
.spoler-body	{  padding-left: 15px; display: none; }

.profile	{  border: 1px solid gray; background-color: #222; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
			padding: 20px; height: 180px; }
.profile .title	{ color: silver; text-align: right; }
.profile .name	{ color: white; font-weight: bold; text-align: center; border-bottom: 1px dotted gray; }

.copyright	{ text-align: center; color: silver; font-size: 11px; padding-top: 10px;  width:auto; margin:0 10%; }

.coof-plus	{ color: chartreuse; }
.coof-minus	{ color: red; }

.online	{ padding: 7px; }

.format-tool	{ border: 1px solid silver; background: url('img/format.gif') #CCC; display: inline-block; height: 20px; width: 20px; margin-right: 3px; cursor: pointer;}
.format-tool:hover	{ background-color: #888; }
.f-bold	{ background-position: 0px 0px; }
.f-italic	{ background-position: -60px 0px; }
.f-under	{ background-position: -140px 0px; }
.f-strike	{ background-position: -120px 0px; }
.f-url	{ background-position: -500px 0px; }
.f-img	{ background-position: -380px 0px; }
.f-tab	{ background-position: -400px 0px; }
.f-list	{ background-position: -20px 0px; }
.f-listn	{ background-position: -80px 0px; }
.f-user	{ background-position: -40px 0px; }
.f-smile	{ background-position: -60px -20px; }
.f-code	{ background-position: -100px -20px; }
.f-cener	{ background-position: -420px 0px; }
.f-left	{ background-position: -460px 0px; }
.f-right	{ background-position: -480px 0px; }
.f-quote	{ background-position: -220px 0px; }
.f-youtube	{ background-position: -20px -40px; }
.f-achive	{ background-position: -60px -40px; }
.f-color	{ background-position: -40px -40px; }
.f-size	{ background-position: -720px -0px; }
.f-craft	{ background-position: -100px -40px; }
.f-item	{ background-position: -80px -40px; }
.f-wiki	{ background-position: -120px -40px; }
.f-preview{ background-position: -420px -20px; }
.f-spoiler	{ background-position: -140px -40px; }
.f-scroll	{ background-position: -160px -40px; }
.f-backup	{ background-position: -560px 0px; }
.color-cell	{ width: 30px; height: 15px; border: 1px solid silver; cursor: pointer; }
.color-cell:hover	{ border: 1px solid black; }
.preview-dialog		{ font-size: 12px; }
.preview-dialog	 a { color: #999 !important; text-decoration: none !important; }
.preview-dialog	 a:hover { color: gray !important; text-decoration: underline !important; }

.search	{ padding: 5px; }

.post-editor	{ height: 200px; }
.post-editor-cmd	{ text-align: right; }
.reg-form	{ width: 300px; margin: 5px; margin-left: 65px; height: auto; }

.info-block	{ margin: 15px; padding: 15px;
			border: 1px solid gray; background-color: #444; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.info-block div:nth-child(2) { padding-left: 16px; }
			
.info-block-yes	{ border-color: #8F8; }
.info-block-no	{ border-color: #F77; }

.frame	{ margin: 0 0 3px; padding: 5px;
			border: 1px solid gray; background-color: #222; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.blog .desc .frame,
.posts .msg-row .frame{ margin-top: 5px; }
.frame-body	{ margin: 5px 0; padding: 5px;
			background-color: #333; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.close-frame{ text-align: right; }
.rbtn	{ margin: 5px; padding: 5px; cursor: pointer;
			border: 1px solid gray; background-color: #222; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rbtn:hover	{ background-color: #444; }
.rbtn-active	{ margin: 5px; padding: 5px;
			border: 1px solid #222; background-color: #666; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.tb-panel	{
			margin-left: 10%; width: 80%; margin-top: 5px; padding-right: 6px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
			background: -moz-linear-gradient(top,  #333,  #222);
			background-image: -o-linear-gradient(top,  #333,  #222);
			background: -ms-linear-gradient(top,  #333,  #222);
			border: 1px solid gray;
			box-shadow: 0 0 5px #444;
}
.tb-panel .tb-btn	{ padding: 8px; cursor: pointer; margin: 0px; display: inline-block; }
.tb-panel .tb-btn:hover	{
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#333));
			background: -moz-linear-gradient(top,  #444,  #333);
			background-image: -o-linear-gradient(top,  #444,  #333);
			background: -ms-linear-gradient(top,  #444,  #333);
}
.tb-panel .tb-rbtn		{ float:right; padding: 13px 6px 15px; height: 15px; }
.tb-panel .tb-btn:hover:first-child	{
			border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.tb-panel .tb-btn img	{  }
.tb-panel .tb-btn-active	{ padding: 8px; margin: 0px; display: inline-block; background-color: #111; }
.tb-panel .tb-btn-active:first-child	{ padding: 8px; margin: 0px; display: inline-block; background-color: #111; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.tb-panel .splitter	{ display: inline-block; border-right: 1px solid #535353; }
.tb-panel .splitter span { height: 26px; display: inline-block; }

.page-title { border-bottom: 1px solid #666666; font-weight: bold; margin-bottom: 7px; padding: 5px; }
.page-title2 { font-weight: bold; padding: 7px; }

.craft-table	{ border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid #434343; border-bottom: 1px solid #434343; padding: 7px; background-color: #bbb; display: inline-block; }
.craft-slot	{ border-left: 1px solid #434343; border-top: 1px solid #434343; border-right: 1px solid white; border-bottom: 1px solid white; background-color: #7a7979; cursor: pointer;}
.craft-arrow	{ padding: 0 10px; }

.blocks-panel { position: fixed; left: 20%; top: 20%; width: 470px; height: 500px;  overflow: auto; padding: 5px;
				border: 1px solid gray; background-color: #444; color: white;
				-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
				-webkit-box-shadow: 0 0 15px #888; -moz-box-shadow: 0 0 15px #888; box-shadow: 0 0 15px #888;}
.block-item	{ margin: 2px; padding: 2px; width: 18px; height: 18px; float: left; cursor: pointer;
			border: 1px solid gray; background-color: #222; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px; }
.block-item:hover { background-color: #444; }
.block-item-title	{ padding: 3px; width: 450px; font-weight: bold; float:left; }
.items-bg	{ background: url('/img/mc/items.png'); width: 16px; height: 16px;  }
.access-bg	{ background: url('/img/mc/accessories.png'); width: 16px; height: 16px;  }
.shields-bg	{ background: url('/img/mc/shields.png'); width: 32px; height: 32px; display: inline-block;  }
.wings-bg-32	{ background: url('/img/mc/wings.png'); width: 32px; height: 32px; display: inline-block;  }
.blocks-bg	{ background: url('/img/mc/terrain.png'); width: 16px; height: 16px;  }
.blocks-bg-32	{ background: url('/img/mc/terrain.png'); width: 32px; height: 32px;
				-webkit-background-size: 512px 1024px; -moz-background-size: 512px 1024px; -o-background-size: 512px 1024px; background-size: 512px 1024px; }
.items-bg-32	{ background: url('/img/mc/items32.png'); width: 32px; height: 32px; background-position: -480px -448px; display: inline-block;
				-webkit-background-size: 512px 512px; -moz-background-size: 512px 512px; -o-background-size: 512px 512px; background-size: 512px 512px; }
.items3		{ background: url('/img/mc/items3.png'); width: 32px; height: 32px; background-position: -480px -448px; display: inline-block;
				-webkit-background-size: 512px 512px; -moz-background-size: 512px 512px; -o-background-size: 512px 512px; background-size: 512px 512px; }
.items-dmh-bg-32	{ background: url('/img/mc/items-dmh32.png'); width: 32px; height: 32px; background-position: -448px -448px; display: inline-block;
				-webkit-background-size: 512px 512px; -moz-background-size: 512px 512px; -o-background-size: 512px 512px; background-size: 512px 512px; }
.access-bg-32	{ background: url('/img/mc/accessories.png'); width: 32px; height: 32px; background-position: -480px -480px; display: inline-block;
				-webkit-background-size: 512px 512px; -moz-background-size: 512px 512px; -o-background-size: 512px 512px; background-size: 512px 512px; }
.buffs-32		{ background: url('/img/mc/buffs.png'); width: 32px; height: 32px; background-position: -224px -224px; display: inline-block;
				-webkit-background-size: 512px 512px; -moz-background-size: 512px 512px; -o-background-size: 512px 512px; background-size: 512px 512px; }
.blocks-32		{ background: url('/img/mc/blocks32.png'); width: 32px; height: 32px; background-position: -800px -480px; display: inline-block;
				-webkit-background-size: 832px 512px; -moz-background-size: 832px 512px; -o-background-size: 832px 512px; background-size: 832px 512px; }
.icons-24		{ background: url('/img/icons_24_24.png?a=12')  -224px -224px; width: 24px; height: 24px; display: inline-block; }
.items-amount	{ color: white; font-weight: bold; font-size: 16px; text-shadow: 0.1em 0.1em 0.2em black; text-decoration: none; margin-left: 20px; margin-top: -10px; position: absolute; }

.achive {	background-color: #444; border: 1px solid #555; padding: 7px; margin: 5px 0;
		   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.achive .title { color: #FF0; text-align: center; font-weight: bold; }
.achive .descr { font-size: 10px; padding: 0 10px; }
.achive .img {  }
.achive .score { background-color: #333; border: 1px solid #333; padding: 7px; margin: 5px 0;
		   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.screens		{padding: 7px; text-align: center;}
.screens .item	{background-color: #333; border: 1px solid #333; padding: 7px; margin: 5px; display: inline-block;
		   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 215px; }
.screens .title		{font-weight: bold; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.screens .info		{font-style: italic; font-size: 11px; color: gray;}
.screen-comments		{ text-align:left; padding:7px; background:#333; position: absolute; }
.screen-bottom 			{ padding: 4px 7px 0 7px; }
.screen-bottom .author	{ float:left; text-overflow:ellipsis; overflow: hidden; width: 135px; text-align: left; padding:3px 0 3px 5px; }
.screen-bottom .vote-simple,
.screen-bottom .vote-new{ float: right; cursor:pointer; display:inline-block; padding:2px 10px; margin:1px -4px 1px 1px; color: #8F8; }
.screen-bottom .vote-new[vote-id='']	{ color: #fff; }
.screen-bottom .vote-simple{ cursor:default; color:#FFF; }
.screen-bottom .vote-new:hover	{ background-color:#555; border: 1px solid #9f714b; margin:0 -5px 0 0; color: #F66; }
.screen-bottom .vote-new[vote-id='']:hover{ color: #8f8;}
.screens .item .map-coords{ padding:2px; }
.screen-bottom .thumb-up	{ vertical-align:baseline; margin-right: 2px; }

#img-frame	{ position: fixed; left: 10%; top: 5%; display: none; border: 1px solid gray; padding: 8px; background-color: white;
		-webkit-box-shadow: 0 0 15px #888; -moz-box-shadow: 0 0 15px #888; box-shadow: 0 0 15px #888; z-index: 100; }
#img	{ cursor: pointer;  max-height: 600px; }

.info-tip	{ paddint: 7px; }

.popup	{ padding: 10px; cursor: pointer; float: right; font-size: 12px; margin-right: 10px; min-width: 16px; text-align: center;
			border: 1px solid gray; background-color: #222; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.popup:hover	{ background-color: #444; text-decoration: none; }

.vote-ctl	{ cursor: pointer; }
.vote		{ margin: 0 5px; }
.vote-pos	{ color: #8F8; }
.vote-neg	{ color: salmon; }

/* group colors */
.guest { color: #FFF !important; }
.free { color: #888 !important; }
.vip { color: #8F8 !important; }
.girls { color: #F6F !important; }
.builders { color: #CCF !important; }
.codes { color: #888 !important; }
.mods { color: #F77 !important; }
.eventmoder { color: #F77 !important; }
.admins { color: #F44 !important; }
.premium { color: gold !important; }
.helper { color: dodgerblue !important; }
.platinum { color: #00a1d6 !important; }
.code { color: #ff9500 !important; }
.system { color: #F66 !important; font-weight: bold; text-shadow: 0.1em 0.1em 0.2em black; }

.params	{ color: yellow; }

.tooltip { position: fixed; border: 1px solid gray; padding: 7px; background-color: #222; display: none; color: white;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 3000;
			-webkit-box-shadow: 0 0 10px #888; -moz-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888;}
.user	{ max-width: 400px; }

.help		{ position: fixed; left: 0px; top: 100px; width: 40px; height: 40px; border: 1px solid red; background-color: #888; }

.home-link { padding-left: 16px; background: url("/img/home.png"); background-repeat: no-repeat; }

.tt-user {}
.tt-user .title { text-align: center; font-weight: bold; }
.tt-user .avatar { vertical-align: middle; }

.edit-title	{}
.edit-title .pen	{ display: none; cursor: pointer; position: absolute; margin-top: 0px;  }
.edit-title .body	{ padding: 2px; }
.edit-title:hover	{  }
.edit-title:hover .pen	{ display: inline; }

.user_hint { }
.user_hint .title { border-bottom: 1px dashed #aaa; display: inline-block; }
.user_hint .body { display: none; }

#chat { border: 1px dotted gray; overflow: auto; height: 366px; font-size: 12px; padding: 4px; background-color: #111; }
#chat-users { border: 1px dotted gray; overflow: auto; height: 366px; font-size: 12px; padding: 4px; background-color: #111; }
#chat-msg {}

.ac_results {
	padding: 0px;
	border: 1px solid gray;
	background-color: #222;
	overflow: hidden;
	color: white;
	z-index: 10000;
}
 
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	position:relative;
    margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
 
.ac_loading {
	background : Window url('/img/autocomplete_indicator.gif') right center no-repeat;
}
 
.ac_over {
	background-color: #444;
}

.map { width: 300px; height: 300px; border: 1px solid black; overflow: hidden; }
.map .chunk	{ position: relative; }
.map .chunk img	{ border: 0; margin: 0;  }

#mapemb			 { width: 400px; height: 400px; overflow: hidden; float:left; }

#tags-list {
	float: left;
	overflow: auto; width: 150px; color: black; height: 350px;
	border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid white; border-bottom: 1px solid white;
	background-color: #ddd;
}
#tags-list .item	{ padding: 1px 5px; }
#tags-list .select	{ font-weight: bold; }
#tags-list .item:hover	{ background-color: #aaa; cursor: pointer; }
#items-list {
	overflow: auto; height: 350px; width: auto; color: black;
	margin-left: 156px;
	border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid white; border-bottom: 1px solid white;
	background-color: #ddd;
}
#items-list .item	{ margin: 2px; padding: 2px; width: 32px; height: 32px; float: left; cursor: pointer;
			border: 1px solid gray; background-color: #ccc; color: white;
			padding: 3px; }
#items-list .item:hover { background-color: #999; }

.bar	{ height: 20px; }
.bar .title { font-size: 10px; float: left; margin-right: 3px; margin-left: 3px; width: 24px; position: absolute;
				padding: 2px 0px; width: 142px; text-align: right; }
.bar .out   { background-color: #000; border: 1px solid #777; width: 150px; float: left; }
.bar .in    { background-color: #222; font-size: 8px; height: 10px;
			background: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#222));
			background: -moz-linear-gradient(top,  #777,  #222);
			background-image: -o-linear-gradient(top,  #777,  #222);
			background: -ms-linear-gradient(top,  #777,  #222);
			height: 15px;
}
.svr-title { font-weight: bold; text-align: center; font-size: 12px; }

.attention { font-weight: bold; border: 1px solid gray; background-color: #555; color: red; margin-left: 10%; width: 80%; margin-top: 5px; min-width: 680px;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px;
			text-align: center; }

.settings	{ float: left; width: 30px; }
.line24		{ height: 24px; }

input:required:invalid, input:focus:invalid {
	background-color: #fbb;
	background-image: url('img/invalid.png');
	background-position: 99% 3px;
	background-repeat: no-repeat;
}
input:required:valid {
	background-color: #bbb;
	background-image: url('img/valid.png');
	background-position: 99% 3px;
	background-repeat: no-repeat;
}

input::-webkit-input-placeholder { color: #9f5d5d; }
input:-moz-placeholder { color: #9f5d5d; }
input::-moz-placeholder { color: #9f5d5d; }
input:-ms-input-placeholder { color: #9f5d5d; }

.vote-select { border-bottom: 1px solid gray; }

.ubutton { border: 1px solid #b7b7b7; font-size: 20px; padding: 10px 20px; color: white;
				text-decoration: none; margin: 0 0 30px 0; border-radius: 3px;
				background: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#333));
				background: -moz-linear-gradient(top, #666, #333);
				background-image: -o-linear-gradient(#666,#333); }
.ubutton:hover{ text-decoration:  none; color: yellow;
				background: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#444));
				background: -moz-linear-gradient(top, #777, #444);
				background-image: -o-linear-gradient(#777,#444); }


.leftpanel		{ width: 170px; float: left; margin: 7px; padding: 7px; font-size: 14px; 
					border: 1px solid #333; background-color: #333; color: white;
					-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.centerpanel	{ margin: 7px; padding: 15px; margin-left: 200px; background-color: #333; color: white; min-height: 400px; font-size: 14px;
					-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.centerpanelc	{ margin: 7px; margin-left: 200px; background-color: none; color: white; font-size: 12px;
					border: 0; }
.menu-title		{ font-weight: bold; padding: 4px; }
.menu-item		{ margin-left: 15px; }
.wiki-title		{ font-weight: bold; font-size: 16px; text-align: center; }
.wiki-part		{ border: 1px solid #333; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wiki-part-title	{ font-weight: bold; font-size: 14px; color: lemonchiffon; }
.wiki-part-body		{ padding: 6px; margin-left: 10px; }
.wiki-part .edit	{ visibility: hidden; float: right; width: auto; }
.wiki-part:hover	{ border: 1px solid #3f3f3f; }
.wiki-part:hover .edit	{ visibility: visible; }
.wiki-part-view	{ padding: 5px; }

.wikilink	 { color: #87ceeb; }
.wikiinfo	{ border-bottom: 1px dotted #888; margin-bottom: 3px; }

.wiki-attach	{ text-align: right; border-bottom: 1px solid gray; margin-bottom: 7px; font-size: 10px; }

.alert			{ padding: 10px; border: 1px solid yellow; background-color: #222; color: white; margin: 10px;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; }
.alert .icon	{ width: 100px; text-align: center; }
.alert .caption { }

.hintmess			{ padding: 15px; border: 1px solid gray; background-color: #222; color: white; height: auto; margin: 10px 0;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.hintmess .close		{ float: right; cursor: pointer; position: relative; margin-top: -10px; }

.clear						{ clear: both; }
.main-header				{ border-bottom: 1px dotted #888; margin-bottom: 5px; }
.main-header .user-link		{ float: right; font-size: 13px; }
.main-header .date			{ float:right; font-size: 11px; margin: 2px 0 0 10px; }

.two-cols-table				{ width: 100%; border-spacing: 0; }
.two-cols-table td			{ vertical-align: top; width: 50%; padding: 0 0 0 2px; }
.two-cols-table td:first-child{ padding: 0 2px 0 0; }


/* Аукцион */
.auction .tools				{ padding: 0; display:none; position:absolute; margin-top:-2px; 
								height: 20px;
								background:#333; width:210px; }
.auction .tools .button		{ float:left; padding: 2px 2px; height: 20px; margin-left:10px; }
.auction .tools input		{ float:left; }
.auction .tools .cancel		{ width:50px; }
.auction .tools .applay		{ width:25px; }


/* Блог */
.blog						{ }
.blog .main-title			{ padding: 0 0 15px 0; }
.blog .item					{ padding: 10px; border:1px solid gray; margin: 5px 15px 15px; border-radius: 5px; }
.blog .main-title			{ font-size: 18px; }
.blog .main-title input		{ width: 400px; float: left; margin: 0 0 2px 0; }
.blog .comments-title		{ padding: 5px 0; }
.blog .comment .comment		{ padding: 0 0 0 35px; background-image: url('/img/line1.png'); background-repeat: repeat-y; }
.blog .avatar				{ float: left; margin: 0 5px 0 0; }
.blog .maindata				{ margin: 0 0 0 54px; }
.blog .desc					{ padding: 20px 0; }
.blog .avatar img			{ display: block; }
.blog .comment .date		{ margin: 0 0 0 10px; }
.blog .comment .block				{ padding: 10px; border-radius: 5px; }
.blog .comment .block:hover			{ background: #333; }
.blog .comment .edit				{ float: right; visibility: hidden; width: auto; }
.blog .comment .block:hover .edit	{ visibility: visible; }
.blog .comment .user				{ max-width: 100%; }
.blog .comment-own .user			{ background: #000; padding: 3px; border-radius: 5px; }
.blog .desc							{ padding: 10px; }
.blog .desc .edit					{ visibility: visible; position: relative; margin: -15px 0 0 0; }
.blog .class-edit:hover				{ background: #333; border-radius: 5px; }
.blog .edit							{ float: right; width: auto; visibility: hidden; padding: 0 10px; }
.blog .class-edit:hover .edit		{ visibility: visible; }
.blog .edit-title .pen				{ margin: 5px 0 0 0; }
.blog .bc_quote						{  }
.blog-navi							{ left:15px; position: fixed; border:1px solid gray; padding: 2px;
										background: #444; top: 80px; }
.blog-navi .button					{  }
.blog-navi .button a				{ display: inline-block; width: 33px; text-align: center; padding: 4px 0; }
.blog-navi .button a:hover			{ text-decoration: none; background: #cecece; }

/* профиль */
.zoneinf-block,
.profile-block						{  border: 1px solid gray; background-color: #222; color: white;
									 border-radius: 5px; padding: 20px; margin: 0 0 5px 0; }
.profile-block .head				{ font-size: 16px; border-bottom: 1px dotted gray; padding: 0 0 2px 0; margin: 0 0 2px 0; }
.profile-block .title				{ display: inline-block; width: 150px; padding: 0 15px 0 0; }
.profile-block .item				{ padding: 5px 0; font-size: 12px; }
.profile-block .value				{  }
.profile-block .title img,
.profile-block .value img			{ vertical-align: bottom; }
.profile-block .desc				{ font-style: oblique; font-size: 10px; color:#666; padding: 2px 0 0; }
.profile-block .scroll-body .desc	{ padding: 5px 0; }
.profile-block .error				{ padding: 3px 0 5px; color:#f00; }
.profile-block input				{ width: 120px; }
.profile-block .value div			{ display: inline; }
.profile-block img.send				{ vertical-align: top; }
.profile-block .value .editable,
.profile-block .value .editable div	{ display: block; }
.profile-block  .value .editable .spoler .spoler-body	{ display: none; }
.profile-block .post-editor			{ display: block; height: 100px; }
.profile-block .editable			{ white-space: normal; }
.profile-block .team-link			{ white-space: nowrap; margin: 0 20px 0 0; line-height: 22px; }
.profile-block .team-link img		{ vertical-align: top; margin: 0 2px 0 0; }

/* заявки */
.requests .desc						{ padding: 0 0 10px; }
.move-desc							{ display: none; }

#user-select-category			{ height: 200px; width: 140px; border: 1px solid #444; background-color: #333; vertical-align: top; float: left; }
#user-select-category	.item	{ padding: 3px; }
#user-select-category	.item:hover	{ background-color: #444; cursor: pointer; }
#user-select-list				{ height: 200px; padding: 0px; display: none; border: 1px solid #444; background-color: #333; vertical-align: top; margin-left: 145px; overflow: auto; }
#user-select-list .upanel		{  }
#user-select-list .item			{ padding: 3px; }
#user-select-list .item:hover	{ background-color: #444; cursor: pointer; }
#user-select-search				{ height: 184px; padding: 8px; border: 1px solid #444; background-color: #333; vertical-align: top; margin-left: 145px; }

.item-icon			{ float: left; margin-right: 5px; }

.chat				{}
.chat .line			{}
.chat .messages		{ height: 300px; border: 1px solid #888; background-color: #444; padding: 5px; overflow: auto; }
.chat .sendpanel	{}

.zoneinf-block						{ padding: 20px; margin: 3px; }
.zoneinf-block-info					{ margin: 3px 3px 3px 415px; }
.zoneinf-block-map					{ float:left; width: 400px; border:1px solid gray; border-radius: 5px; padding:3px; }
.zoneinf-block .zone-name img		{ vertical-align: middle; margin: 0 3px 0 0; }


.title-value						{ display: inline-block; width: 150px; padding: 5px 0; }
.version							{ padding: 0 0 2em; }
.support-pannel	{
	color: white;
	overflow: hidden;
	border: 1px solid #888;
	border-radius: 5px;
	font-size: 14px;
	position: fixed; background-color: #444; padding: 3px; left: -14px; top: 200px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.preview {	position: fixed; left: 0; top: 0; opacity: 0.7; background-color: black; z-index: 1200; cursor: pointer; }
.preview-image	{ cursor: pointer; box-shadow: 0 0 10px #999; position: relative; }
.preview-images { position: fixed; left: 0; top: 0; z-index: 1201; cursor: pointer; text-align: center; display: table-cell;
   vertical-align: middle; }

.server-item			{ white-space: nowrap; width: 150px; float:left; line-height: 22px; }
.chat-filter			{ margin: 15px 0 0 0; height: 150px; padding: 0; width: 99%; }
.mute-form .title		{ margin: 5px 0;}

label.qu input[type="checkbox"] {
    display:none;
}
label.qu input[type="checkbox"] + span {
    display:inline-block;
    width:19px;
    height:14px;
    vertical-align:middle;
    background:url(/img/checkbox-off.png) left top no-repeat;
    cursor:pointer;
}
label.qu input[type="checkbox"]:checked + span {
    background:url(/img/checkbox-on.png) left top no-repeat;
}

label.qu input[type="checkbox"][disabled="disabled"] + span,
label.qu input[type="checkbox"][disabled="true"] + span {
    background:url(/img/checkbox-disabled-off.png) left top no-repeat;
    cursor: default;
}

label.qu input[type="checkbox"][disabled="true"]:checked + span {
    background:url(/img/checkbox-disabled-on.png) left top no-repeat;
    cursor: default;
}

.wikisearch .text	{ width: 90px; }

.top-block			{ position: fixed; left: 0; top: 0; height: 100%; padding: 150px 10px 0 15px; display: none; text-decoration: none; background: url(/img/bg_old.png); }
.top-block:hover	{ text-decoration: none; }

/*  Правая панель */
.right-panel					{ position: fixed; right: 0; top: 115px; padding: 0 15px 0 0; color:#fff; }
.right-panel .panel-link		{ display: block; margin: 0 0 15px; }
.right-panel .panel-link img	{ width: 24px; height: 24px; }
.right-panel .panel-link-view	{  }
.right-panel .panel-link-view img	{ width: 24px; height: 24px; }
.right-panel .twits_block		{ position: fixed; right: 15px; border:1px solid gray; top:115px; box-shadow: 0 0 5px #444;
									width: 450px; background: #222; border-radius: 5px; padding: 15px 15px 5px; }
.right-panel .counter			{ position: absolute; margin: 15px 0 0 0; width:28px; text-align:right; text-shadow: 0.1em 0.1em 0.2em black; }
.right-panel-preview			{ position: relative; top: 0; padding: 6px; }
.twits .item				 	{ padding: 0 0 15px 0; }
.twits .item a					{ color:#999; }

.card {
	display:inline-block;
	/*background:black;*/
	border: 1px solid #444;
	border-radius:4px;
	margin: 1px;
	color: #87ceeb;
/*	background: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#000));
	background: -moz-linear-gradient(top, #222, #000);
	background-image: -o-linear-gradient(#222,#000);*/
}
.card:hover {
	border-color: #222;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#000));
	background: -moz-linear-gradient(top, #333, #111);
	background-image: -o-linear-gradient(#333, #111);
}

.registration 			{ margin: 0 auto; width: 400px; }
.registration .msg-form	{ border: 0; }
.registration .caption	{ padding: 7px 18px 18px 0; margin-left: 100px; }
.registration .alert	{ height: auto; min-height: 50px; }

.filelist .item { cursor: pointer; border-radius: 3px; padding: 3px 3px 3px 22px; margin: 2px 0; }
.filelist .folder	{ background: url(http://icons.mcgl.ru/img/1/59_46.png) no-repeat 3px 3px; }
.filelist .file		{ background: url(http://icons.mcgl.ru/img/1/34_21.png) no-repeat 3px 3px; }
.filelist .selected,
.filelist .item:hover { background-color: #444; }
.filelist .item .icon			{ float:right; width: 16px; margin: 0 0 0 6px; display: none; }
.filelist .item:hover .icon		{ display: block; }

.second-toolbar					{ display:none; position: absolute; white-space: nowrap; }
.second-toolbar .tb-panel		{ width: auto; margin: auto; }

.tree-item			{ padding-left: 13px; }
.tree-item-sel		{ color: white; }

.icons16			{ background: url('/img/icons16.png'); width: 16px; height: 16px;  }

.normal-font	{ font-size: 12px; }

.ui-widget select	{ width: 100%; }

#smschat			{ width: 100px; }

pre code 			{ overflow: auto; }

.profile-panel						{ margin: 0 25px 0 0;  }
.profile-panel .button-container	{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.profile-panel .button				{ display: block; padding: 9px 10px 10px 10px; color: #fff; text-decoration: none; height: 16px;
										border-radius: 5px; margin: 1px; position: relative;z-index: 200; }
.profile-panel .button-arrow		{ padding-right: 0; }
.profile-panel .button .text		{ display: inline-block;  min-width: 65px; }
.profile-panel .profile-img			{ border:0; vertical-align: top; position: relative; margin: -4px 8px 0 0; }
.profile-panel .button-active,
.profile-panel .button:hover	{ background: #444; border: 1px solid gray; margin: 0; }
.profile-panel .button-active	{ border-bottom: 0 !important; margin-bottom: 1px !important; border-radius: 5px 5px 0 0; }
.profile-panel .arrow			{ display: inline-block; width:24px; height: 35px; background: url(/img/arrow-gray.gif) no-repeat center center;
									margin: -9px 0 0 5px; vertical-align: top; position: relative; border-radius: 0 5px 5px 0; }
.profile-panel .button-active .arrow{ border-radius: 0 5px 0 0; }
.profile-panel .button-active .arrow,
.profile-panel .arrow:hover		{ background: url(/img/arrow-gray.gif) no-repeat center center #222222; }
.profile-panel .submenu			{ display: none; position: absolute; margin: -2px 0 0 0; padding: 3px;
									background: #222222; border: 1px solid gray; z-index: 150; 
									-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.profile-panel .submenu .item a			{ display: block; padding: 8px 12px; color:#fff; text-decoration: none; font-size: 10px; text-shadow: none; }
.profile-panel .submenu .item a:hover	{ background: #444; }

.fixed-panel				{ position: fixed; top: 0; height: 35px; background: #222; width: 100%;
								border-bottom:1px solid #808080; z-index: 200; min-width: 1024px; display: none; }
.fixed-panel .inner-panel	{ margin: 0 10%; }
.fixed-panel .button-container{ float:left; }
.fixed-panel .right-fields	{ float:right; }
.fixed-panel .button		{ display:block; padding:9px 25px 10px; color:#fff; text-decoration: none; height: 16px; }
.fixed-panel .separator				{ float: left; padding:9px 0 10px; }
.fixed-panel .separator span		{ border-left:1px solid #808080; display: block; }
.fixed-panel .separator span span	{ border-left:1px solid #444; display: block; height: 16px; }

.fixed-panel .button:hover	{ background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#444));
								background: -moz-linear-gradient(top, #333, #444);
								background-image: -o-linear-gradient(top, #333, #444);
								background: -ms-linear-gradient(top, #333, #444); }
.fixed-panel .button-active:hover{ background: none; }

.fixed-panel .profile-img 	{ border:0; vertical-align: top; position: relative; margin: -4px 8px 0 0; }
.fixed-panel .submenu			{ display: none; position: absolute; padding: 3px; 
									background: #222222; border: 1px solid gray; z-index: 150; border-top: 0;
									-webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.fixed-panel .submenu .item a		{ display: block; padding: 8px 25px; color:#fff; text-decoration: none; }
.fixed-panel .submenu .item a:hover	{ background: #444; }
.fixed-panel .arrow					{ display: inline-block; width:24px; height: 35px; background: url(/img/arrow-gray.gif) no-repeat center center;
									margin: -9px 0 0 5px; vertical-align: top; position: relative; }
.fixed-panel .arrow:hover			{ background: url(/img/arrow-gray.gif) no-repeat center center #666; }
.fixed-panel .button-arrow			{ padding-right: 0; }
.fixed-panel .button-active .arrow:hover{ background: url(/img/arrow-gray.gif) no-repeat center center #222; }

.achiv-16				{ background: url(/img/achivmin.png); display: block; width: 32px; height: 32px; }
.achiv					{ background: #555; border:1px solid gray; padding: 3px 10px; width: 450px; margin: 5px;
						-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; }
.achiv .title			{ font-size: 14px; }
.achiv .short			{ font-size: 10px; padding: 3px 0 4px; }
.achiv .progress .current{ background: #222; position: relative; height: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.achiv .progress .numbers{ position: relative; text-align: center; font-size: 10px; padding: 2px; margin: -16px 0 0 0; }
.achiv .progress 		{ background: #444; height: 16px; border:1px solid gray; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.achiv .desc			{ background: #222; padding: 5px 15px; margin: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.achiv .tddesc			{ width: 100%; }
.achiv .type			{ width: 32px; height: 32px; background: url(/img/kubki.png?a=1)  no-repeat -96px 0; }
.achiv .platinum		{ color:#707070; background: url(/img/kubki.png)  no-repeat -64px 0; }
.achiv .gold			{ color: gold; background: url(/img/kubki.png)  no-repeat 0 0; }
.achiv .silver			{ color: #b0b0b0; background: url(/img/kubki.png)  no-repeat -32px 0; }
.achiv .bronze			{ color: #8a5618; background: url(/img/kubki.png)  no-repeat -128px 0; }
.achiv .icon			{ width: 32px; height: 32px; }
.achiv .tddesc .title	{ background: none; }

.team-link img,
.clan-link img			{ vertical-align: middle; }

.hd_frame				{ width: 128px; height: 256px; background: url('/img/charhd.png'); background-size: 0 0; }
.hd_head				{ width: 64px; height: 64px; margin-left: 32px; background-image: inherit; background-position: -64px -64px; }
.hd_hand_left			{ width: 32px; height: 96px; float: left; background-image: inherit; background-position: -352px -160px; }
.hd_hand_right			{ width: 32px; height: 96px; float: left; background-image: inherit; background-position: -352px -160px; transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); }
.hd_body				{ width: 64px; height: 96px; float: left; background-image: inherit; background-position: -160px -160px; }
.hd_foot_left			{ width: 32px; height: 96px; margin-left: 32px; float: left; background-image: inherit; background-position: -32px -160px; }
.hd_foot_right			{ width: 32px; height: 96px; float: left; background-image: inherit; background-position: -32px -160px; transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); }

.money_icon				{ background: url('/img/money.png'); width: 16px; height: 16px; }

.mobile-showen-menu-back	{ position: absolute; display:none; visibility:hidden; top:0; right:0; left:0; bottom:0;
								background-color:rgba(45,45,45,0.5);z-index: 215; overflow:scroll; }
.mobile-showen-menu			{ background: #333;  padding: 15px 0; float:left;
							font-size: 14px; text-shadow: none; border: 1px solid #111; box-shadow: 0 0 5px #000; }
.mobile-showen-menu .mobilemenu{ margin: 0; padding: 0;border-top:1px solid #111; width: 250px; }
.mobile-showen-menu .mobilemenu li			{ list-style: none; }
.mobile-showen-menu .mobilemenu .item		{ display:block; padding: 8px 25px; color: white; border-bottom:1px solid #111; }
.mobile-showen-menu .mobilemenu .dropdown-mobile{ border-bottom:1px solid #111; background:#444; color: white; }
.mobile-showen-menu .mobilemenu .item:hover	{ background:#222; text-decoration:none; }
.mobile-showen-menu .dropdown-mobile 		{ padding: 0; display:none; }
.mobile-showen-menu .dropdown-mobile .item	{ padding-left: 45px; }

.online-table .online-title	{ font-size: 10px; width: 130px; text-align: center; color: silver; }

.plans { display: flex; justify-content: center; }
.plan {
	border: 1px solid gray;
	margin: 5px;
	background-color: #555;
}
.plan .caption { font-weight: bold; text-align: center; padding: 7px; font-size: 16px; background-color: #0e3e46; }
.plan .cost { font-size: 24px; text-align: center; border-top: 1px solid gray; padding: 7px; color: #eeff5d; }
.plan .main { border-top: 1px dotted gray; padding: 7px; }
.plan .main span { font-weight: bold; }
.plan .add { border-top: 1px dotted gray; border-bottom: 1px dotted gray; padding: 7px; }
.plan .op {  padding-top: 19px; }
.plan .op .button { float: none; }

.tasks {
	width: 100%;
	background-color: #272727;
}
.tasks tr {
	background-color: #000;
}
.tasks .task {

}
.tasks .task .title {
	cursor: pointer;
	padding: 4px;
	border: 1px solid black;
	border-radius: 3px;
	color: gray;
	background: rgb(70,70,70); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(70,70,70,1) 0%, rgba(39,39,39,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(70,70,70,1) 0%,rgba(39,39,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(70,70,70,1) 0%,rgba(39,39,39,1) 100%); 
}
.tasks .task .current {
	color: white;
	background: rgb(44,83,158); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(44,83,158,1) 0%, rgba(17, 35, 68,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(17, 35, 68,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(44,83,158,1) 0%,rgba(17, 35, 68,1) 100%); 
}
.tasks .task .complite {
	color: white;
	background: rgb(0, 99, 35); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(0, 99, 35,1) 0%, rgba(11, 45, 0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0, 99, 35,1) 0%,rgba(11, 45, 0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 99, 35,1) 0%,rgba(11, 45, 0,1) 100%); 
}
.tasks .task .sub-tasks {
	display: none;
	padding-left: 10px;
}
.tasks .task .sub-tasks .sub-task:before {
	content: '» ';
}
.tasks .progress {
	width: 95%;
	height: 16px;
	border: 1px solid #157309;
}
.tasks .progress .current {
	height: 100%;
	text-align: center;
	font-size: 11px;
	background: rgb(98,125,77); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%);
}
.task-complite {
	color: gray;
}