body{
font-family: "Lucida Grande", "verdana", "tahoma", "arial", sans-serif, "Lucida Sans";
background-color: #f8f8f8;
margin:0;

}

.main_body {
background-color: #fff;
font-size: 13px;
color: #000;
display: block;
border-radius: 4px;
box-shadow: 0px 0px 10px 5px #cccccc;
-o-shadow: 0px 0px 10px 5px #cccccc;
-webkit-box-shadow: 0px 0px 10px 5px #cccccc;
padding: 0px;
margin: 0px auto;
max-width: 608px;
}

a {
color: #36638e;
text-decoration: none;
cursor:pointer;
}

a:hover {
color: #61bc12;
text-decoration:none;
}

.dashed {
border-bottom: 1px dashed #36638e;
}

.ab {
display:block;
padding: 6px 10px 6px;
text-shadow: -1px 1px 1px #fff;
cursor: pointer;
}

.ab:hover {
background-color: #f7f7f7;
text-decoration: none;
color: #36638e;
}

.tac {text-align: center;}

.train {
display:block;
}

.train:hover {
text-decoration:none;
}



/*.header{
    background: url(images/head_bg.png) repeat-x #40B832;
    height:45px;
    overflow:hidden;
    position:relative;
    z-index:0;
    display:flex;              /* 🔥 головне 
    align-items:center;       /* 🔥 вертикальний центр */
/*}

/* ===== Загальна кнопка ===== */
/*.btn{
    width:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:16px;
    text-shadow:0px -1px 0px #333;
    padding:0;
}

/* ===== ВСІ КНОПКИ ===== */
/*.btn.tsearch,
.btn.tmail,
.btn.thome,
.btn.tanketa,
.btn.tbell{
    width:43px;
}

/* ===== Пошук ===== */
/*.btn.tsearch{
    background:url(images/tsprite.png) no-repeat 16px -24px;
}

/* ===== Пошта ===== */
/*.btn.tmail{
    background:url(images/tsprite.png) no-repeat 17px -57px;
}

/* ===== Головна ===== */
/*.btn.thome{
    background:url(images/tsprite.png) no-repeat 17px -88px;
}

/* ===== анкета ===== */
/*.btn.tanketa{
    background:url(images/tsprite.png) no-repeat 15px 11px;
}

/* ===== дзвіночок ===== */
/*.btn.tbell img{
    width:22px;
    height:22px;
    display:block;
}

/* ===== inbox ===== */
/*.btn.tinbox{
    min-width:43px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/*.btn.tinbox i{
    background:url(images/tmail.png) 50% 50% no-repeat transparent;
    padding:6px 12px 0px;
}

/* ===== час ===== */
/*.btn.time{
    width:100px;
    margin-left:auto;   /* 🔥 відсуває вправо */
  /*  display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:bold;
}*/


/*.btn.center{
text-align: right;
overflow:hidden;
padding: 15px 2px;
width:100px;
float:right;
//padding: 13px 25px 11px 20px;
display: block;
//border-right: 1px solid #2b8f1f;
//border-left: 1px solid rgba(120, 212, 110, 0.700);
}



.btn a{
color: #fff;
font-size: 14px;
text-decoration:none;
font-weight: bold;
}

.btn a:hover{
color:#fff;
font-size: 14px;
font-weight: bold;
text-decoration:none;
background-color:#2b8f1f;
text-shadow: 0px 1px 0px #000;
}
*/

.header{
    background: url(images/head_bg.png) repeat-x #40B832;
    height:45px;
    overflow:hidden;
    position:relative;
    z-index:0;

    display:flex;
    align-items:center;   /* вертикальний центр */
}

/* ===== Загальна кнопка ===== */
.btn{
    width:43px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    font-size:16px;
    text-shadow:0px -1px 0px #333;

    padding:0;
    margin:0;
}

/* ===== ВСІ КНОПКИ ===== */
.btn.tsearch,
.btn.tmail,
.btn.thome,
.btn.tanketa,
.btn.tbell{
    width:43px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ===== Пошук ===== */
.btn.tsearch{
    background:url(images/tsprite.png) no-repeat 16px -24px;
}

/* ===== Пошта ===== */
.btn.tmail{
    background:url(images/tsprite.png) no-repeat 17px -57px;
}

/* ===== Головна ===== */
.btn.thome{
    background:url(images/tsprite.png) no-repeat 17px -88px;
}

/* ===== анкета ===== */
.btn.tanketa{
    background:url(images/tsprite.png) no-repeat 15px 11px;
}

.btn.tbell{
    position:relative;

    width:43px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;
}

.btn.tbell img{
    width:20px;
    height:20px;
}

/* badge */
.badge{
    position:absolute;
    top:6px;
    right:6px;

    background:red;
    color:#fff;
    font-size:10px;

    padding:2px 4px;
    border-radius:10px;

    line-height:1;
}

/* ===== inbox ===== */
.btn.tinbox{
    min-width:43px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;
}

.btn.tinbox i{
    background:url(images/tmail.png) 50% 50% no-repeat transparent;
    padding:6px 12px 0px;
}

/* ===== ЧАС ===== */
.btn.time{
    margin-left:auto;

    width:100px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-weight:bold;
    font-size:14px;

    flex-shrink:0;
}

.btn.time span{
    display:flex;
    align-items:center;
}

/* ===== center (як було) ===== */
.btn.center{
    width:100px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:right;
    overflow:hidden;
}

/* ===== всі посилання ===== */
.btn a{
    color:#fff;
    font-size:14px;
    text-decoration:none;
    font-weight:bold;

    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.btn a:hover{
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    background-color:#2b8f1f;
    text-shadow:0px 1px 0px #000;
}
.phdr{
background: url(images/phdr.png) repeat-x #e8e8e8;
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
overflow: hidden;
padding: 7px;
vertical-align:middle;
text-shadow: 0px 1px 0px #fff;
margin-top:-1px;
}

.gmenu {
color: #505050;
background-color: #fff;
padding: 6px 6px 6px 6px;
}

.menu{
margin: 4px;
padding: 2px 0px 3px 4px;
background-color: #fff;
}

input[type="submit"],
input[type="button"],
input[type~="submit"],
input[type~="button"],
a.button {
color: #fff;
text-align:center;
outline: medium none;
background:-moz-linear-gradient(top,#48c938,#31a424);
background:-webkit-gradient(linear,left top,left bottom,from(#48c938),to(#31a424));
background:-o-linear-gradient(top,#48c938,#31a424);
text-shadow: 0px -1px 0px #11390C;
box-shadow: inset 0px 1px 0px 0px #8dc893;
-webkit-box-shadow:inset 0 1px 0 0 #8dc893;
font-weight: bold;
padding:3px 10px 6px;
border-radius: 4px;
font-size:13px;
background-color: #40B832;
border: 0px solid #fff;
text-decoration:none;
cursor: pointer;
margin: 3px;
border-top: 1px solid #7ea982;
white-space:nowrap;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type~="submit"]:hover,
input[type~="button"]:hover,
a.button:hover {
color: #fff;
text-align:center;
outline: medium none;
background:-moz-linear-gradient(top,#31a424,#48c938);
background:-webkit-gradient(linear,left top,left bottom,from(#31a424),to(#48c938));
background:-o-linear-gradient(top,#31a424,#48c938);
text-shadow: 0px -1px 0px #11390C;
box-shadow: inset 0px 1px 0px 0px #8dc893;
-webkit-box-shadow:inset 0 1px 0 0 #8dc893;
font-weight: bold;
padding:3px 10px 6px;
border-radius: 4px;
font-size:13px;
background-color: #35AD27;
border: 0px solid #fff;
text-decoration:none;
cursor: pointer;
margin: 3px;
border-top: 1px solid #7ea982;
white-space:nowrap;
}

a.redbutton {
color: #fff;
text-align:center;
outline: medium none;
background:-moz-linear-gradient(top,#FF513D,#E0321E);
background:-webkit-gradient(linear,left top,left bottom,from(#FF513D),to(#E0321E));
background:-o-linear-gradient(top,#FF513D,#E0321E);
text-shadow: 0px -1px 0px #390c0c;
box-shadow: inset 0px 1px 0px 0px #c88d8d;
-webkit-box-shadow:inset 0 1px 0 0 #c88d8d;
font-weight: bold;
padding:3px 10px 6px;
border-radius: 4px;
font-size:13px;
background-color: #FF513D;
border: 0px solid #fff;
text-decoration:none;
cursor: pointer;
margin: 3px;
border-top: 1px solid #a97e7e;
white-space:nowrap;
}

a.redbutton:hover {
color: #fff;
text-align:center;
outline: medium none;
background:-moz-linear-gradient(top,#E0321E,#FF513D);
background:-webkit-gradient(linear,left top,left bottom,from(#E0321E),to(#FF513D));
background:-o-linear-gradient(top,#E0321E,#FF513D);
text-shadow: 0px -1px 0px #390c0c;
box-shadow: inset 0px 1px 0px 0px #c88d8d;
-webkit-box-shadow:inset 0 1px 0 0 #c88d8d;
font-weight: bold;
padding:3px 10px 6px;
border-radius: 4px;
font-size:13px;
background-color: #E0321E;
border: 0px solid #fff;
text-decoration:none;
cursor: pointer;
margin: 3px;
border-top: 1px solid #a97e7e;
white-space:nowrap;
}


.whiteheader {
color:white;
background-color:#45C236;
font-weight: bold; 
background-image:url(images/hg.gif);
text-shadow: 0px -1px 0px #237319; /*11390C;*/
/*border-collapse:collapse;*/
}

.whiteheader th{cursor:pointer;}

table#example{width: 100%;color: #505050; border:1px solid #DAE1E8;border-collapse:collapse;}
#example td,#example th{border:1px solid #DAE1E8;padding:6px;}

#example .oddrows{background:#fff;}
#example .evenrows{
background:#f2f6f9;
background:-moz-linear-gradient(top,#f6fbff,#f2f6f9);
background:-webkit-gradient(linear,left top,left bottom,from(#f6fbff),to(#f2f6f9));
background:-o-linear-gradient(top,#f6fbff,#f2f6f9);
}
#example .redrows{
background:#ffefef;
background:-moz-linear-gradient(top,#fff6f6,#ffefef);
background:-webkit-gradient(linear,left top,left bottom,from(#fff6f6),to(#ffefef));
background:-o-linear-gradient(top,#fff6f6,#ffefef);
}
#example .odd1{background:#FFF7E7;}
#example .odd2{background:#F7FFEF;}
#example .odd3{background:#E7F7FF;}
#example .odd4{background:#FFEFEF;}


table#pallet{width: 100%;color: #505050;border-collapse:collapse;}
#pallet td,#pallet th{padding: 9px 5px 9px 9px;}

table#post{width: 100%;color: #505050;border-collapse:collapse;border-bottom: 1px solid #DAE1E8;}
#post td,#post th{padding: 9px;border-top: 0px;}


input[type="text"], input[type="password"], textarea, select {
border-radius: 3px;
box-shadow: inset 0px 1px 3px -1px rgba(0, 0, 0, 0.251);
box-sizing: content-box;
border: 1px solid #ccc;/*#BAD1BC;*/
margin: 0px;
min-width: 30px;
padding: 3px;
font-family: "Lucida Grande", "verdana", "tahoma", "arial", sans-serif, "Lucida Sans";
font-size: 13px;
}

input[type="checkbox"] {
background-color: #edebeb;
border: 1px solid #ccc;
border-radius: 3px;
color: #40b832;
height: 15px;
width: 15px;
}

textarea {
width: 98%;
}


.info {
padding: 11px 8px;
font-weight:normal;
margin: 2px;
text-align:center;
background-color: #fefefe;
border: 1px solid #d8dfea;
line-height: 1.5;
}


.error, .rmenu {
border-radius: 4px;
padding: 11px 8px;
text-align: center;
font-size: 12px;
font-weight:normal;
margin: 2px;
background-color: #F9F6E7;
border: 1px solid #D4BC4C;
line-height: 1.5;
}


.poster_title {
padding: 2px 2px 2px 6px;
margin-bottom: 8px;
}


.bmenu {
color: #45688E;
background-image: url(images/flex.gif);
background-position: 0% 50%;
background-repeat: no-repeat;
border-top-color: #b1bdd6;
border-top-style: solid;
border-top-width: 1px;
background-color: #dae2e8;
padding: 5px 0px 5px 24px;
text-shadow: 0px 1px 0px #f3f3f3;
}

.orange_bg {color: #696029;background-color: #F3F0C5;background-image: url(images/orange_bg.gif);padding: 6px 12px 6px 12px;border-top: 0px solid #D7CF9E;border-bottom: 1px solid #D7CF9E;}
.orange_bg a {color: #696029;}

.bb0 { border-bottom: 0px }

.nav {
font-size: 13px;
border-radius: 3px;
padding: 2px 6px 2px 6px;
margin: 13px;
text-align: right;
text-shadow: 0px 1px 0px #FFF;
}

.nav a {
color: #000;
padding: 4px 8px;
margin: 0px;
border-radius: 0px;
background-color: #F7F6F6;
}

.nav a:hover {
border-bottom: 2px solid #5BD32C;
}

.navcurrent {
border-bottom: 2px solid #5BD32C;
background-color: #F7F6F6;
padding: 4px 8px;
margin: 0px;
font-weight: bold;
text-shadow: 0px 1px 0px #fff;
border-radius: 0px;
}


img {
border: 0px;
border-radius: 3px;
}

.photo {
background-color: #ffffff;
padding: 3px;
border-radius: 8px;
}

.grey {
font-size: 10px;
padding: 0px 0px 2px 0px;
color: #A3A3A3;
}



.fmenu, .fmenu a {
padding: 8px
;
background: url(images/head_bg.png) repeat-x #40B832;
font-weight: bold;
color: #ffffff;
}

.footer {
background-color: #f3f3f3;
margin: 0px 0px 10px 0px;
border: 1px solid #CCCCCC;
text-align: center;
font-size : 13px;
display: block;
border-radius: 0px 0px 4px 4px;
text-shadow: 0px 1px 0px #fff;
}

ul.footer_menu {
padding: 0px 0px;
line-height: 32px;
margin: 5px 0px;
text-align: center;
list-style: none outside none;
}

ul.footer_menu li { 
display: inline;
white-space: nowrap;
}

ul.footer_menu li a {
color: #8A8A8A;
padding: 4px 6px;
}

ul.footer_menu li a:hover {
text-decoration: none;
font-weight: bold;
}


.counters {
text-align: center;
margin-bottom: 6px;
}
.counters img {
vertical-align: middle;
}
.counters a {
opacity: 0.3;
}
.counters a:hover {
opacity: 0.7;
}

hr {
background:#DAE1E8;
color: #DAE1E8;
border:0px;
height:1px;
clear:both;
}

/* временно оставляем. Исп. только в НГ подарках */
.a{
border: 1px solid #b5bec7;
margin-bottom: 3px;
padding: 2px;
background-color: #ffffff;
}

.b {
color: #696969;
background-color: #f3f3f3;
padding: 6px 6px 6px 6px;
border-top: 0px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
/*
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
*/
}

.c {
color: #696969;
background-color: #fff;
padding: 6px 6px 6px 6px;
border-top: 0px solid #DFDFDF;
border-bottom: 1px solid #DFDFDF;
border-left: 1px solid #DFDFDF;
border-right: 1px solid #DFDFDF;
}

.title_text {
font-size: 13px;
color: #45688e;
font-weight: bold;
}

.quote{
font-size: 12px;
padding: 2px 0px 2px 4px;
color: #878787;
border-left: 3px solid #c0c0c0;
}

/* for forum */
.sub {
color: #666;
font-size: x-small;
/*border-top: 1px dotted #800000;*/
background-image: url(/images/np.gif);
background-repeat: no-repeat;
background-position: 1px;
padding: 1px 1px 1px 18px;
}

.sub a:link, .sub a:visited{
text-decoration: none;
}

.tmn {
background-color: #E4E4E4;
margin: 2px 0px;
padding: 1px 1px 1px 3px;
border: 1px solid #CCCCCC;
}

.long_input { 
width:97%;
}

.short_input { 
width:47%;
}

.wiki {
color: #99adc2;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
}

.greyfon {
color: #505050;
background-color: #F7F7F7;
padding:6px;
border-top: 0px solid #DAE1E8;
border-bottom: 1px solid #DAE1E8;
border-left: 1px solid #DAE1E8;
border-right: 1px solid #DAE1E8;
}

.tactic_wrapper {
max-width: 240px;
}

.styled-select {
width: 98%;
overflow: hidden;
background-color: #f2f2f2;
background: url("images/phdr.png") repeat-x #f2f2f2;
border: 1px solid #ddd;
border-radius: 3px;
text-shadow: 0px 1px 0px #FFFFFF;
vertical-align: middle;
box-sizing: content-box;
margin-top: 6px;
margin-bottom: 6px;
padding: 3px;
}

.schema_table {
background-image: url(/images/field_layer.jpg);
background-repeat: no-repeat;
background-color: #45B145;
width:198px;
height:260px;
margin:0px auto;
border-collapse: collapse;
}

.schema_table td {
text-align: center;
color:#fff;
font-weight:bold;
border-color: #fff;
}

.schema_plname {
color:#FFF;
font-size: 10px;
width:42px;
height:13px;
overflow:hidden;
margin:0px auto;
background: 0px 0px rgba(164, 202, 56, 0.600);
border-radius:3px;
text-shadow: 0px -1px 0px #000;
}

.content_empty {
background-color: #FFF;
color: #777777;
font-size: 1.18em;
line-height: 140%;
padding: 40px 0px;
text-align: center;
}

.upanel { 
background-color: #F8F8F8;
border-top: 1px solid #E9E9E9;
}

.upanel .item:hover {
background-color: #fff;
font-weight:normal;
color:#36638E;
text-decoration:none;
}

.upanel .item {
color:black;
border-bottom: 1px solid #E3E3E3;
border-top: 1px solid #FCFCFC;
background-image: url("images/i-arrow.png");
background-position: 100% 50%;
background-repeat: no-repeat;
}

.upanel .item a {
display:block;
padding:7px;
padding-left:15px;
border:0px
}

.ubadge {
border-radius: 9px;
padding: 1px 9px 2px;
background-color: #bbb;/*#40B832;*/
color: #FFFFFF;
font-size: 10px;
font-weight: 700;
line-height: 14px;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.251);
vertical-align: middle;
white-space: nowrap;
float: right;
margin:4px;
margin-right:25px;
}

.uitems {
border-bottom:1px solid #E3E3E3;
padding:8px;
}

.uitems:hover {
background-color:#FEFDF7;
text-decoration:none;
}

.uitems a:hover {
background-color:#FEFDF7;
text-decoration:none;
}

.uitem1 {
min-height:55px;
margin-right:10px;
float:left;
vertical-align:middle;
}

.uitem2 {
min-height:55px;
vertical-align:middle;
}

.uitem2 a {
display:block;
padding:10px;
text-decoration:none;
}

.mmenu {
/*background-color: #F3F3F3;*/
border:1px solid #E3E3E3;
border-radius:4px;
padding:1px;
margin:4px;
}

.mmenu .item{
border-radius:0px;
text-shadow: 0px 1px 0px #FFFFFF;
background-color: #F3F3F3;
background-image: url("images/i-arrow.png");
background-position: 100% 50%;
background-repeat: no-repeat;
cursor:pointer;
border: 1px;
display:block;
margin:0px;
padding:4px;
overflow:hidden;
}

.mmenu .item:hover{
text-decoration:none;
}

.mmenu .sep {
margin:0px;
padding:0px;
border-top:1px solid #E3E3E3;
border-bottom:1px solid #fff;
}

.post_prev {
width:97%;
padding:6px;
cursor:pointer;
text-align:center;
}

.post_prev:hover {
background-color: #E9EDF1;
border-radius:4px;
text-shadow: 0px 1px 0px #FFFFFF;
}

.ifile {
max-width:100%;
width:210px;
}

.fitem {
text-align:center;
width:15px;
margin:5px;
padding:5px;
display: block;
float: left;
}

.qpost {
border-bottom: 1px solid #DFDFDF;
padding: 10px;
}

.qpost_ava a {
display: block;
height: 33px;
width: 33px;
background-color: #F1F1F1;
overflow: hidden;
border: 2px solid #FFF;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 450px;
background-size: 100%;
background-repeat: no-repeat;
float: left;
}

.qpost_ava img {
width:100%;
overflow: hidden;
}

.qpost_msg {
margin-left: 40px;
min-height: 42px;
}

.qpost_text {
padding: 7px 7px 14px;
word-wrap: break-word;
}

.qpost_dl {
float:right;
opacity:0.3;
}

.qpost_dl:hover {
float:right;
opacity:1.0;
}

.game {
padding: 8px 8px 8px 8px;
text-align:center;
background-color: #FDFDE3;/*FEFEE0;/*FEFEE0; FEFEDB*/
cursor:pointer;
font-size: 14px;
border-bottom: 1px solid #D7CF9E;
}

.game:hover {
background-color: #FEFEE0;
}

.gamesum {
font-weight: bold;
text-shadow: -1px 1px 1px #C7C7C7;
font-size: 16px;
text-align: left;
}

.rlink {
color: #4D4D4D;
font-weight: normal;
float: right;
padding: 10px 0px;
margin: -10px 0px;
}

.row-text {
color:#777;
margin-bottom: 4px;
}

.row-input {
margin-bottom: 12px;
}

.row-input input, .row-input select {
width:97%;
min-height:18px;
}

.row-ajax-img {
float: right;
margin-top: -20px;
}

@media screen and (min-width:800px) {

.upper {
position:fixed;
padding: 35px;
top: 0;
bottom: 0;
cursor:pointer;
color:#C9C9C9;
font-size: 15px;
font-weight: bold;
text-shadow: 0px 1px 0px #FFF;
}

.upper:hover {
background-color: #ECECEC;
color:#9B9B9B;
background-image: url(images/ball-coner.png);
background-repeat: no-repeat;
background-position: 100% 105%;
box-shadow: #CCC 3px 0px 6px 0px;
}

}

.share-text {
height: 16px;
float: left;
padding: 2px 12px;
background-color: #EEE;
text-shadow: 0px 1px #FFF;
border-radius: 4px;
margin: 0px 5px 0px 0px;
border-bottom: 1px solid #C7C7C7;
}

.share-text-icon {
position: absolute;
width: 20px;
height: 17px;
margin: 0px 0 0 -6px;
background: url(images/share-text-icon.png) 0 0 no-repeat;
}

.share-text-label {
margin: 0px -6px 0px 18px;
}

.share-link {
cursor: pointer;
width: 18px;
display: block;
padding: 3px 2px 0px 0px;
opacity: 0.8;
float:left;
}

.share-icon{
display: block;
width: 16px;
height: 16px;
}

.share-vk {
background: url(images/share-icon.png) 0px 0px no-repeat;
}

.share-fb {
background: url(images/share-icon.png) 0px -68px no-repeat;
}

.share-ok {
background: url(images/share-icon.png) 0px -170px no-repeat;
}

.share-tw {
background: url(images/share-icon.png) 0px -51px no-repeat;
}

.share-link:hover{
opacity: 1.0;
}

.news-wrapper {
min-height: 80px;
padding: 10px;
border-bottom: 1px solid #DAE1E8;
overflow: hidden;
}

.news-stats {
color: #FFF;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-radius: 0px 0px 3px 3px;
font-size: 13px;
}

.news-cnt {
padding: 2px 5px 2px 21px;
border-radius: 3px;
display: block;
}

.news-coms {
background: url(/images/com.png) no-repeat 6px center;
float: right;
}

.news-views {
background: url(/images/nviews.png) no-repeat 6px center;
float: left;
}

.news-block-img {
display: block;
max-width: 120px;
float: left;
margin-right: 10px;
position: relative;
font-size: 0;
}

.news-block-img:hover .news-stats {
background-color: rgba(0, 0, 0, 0.8);
}

@media screen and (max-width:320px) {

.news-block-img {
max-width: 100%;
margin:0;

}

}

.box_layer {
display:none;
z-index: 100;
background: #000;
background:none repeat scroll 0 0 rgba(102, 102, 102, 0.4);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.box_wrap {
z-index: 101;
position: fixed;
left: 50%;
}

.box_content{
z-index: 102;
position: relative;
right: 50%;
margin-top: 15%;
text-shadow: 0px 1px 0px #fff;
background: #F7F7F7;
border: 1px solid #000;
padding: 10px;
border-radius: 3px;
opacity: 1.0;
}

.team_stars {
display: block;
max-width: 132px;
margin: 0 auto;
cursor: pointer;
margin-bottom: 6px;
}

.team_stars:hover {
background-color: #FAF8E1;
}

.block_cell {
display: block;
margin: -5px;
padding: 5px;
}

.m_main_menu {
list-style: none;
margin: 0;
padding: 0;
}

.m_main_menu_item a {
border-bottom: 1px solid #e7e7e7;
padding: 12px;
display: block;
color: #000;
background: url(images/i-arrow.png) no-repeat 100% center;
}

.m_main_menu_item a:hover {
background-color: #FEFCF1;
}

.m_main_menu_counter {
float: right;
margin-right: 25px;
border-radius: 8px;
background-color: #8FBC8F;
padding: 1px 7px;
color: #fff;
font-size: 10px;
text-shadow: 0px 1px 0px #386938;
font-weight: bold;
}

.m_team_level {
margin: 0;
background: none;
}

.m_team_level_table {
border-collapse: collapse;
width: 100%;
}

.m_team_level_table td {
text-align: center;
}

.m_team_level_num {
width: 72px;
font-size: 11px;
font-weight: bold;
}

.m_team_level_pbar {
background-color: #D5D5D5;
background-image: url(/images/pbar_bk.png);
border-radius: 15px;
height: 6px;
width: 100%;
}

.m_team_level_pbar div{
background-image: url(/images/pbar_fg.png);
background-color: #8FBC8F;
border-radius: 15px;
height: 6px;
}

.m_team_stat {
background: none;
}

.m_team_stat img {
vertical-align: bottom;
}

.m_item {
display: block;
color: #696029;
text-align: center;
padding: 4px 0px;
margin: 3px 0px;
white-space: nowrap;
border-radius: 2px;
float: left;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.m_item:hover {
color:#94863E;
background-color: #EBE3B7;
}

.m_item img {
vertical-align: bottom;
}


.orangebk {
color: #696029;
background-color: #F3F0C5;
background-image: url(/images/orange_bg.png);
border-top: 0px solid #D7CF9E;
border-bottom: 1px solid #D7CF9E;
}

.m_info {
position: relative;
}

.m_avatar {
background-size: 100%;
overflow: hidden;
max-width: 100px;
max-height: 100px;
margin: 5px;
cursor: pointer;
background-repeat: no-repeat;
background-position: 100%;
}

.m_avatar img {
width: 100%;
border-radius: 0px;
}

.m_avatar_block {
margin-right: 10px;
float: left;
}

.m_team_block {
position: relative;
height: 110px;
overflow: hidden;
}

.m_team_name_block {
height: 50%;
position: relative;
border-bottom: 1px solid #F1F1F1;
}

.m_team_name {
font-size: 20px;
font-weight: bold;
color: #8FBC8F;
width: 100%;
position: absolute;
bottom: 0;
}

.m_team_ligue {
height: 50%;
font-size: 20px;
font-weight: bold;
color: #D5D5D5;
margin: 5px 0px;
}

.m_team_logo {
position: absolute;
top: 24%;
right: 4%;
}

@media screen and (max-width:512px) {

.m_team_logo {
display: none;
}

.m_team_ligue {
font-size: 18px;
}

.m_team_name {
font-size: 18px;
}

}

.m_time_wrap {
position: relative;
}

.m_time {
display: none;
border: 1px solid #ccc;
padding: 8px;
background-color: #FEFCF1;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
z-index: 1;
-o-shadow: 0px 0px 10px 1px #D8D8D8;
-webkit-box-shadow: 0px 0px 10px 1px #D8D8D8;
box-shadow: 0px 0px 10px 1px #D8D8D8;
}

.m_time_short {
font-size: 11px;
padding: 10px;
margin: -10px;
cursor: pointer;
}

.m_union_icon {
display: block;
width: 14px;
height: 14px;
padding: 10px;
margin-left: -8px;
background-color: #FFF;
background-size: 25px;
background-repeat: no-repeat;
background-position: 50%;
}

.rsideinfo { padding: 10px; }

/* for phones*/
@media screen and (max-width:320px) {
.lsideset { max-width:300px; }
.rsideinfo {  }
}
/* pc */
@media screen and (min-width:320px) {
.lsideset { max-width:160px; float: left; }
.rsideinfo {  margin-left:180px; }
}

.orange_icons {
display: inline-block;
vertical-align: middle;
background: url(/images/orange_icons.png) no-repeat;
width: 16px;
height: 16px;
}

.profile_hint {
display: none;
color: #FFF;
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 12px;
text-align: right;
padding: 4px;
cursor: pointer;
}

.profile_bg {

height: 120px;
background: #FFFAF0;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
cursor: pointer;
position: relative;
box-shadow: 0px 2px 2px #AEAEAE;
-webkit-box-shadow: 0px 2px 2px #AEAEAE;
-moz-box-shadow: 0px 2px 2px #AEAEAE;
}

.profile_bg:hover a span {
display: block;
}

.profile_bg a {
display: block;
height: 100%;
}

.profile_info {
min-height: 90px;
position: relative;
}

.profile_name
{
font-size: 18px;
font-weight: bold;
padding: 4px 0px;

color: #3EB13E;
}

.profile_info_text
{
padding: 6px 6px 6px 180px;
}

.profile_photo {
box-shadow: 0px 1px 2px #CCC;
-webkit-box-shadow: 0px 1px 2px #CCC;
-moz-box-shadow: 0px 1px 2px #CCC;
border: 3px solid #fff;
width: 120px;
height: 120px;
overflow: hidden;
background: #FFF;
position: absolute;
top: -50px;
left: 30px;
text-align: center;
}

.profile_photo img {
width: 100%;
border-radius: 0px;
}

.profile_photo:hover .profile_hint {
display: block;
}

.profile_short_info {
padding: 0px 0px 10px 15px;

}

.profile_short_info div {
padding-bottom: 10px;
color: #8C8C8C;
font-size: 13px;
}

.profile_short_info div b {
color: #000;
}

.profile_info_cont div {
padding: 4px;
/*color: #8C8C8C;*/
font-size: 12px;
word-wrap: break-word;
line-height: 1.5em;
}

.profile_status {
color: #A9A9A9;
font-size: 12px;
word-wrap: break-word;
cursor: pointer;
}

/* for phones*/
@media screen and (max-width:480px) {

.profile_status {
margin-left: -100px;
padding: 6px 0px;
}

.profile_name {
height: 45px;
font-size: 16px;
}

.profile_info_text {
padding: 6px 6px 6px 110px;
}

.profile_photo {
width: 75px;
height: 75px;
top: -30px;
left: 15px;
}


}

.profile_friends {
overflow: hidden;
margin-left: 10px;
padding: 12px 0px;
position: relative;
}

.profile_friends_wrapper {
width: 250%;
overflow: hidden;
height: 66px;
}

.profile_friend_box {
float: left;
overflow: hidden;
width: 68px;
padding: 3px;
cursor: pointer;
}

.profile_friend_box:hover a {
width: 38px;
height: 38px;
}

.profile_friend_box img {
width: 100%;
}

.profile_friend_box a {
display: block;
width: 36px;
height: 36px;
box-shadow: 0px 1px 6px #CCC;
-webkit-box-shadow: 0px 1px 6px #CCC;
-moz-box-shadow: 0px 1px 6px #CCC;
border: 3px solid #FFF;
overflow: hidden;
margin: 0 auto;
}

.profile_friend_box span {
display: block;
font-size: 11px;
/*font-weight: bold;*/
text-align: center;
padding: 6px 0px;
overflow: hidden;
word-wrap: break-word;
word-break: break-word;
}

.block_rshadow {
background-image: url(/images/rshadow.png);
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: 100% 100%;
width: 40px;
position: absolute;
right: 0;
bottom: 1px;
top: 0;
}


.profile_gifts {
text-align: center;
padding: 10px;
}

.profile_gifts a {
margin: 0px 16px;
}

.profile_photos_block {
overflow: hidden;
margin: 0px 0px 1px 16px;
padding: 8px 0px;
position: relative;
}

.profile_photos_wrapper {
width: 250%;
overflow: hidden;
height: 78px;
padding: 3px;
}

.profile_photo_box {
float: left;
margin: 0px 23px 15px 0px;
overflow: hidden;
height: 70px;
width: 70px;
box-shadow: 0px 1px 6px #CCC;
-webkit-box-shadow: 0px 1px 6px #CCC;
-moz-box-shadow: 0px 1px 6px #CCC;
border: 3px solid #FFF;
}

.profile_photo_box:hover {
height: 72px;
width: 72px;
margin-right: 21px;
}

.profile_photo_box img {
width: 100%;
}

.qpost_edit {
display: block;
margin-top: 38px;
position: absolute;
padding: 7px;
}

.poster_title div {
padding-top: 3px;
text-shadow: 0px 1px 0px #FFF;
}

label input[type="checkbox"] {
margin: 0;
cursor: pointer;
}

label {
cursor: pointer;
}

.game-tour-holder {
position: relative;
overflow: visible;
}

.game-tour-wrapper {
width: 172px;
    font-size: 11px;
    position: absolute;
    border: 1px solid #000;
    padding: 7px;
    z-index: 999;
    background: #000;
    color: #FFF;
    display: block;
    white-space: normal;
    font-weight: normal;
    text-shadow: none;
    text-align: center;
    border-radius: 3px;
}


.game-tour-wrapper-bottom, .game-tour-wrapper-top {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.game-tour-wrapper-top, .game-tour-wrapper-top-right, .game-tour-wrapper-top-left {
bottom: 100%;
margin-bottom: 10px;
}

.game-tour-wrapper-bottom, .game-tour-wrapper-bottom-right, .game-tour-wrapper-bottom-left {
top: 100%;
margin-top: 10px;
}

.game-tour-wrapper-bottom-left, .game-tour-wrapper-top-left {
left: 0;
top: 100%;
margin-top: 10px;
}

.game-tour-wrapper-bottom-right, .game-tour-wrapper-top-right {
right: 0;
top: 100%;
margin-top: 10px;
}

.game-tour-wrapper-left {
left: 100%;
}

.game-tour-wrapper-right {
right: 100%;
}

.game-tour-arrow {
    content: "";
    position: absolute;
    z-index: 999;
}

.game-tour-arrow-bottom {
    border-top: 10px solid #000;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    bottom: 100%;
    left: 50%;
    margin-left: -15px;
}

.game-tour-arrow-top {
    border-bottom: 10px solid #000;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    top: 100%;
    left: 50%;
    margin-left: -15px;
}

.alert {
    padding: 15px;
    margin: 10px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    text-align: center;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.nav {
font-size:12px;
border-radius: 3px;
padding: 2px 6px 2px 6px;
margin: 2px;
}

.nav a {
border: 1px solid #dedede;
font-size: 12px;
text-decoration: none;
}

.nav a:hover {
background-color: #40B832;/*#B7EAFF;*/
color: #fff;
border: 1px solid #30a023;
text-decoration: none;
font-size : 12px;
}

.logo
{
/*background: #CCCCCC repeat-x url("images/logo_back.png");*/
background: #fafafa repeat-x url("images/logo_back.png");
color: #636363;
text-align: center;
}

.logo a {
display: block;
}

.head
{
background: #C3C3C3 repeat-x top url("images/header.png");
color: white;
padding: 8px;
font-size: 1.0em;
text-align: center;
// border-left: 1px solid #197F00;
// border-right: 1px solid #197F00;
}

.gmenu
{
background: #F4F4F4 repeat-x url("images/un_raz.png");
border-bottom: 1px solid #DEDEDE;
// font-size: 0.97em;
color: #595959;
padding: 7px;
}


.gmenu
{
background: #F0EFED repeat-x url("images/gmenu.png");
color: #5B5B5B;
padding: 7px;
border-bottom: 1px solid #ccc;
}

.zmenu
{
background: #04a525 repeat-x url("images/dp.png");
border-bottom: 1px solid #04a525;
color: white;
padding: 9px;
}

.zmenu a
{
color: #fff;
}



.pdr{
background: #fafafa repeat-x url("images/logo_back.png");border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
overflow: hidden;
padding: 7px;
vertical-align:middle;
margin-top:-1px;
}


.top { 
width 100%; 
height 120px; 
position fixed; 
left 0px; 
top 0px; 
_position absolute; 
_top expression( 0 + eval(document.documentElement.scrollTopdocument.body.scrollTop) + 'px' ); 
background-color #ff0000; 
}


.layer1 {
position: relative; /* Относительное позиционирование */
background: #f0f0f0; /* Цвет фона */
height: 200px; /* Высота блока */
}
.layer2 {
position: absolute; /* Абсолютное позиционирование */
bottom: 15px; /* Положение от нижнего края */
right: 15px; /* Положение от правого края */
line-height: 1px;
}
.scrollup{
width:40px;
height:40px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('icon_top.png') no-repeat;
}
/* Блок розсилки повідомлень союзу */
.union-msg-block {
    background-color: #f9f9f9; /* світлий фон */
        border: 1px solid #ccc;    /* сіра рамка */
            border-radius: 8px;         /* закруглені кути */
                padding: 15px;              /* внутрішні відступи */
                    margin: 20px 0;             /* відступи зверху і знизу */
                        box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* легка тінь */
                            font-family: Arial, sans-serif;
                                color: #333;
                                }

                                /* Заголовок повідомлення */
                                .union-msg-block h3 {
                                    margin-top: 0;
                                        margin-bottom: 10px;
                                            font-size: 1.2em;
                                                color: #0056b3; /* можна замінити на колір вашого сайту */
                                                }

                                                /* Текст повідомлення */
                                                .union-msg-block p {
                                                    margin: 0;
                                                        line-height: 1.5;
                                                        }

                                                        /* Якщо повідомлення списком */
                                                        .union-msg-block ul {
                                                            padding-left: 20px;
                                                                margin: 0;
                                                                }

                                                                .union-msg-block li {
                                                                    margin-bottom: 5px;
                                                                    }

                                                                    /* При наведенні на блок (опціонально) */
                                                                    .union-msg-block:hover {
                                                                        background-color: #f1f1f1;
                                                                            transition: 0.3s;
                                                                            }