/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul, menu {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

table#top5  {width: 240px;}

.sh_btn_right_top {
    top: 146px !important;}
	
.sh_btn { background: #38BFE0 !important;}
.sh_btn_right .sh_title_text {    border-top: 1px solid #50B3CC !important;}

/* style */
body {
    background-color: white;   
    font-family: 'Roboto';
    background-image: url(../images/fon.png);
}

:focus {
outline: none;
}

input[type="text"] input[type="password"] {
    -webkit-box-shadow: inset 1px 1px 15px -6px rgba(204,204,204,1);
    -moz-box-shadow: inset 1px 1px 15px -6px rgba(204,204,204,1);
    box-shadow: inset 1px 1px 15px -6px rgba(204,204,204,1);
    border: none;
    padding-left: 10px;
}

.btn {
    background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    float: left;
    width: 154px;
    height: 27px;
    text-decoration: none;
    padding-top: 10px;
    margin-top: 13px;
    margin-left: 30px;
    font-weight: bold;
}

.btn:hover {
    background: url(../images/backbtn-hover.png);   
}

.btn_disable {
    background: url(../images/backbnt_disable.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    float: left;
    width: 154px;
    height: 27px;
    text-decoration: none;
    padding-top: 10px;
    margin-top: 13px;
    margin-left: 30px;
    font-weight: bold;
	cursor: not-allowed;
	/*cursor: url(../images/block.png), pointer;*/
}

.btn_disable:hover {
    background: url(../images/backbnt_disable.png);   
}

.container {
    margin: 0 auto;
}

header {
    background: url(../images/header-background.png);
	background: url(../images/header-background.png) 0px -40px;
        width: 100%;
}

.header-content {
    width:1260px;
    margin:0 auto;
    padding: 60px 0px 30px 0px;
	padding: 20px 0px 30px 0px;
    overflow: hidden;
    margin-bottom: 10px;
}

header .header-logo {
    float: left;
}

header menu {
    float: left;
    padding-left: 25px;
    height:50px;
    padding-top: 32px;
}

header menu li {
    display: inline-block;   
    width: 98px;
    height: 45px;
}

header menu li a{
    font-size: 14px;
    color: #07aaff;
    display: block;
    padding-top: 13px;
    text-align: center;
}

header menu li:hover>a {
    text-decoration:  none;
}

header menu .menu-active{
    background-image: url(../images/bubble.png);
}

header menu .menu-active a {
    color:#686868;
    text-decoration: none;
}

header .user {
    float: left;
    padding-left: 114px;
}

header .user-entry{
    color: #313131;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px #313131 dashed;
    font-size: 16px;
    display: block;
    position: relative;
    /*margin-left: 114px;*/
	margin-left: 216px;
    float: left;
    padding-top: 45px;
}

header .user-entry:before {
    content: url(../images/user.png);
    position: absolute;
    left: -16px;
    top: 46px;
}

header .user-entry:hover {
    border:none;   
}

header .user-entry-vh{
    color: #313131;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px #313131 solid;
    font-size: 16px;
    display: block;
    position: relative;
    /*margin-left: 114px;*/
	/*float: left;*/
	margin-left: 80px;
    float: right;
    padding-top: 45px;
    /*text-transform: uppercase;*/
}

header .user-entry-vh:before {
    content: url(../images/user.png);
    position: absolute;
    left: -18px;
    top: 46px;
}

header .user-entry-vh:hover {
    border:none;   
}

header .user-registration {
display: block;
float: left;
margin-left: 20px;
margin-top: 30px;
background: url(../images/reg.png);
height: 30px;
width: 236px;
cursor: pointer;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: white;
padding-top: 15px;
    text-decoration: none;
}



header .user-registration:hover {
    background: url(../images/reg-hover.png);
}

header .user-registration-exit {
    display: block;
    /*float: left;*/
	float: right; 
	margin-left: 20px;
    cursor: pointer;
    color: #07aaff;
    margin-top: 46px;
}

header .user-registration-exit:hover {
    text-decoration: none
}

header .user-percent {
    display: block;
    /*float: left;*/
	float: right;
    margin-left: 20px; 
    cursor: pointer;
    color: #225905;
    margin-top: 46px;
}

header .user-percent:hover {
    text-decoration: none
}

/* СЛАЙДЕР */

.bx-wrapper {
    background: url(../images/background-slider.png);
    width: 1260px;
    height: 335px;
    margin: 0 auto;
    position: relative;
}

.bx-viewport {
    width: 1260px !important;
    height: 335px !important;
    background: url(../images/background-slider.png);
}

.bx-wrapper .bx-prev {
    left: 0;
	background: url(../images/arrow-prev.png) no-repeat;
}

.bx-wrapper .bx-next {
    right: 0;
    background: url(../images/arrow-next.png) no-repeat;
}

.slider-1 span {
    text-align: center;
    display: block;
    margin-top: 60px;
    color: white;
    font-size: 60px;
}

.slider-2 img {
    margin: 0 auto;
    margin-top: 60px;   
}

.slider-1 img {
    margin: 0 auto;  
}

/* СЛАЙДЕР */

.content {
    width: 1260px;
    margin: 0 auto;
}

/* ТАБЛИЦА ЦЕН */

.content .price {
    width: 1260px;
    height: 315px;
    background-color: #fbfbfb;
    background-image:url(../images/back-plans.jpg);
    margin: 0 auto;
    text-align: center;
}

.content .price .star {
    height: 127px;
}   

.content .price img {
    padding-top: 40px;
    margin: 0 auto;
}

.content .price .procent {
    color: black;
    font-size: 60px;
    height: 60px;
}

.content .price .plus {
    margin: 0;
    padding: 0;
    color: #5b5b5b;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 39px;
}

.content .price .sum {
    /* color: rgb(2, 137, 177); */
	font-weight: 300;
    font-size: 30px;
}
/* ТАБЛИЦА ЦЕН */

/* НОВОСТИ И ТОП */
.content .newsAndTop {
    overflow:hidden;
	/*margin-top: 60px;*/
    margin-top: 20px;
}

.content .news {
    width:900px;
    float: left;
    overflow: hidden;
    padding: 0 70px;
    padding-right: 0;
}

.content .news h3 {
    color: black;
    font-size: 30px;
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px;
}

.content .news h3:before {
    content: url(../images/rupor.png);
    position: absolute;
    left: -39px;
    top:0;
}

.content .news .news-anons {
    width: 255px;
    float: left;
    margin-right: 30px;
}

.content .news .news-anons a{
    font-size: 14px;    
    color: #07aaff;
}

.content .news .news-anons a:hover{
    text-decoration: none
}

.content .news .news-anons p {
    color: #5b5b5b ;
    font-size: 14px;
    padding: 15px 0;
}

.content .news .news-anons span {
    color: #5b5b5b ;
    font-size: 14px;
}

.content .top {
    width: 240px;
    float: left;
}

.content .top h3 {
    color: black;
    font-size: 30px;
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 27px;
}

.content .top h3:before {
    content: url(../images/cup.png);
    position: absolute;
    left: -4px;
    top: 8px;
}

.content .top table td {
    border-bottom: 1px solid #d7d7d7;
}

.content .top table .rate {
    width: 37px;   
    padding-bottom: 5px;
    padding-top: 13px;
}

.content .top table .nick {

    color:#5b5b5b;
    font-size: 14px;
    padding-bottom: 5px; 
    padding-top: 13px;
}

.content .top table .dollar {
    color:black;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 13px;
	text-align: right;
	font-weight: bold;
}
/* НОВОСТИ И ТОП */

/* НАШИ ИГРЫ */

.content .slider-game {
    /* margin-top: 30px;    */
    overflow: hidden;
	/*margin-left:35px;*/
	    margin-left:25px;
    float: left;
}

.content .slider-game h3 {
    color: black;
    font-size: 30px;
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px;
    padding-left: 70px;
}

.content .slider-game h3:before {
    content: url(../images/cub.png);
    position: absolute;
    left: 26px;
    top: 5px;
}

#button {
    float:left;
    background: transparent;
    border: none;
    cursor: pointer;
}

.gallery {
    float:left;
	/*width: 870px !important;*/
	width: 1100px !important;
	margin: 15px 0 0 45px;
	    margin: 0px 0 0 0px;
    /* background: url(../images/background-slider.png) bottom center; */
    padding: 35px 7px;
	/* border-radius:3px; */
	border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
}

.gallery ul li {width:223px !important}

.slider-game .gallery img {
    border: 5px solid #2b8cad;   
    border: 5px solid #369BBE;   
    margin-right: 20px;
	/* border-radius:2px; */
}

.slider-game .gallery ul li {overflow: hidden; float: left; width: 230px; height: 127px;}


.slider-game .prev {
    padding-right: 20px;
    padding-right: 0px;
    padding-top: 70px;
	    /* display: none; */
}

.slider-game .next  {
    padding-top: 70px;
	    /* display: none; */
}

/* НАШИ ИГРЫ */

/* ОПЛАТА */

.oplata {
    margin-top: 70px;
    height: 110px;
    background: #f7f7f7;
    text-align: center;
}

.oplata img {
margin: 33px 100px;
}

/* ОПЛАТА */

/* ПОДВАЛ */

.footer-content {
    overflow: hidden;
    width: 1260px;
    margin: 0 auto;
}

footer {
    width:100%;
    background:white;
}

footer menu {
    float: left;
    padding-left: 25px;
    height:50px;
    padding-top: 32px;
}

footer menu li {
    display: inline-block;   
    width: 98px;
    height: 45px;
}

footer menu li a{
    font-size: 14px;
    color: #07aaff;
    display: block;
    padding-top: 13px;
    text-align: center;
}

footer menu li:hover>a {
    text-decoration:  none;
}

footer menu .menu-active{
    background-image: url(../images/bubble.png);
}

footer menu .menu-active a {
    color:#686868;
    text-decoration: none;
}

footer .copyright {
    color: black;
    float: right;
    font-size: 14px;
    margin-left: 30px;
    padding-top: 45px;
}

/* ПОДВАЛ */

/* МЕНЮ И СЧЕТЧИК ПРИ АВТОРИЗАЦИИ */

.content .menu-auth {
    background-image: url(../images/menu-back.png);
    height: 58px;
    margin-bottom: 15px;
    background-size:100%
}

.content .menu-auth ul {
    padding-top: 13px;
}

.content .menu-auth ul li {
    display: inline-block;
}

.content .menu-auth ul li a {
    height: 27px;
    display: block;
    text-decoration: none;
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 17px;
    position: relative;
}

.content .menu-auth #menu-auth-1 {
    width: 170px;
    text-align: center;
}

.content .menu-auth #menu-auth-2 {
    width: 180px;
    text-align: center;
}

.content .menu-auth #menu-auth-3 {
    width: 190px;
    text-align: center;
}

.content .menu-auth #menu-auth-4 {
    width: 165px;
    text-align: center;
}

.content .menu-auth #menu-auth-5 {
    width: 245px;
    text-align: center;
}

.content .menu-auth #menu-auth-6 {
    width: 210px;
    text-align: center;
}

.content .menu-auth #menu-auth-1:before {
    content: url(../images/stat.png);
    position: absolute;
    left: 12px;
    top: 14px;
	margin-left: 1px;

}

.content .menu-auth #menu-auth-2:before {
    content: url(../images/stat1.png);
    position: absolute;
    left: 18px;
    top: 14px;
	
}

.content .menu-auth #menu-auth-3:before {
    content: url(../images/stat2.png);
    position: absolute;
    left: 30px;
    top: 14px;
	
}

.content .menu-auth #menu-auth-4:before {
    content: url(../images/people.png);
    position: absolute;
    left: 22px;
    top: 13px;
}

.content .menu-auth #menu-auth-5:before {
    content: url(../images/almaz.png);
    position: absolute;
    left: 25px;
    top: 16px;
}

.content .menu-auth #menu-auth-6:before {
    content: url(../images/svinka.png);
    position: absolute;
    left: 20px;
    top: 13px;
}

.content .menu-auth ul li a:hover {
    background: #38bfe0;   
}


.content .stat {
    background-image: url(../images/back-stat.png);
    height: 100px;
    margin-bottom: 18px;
}

.content .stat .stat-block1, .content .stat .stat-block2, .content .stat .stat-block3, .content .stat .stat-block4 {
    display: inline-block;
    text-align: center;
    width: 312px;
    padding-top: 20px;
}

.content .stat .stat-block-title {
    text-transform: uppercase;
    font-size: 14px;
    color: white;
}

.content .stat .stat-block-money {
    text-transform: uppercase;
    font-size: 36px;
    color: white;
    line-height: 56px;
}

/* МЕНЮ И СЧЕТЧИК ПРИ АВТОРИЗАЦИИ */

/* ПРОМО */

.content .round {
    margin-top: 50px;   
    padding: 0 190px;
    overflow: hidden;
    text-align: center
}

.content .round .round-img,  .content .round .round-img-center{
    background: #38bfe0;
    width: 220px;
    height: 220px;
    border-radius: 130px;
    text-align: center;
    float: left;
    margin-bottom: 50px;
}

.content .round .round-img img, .content .round .round-img-center img{
    display: block;
    padding-top: 60px;
    padding-left: 40px;
}

.content .round .round-title {
    text-transform: uppercase;
    color: #07aaff;
    text-align: center;
    font-size: 16px;
    display: block;
    margin-top: 60px;
}

.content .round .round-title:hover {
    text-decoration: none;
}

.content .round .round-img-center{
    margin: 0 110px;
}

.content .round .round-img:hover,  .content .round .round-img-center:hover{
 background: #255261;
}

.content .round-mini {
    margin-top: 50px;   
    padding: 0 330px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 50px;
}

.content .round-mini .round-img,  .content .round-mini .round-img-center{
    background: #255261;
    width: 147px;
    height: 147px;
    border-radius: 130px;
    text-align: center;
    float: left;
    margin-bottom: 50px;
}

.content .round-mini .round-img img, .content .round-mini .round-img-center img{
    display: block;
    padding-top: 30px;
    padding-left: 30px;
    width: 90px;
}



.content .round-mini .round-title {
    text-transform: uppercase;
    color: #255261;
    text-align: center;
    font-size: 16px;
    display: block;
    margin-top: 60px;
	text-decoration:none;
}

.content .round-mini .round-title:hover {
    text-decoration: none;
}

.content .round-mini .act_cirkle {color: #38bfe0;text-decoration:none;}

.content .round-mini .round-img-center{
    margin: 0 70px;
	
}

.content .round-mini .round-img:hover,  .content .round-mini .round-img-center:hover{
    background: #38bfe0;
}

.content .round-mini .round-img:hover > .round-title {
    color: #38bfe0;
    text-decoration: none;
}

.content .round-mini .round-img-center:hover > .round-title {
    color: #38bfe0;
    text-decoration: none;
}


.content .promo-games .select-game {
     background-color: #dcedf3;
    overflow: hidden;
    padding: 0 25px 25px 25px;
    margin-top: 20px;
}

.content .promo-games h4{   
    text-transform: uppercase;
    font-size: 24px;
    color: #000000;
    display: block;
    text-align: center;
    padding:  20px 0;
}

/* Настройка чекбоксов */
.content .promo-banner .select-banner label {
	height:auto;
}

.content .promo-games .select-game label {
     width: 100px; /* Ширина рисунка */
     height: 100px; /* Высота рисунка */
	 /*height:auto;*/
     display: block; /* Блочный элемент */
     position: relative; /* Относительное позиционирование */
    float: left;
    margin: 10px;
}

.content .promo-games .select-game .input-game1 {
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 5px;
}

.content .promo-games .select-game .input-game1 + span {
     position: absolute; /* Абсолютное позиционирование */
     left: 0; top: 0;
     width: 100%; height: 100%;
     background: url(../images/game1.png) no-repeat; /* Фоновый рисунок */
     cursor: pointer; /* Курсор в виде руки */
    border: 5px solid #07aaff
}

/* Настройка чекбоксов */

.content .promo-games .type-pr {
    background-color: #dcedf3;
    overflow: hidden;
    padding: 0 30px 30px 30px;
    margin-top: 40px;
}

.content .promo-games .type-pr img {
    float: left;
    margin-right: 40px;   
}

/*	Select */
.slct {
    display: block;
    border-radius: 25px;
    border: 1px solid #cecece;
    background-color: white;
    width: 190px;
    height: 25px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-left: 20px;
    padding-top: 8px;
    text-decoration: none;
    font-size: 14px;
    color: #2f2f2f;
-webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
-moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);

}
.slct.active {
    display: block;
    border-radius: 25px;
    border: 1px solid #cecece;
    background-color: white;
    width: 190px;
    height: 25px;
    color: #444;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-left: 20px;
    padding-top: 8px;
    text-decoration: none;
    font-size: 14px;
    color: #2f2f2f;
-webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
-moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
}

.slct:before {
    content: url(../images/strela.png);
    position: absolute;
    right: 7px;
    top: 6px;
}

.drop {
    margin: 0;
    padding: 0;
    width: 210px;
    /* border: 1px solid #cecece; */
    border-top: none;
    display: none;
    position: absolute;
    background: #f4f4f4;
    font-size: 14px;
    margin-top: 3px;

    max-height: 210px;
    overflow-y: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.drop li {
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    display: block;
    color: #444;
    background-position: 10px -119px;
    text-decoration: none;
    /* border-bottom: 1px dashed; */
    text-align: center;
    padding: 10px 20px;
    white-space: nowrap;
}

.drop li:hover {
    background-color: #DCEEF3;
}

.drop li a {
    font-size: 14px;
    color: black;
    text-decoration: none;

    display: block;
}
.select {
    float: left;
    position: relative;
}
/*	Select */

.content .promo-games .type-pr p {
    font-size: 14px;
    color: #6e6e6e;
    display: block;
    float: left;
    width: 640px;
    margin-top: 30px;
}
 .promo-link  { margin-top: 30px;}
.content .promo-link .type-landing {
     background-color: #dcedf3;
    overflow: hidden;
    padding: 0 30px 30px 30px;
}

.content .promo-link h4{   
    text-transform: uppercase;
    font-size: 24px;
    color: #000000;
    display: block;
    text-align: center;
    padding:  20px 0;
}

/* Настройка чекбоксов */
.content .promo-games .label,
.content .promo-link .select-landing .label {
 /*    width: 240px;
    height: 235px; */
    display: block; /* Блочный элемент */
    position: relative; /* Относительное позиционирование */
    float: left;
    /* margin: 30px; */
	text-align:center;
}

.content .promo-link .select-landing .label {margin: 30px;}

.content .promo-link .select-landing .input-landing1 {
    position: absolute;
    z-index: 10;
    left: 5px;
    bottom: -33px;
}

.content .promo-link .select-landing .input-landing1 + span {
    position: absolute; /* Абсолютное позиционирование */
    left: 0; top: 0;
    width: 205px;
    background: url(../images/landing.png) no-repeat; /* Фоновый рисунок */
    cursor: pointer; /* Курсор в виде руки */
    padding-top: 250px;
    padding-left: 30px;
}

/* Саня радиобаттоны */
.content .promo-link .select-landing .label label {
	padding-bottom:2px;
	display:block;
}

/* выбор типа материалов [+] */
.promo-link22  { margin-top: 10px;}
.content .promo-link22 .type-landing22 {
     background-color: #dcedf3;
    overflow: hidden;
    padding: 0 30px 30px 30px;
}

.content .promo-link22 h4{   
    text-transform: uppercase;
    font-size: 24px;
    color: #000000;
    display: block;
    text-align: center;
    padding:  20px 0;
}
.content .promo-link22 .select-landing22 .label22 {
 /*    width: 240px;
    height: 235px; */
    display: block; /* Блочный элемент */
    position: relative; /* Относительное позиционирование */
    float: left;
    /* margin: 30px; */
	text-align:center;
}
.content .promo-link22 .select-landing22 .label22 {margin: 20px;padding: 0px 60px 0px;}
.content .promo-link22 .type-landing22 {
     background-color: #dcedf3;
    overflow: hidden;
    padding: 0 10px 0px 10px;
}


a.prew-link22 {    
	text-decoration: underline;
    display: block;
    font-size: 13px;
    /*border-bottom: 1px dotted;*/
    width: 150px;
    margin: auto;
    margin-top: 5px;
    padding-bottom: 2px;
    color: #0099E0;
}

a.prew-link22:hover { border-bottom: none;text-decoration: none;}

/* выбор типа материалов [-]*/

.custom-form label.cstm {padding:2px 0px 2px 24px; display:inline !important;}
.custom-form input[type=radio] {display:none;}
.custom-form input[type=radio] + label.cstm {background:url(../images/checkbox.png) no-repeat 0px 4px;}
.custom-form input[type=radio]:checked + label.cstm {background:url(../images/chebocks-active.png) no-repeat 0px 4px;}
.forgames {
	position:relative;
}
.custom-form input[type=radio] + label {
	margin:0;
}
.custom-form input[type=radio] + label.game-label {
	position:absolute;
	right:14px;
	top:14px;
	width:19px;
	height:23px;
	padding:0 !important;
	margin:0;
	background:url(../images/checkbox.png) no-repeat 0px 4px;
}
.custom-form input[type=radio]:checked + label.game-label {
	background:url(../images/chebocks-active.png) no-repeat 0px 4px;
}
.forgames img {
	border:5px solid #38bfe0;
}
.custom-form input[type=radio] + label.labbanner {
	position:absolute;
	right:5px;
	top:0px;
	width:19px;
	height:23px;
	padding:0 !important;
	margin:0;
	background:url(../images/checkbox.png) no-repeat 0px 4px;
	cursor:pointer;
	z-index:9999;
}
.custom-form input[type=radio]:checked + label.labbanner {
	background:url(../images/chebocks-active.png) no-repeat 0px 4px;
}










/* Настройка чекбоксов */
.promo-banner  { margin-top: 30px;}
.content .promo-banner .banner-filt {
     background-color: #dcedf3;
    overflow: hidden;
    padding: 30px 30px 30px 30px;
    margin-bottom: 20px;
}

.content .promo-banner .banner-filt th {
    font-size: 14px;
    color: black;
    font-weight: bold;
    text-align: left;
    padding-bottom: 10px;
    text-transform: uppercase;
    padding-left: 14px;
}

.content .promo-banner .banner-filt .promo-banner-format td{
    text-align: center;
    padding: 6px 14px;
}

.content .promo-banner .banner-filt .td-active{
    background:#38bfe0;
    border-radius: 5px;
    color: white;
}

.content .promo-banner .banner-filt a {
    color: #255261;
}

.content .promo-banner .banner-filt .td-active a {
    color: white;   
}

.content .promo-banner .banner-filt img {
    vertical-align: middle;
    padding-left: 5px;
}

.content .promo-banner .banner-filt a {
    text-decoration: none;
}

.content .promo-banner table {
    border-collapse: separate;
    border-spacing: 15px;
}

.content .gorizont, .content .vertical, .content .square {
    float: left;   
}

.content .promo-banner .type-banner {
     background-color: #dcedf3;
    overflow: hidden;
    padding: 0 25px 25px 25px;
    margin-bottom: 30px;
}

.content .promo-banner .type-banner h4{   
    text-transform: uppercase;
    font-size: 24px;
    color: #000000;
    display: block;
    text-align: center;
    padding:  20px 0;
}

/* Настройка чекбоксов */
.content .promo-banner .select-banner .labelbox {
    /*width: 557px;
    height: 117px;*/
    display: block; /* Блочный элемент */
    position: relative; /* Относительное позиционирование */
    float: left;
    margin: 20px;
    position:relative;
}

.content .promo-banner .select-banner .input-banner {
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 5px;
}

.content .promo-banner .select-banner .input-banner + span {
    position: absolute; /* Абсолютное позиционирование */
    left: 0; top: 0;
    width: 100%;
    height: 100%;
    background: #3d3d3d;; /* Фоновый рисунок */
    cursor: pointer; /* Курсор в виде руки */
}

/* Настройка чекбоксов */

.content .code {
    background-color: #dcedf3;
    padding: 0 30px 30px 30px;
    margin-top: 30px;
    height: 270px;
}

.content .code h4{   
    text-transform: uppercase;
    font-size: 24px;
    color: #000000;
    display: block;
    text-align: center;
    padding:  20px 0;
}

.content .code p {
    color: black;
    font-size: 14px;
}

.content .code textarea {
    width: 100%;
    height: 117px;
    /* margin-top: 20px; */
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    margin-bottom: 10px;
}

.content .code span {
    padding: 10px;
    float: left;
    font-size: 14px;
    color:#2f2f2f;
}

.content .code img {
    float: left;
}

/* ВСПЛЫВАЮЩЕЕ ОКНО */
   .overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
}
.popup {
	background-color: #fff;
	display: inline-block;
	left: 50%;
	opacity: 0;
    padding: 30px;
    width: 322px;
	position: fixed;
	text-align: justify;
	top: 40%;
	visibility: hidden;
	z-index: 999999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 10px;
}

.popup span {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.popup .close_order {
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}
.popup .close_order:active {
	background: #8f9be0;
}

.popup input[type="text"] {
    width: 94%;
    height: 35px;
    margin: 5px 0;
    padding-left: 20px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

.popup input[type="password"] {
    width: 94%;
    height: 35px;
    margin: 5px 0;
    padding-left: 20px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

/*.popup input[type="submit"] {
    background: url(../images/btn-vhod.png);   
    cursor: pointer;
    border: none;
    margin-top: 10px;
    float: left;
    vertical-align: middle;
     background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
}



.popup input[type="submit"]:hover {
    background: url(../images/backbtn-hover.png);   
}*/

.register_btn {
    background: url(../images/btn-vhod.png);   
    cursor: pointer;
    border: none;
    margin-top: 10px;
    float: left;
    vertical-align: middle;
     background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
}

.register_btn:hover {
   background: url(../images/backbtn-hover.png);   
}

.register_btn_disable {
    background: url(../images/btn-vhod.png);
    border: none;
    margin-top: 10px;
    float: left;
    vertical-align: middle;
     background: url(../images/backbnt_disable.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
	cursor: not-allowed;
	/*cursor: url(../images/block.png), pointer;*/
}

.register_btn_disable:hover {
    background: url(../images/backbnt_disable.png);   
}

.popup-vhod a {
    color: #07abff;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    padding-left: 4px;
}

.popup-vhod {
	background-color: #fff;
	display: inline-block;
	left: 50%;
	opacity: 0;
    padding: 30px;
    width: 322px;
	position: fixed;
	text-align: justify;
	top: 40%;
	visibility: hidden;
	z-index: 999999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-radius: 10px;
}

.popup-vhod span {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;
}

.popup-vhod .close_order {
	position: absolute;
	top: -15px;
	right: -15px;
	cursor: pointer;
}
.popup-vhod .close_order:active {
	background: #8f9be0;
}

.popup-vhod input[type="text"] {
    width: 94%;
    height: 35px;
    margin: 5px 0;
    padding-left: 20px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

.popup-vhod input[type="password"] {
    width: 94%;
    height: 35px;
    margin: 5px 0;
    padding-left: 20px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

/*.popup-vhod input[type="submit"] {
    background: url(../images/btn-vhod.png);   
    cursor: pointer;
    border: none;
    margin-top: 10px;
    float: right;
    vertical-align: middle;
     background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
}

.popup-vhod input[type="submit"]:hover {
    background: url(../images/backbtn-hover.png);   
}*/

.login_btn {
    background: url(../images/btn-vhod.png);   
    cursor: pointer;
    border: none;
    margin-top: 10px;
    float: right;
    vertical-align: middle;
     background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
}

.login_btn:hover {
   background: url(../images/backbtn-hover.png);   
}

.login_btn_disable {
    background: url(../images/btn-vhod.png);
    border: none;
    margin-top: 10px;
    float: right;
    vertical-align: middle;
     background: url(../images/backbnt_disable.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
	cursor: not-allowed;
	/*cursor: url(../images/block.png), pointer;*/
}

.login_btn_disable:hover {
    background: url(../images/backbnt_disable.png);   
}

.popup-vhod a:hover {
    text-decoration: none;   
}

.popup-vhod a {
    color: #07abff;
    font-size: 14px;
    font-weight: 400;
    float: left;
    padding-top: 20px;
}

/* ВСПЛЫВАЮЩЕЕ ОКНО */

input::-webkit-input-placeholder {color:black;}
input:-moz-placeholder {color:black;}
textarea::-webkit-input-placeholder {color:black;}
textarea::-webkit-input-placeholder {color:black;}

/* СТРАНИЦА СТАТИСТИКИ */

.content .static {
    height: 60px; 
    background: #dceef3;
    padding: 0 20px;
    margin-bottom: 18px;
    border-radius: 5px;
}   

/*.content .static span {
    display: block;
    float: left;
    padding-top: 25px;
    font-size: 14px;
    color: black;
    padding-left: 250px;   
}*/

.content .static .document {
    font-size: 14px;
    color: #07aaff;
    display: block;
    padding-top: 25px;
    float: left;
    padding-right: 20px;
}

.content .static .document:hover {
    text-decoration: none;   
}

.content .static .document1 {
    font-size: 14px;
    color: #07aaff;
    display: block;
    padding-top: 25px;
    float: left;
    padding-right: 5px;
}

.content .static .document1:hover {
    text-decoration: none;   
}

.content .static .document2 {
    font-size: 14px;
    color: #07aaff;
    display: block;
    padding-top: 15px;
    float: left;
    padding-right: 25px;
}

.content .static .document2:hover {
    text-decoration: none;   
}

.document_error {
    font-size: 16px;
    text-align: center;
    float: left;
    height: 27px;
    text-decoration: none;
    padding-top: 10px;
    margin-top: 13px;
    margin-left: 30px;
    font-weight: bold;
}

/*.document_error_2 {
    font-size: 16px;
	color:#255261;
    float: left;
	padding-top: 10px;
    padding-right: 25px;
    font-weight: bold;
}*/

/*	Select */
.slct-stat {
    display: block;
    border-radius: 25px;
    border: 1px solid #cecece;
    background-color: #255261;
    width: 120px;
    height: 25px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-left: 20px;
    padding-top: 8px;
    text-decoration: none;
    font-size: 14px;
}

.slct-stat.active {
    display: block;
    border-radius: 25px;
    border: 1px solid #cecece;
    background-color: #255261;
    width: 120px;
    height: 25px;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-left: 20px;
    padding-top: 8px;
    text-decoration: none;
    font-size: 14px;
}

.slct-stat:before {
    content: url(../images/strela.png);
    position: absolute;
    right: 7px;
    top: 21px;
}

.drop-stat {
    margin: 0;
    width: 140px;
    /* border: 1px solid #cecece; */
    border-top: none;
    display: none;
    position: absolute;
    background: #f4f4f4;
    font-size: 14px;
    margin-top: 3px;
    padding: 0;

    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}

.drop-stat li {
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    display: block;
    color: #444;
    background-position: 10px -119px;
    text-decoration: none;
    /* border-bottom: 1px dashed; */
    text-align: center;
}

.drop-stat li:hover {
    background-color: #DCEEF3;
}

.drop-stat li:last-child {
    border: none;   
}

.drop-stat li a {
    font-size: 14px;
    color: black;
    text-decoration: none;

    display: block;
    padding: 10px 20px;
    white-space: nowrap;
}

.select-stat {
    float: right;
    position: relative;
    padding-top: 15px;
    padding-left: 20px; 
	z-index: 999; /* add tooltip*/
}

.select-stat a {text-decoration:none; color:#fff;} 
.select-ref a {text-decoration:none; color:#fff;} 
.drop-stat li a {text-decoration:none;} 
.drop-ref li a {text-decoration:none;} 
/*	Select */

/*	Select */
.slct-ref {
    display: block;
    border-radius: 25px;
    border: 1px solid #cecece;
    background-color: #255261;
    width: 190px;
    height: 25px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-left: 20px;
    padding-top: 8px;
    text-decoration: none;
    font-size: 14px;
}

.slct-ref.active {
    display: block;
    border-radius: 25px;
    border: 1px solid #cecece;
    background-color: #255261;
    width: 190px;
    height: 25px;
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-left: 20px;
    padding-top: 8px;
    text-decoration: none;
    font-size: 14px;
}

.slct-ref:before {
    content: url(../images/strela.png);
    position: absolute;
    right: 7px;
    top: 21px;
}

.drop-ref {
    margin: 0;
    padding: 0;
    width: 210px;
    /* border: 1px solid #cecece; */
    border-top: none;
    display: none;
    position: absolute;
    background: #f4f4f4;
    font-size: 14px;
    margin-top: 5px;

    max-height: 210px;
    overflow-y: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.drop-ref li {
    list-style: none;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer;
    display: block;
    color: #444;
    background-position: 10px -119px;
    text-decoration: none;
    /* border-bottom: 1px dashed; */
    text-align: center;
}


.drop-ref li:hover {
    background-color: #DCEEF3;
}

.drop-ref li:last-child {
    border: none;   
}

.drop-ref li a {
    font-size: 14px;
    color: black;
    text-decoration: none;

    display: block;
    padding: 10px 20px;
    white-space: nowrap;
}

.select-ref {
    float: right;
    position: relative;
    /*padding-top: 0px;*/
	padding-top: 15px;
    padding-left: 20px;
	z-index: 999; /* add tooltip*/
}

.select-ref1 {
    float: right;
    position: static;
    padding-top: 0px;
    padding-left: 20px;
}
/*	Select */

/*.content .static-table th{
    height: 30px;
    background: #255261;
    color: white;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
    padding: 0 20px;
}

.content .static-table td{
    height: 30px;
    color: black;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
}

.content .static-table .table-ctr {
    width: 39px;   
}

.content .static-table tr:nth-child(2n+1) {
    background: #f8f8f8;
} 

.content .static-table .last-child td{
    background: #255261;
    color: white !important;
}*/

.content .treker {
    height: 60px; 
    background: #dceef3;
    padding: 0 20px;
    margin-bottom: 18px;
    border-radius: 5px;
}   

.content .treker input[type="text"] {
    /*width: 328px;*/
	width: 220px;    
    vertical-align: middle;
    /*margin-top: 14px;*/
	margin: 14px 10px;
    padding: 10px 10px;
    border-radius: 20px;
    float: left;
border-radius: 16px;
border: none;
-webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
-moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
color: black;
}

.content .select-stat1 input[type="text"] {
    width: 128px;   
    vertical-align: middle;
    margin-top: 14px;
    padding: 10px 10px;
    border-radius: 20px;
    float: left;
border-radius: 16px;
border: none;
-webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
-moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
color: black;
}



 input[type="text"]:focus {
    border:1px solid #45cce5;
    -webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     -moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     height: 33px;
}

 input[type="password"]:focus {
    border:1px solid #45cce5;
    -webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     -moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     height: 33px;
}

.content .table-treker th{
    height: 30px;
    background: #255261;
    color: white;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
    padding: 0 25px;
}

.content .table-treker td{
    height: 30px;
    color: black;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
}

.content .table-treker td a { 
    color: #07aaff;
}
#link-a-domain { 
    color: #24505F;
}

.content .table-treker td a:hover {
    text-decoration: none;
}

.content .table-treker tr:nth-child(2n+1) {
    background: #f8f8f8;
} 

.content .table-treker .table-treker-id {
    width: 172px;   
}

.content .table-treker .table-treker-name {
    width: 170px;   
}

.content .table-treker .table-treker-date {
    width: 210px;   
}

.content .table-treker .table-treker-ref {
    width: 440px;   
}

.content .table-treker .table-treker-d {
    width: 230px;   
}

.content .table-treker .icon2 {
    padding: 0 10px;   
}

.content .news-poln {
    background-color: #dcedf3;
    padding: 30px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
}

.content .news-poln img {
    margin-right: 30px;
    float: left;
}

.content .news-poln-info {
    float: left;
    overflow: hidden;
    width: 970px;
    margin-bottom: 10px;
}

.content .news-poln-info .news-poln-date {
    background-color: #255261;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    display: block;
    width: 103px;
    border-radius: 5px;
    text-align: center;
    padding: 8px 0;
    float: left;
    margin-top:5px;
}

.content .news-poln-info h3 {
    float: left;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    width: 479px;
    color: #000000;
    margin-top:5px;
}

.btn-copy {
    background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    float: left;
    width: 154px;
    height: 27px;
    text-decoration: none;
    padding-top: 10px;
    font-weight: bold;
}

.btn-news {
    background: url(../images/btn-vhod.png);   
    cursor: pointer;
    border: none;
    float: left;
    vertical-align: middle;
    background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
    margin-top: 20px;
}

.btn-news:hover {
    background: url(../images/backbtn-hover.png);   
}

.btn-news_disable {
    background: url(../images/btn-vhod.png);
    border: none;
    float: left;
    vertical-align: middle;
    background: url(../images/backbnt_disable.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
    margin-top: 20px;
	cursor: not-allowed;
}

.btn-news_disable:hover {
    background: url(../images/backbnt_disable.png);   
}

p#error_registration {margin-top: 20px;
text-align: left;
float: left;
}

.content .news-poln p {
    font-size: 14px;
    color: #5b5b5b;
    line-height: 16px;
}

/*uns*/
.content .uns-poln {
    background-color: #dcedf3;
    padding: 5px 30px 5px 30px;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px;
}

.content .uns-poln p {
    font-size: 14px;
    color: #5b5b5b;
    line-height: 16px;
}
/*uns*/
.content .faq {
    padding-left: 30px;
}

.content .faq .faq-det .faq-title {
    color: #37c0e1;
    font-size: 24px;
    margin-top: 30px;
    display: block;
}

.content .faq .faq-text {
    display: none;
    background: #dcedf3;
    padding: 20px;
    margin-top: 20px;
    position: relative;
}

a.faq-title.aaa{
    color: black !important;
    text-decoration: none;
    
}

.content .profile {
    padding: 0 0px;   /*padding: 0 30px; */
    overflow: hidden;
}

.content .profile .column-1, .content .profile .column-2, .content .profile .column-3 {
    /*width: 285px;*/
	width: 332px;
    height: 285px; /*height: 265px;*/
    background: #dceef3;
    padding: 25px 30px;
    float: left;
        border-radius: 5px;
}

.content .profile span {
    display: block;
    color: black;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px; /*margin-bottom: 17px;*/
}

.content .profile .column-1 input[type="text"], .content .profile .column-2 input[type="text"]{
width: 262px;
height: 35px;
margin: 5px 0;
padding-left: 10px;
border-radius: 16px;
border: none;
-webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
-moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
color: black;
margin-top: 10px;
}

.content .profile .column-1 input[type="password"], .content .profile .column-2 input[type="password"]{
width: 262px;
height: 35px;
margin: 5px 0;
padding-left: 10px;
border-radius: 16px;
border: none;
-webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
-moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
color: black;
margin-top: 10px;
}

.content .profile .column-3 input[type="text"] {
    width: 250px; /*width: 212px;*/
height: 35px;
margin: 5px 0;
padding-left: 10px;
border-radius: 16px;
border: none;
-webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
-moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
color: black;
margin-top: 10px;
font-size:11px;
}

.content .profile .column-1 input[type="text"]:focus, .content .profile .column-2 input[type="text"]:focus {
    border:1px solid #45cce5;
    -webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    -moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    height: 33px;
}

.content .profile .column-1 input[type="password"]:focus, .content .profile .column-2 input[type="password"]:focus {
    border:1px solid #45cce5;
    -webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    -moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    height: 33px;
}

.content .profile .column-3 input[type="text"]:focus {
    border:1px solid #45cce5;
    -webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    -moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    height: 33px;
}


.content .profile .column-2 {
    margin: 0 42px;/*margin: 0 82px;*/
}   

/*.profile input[type="submit"] {
    background: url(../images/btn-vhod.png);   
    cursor: pointer;
    border: none;
    float: left;
    vertical-align: middle;
     background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 37px;
    text-decoration: none;
    padding: 0;
    font-weight: bold;
    margin-top: 20px;
}


.profile input[type="submit"]:hover {
    background: url(../images/backbtn-hover.png);   
}*/

.profile .column-info {
    display: inline-block !important;
    font-weight: normal !important;
    width: 60px;
}

.contacts table {
    background: #255261;  
    width: 1260px;
    border-radius: 5px;
}

.contacts table th {
    color: white;
    font-size: 24px;
    padding-top: 30px;
    width: 420px;
}

.contacts table .contacts-phone {
    padding-left: 50px;
    text-align: left;
    position: relative;
}

.contacts table .contacts-phone:before {
    content: url(../images/contact-phone.png);
    position: absolute;
    left: 22px;
    top: 25px;
}

.contacts table .contacts-skype {
    text-align: center;
    position:relative;
}

.contacts table .contacts-skype:before {
    content: url(../images/contact-skype.png);
    position: absolute;
    left: 122px;
    top: 25px;
}

.contacts table .contacts-mail {
    text-align: right;
    /* padding-right: 50px; */
    position:relative;
}

.contacts table .contacts-mail:before {
    content: url(../images/contact-mail.png);
    position: absolute;
    /* right: 124px; */
    top: 31px;
	left: 20px;
}

.contacts table td {
    color: white;
    font-size: 18px;
    width: 420px;
    padding-top: 10px;
padding-bottom: 30px;
}

.contacts table .contacts-phone-td{
    padding-left: 50px;
    text-align: left;
    font-weight: 300;
}

.contacts table .contacts-skype-td{
    text-align: center;
    font-weight: 300;
}

.contacts table .contacts-mail-td{
    text-align: right;
    padding-right: 50px;
    font-weight: 300;
}

.message {
    height:266px;
    background-image: url(../images/fon2.png);
    background-color:#ecf6f9;
    width:100%;
    margin-top: 50px;
}

.message-send {
    margin: 0 auto;
    width: 1260px;
}

.message-send-container {
padding: 30px 150px;
overflow: hidden;
}

.message input[type="text"]{
    width: 273px;
    height: 35px;
    margin: 5px 0;
    padding-left: 50px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

.message input[type="password"]{
    width: 273px;
    height: 35px;
    margin: 5px 0;
    padding-left: 50px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

.message input[type="text"]:focus {
    height: 33px;   
}

 input[type="text"]:focus {
    border:1px solid #45cce5;
    -webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    -moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
    box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
}

.message .send-left {
    width: 250px;
    float: left;
}

.message .send-right {
    float: right;
    width: 580px;
    width: 580px;
}

.message-name {
background-image: url(../images/contacts-icon1.png);
background-repeat: no-repeat;
background-position: 20px;
}

.message-mail {
background-image: url(../images/contacts-icon2.png);
background-repeat: no-repeat;
background-position: 20px;
}

.message-mess {
background-image: url(../images/contacts-icon3.png);
background-repeat: no-repeat;
background-position: 20px;
}

.message textarea {
    width:565px;
    height: 148px;
    max-width:565px;
    max-height: 148px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    margin-bottom: 10px;   
    border: 1px solid #dedede;
    padding-top: 10px;
    padding-left: 10px;
    color: black
}

.message textarea:focus {
       border:1px solid #45cce5;
    -webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     -moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
     box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
}

placeholder {
    color: black;   
}

.btn-cont {
    background: url(../images/backbnt.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 27px;
    text-decoration: none;
    padding-top: 10px;
    float: right;
    font-weight: bold;
    margin-top: 5px;
}

.btn-cont:hover {
    background: url(../images/backbtn-hover.png);   
}

.btn-cont_disable {
    background: url(../images/backbnt_disable.png);
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    font-weight: 400;
    text-align: center;
    display: block;
    width: 154px;
    height: 27px;
    text-decoration: none;
    padding-top: 10px;
    float: right;
    font-weight: bold;
    margin-top: 5px;
	cursor: not-allowed;
}

.btn-cont_disable:hover {
    background: url(../images/backbnt_disable.png);   
}

.content .platez {
    overflow: hidden;
	padding-bottom: 15px;
}

.content .platez-left {
    float: left;
    width: 760px;
    overflow: hidden;
    margin-top: 20px;
}

.content .platez-left .webmoney{
    background: url(../images/pl-web-g.png) ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    width: 220px;
    height: 86px;
    margin-right: 20px;
    cursor: pointer;
}

.content .platez-left .webmoney:hover {
    background: url(../images/pl-web-h.png);   
    background-repeat: no-repeat;
}

.content .platez-left .bank_card{
    background: url(../images/pl-bc-g.png) ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    width: 220px;
    height: 86px;
    margin-right: 20px;
    cursor: pointer;
}

.content .platez-left .bank_card:hover {
    background: url(../images/pl-bc-h.png);   
    background-repeat: no-repeat;
}

.content .platez-left .tether_bep20{
    background: url(../images/pl-tbep20-g.png) ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    width: 220px;
    height: 86px;
    margin-right: 20px;
    cursor: pointer;
}

.content .platez-left .tether_bep20:hover {
    background: url(../images/pl-tbep20-h.png);   
    background-repeat: no-repeat;
}

.content .platez-left .tether_trc20{
    background: url(../images/pl-ttrc20-g.png) ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    width: 220px;
    height: 86px;
    margin-right: 20px;
    cursor: pointer;
}

.content .platez-left .tether_trc20:hover {
    background: url(../images/pl-ttrc20-h.png);   
    background-repeat: no-repeat;
}

.content .platez-left .tether_erc20{
    background: url(../images/pl-terc20-g.png) ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    width: 220px;
    height: 86px;
    margin-right: 20px;
    cursor: pointer;
}

.content .platez-left .tether_erc20:hover {
    background: url(../images/pl-terc20-h.png);   
    background-repeat: no-repeat;
}

.content .platez-left .yandex{
    background: url(../images/pl-yd-g.png) ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    width: 220px;
    height: 86px;
    margin-right: 20px;
    cursor: pointer;
}

.content .platez-left .qiwi:hover {
    background: url(../images/pl-qiwi-h.png);   
    background-repeat: no-repeat;
}

.content .platez-left .qiwi{
    background: url(../images/pl-qiwi-g.png) ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    float: left;
    width: 220px;
    height: 86px;
    margin-right: 20px;
    cursor: pointer;
}

.content .platez-left .yandex:hover {
    background: url(../images/pl-yd-h.png);   
    background-repeat: no-repeat;
}

.content .platez-left #platez-active {
    background: url(../images/pl-web-h.png);   
    background-repeat: no-repeat;
}

.content .platez-right {
    background: #255261;
    width: 380px;
    float: right;
    height: 74px;
    padding: 28px 30px;
    border-radius: 25px;
}

.content .platez-right span {
    color: white;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    /*margin-bottom: 10px;*/
	margin: 0px 0;
}

.content .platez-right p {
    color: red;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
	margin: 5px 0;
}

.content .platez-right input[type="text"] {
    width: 184px;
    height: 35px;
    margin: 5px 0;
    padding-left: 20px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

.content .platez-right input[type="password"] {
    width: 184px;
    height: 35px;
    margin: 5px 0;
    padding-left: 20px;
    border-radius: 16px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    -moz-box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    box-shadow: inset 1px 1px 5px -1px rgba(128, 128, 128, 1);
    color: black;
}

.content .platez-right input[type="text"]:focus{
border: 1px solid #45cce5;
-webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
-moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
width: 182px;
height: 33px;
}

.content .platez-right input[type="password"]:focus{
border: 1px solid #45cce5;
-webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
-moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
width: 182px;
height: 33px;
}

.content .table-platez {
    margin-top: 20px;   
}

.content .table-platez th{
    height: 50px;
    background: #255261;
    color: white;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
    padding: 0 25px;
}

.content .table-platez td{
    height: 50px;
    color: black;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
}

.content .table-platez tr:nth-child(2n+1) {
    background: #f8f8f8;
} 

.table-platez-date {
    width:300px;   
}

.table-platez-sum {
    width:280px;   
}

.table-platez-system {
    width:330px;   
}

.table-platez-oper {
    width:320px;   
}

.content .faq-text:before {
    content: url(../images/treangle.png);
    position: absolute;
    left: 42px;
    top: -11px;
}

.content .treker input[type="text"]:focus {
    height: 32px;
    padding: 0 10px;
    /*width: 326px;*/
	width: 218px;
    border: 1px solid #45cce5;
-webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
-moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
}

.content .select-stat1 input[type="text"]:focus {
    height: 32px;
    padding: 0 10px;
    width: 126px;
    border: 1px solid #45cce5;
-webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
-moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
}

.content .treker input[type="password"]:focus {
    height: 32px;
    padding: 0 10px;
    width: 326px;
    border: 1px solid #45cce5;
-webkit-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
-moz-box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
box-shadow: 0px 10px 67px -16px rgba(69,205,229,1);
}

.digital {
    display: inline-block;
    color: white;
    background: #255261;
    width: 22px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
    border-radius: 30px;
    padding-top: 4px;
    font-weight: 300;
    font-size: 13px;
}

.digital {
    display: inline-block;
    color: white;
    background: #255261;
    width: 22px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
    border-radius: 30px;
    padding-top: 4px;
    font-weight: 300;
    font-size: 13px;
}

.content .promo-banner .banner-filt .promo-filtes:hover {
    background: #38bfe0;
    border-radius: 5px;
    color: white;
    text-align: center;
}

.content .promo-banner .banner-filt .promo-filtes:hover > a{
    color: white;
}


.content .promo-banner .banner-filt .promo-filtes a {
    color:#255261;
}

.wrap-checkbox {
  background: url(../images/checkbox.png) no-repeat 0 0;
  display: block;
  float: left;
  height: 26px;
  width: 26px;
}
.wrap-checkbox.active {
  background: url(../images/checkbox.png) no-repeat -26px 0; /* изменяем background-position при активном чекбоксе */
}


.content .menu-auth ul li a.men_act {
    background: #38bfe0;   
}

.f-overlay {position: absolute;  cursor: pointer;  top: 0;  left: 0;  width: 100%;  height: 100%;}

a.prew-link {    
	text-decoration: underline;
    display: block;
    font-size: 13px;
    /*border-bottom: 1px dotted;*/
    width: 90px;
    margin: auto;
    margin-top: 5px;
    padding-bottom: 2px;
    color: #0099E0;
}

a.prew-link:hover { border-bottom: none;text-decoration: none;}

b.prew-link {    	
	
    font-size: 12px;
    width: 90px;
    margin: auto;
    margin-top: 5px;
    padding-bottom: 2px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
b.prew-link {    	
	
    display: block;
    font-size: 10px;
    width: 90px;
    margin: auto;
    margin-top: 5px;
    padding-bottom: 2px;
}
}

strong{   font-weight:bold; }
h1 {   font-weight:bold; font-size:20px; margin: 10px 0 15px 0;}
h2 {    font-size:18px; margin: 10px 0 15px 0;}
p {    margin: 10px 0 15px 0;}

/* errors class ajax */
.reg_new_error { display: inline-block; clear: both; margin: 0px 0; background: #E5595C; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 16px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; margin-bottom:10px;}

.change_new_error { display: block; clear: both; margin: 0px 0; background: #E5595C; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; text-align:left; width:260px;}

.change_new_done { display: inline-block; clear: both; margin: 0px 0; background: #225905; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; }

.payments_new_error { display: block; clear: both; margin: 0px 0; background: #E5595C; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; text-align:left; width:290px; }

.payments_new_done { display: inline-block; clear: both; margin: 0px 0; background: #225905; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; }

.forgot_new_error { display: block; clear: both; margin: 0px 0; background: #E5595C; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; text-align:left; }

.forgot_new_done { display: inline-block; clear: both; margin: 0px 0; background: #225905; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; }

.support_new_error { display: block; clear: both; margin: 0px 0; background: #E5595C; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; text-align:left; width:310px; }

.support_new_done { display: inline-block; clear: both; margin: 0px 0; background: #225905; padding: 3px 7px 3px 7px; color: #ffffff; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; }

/*#validEmail
    {
    margin-top: 8px;
    margin-left: 5px;
    position: absolute;
    width: 16px;
    height: 16px;
    }*/
	
/*.tooltip {
	border-bottom: 1px dotted #0077AA;
	cursor: help;
}

.tooltip::after {
	background: rgba(0, 0, 0, 0.8);
	border-radius: 8px 8px 8px 0px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	color: #FFF;
	content: attr(data-tooltip);
	margin-top: -24px;
	opacity: 0;
	padding: 3px 7px;
	position: absolute;
	visibility: hidden;
			
	transition: all 0.4s ease-in-out;
}
		
.tooltip:hover::after {
	opacity: 1;
	visibility: visible;
}*/

.tooltip {
	border-bottom: 1px dotted #0077AA;
    position: relative;
    cursor: help;
    /*display: inline-block;*/
    text-decoration: none;
    color: #222;
    outline: none;
}

.tooltip:hover:before {
    content: attr(data-tooltip);
    white-space: pre-line;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 999;
    width: 230px;
    margin-left: -127px;
    padding: 10px;
    border: 2px solid #ccc;
    /*opacity: 0.9;*/
    background-color: #ddd;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip:hover:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: 24px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}

.tooltip2 {
	border-bottom: 1px double #0077AA;
    position: relative;
    cursor: help;
    /*display: inline-block;*/
    text-decoration: none;
    color: #222;
    outline: none;
}

.tooltip2:hover:before {
    content: attr(data-tooltip);
    white-space: pre-line;
    position: absolute;
    bottom: -1px;
    left: 50%;
    z-index: 999;
    /*width: 130px;*/
	width: 150px;
    /*margin-left: -67px;*/
	margin-left: -180px;
    padding: 2px;
    border: 1px solid #000;
    /*opacity: 0.9;*/
    background-color: #ddd;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip22 {
	border-bottom: 1px double #0077AA;
    position: relative;
    cursor: help;
    /*display: inline-block;*/
    text-decoration: none;
    color: #222;
    outline: none;
}

.tooltip22:hover:before {
    content: attr(data-tooltip);
    white-space: pre-line;
    position: absolute;
    bottom: -1px;
    left: 50%;
    z-index: 999;
    /*width: 130px;*/
	width: 150px;
    /*margin-left: -67px;*/
	margin-left: 50px;
    padding: 2px;
    border: 1px solid #000;
    /*opacity: 0.9;*/
    background-color: #ddd;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    -moz-border-radius: 1px;
    border-radius: 1px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
/*.tooltip2:hover:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: 24px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}*/
.tooltip3 {
	border-bottom: 1px double #0077AA;
    position: relative;
    cursor: pointer;
    /*display: inline-block;*/
    text-decoration: none;
    color: #222;
    outline: none;
}

.tooltip3:hover:before {
    content: attr(data-tooltip);
    white-space: pre-line;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 999;
    width: 230px;
    margin-left: -127px;
    padding: 10px;
    border: 2px solid #ccc;
    /*opacity: 0.9;*/
    background-color: #ddd;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip3:hover:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: 24px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}


.tooltip4 {
	border-bottom: 1px double #0077AA;
    position: relative;
    cursor: help;
    /*display: inline-block;*/
    text-decoration: none;
    color: #F7A6A6;
    outline: none;
}

.tooltip4:hover:before {
    content: attr(data-tooltip);
    white-space: pre-line;
	color: #000;
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 999;
    /*width: 230px;*/
	width: 460px;
    /*margin-left: -127px;*/
	margin-left: -247px;
    padding: 10px;
    border: 2px solid #ccc;
    /*opacity: 0.9;*/
    background-color: #ddd;
    background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.tooltip4:hover:after {
    content: "";
    position: absolute;
    z-index: 1000;
    bottom: 24px;
    left: 50%;
    margin-left: -8px;
    border-top: 8px solid #ddd;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 0;
}

/*.yellow-tooltip:hover:before {
    border-color: #e1ca82;
    background-color: #ffeaa6;
}

.yellow-tooltip:hover:after {
    border-top-color: #ffeaa6;
}*/

.toolbar{
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #C9282B;
border-bottom: 2px solid #ccc;
z-index:9999;
text-align:center;
color:#FFFFFF;
padding: 10px;
font-size:16px;
}
.toolbar a{
color: #FFFFFF;
display: inline-block;
text-decoration: underline;
}
.toolbar a:hover{
color: #F5E796;
display: inline-block;
text-decoration: none;
}

/* tables */

.content .static-table {
	border-collapse:collapse;
	table-layout:fixed;
	width:100%;
}
.content .gradient th{
	/*padding:2px 4px;
	border-left:1px solid #c5c5c5;
	border-bottom:1px solid #c5c5c5;
    height:16px;*/
	
	height: 30px;
    background: #255261;
    color: white;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
    padding: 0 20px;
}
.content .static-table td{
    height: 20px;
    color: black;
    font-size: 13px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #dedede;
}
/*td:first-child, th:first-child {border-left:0;}*/
.content .static-table tr:nth-child(2n+1) {
    background: #f8f8f8;
} 
.content .DivFixTable {
	/*width:440px;*/
	width:1256px;
	margin-top:0px;
	border:1px solid #c5c5c5;
}
.content .gradient {
	background:#255261;
}
.content .Tdata {
	/*height:631px;*/
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
}

/* ajax page */
.contents{
	/*margin-top: 20px;*/
	padding: 1px;
	list-style: none;
	background: #F9F9F9;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.contents li{
    margin-bottom: 10px;
}
/*.loading-div{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(39, 43, 48);
	z-index: 1000;
	opacity: 0.7;
	display:none;
}
.loading-div img {
	margin-top: 20%;
}*/
#loading-div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 100%;
	background: rgb(39, 43, 48);
	z-index: 1;
	opacity: 0.7;
	display: none;
}

/* Pagination ajax style */
/*.pagination{margin:0;padding:0;}*/
.pagination{margin:0;padding:0; overflow:hidden;}
/*.pagination li{display: inline;padding: 6px 10px 6px 10px;border: 1px solid #ddd;margin-right: -1px;font: 15px/20px Arial, Helvetica, sans-serif;background: #FFFFFF;box-shadow: inset 1px 1px 5px #F4F4F4;}*/
.pagination li{display: inline;padding: 4px 8px 4px 8px;border: 1px solid #ddd;margin-right: -1px;font: 14px/18px Arial, Helvetica, sans-serif;background: #FFFFFF;box-shadow: inset 1px 1px 5px #F4F4F4; float:left; margin-left:5px;}

.pagination li a{
    text-decoration:none;
    color: rgb(89, 141, 235);
}
.pagination li.first {
    border-radius: 5px 0px 0px 5px; background: #E5F1F6;
}
.pagination li.last {
    border-radius: 0px 5px 5px 0px; background: #E5F1F6;
}
.pagination li:hover{
	/*background: #38BFE0;*/
/*color:#893A00; text-shadow:0px 1px #FFEF42; border-color:#FC0313; background:#FFC800; background:-moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800));*/
color:#255261; text-shadow:0px 1px #D8EBF1; border-color:#255261; background:#D8EBF1; background:-moz-linear-gradient(top, #FFFFFF 1px, #D8EBF1 1px, #D8EBF1); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #D8EBF1), color-stop(1, #D8EBF1));		
}
.pagination li.active{
	/*background: #F0F70C;
	color: #333;*/
/*color:#893A00; text-shadow:0px 1px #FFEF42; border-color:#FFA200; background:#FFC800; background:-moz-linear-gradient(top, #FFFFFF 1px, #FFEA01 1px, #FFC800); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #FFEA01), color-stop(1, #FFC800));*/
color:#255261; text-shadow:0px 1px #D8EBF1; border-color:#255261; background:#D8EBF1; background:-moz-linear-gradient(top, #FFFFFF 1px, #D8EBF1 1px, #D8EBF1); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #D8EBF1), color-stop(1, #D8EBF1));		
}

.save-alert {display: none;}