/*
 * CLASSES
 *
 * Made 2012 Rashid Shamsudinov (rash2x).
 * www.rash2x.ru
 */

.clear {
	clear: both;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.inline,
.icon,
.field,
.btn  {
	zoom: 1;
	display: inline-block;
	*display: inline;
}
.hide {
	display: none;
}
.pull-left  {
	float: left;
}
.pull-right {
	float: right;
}
.pull-center2 {
	float: center;
}

.text-hide {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.text-upper {
	text-transform: uppercase;
}
.text-justify {
    text-align: justify;
}
.text-right {
    text-align: right;
}
.animate  {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.no-border {
	border: none;
}
.cell {
	display: table-cell;
	vertical-align: middle;
}
.link {
	text-decoration: none;
}
	.link span {
		text-decoration: none;
	}
	.link:hover span {
		text-decoration: underline;
	}
.philospher {
	font-family: "Philosopher", "PT Sans", Arial, Helvetica, sans-serif;
}
/* ------------
 * TRANSITIONS
 */

.trans237,
#navi ul li a {
	-webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	   -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	    -ms-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	     -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
	        transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

/* ------------
 * BORDER RADIUS
 */

.border-radius3,
.btn,
.field > input,
.field > textarea,
input,
textarea,
select {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* ------
 * ICONS
 */
.icon {
	background: url(../images/icons.png) no-repeat;
	vertical-align: middle;
	position: relative;
	 top: -1px;
}
.icon-youtube { background-position: -0px -0px; width: 40px; height: 39px; }
.icon-vk { background-position: -0px -39px; width: 38px; height: 38px; }
.icon-facebook { background-position: -0px -77px; width: 37px; height: 37px; }
.icon-twitter { background-position: -0px -114px; width: 38px; height: 31px; }
.icon-sword { background-position: -0px -145px; width: 27px; height: 27px; }
.icon-ace { background-position: -0px -172px; width: 20px; height: 27px; }
.icon-odnoklassniki-mini { background-position: -0px -199px; width: 16px; height: 16px; }
.icon-mail-mini { background-position: -16px -199px; width: 16px; height: 16px; }
.icon-twitter-mini { background-position: -0px -215px; width: 16px; height: 16px; }
.icon-facebook-mini { background-position: -16px -215px; width: 16px; height: 16px; }
.icon-yandex-mini { background-position: -0px -231px; width: 16px; height: 16px; }
.icon-vk-mini { background-position: -16px -231px; width: 16px; height: 16px; }
.icon-arrow-gold { background-position: -27px -145px; width: 10px; height: 14px; }
.icon-dot { background-position: -0px -247px; width: 15px; height: 14px; }
.icon-arrow-white { background-position: -27px -159px; width: 10px; height: 14px; }
.icon-comment { background-position: -27px -173px; width: 12px; height: 12px; top: -2px; }
.icon-arrow-white-mini { background-position: -27px -185px; width: 8px; height: 11px; }
.icon-arrow-bottom { background-position: -15px -247px; width: 9px; height: 6px; }

/*
 * UI
 */
.field {
	position: relative;
}
	.field > input,
	.field > textarea,
	input,
	textarea,
	select {
		background: #161616;
		border: 1px solid #707070;
		
		box-shadow: inset 6px 6px 8px rgba(255,255,255,0.06), inset -6px -6px 8px rgba(0,0,0,0.1);
		-webkit-box-shadow: inset 6px 6px 8px rgba(255,255,255,0.06), inset -6px -6px 8px rgba(0,0,0,0.1);
		-moz-box-shadow: inset 6px 6px 8px rgba(255,255,255,0.06), inset -6px -6px 8px rgba(0,0,0,0.1);
		
		height: 30px;
		
		padding: 0 12px;
		position: relative;
		z-index: 2;
		
		font:14px/30px "PT Sans", Arial, Helvetica, sans-serif;
		color: #fff8d6;
	}
	.field > label {
		padding: 0 12px;
		position: absolute;
		z-index: 3;
		top: 1px;
		left: 1px;
		
		font:14px/30px "PT Sans", Arial, Helvetica, sans-serif;
		color: #fff8d6;
		
		pointer-events: none;
	}
	.field > textarea {
		height: auto;
		padding: 10px;
		line-height: 16px;
	}
	.area > label {
		padding: 10px;
		line-height: 16px;
	}
	select {
		padding: 0 0 0 12px;
	}
.btn {
	padding: 0 10px;
	cursor: pointer;
	
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
	
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}

.btn-red {
	background: #6c2300; /* Old browsers */
	background: -moz-linear-gradient(top,  #6c2300 0%, #3f0d05 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c2300), color-stop(100%,#3f0d05)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6c2300 0%,#3f0d05 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6c2300 0%,#3f0d05 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6c2300 0%,#3f0d05 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6c2300 0%,#3f0d05 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c2300', endColorstr='#3f0d05',GradientType=0 ); /* IE6-9 */

	border: 1px solid #973200;
	border-bottom: 1px solid #561004;
	height: 37px;
	width: 229px;
	color: #ffae00;
	
	font:700 14px/32px "PT Sans", Arial, Helvetica, sans-serif;
}
a.btn-red {
	height: 30px;
	line-height: 30px;
}
	.btn-red:hover {
		background: #7f300b; /* Old browsers */
		background: -moz-linear-gradient(top,  #7f300b 0%, #4f130a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f300b), color-stop(100%,#4f130a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #7f300b 0%,#4f130a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #7f300b 0%,#4f130a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #7f300b 0%,#4f130a 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #7f300b 0%,#4f130a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f300b', endColorstr='#4f130a',GradientType=0 ); /* IE6-9 */
	}
	.btn-red:active {
		background: #4f130a; /* Old browsers */
		background: -moz-linear-gradient(top,  #4f130a 0%, #7f300b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f130a), color-stop(100%,#7f300b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #4f130a 0%,#7f300b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #4f130a 0%,#7f300b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #4f130a 0%,#7f300b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #4f130a 0%,#7f300b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f130a', endColorstr='#7f300b',GradientType=0 ); /* IE6-9 */
	}
.btn-black {
	background: #202020; /* Old browsers */
	background: -moz-linear-gradient(top,  #202020 0%, #101010 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(100%,#101010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #202020 0%,#101010 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #202020 0%,#101010 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #202020 0%,#101010 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #202020 0%,#101010 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#101010',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #707070;
	border-bottom: 1px solid #424242;
	height: 32px;
	
	color: #fff8d6;
	
	font: 14px/32px "PT Sans", Arial, Helvetica, sans-serif;
}
a.btn-black {
	height: 30px;
	line-height: 30px;
}
	.btn-black:hover {
		background: #2b2b2b; /* Old browsers */
		background: -moz-linear-gradient(top,  #2b2b2b 0%, #212121 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(100%,#212121)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #2b2b2b 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #2b2b2b 0%,#212121 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #2b2b2b 0%,#212121 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #2b2b2b 0%,#212121 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
	}
	.btn-black:active,
	.select-server-open.show .btn-black {
		background: #101010; /* Old browsers */
		background: -moz-linear-gradient(top,  #101010 0%, #202020 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101010), color-stop(100%,#202020)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #101010 0%,#202020 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #101010 0%,#202020 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #101010 0%,#202020 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #101010 0%,#202020 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#202020',GradientType=0 ); /* IE6-9 */
	}
.btn-blue {
	background: #004c6c; /* Old browsers */
	background: -moz-linear-gradient(top,  #004c6c 0%, #05393f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004c6c), color-stop(100%,#05393f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #004c6c 0%,#05393f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #004c6c 0%,#05393f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #004c6c 0%,#05393f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #004c6c 0%,#05393f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c6c', endColorstr='#05393f',GradientType=0 ); /* IE6-9 */

	border: 1px solid #006a97;
	border-bottom: 1px solid #044c56;
	
	padding: 0 10px;
	
	color: #fff;
	font:700 12px/26px "PT Sans", Arial, Helvetica, sans-serif;
}
	.btn-blue:hover {
		background: #066084; /* Old browsers */
		background: -moz-linear-gradient(top,  #066084 0%, #084a51 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#066084), color-stop(100%,#084a51)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #066084 0%,#084a51 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #066084 0%,#084a51 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #066084 0%,#084a51 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #066084 0%,#084a51 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066084', endColorstr='#084a51',GradientType=0 ); /* IE6-9 */
	}
	.btn-blue:active {
		background: #05393f; /* Old browsers */
		background: -moz-linear-gradient(top,  #05393f 0%, #004c6c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05393f), color-stop(100%,#004c6c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #05393f 0%,#004c6c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #05393f 0%,#004c6c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #05393f 0%,#004c6c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #05393f 0%,#004c6c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05393f', endColorstr='#004c6c',GradientType=0 ); /* IE6-9 */
	}
a.btn-blue {
	height: 24px;
	line-height: 24px;
}

.main-title {
	font-weight: 700;
	font-size: 18px;
	color: #fde775;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
}
.main-table {
	
}
	.main-table thead tr td,
	.main-table tbody tr td {
		background: #825e05;
		background: rgba(254, 188, 0, 0.4);
		height: 36px;
		padding: 0 16px;
		
		color: #fff8d6;
		font-weight: 700;
	}
	.main-table tbody tr td {
		background: #3e2a09;
		background: rgba(254, 188, 0, 0.05);
		
		font-weight: 100;
	}
	
	.main-table thead tr td:first-child,
	.main-table tbody tr td:first-child,
	.main-table tbody tr th:first-child,
	.main-table thead tr th:first-child {
		-webkit-border-top-left-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px;
	}
	.main-table thead tr td:last-child,
	.main-table tbody tr td:last-child,
	.main-table tbody tr th:last-child,
	.main-table thead tr th:last-child {
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		border-top-right-radius: 6px;
		border-bottom-right-radius: 6px;
	}