body {
	font: 1em Arial,Helvetica,sans-serif;
	margin:0px; 
	color:#333;
	font-size:14px;
	outline:none;
	height:100%;
	overflow-y:scroll;
	background-color:#fff;
}
a {
	color:#333;
	fill:#333;
}
a:hover {
	color:#036;
	fill:#036;
}
a.disabled {
	pointer-events: none; 
	cursor: default;
	color: #888;

}
.hidden {
	display:none;
}
.bg_grey {
	background-color:#F3F3F3;
}
.bg_white {
	background-color:#fff;
}
.red_text {
	color:#C03;
}
.green_text {
	color:#090;
}
.bold {
	font-weight:bold;
}
.border_righ {
	border-right:1px solid #ccc;
}
.div_line {
	display:inline-block;
}
input, textarea { outline: none; }

li {
	margin:10px;
}
.small_text_14 {
	font-size:14px;
}

.result_24 {
	position: relative;
	font-weight: bold;
	font-size:14px;
}
.small_result_1 {
	position:absolute;
	top:-10px;
	left: -5px;
}
.small_result_2 {
	position:absolute;
	top:-10px;
	right: -5px;
}
.title_center {
	text-align:center;
	font-size:24px;
	font-weight:bold;
	margin:30px;
}

.input_hid {
	outline: none;
	background-color:#fff;
	border:1px;
	font-size:16px;
	font-weight:bold;
	width:350px;
}

.gradient_white_green_left {background: linear-gradient(to right top, #0BCA00 1%, #fff 30%, #fff);}
.gradient_white_green_right {background: linear-gradient(to left top, #0BCA00 1%, #fff 30%, #fff);}


.gradient_red_green_left { background: linear-gradient(to right, #f00, #F3F3F3, #0BCA00);}
.gradient_red_green_right {background: linear-gradient(to left, #f00, #F3F3F3, #0BCA00);}

.gradient_red_ccc_left { background: linear-gradient(to right, #f00, #F3F3F3, #F3F3F3);}
.gradient_red_ccc_right {background: linear-gradient(to left, #f00, #F3F3F3, #F3F3F3);}
.gradient_yellow_ccc_left {background: linear-gradient(to right, #FFED11, #F3F3F3, #F3F3F3);}
.gradient_yellow_ccc_right {background: linear-gradient(to left, #FFED11, #F3F3F3, #F3F3F3);}
.gradient_green_ccc_left {background: linear-gradient(to right, #0BCA00, #F3F3F3, #F3F3F3);}
.gradient_green_ccc_right {background: linear-gradient(to left, #0BCA00, #F3F3F3, #F3F3F3);}

.gradient_red_fff_left { background: linear-gradient(to top, #f00, #fff, #fff);}

.button_load {
	padding:5px 10px 5px 10px;
	font-size:24px;
	border:1px solid #999;
	border-radius: 1-px;
	margin-right:20px;
	width:130px;
	cursor:pointer;
}
.item_pop {
	position:relative;
	padding:20px;
}
.logo_pop {
	position:absolute;
	top:20px;
	right:20px;
	z-index:1000;
}
.view_key {
	position:absolute;
	top:75px;
	left:0px;
	color:#7A7A7A;
	width:100%;
	text-align:center;
}
.tarif_info {
	position:absolute;
	top:20px;
	left:150px;
	font-size:14px;
	z-index:100;
}
.item_enter_key {
	position:relative;
	top:200px;
	margin:0 auto;
	text-align:center;
}
.title_enter_key {
	font-size:32px;
}
.item_enter_key_end {
	position:relative;
	top:200px;
	margin:0 auto;
	text-align:center;
	width:500px;
}
.input_enter_key {
	border:1px solid #ccc;
	padding:20px;
	font-size:18px;
	width:400px;
}
.button_enter_key {
	border:1px solid #999;
	padding:10px 20px 10px 20px;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	color:#333;
	border-radius:5px;
	cursor:pointer;
}
.info_enter_key {
	position:relative;
	top:250px;
	left:50px;
	font-size:18px;
}
.pop_get_key {
	position:absolute;
	top:60px;
	left:130px;
	width:600px;
	background-color:#F4FFF2;
	border:1px solid #ccc;
	z-index:99999;
}
.close_get_key {
	position:absolute;
	top:10px;
	right:20px;
	padding:5px 12px 5px 12px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	background-color:#A6FFAC;
	border:1px solid #ccc;
	border-radius:50%;
}
.close_get_key:hover {
	background-color:#00CE29;
}
.item_get_key {
	padding:30px;
	margin-top:10px;
	font-size:16px;
}
.cont_get_key {
	display:inline-block;
	width:150px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:20px 10px 0px 10px;
	margin-left:3px;
}
.name_tarif {
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.price_tarif {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#090;		
}
.price_tarif_button {
	text-align:center;
	margin-top:10px;
}
.win_pay_info{
	position:absolute;
	top:100px;
	left:120px;
	width:500px;
	height:640px;
	padding:0px 40px 0px 40px;
	background-color:#F4FFF2;
	border:1px solid #ccc;
	font-size:18px;
	z-index:99999;
}
.win_contact_info{
	position:absolute;
	top:100px;
	left:120px;
	width:500px;
	height:350px;
	padding:40px;
	background-color:#F4FFF2;
	border:1px solid #ccc;
	font-size:18px;
	z-index:99999;
}
.position_bottom {
	position:absolute;
	bottom: 20px;
	left:40%;
}
.contact a {
	font-weight:bold;
}

.wait {
	position:absolute;
	top:100px;
	left:40%;
	text-align:center;
	margin:0 auto;
	font-size:36px;
	color:#ccc;
}
.center {
	position:absolute;
	top:100px;
	left:20px;
	width:850px;
	text-align:center;
}
.name_gamer {
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	color:#333;
}
#info_line {
	text-align:center;
	border:1px solid #ccc;
	color:#999;
	height:20px;
}
.info_b_text {
	color:#000;
}
.info_line_cell {
	margin:10px 0px 10px 0px;
	padding:0px 10px 0px 10px;
	font-size:24px;
	text-align:center;
	min-width:50px;
	display:inline-block;
}

.metka_button {
	border:1px solid #777;
	border-radius: 5px;
	padding:3px 10px 3px 10px;
	font-size:16px;
	margin-left:10px;
	cursor:pointer;
}
.metka_button_plus {
	background-color:#1ACA00;
}
.metka_button_minus {
	background-color:#FF8282;
}
.metka_button_sbros {
	background-color:#fff;
}

table {
	width:100%;
}
table, th, tr, td {
	border:1px solid #888;
	padding:10px;
	font-size:16px;
}
.td_stats {
	width:50px;
}
.td_data {
	width:140px;
}
.tr_tot {
	background-color:#CCC;
}
.tr_gol {
	background-color:#666;
	color:#fff;
}
.tr_red {
	background-color: #FF8282;
}
.tot_res {
	font-weight:bold;
	font-size:18px;
}

.message_ifo_block {
	position: relative;
	top: 150px;
	width: 100%;
	text-align: center;
}

.box_msg {
	position: fixed;
	top: 200px;
	left: 100px;
	width: 450px;
	border: 1px solid #333;
	background-color: #f3f3f3;
	z-index: 1000;
	font-size: 22px;
}
.title_msg {
	margin-bottom: 20px;
	background-color:#888;
	padding: 10px;
	color: #fff;
	text-align: center;
}
.list_msg {
	margin: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}
.button_msg {
	width: 50px;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px 20px 10px 20px;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
	cursor: pointer;
	background-color: #fff;
}
.date_msg {
	text-align: right;
	margin-top: 5px;
	font-size: 10px;
}
.button_msg:hover {
	background-color: #eeeeee;
}

.footer {
	position:absolute;
	bottom: 0px;
}

