@import url(snips.css); /* snippets for html use */
@import url(reset.css); /* reset for crossbrowser mark-up */

html, body {
	background-color: #1D1D1D;
	background-color: #1D1D1D\9; /* IE 6, 7, 8 */
	overflow: hidden;
	height: 100%; 
	width: 100%;
}

body {
	color: #fff;
	font-family: Verdana, Tahoma, sans-serif; 
	font-size: 12pt;
	font-weight: 400; 
	font-style: normal;
	line-height: 1.5; 
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	z-index: 0;
	
}

h1, p, div, span, ul > li { 
	font-family: Verdana, Tahoma;
}

input, button { outline: 0; }

button {
	background-color: #D9D9D9;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-bottom: 3px solid #8B8B8B;
	color: #5B5A5A;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.48);
	font-size: 12pt;
	padding: 5px 10px;
	cursor: pointer;
} 
button:focus,button:hover {
	background-color: #E6E5E5;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0
}
input, textarea {
	padding: 4px 5px;
	font-size: 11pt;
	color: #EDEDED;
	background-color: #838383;
	border: 1px solid #959595;
	text-align: left;
	line-height: 1.4;
}

input:focus, textarea:focus,
input:hover, textarea:hover {
	border: 1px solid #AFAFAF !important;
}

:after,
:before, * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* placeholder styles */
.body-type {margin: 10px 0 0 0; overflow-y: auto; overflow-x: hidden;}
.width-fake {width: 20px;}

/* table-transparent */
table.trans {border: 0 !important; /* IE HACKS */ border: 0\9; }
/* table.trans tr td.spec-lay-t:nth-child(1) { width: 15%; }
table.trans tr td.spec-lay-t:nth-child(2) { width: 80%; }
table.trans tr td.spec-lay-t:nth-child(3) { width: 5%; } */
table.trans tr td.spec-lay-t {
	border: 0 !important;
	vertical-align: top;
	/* IE HACKS */
	border: 0\9;
	vertical-align: top\9;
}


/* main nav */

/* horizontal menu edition */
.nav-menutop  ul li {
	display: inline-block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #8EBBD8;
	border-left: 1px solid #A0CAE5;
	border-right: 1px solid #A0CAE5;
	border-top: 1px solid #A0CAE5;
	border-bottom: 3px solid #5889A9;
	text-align: center;
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 30px;
	padding-right: 10px;
	height: 42px;
	height: 42px\9;
	position: relative;
}
/* IE SPECIFIC */
.nav-menutop  ul li {
	height: 42px\9;
	min-height: 42px\9;
}

/* IE SPECIFIC END */

.nav-menutop ul li:hover, .nav-menutop ul li.active { background-color: #65A2C8;}
.nav-menutop ul li:last-child {margin-right: 0 !important}
.nav-menutop  ul li a {
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.24);
	text-decoration: none;
	padding: 5px 10px;
	vertical-align: middle;
}
.nav-menutop  ul li img.ic-menu {margin-right: 5px\9;}
.nav-menutop  ul li img.ic-menu {
	width: 25px;
	height: auto;
	vertical-align: middle;
	position: absolute;
	top: 5px;
	left: 8px;
}
.nav-menutop  ul li img.ic-menu.chat-spec {
	top: 10px\9;
	top: 9px;
}

.nav-menutop  ul li span.ic-menu.ie-specific-cont {margin-right: 10px\9;}
/* hor end */



.nav-leftside {width: 160px; background-color: #8EBBD8;}
nav.nav-main { height: auto;}
/* IE HACK */
h2.spec-ie-h {
	color: #3D80AA\9;
	text-shadow: 1px 1px 1px rgba(195, 224, 242, 0.44)\9;
	font-size: 16pt\9;
	text-align: center\9;
	padding: 5px 0 11px\9;
}
/* IE END */
nav.nav-main ul li.menu-header h2.spec-ie-h {
	color: #3D80AA;
	text-shadow: 1px 1px 1px rgba(195, 224, 242, 0.44);
	font-size: 16pt;
	text-align: center;
	padding: 5px 0 11px;
}
nav.nav-main ul li.menu-header h2.spec-ie-h:hover {background-color: #8EBBD8;}
nav.nav-main ul li:first-child {border-top: 0 !important;}
nav.nav-main ul li:last-child {border-bottom: 0 !important;}

/* IE HACK */
li.IE-specific, li.IE-specific:focus {
	display: block\9;
	float: left\9;
	width: 100%\9;
	text-align: center\9;
	border-bottom: 1px solid #6FA5C7\9;
	border-top: 1px solid #9BC4DE\9;
	background-color: #8EBBD8\9;
	outline: 0\9;
	outline: none\9;	
}
li.IE-specific:hover, li.IE-specific.active {
	background-color: #79ABCB\9;
}
/* IE HACK END */

nav.nav-main ul li {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #6FA5C7;
	border-top: 1px solid #9BC4DE;
	background-color: #8EBBD8;
}
nav.nav-main ul li:hover, nav.nav-main ul li.active {
	background-color: #79ABCB;
}

/* IE HACK */
a.spec-ie-link  {
	color: #fff\9;
	text-align: center\9;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.24)\9;
	text-decoration: none\9;
	display: block\9;
	padding: 10px\9;
}
/* IE END */

nav.nav-main ul li a  {
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.24);
	text-decoration: none;
	display: block;
	padding: 10px;
}

/* nav menu end */


/* body type main layer */

/* body type main layer end */


.vk_imp, .vk_imp > iframe {width: 100% !important;}
/* right content */
.cont-right {position: relative; margin-right: 20px; margin-right: 80px\9; /* left: 190px; top: 10; margin-right: 20px\9; */}

table.table {
	border-collapse: collapse;
	width: 100%;
}
table.table thead tr th {
	padding: 11px 17px;
	text-align: center;
	border-right: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	background-color: #D4D4D4;
	font-size: 10pt;
	font-weight: bold;
	color: #686767;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); 
	word-break: break-word;
	vertical-align: middle;
}
table.table thead tr:hover {}
table.table thead tr th:last-child { border-right: 0 !important;}
table.table tbody tr td {
	background-color: #fff;
	vertical-align: middle; 
	font-size: 12pt; 
	text-align: center;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	color: #494848;
	padding: 5px 10px;
	word-break: break-word;

}
table.table tbody tr:last-child td {border-bottom: 0 !important;}
/* IF numbered */
table.table.numbered tbody tr td:first-child {
	background-color: #F4F4F4;
	text-align: center;
}

/* IF nu,bered end */

table.table tbody tr td a {color: #494848; text-decoration: none;}
table.table tbody tr td a:hover {text-decoration: underline;}
table.table tbody tr td:nth-child(1) { text-align: left; }
table.table tbody tr td:last-child {border-right: 0 !important;}
table.table tbody tr:last-child td {
	border-bottom: 0 !important;
}

img.img-aside.left {
	margin: 0 15px 2px 0;
}
img.img-aside.right {
	margin: 0 0 2px 15px;
}
/* different types of blocks */
.block-wrapper {
	background-color: #414040;
	border: 1px solid #575757;
	padding: 14px;
}
.block-difColor {
	background-color: #696969;
	border: 1px solid #767676;
	padding: 10px;
}
.info-block, .normal-block {
	background-color: #5E5E5E;
	border: 1px solid #767676; 
	padding: 10px;
}
.normal-block, .normal-block p, .block-difColor, .block-difColor p {
	font-size; 
	line-height: 1.4;
	color: #C1C1C1; 
	font-size: 11pt; 
}

.normal-block.block-def, .block-def {
	background-color: #735353;
	border: 1px solid #8F6D6D;
	color: #D0A7A7;
	font-size: 10pt;
}
.normal-block.block-agree, .block-agree {
	background-color: #557353;
	border: 1px solid #6E886C;
	color: #B6BAB5;
	font-size: 10pt;
}
.normal-block p span {color: #E1E1E1; font-weight: bold;}
b.header, span.original-header, .original-header {
	color: rgb(235, 235, 235);
	width: 100%;
	display: block;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 6px;
	border-bottom: dashed 1px rgba(255, 255, 255, 0.2);
}
.header-level2 {
	font-size: 15pt;
	color: rgb(235, 235, 235);
	width: 100%;
	display: block;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 6px;
	border-bottom: dashed 1px rgba(255, 255, 255, 0.2);
}
span.smaller-header {
	font-size: 9pt;
	color: #60FF3F;
	text-align: center;
	background-color: #7090B1;
	border: 1px solid #5D81A7;
	padding: 4px 7px;
}

/* header of the page */
header.header-of-page h1 {
	font-size: 17pt;
	text-align: left;
	color: #96CEF2;
	font-weight: normal;
	line-height: 21px;
}

/* IE HACKS */
.IE-specific-h1 {
	font-size: 17pt\9;
	text-align: left\9;
	color: #96CEF2\9;
	font-weight: normal\9;
	line-height: 21px\9;
	margin-bottom: 10px\9 	;
}
/* IE HACKS END */

/* header end */

.color-admin {
	width: 100%; 
	margin-bottom: 10px;
	float: left;
	color: rgb(176, 194, 222);
}

.ic-flags {vertical-align: middle;}
/* right content end */

ul.normal-list {list-style: none; margin-left: 7px;}
ul.normal-list li { padding-left: 5px; width: 100%; float: left; margin-bottom: 7px;}
ul.normal-list li span.small-tag-block {
	display: inline-block;
	text-align: center;
	padding: 2px 7px;
	font-size: 9pt;
	background-color: #8EBBD8;
	border: 1px solid #A3C9E1;
	vertical-align: middle;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}

ul.normal-ul {list-style: disc; margin-left: 23px;}
ul.normal-ul > li {
	word-break: break-word;
	padding-left: 0;
	width: 97%; 
	float: left; 
	margin-bottom: 7px;
}


/* servers */
table.row-of-servers thead {width: 100%;}
table.row-of-servers thead tr th:nth-child(1) {width: 10%;} 
table.row-of-servers thead tr th:nth-child(2) {width: 10%;} 
table.row-of-servers thead tr th:nth-child(3) {width: 20%;} 
table.row-of-servers thead tr th:nth-child(4) {width: 30%;} 
table.row-of-servers thead tr th:nth-child(5) {width: 30%;} 

table.row-of-servers tbody tr td:nth-child(1) {
	text-align: center;
	font-weight: bold;
}

/* id tabs commands */
ul.tag-stlye-command li {
	display: inline-block; 
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}
ul.tag-stlye-command li:last-child {margin-right: 0 !important;}
ul.tag-stlye-command li a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #78A754;
	border: 1px solid #437020;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.18);
	font-size: 9pt;
}
ul.tag-stlye-command li a:hover, 
ul.tag-stlye-command li.ui-state-active a {
	background-color: #919F86 !important;
	border: 1px solid #566848 !important;
}

/* IE HACKS */

/* IE HACKS */

.tab-normal {
	border: 2px solid #8D8D8D;
	padding: 10px;
}

/* contact info */
ul.contact-info-lay li {
	width: 100%; 
	margin-bottom: 5px;
	float: left;
	text-align: left;
	display: block;
}

ul.contact-info-lay li img.ico-o {vertical-align: middle;}

/* IE HACK */

li.IE_Contact-lay {
	width: 100%\9; 
	margin-bottom: 5px\9;
	float: left\9;
	text-align: left\9;
	display: block\9;
}
img.ico-o.IE_spec-IMG-ALIGN {vertical-align: middle\9;}


/* admin talbe and etc */
table.table-small tbody tr td:first-child {width: 20px; text-align: center;}
table.table-small tbody tr td:last-child { text-align: left;}

/* rules page */


/* start actions */
ul.action-stars > li {
	display: inline-block;
	float: left;
	vertical-align: middle;
}
ul.action-stars > li > a {
	background:url(../img/stars.png) no-repeat;
	cursor: pointer;
	background-position: 0 0;
	display: block;
	width: 17px;
	height: 17px;
}
ul.action-stars > li > a:hover, ul.action-stars > li > a.active {background-position: -18px 0;}

textarea.f-msgLeave {
	min-height: 150px;
	max-height: 200px;
}

button.f-btn-send {}

/* levae comment styles */
.comment-block {
	background-color: #747474;
	border: 1px solid #858383;
}
.comment-block:hover {
	background-color: #808080;
	border: 1px solid #A0A0A0;
}
.comment-block:hover .comm-body p {background-color: #808080 !important;}
.comment-block .comm-hat .comm-getNumber {vertical-align: bottom;}
.comment-block .comm-hat .comm-getNumber a {
	color: #fff;
	font-size: 9pt;
	text-decoration: none;
}
.comment-block .comm-hat .comm-getNumber a:hover {text-decoration: underline;}
.comment-block .comm-hat .comm-authorNick {
	font-weight: bold; 
	font-size: 13pt; 
	color: #fff;
}
.comment-block .comm-hat .comm-timeLeft {
	font-size: 9pt;
	vertical-align: middle;
	color: #fff;
}

.comment-block .comm-body p {
	font-size: 11pt;
	line-height: 1.4;
	color: #E0E0E0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	word-break: break-word;
	background-color: #8B8B8B;
	padding: 5px 10px;
}

.comment-wrap ul li {
	display: block; 
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.comment-wrap ul li:last-child {margin-bottom: 0 !important;}

/* PAGINATIONS */
.other-pagginations ul {list-style: none;}
.other-pagginations ul li {
	display: inline-block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.other-pagginations ul li:last-child {margin-right: 0 !important;}
.other-pagginations ul li a {
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 8px;
	font-size: 12pt;
	text-align: center;
	color: #5E5E5E;
	background-color: #BFBFBF;
	border: 1px solid #D4D4D4;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.53);
	text-decoration: none;
}
.other-pagginations ul li a:hover {
	color: #494949;
	background-color: #D4D4D4;
	border: 1px solid #EDEDED;
}

/* specialities */

.width98 {width: 98%\9;}