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-weight:normal;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{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}strong,b{font-weight:bold}:focus{outline:0}input:-moz-focus-inner,button{border:none}textarea{resize:none;overflow:auto}input[type="submit"]::-moz-focus-inner{border:0}

html, body {
    height: 100%;
}

html, body, input, .select, textarea {
    font:normal 11px/14px Arial, Helvetica, sans-serif;
    color:#ccc
}

body {
    background:url('images/bg.jpg') repeat 0 0 #0a0d1f;
}

#index-page-container {
    background:url('images/bg_main.jpg') no-repeat center top #0c0e23;
}

#auth-container {
    background:url('images/header.jpg') no-repeat center top;
    box-sizing: border-box;
    min-height: 100%;
    min-width: 952px;
    /* equal to footer height */
    margin-bottom: -109px;
}

#auth-container:after {
  content: "";
  display: block;
  height: 109px;
}

nav {
    width: 972px;
    margin: 0 auto;
    padding-top: 29px;
}

.wrapper {
    width:972px;
    margin:0 auto;
    overflow: hidden;
}

.main-container {
    width:972px;
    margin:0 auto;
}

a {
    color:#ccec4e;
    text-decoration:underline
}
a:hover {
    color:#ccec4e;
    text-decoration:none
}
a.dashed {
    color:#ccec4e;
    text-decoration:none;
    border-bottom:1px dashed #ccec4e
}
a.dashed:hover {
    color:#ccec4e;
    text-decoration:none;
    border-bottom:0
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom:12px;
    font:bold 20px/30px Arial, Helvetica, sans-serif;
    color:#fff
}

h2.margined {
    margin-top: 25px;
}

.overflow {
    height:100%;
    overflow:hidden
}

.main-unauth-container {

}

/*Контейнер для неавторизированных страниц*/
.main-unauth-content {
    margin: 0 auto;
    width: 600px;
}

#admin-statistic-wrapper {
    width: 1200px;
    margin: 0 auto;
}

#logo-unauth {
    width:232px;
    height:131px;
    margin: 15px auto 30px;
}

/* input */
.input {
    height:32px;
    overflow:hidden
}
.input input, .guest-ticket-form .g-input-field input {
    float:left;
    height:32px;
    margin:0;
    padding: 0 5px 0 10px;
    font-size:12px;
    line-height:34px;
    font-weight:bold;
    color:#ccc;
    border:0;
    background:url('images/sprites.png') no-repeat left -146px
}

.g-input-field .g-right-text {
    color: #6ebc8c;
    margin-left: 23px;
}
.guest-ticket-form .g-input-field input:focus {
    background:url('images/sprites.png') no-repeat left -146px
}

.ticket-success {
    font-size: 1.3em;
}

.input span {
    float:left;
    width:7px;
    height:32px;
    background:url('images/sprites.png') no-repeat right -146px
}

/* textarea */
.textarea {
    height:112px;
    overflow:hidden
}
.textarea .textarea-scroll {
    float:left;
    height:102px;
    padding:10px 0 0 10px;
    background:url('images/sprites.png') no-repeat left -179px
}
.textarea textarea {
    width:100%;
    height:90px;
    margin:0;
    padding:0;
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    color:#ccc;
    border:0;
    background:none
}
.textarea span {
    float:left;
    width:7px;
    height:112px;
    background:url('images/sprites.png') no-repeat right -179px
}

/* кнопки */
.button {
    height:34px;
    overflow:hidden
}
.button-hover {float:left}
.button-hover input {
    float:left;
    height:34px;
    margin:0;
    padding: 0 5px 0 10px;
    font-size:10px;
    line-height:34px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #880c09;
    border:0;
    cursor:pointer;
    background:url('images/button.png') no-repeat left 0
}
.button-hover span {
    float:left;
    width:6px;
    height:34px;
    background:url('images/button.png') no-repeat right 0
}
.button-hover:hover input {background-position:left -34px}
.button-hover:hover span {background-position:right -34px}

/* переключатели */
input.radio, input.checkbox {
    width:12px !important;
    height:12px !important;
    border:0 !important;
    color:#0f142e !important
}

/* стандартная таблица */
table.table {width:100%}
table.table th {
    height:43px;
    padding:0 5px;/*0 20px*/
    text-align:left;
    vertical-align:middle;
    font-size:12px;
    color:#ffd3af;
    border-bottom:2px solid #014b50;
    background-color:#014b50
}
table.table th.left {
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    -khtml-border-top-left-radius:6px;
    border-top-left-radius:6px
}
table.table th.right {
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    -khtml-border-top-right-radius:6px;
    border-top-right-radius:6px
}
table.table td {
    padding:8px 5px 7px;/*8px 20px 7px;*/
    text-align:left;
    vertical-align:middle;
    color:#fff;
    border-bottom:2px solid #014b50
}
table.table tfoot td {
    font-weight:bold;
    color:#6ebc8c;
    border-bottom:0
}
table.table tfoot td.right {
    padding-right:0;
    text-align:right;
    font-weight:normal
}
table.table tr.last td {border-bottom:0}
table.table.heavy th, table.table.heavy td {
    padding-left:20px;
    padding-right:20px
}
table.table.wide th {
    padding-left:5px;
    padding-right:5px
}
table.table.wide td {
    padding-left:5px;
    padding-right:5px;
    font-size:11px;
}
table.table.wide th.left, table.table.wide td.left, table.table.wide tfoot td.left {padding-left:15px}
table.table.wide tfoot td {
    padding-bottom:11px;
    font-weight:bold;
    color:#6ebc8c;
    background-color:#012527
}

table .statistic-side {
    border-bottom: 2px solid #08172A !important;
    background: #014b50;color: #FFD3AF !important;
}

table.narrow th {
    text-align: center;
    padding: 0px 5px;
}
table.narrow td {
    padding-left: 5px;
    padding-right: 5px;
}

/* верх и контент */
#header {
    min-width:972px;
}

/* контент */
#content, #my-notification {
    float:right;
    width:667px
}
#content.wide {
    position:relative;
    float:none;
    width:100%;
}

/* добро пожаловать */
#welcome {
    height:16px;
    margin-top:2px;
    text-align:right;
    font-size:14px;
    line-height:16px;
    color:#fff
}
#welcome span {
    padding:0 30px 0 26px;
    background:url('images/dotted_vertical.png') repeat-y center top;
    *display:inline-block
}

/* меню */
#menu {
    height:87px;
    margin:30px 0 20px;
    background:url('images/sprites.png') no-repeat 0 0;
    padding-left:280px;
    background-position:right top;
}
#menu ul {
    padding-left:16px;
    padding-top:19px;
    text-align:center;
    margin-left: 24px;
}
#menu li {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    height:29px;
    text-align:left;
    vertical-align:top;
    margin-right: 40px;
    *display:inline;
/*  *margin-right:0*/
}

#menu .admin li {
    margin-right: -2px;
}
#menu a {
    display:block;
    height:29px;
    margin-top:-3px;
    overflow:hidden;
    white-space:nowrap;
    font-size:10px;
    font-weight:bold;
    text-decoration:none !important;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #01595b;
    color:#fff
}
#menu span[rel=menu], #menu span.right {
    float:left;
    height:29px;
    padding-left:24px;
    line-height:23px;
    font-weight:bold;
    cursor:pointer;
        position:relative;
    background:url('images/sprites.png') no-repeat left 147px
}
#menu span.right {
    width:24px;
    padding:0;
    background:url('images/sprites.png') no-repeat right 147px
}
#menu a:hover {
    color:#fff;
    text-shadow:0 -1px 0 #880c09
}
#menu a:hover span[rel=menu], #menu a:hover span.right {background-position:left -118px}
#menu a:hover span.right {background-position:right -118px}
#menu a.active {
    color:#4eaa9a !important;
    text-shadow:0 1px 0 #015457 !important;
    cursor:default
}
#menu a.active span[rel=menu], #menu a.active span.right {
    line-height:25px;
    cursor:default;
    background-position:left -87px
}
#menu a.active span.right {background-position:right -87px}

/* правкая колонка */
#sidebar {
    float:left;
    width:235px
}

/* лого  на главной*/
#logo-main {
    padding-left:21px;
    position:absolute;
    left:50%;
    top:15px;
    width:232px;
    height:131px;
    margin:0;
    padding:0;
    margin-left:-116px
}
/*Лого на остальных страницах*/
#logo {
    float: left;
    width: 235px;
    text-align: center;
    position: relative;
    top: -2px;
}


/* кнопки */
#buttons {
    position:absolute;
    left:50%;
    top:166px;
    width:206px;
    height:27px;
    margin-left:-100px;
    overflow:hidden
}
#buttons a {
    float:left;
    height:27px;
    text-align:center;
    font-size:12px;
    line-height:25px;
    text-transform:uppercase;
    text-decoration:none !important;
    background:url('images/buttons_main.png') no-repeat
}
#buttons a.login {
    width:74px;
    color:#faf7a5;
    text-shadow:0 -1px 0 #c3671b;
    background-position:0 0
}
#buttons a.login:hover {background-position:0 -28px}
#buttons a.login:active {background-position:0 -56px}
#buttons a.signup {
    width:114px;
    margin-left:18px;
    color:#fff;
    text-shadow:0 -1px 0 #bd2c1d;
    background-position:-92px 0
}
#buttons a.signup:hover {background-position:-92px -28px}
#buttons a.signup:active {background-position:-92px -56px}

/* статистика (колонка) */
#stats-sidebar {
    margin-top:50px;
    overflow:hidden
}
#stats-sidebar table {width:100%; table-layout: fixed;}
#stats-sidebar tbody tr {background:url('images/dotted.png') repeat-x left bottom}
#stats-sidebar tbody tr.last {background:none}
#stats-sidebar th {
    text-align:center;
    font-size:12px;
    font-weight:bold;
    color:#ffd3af
}
#stats-sidebar td {
    padding:17px 5px 18px;
    text-align:center;
    vertical-align:middle;
    color:#fff;

}
#stats-sidebar td.period {
    padding:0;
    padding-right:15px;
    text-align:left;
    color:#6ebc8c
}

/* новости (колонка) */
#news-sidebar {
    height:100%;
    margin-bottom:30px;
    overflow:hidden
}
/*#news-sidebar p {margin-left:70px}
#news-sidebar p.date {
    float:left;
    margin:0;
    color:#ffd3af
}*/
#content.wide #news-sidebar {padding-left:305px}
/* первоначальная версия в левой колонке
#news-sidebar {margin-top:40px}
#news-sidebar h1, #news-sidebar h2, #news-sidebar h3, #news-sidebar h4, #news-sidebar h5, #news-sidebar h6 {margin-bottom:9px}
#news-sidebar li {margin-bottom:24px}
#news-sidebar p.date {
    margin-bottom:2px;
    color:#ffd3af
}
*/

/* подвал */
footer {
    min-width:972px;
    height:46px;
    margin-top:30px;
    padding-top:33px;
    background-color:#0b1c32
}
footer .copy {
    float:right;
    text-align:right
}
footer li {
    float:left;
    height:16px;
    margin-right:20px;
    padding-right:21px;
    background:url('images/dotted_vertical.png') repeat-y right top
}
footer li.last {
    margin-right:0;
    padding-right:0;
    background:none
}
#footer-links {
    height:22px;
    padding:1072px 0 132px;
    text-align:center
}
#footer-links a {
    padding:3px 15px 4px;
    font:bold 12px/22px Georgia, "Times New Roman", Times, serif;
    text-transform:uppercase;
    border-right:1px solid #fff
}
#footer-links a.last {border-right:0}

/*** далее идут стили контента страниц ***/

/* статистика по рефералам */
#stats-refs.index h3 {margin-bottom:12px}
#stats-refs.index {
    margin-top:15px
}

/* новости */
#news li {
    margin-bottom:20px;
    padding:23px 27px 25px;
    overflow:hidden;
    border:3px solid #0d1932;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    border-radius:6px
}
#news .title {
    margin:0 0 15px 0px;
    font-size:14px;
    font-weight:bold;
    color:#6ebc8c
}
#news .date {
    float:left;
    margin-top:1px;
    color:#ffd3af
}

/* пагинатор */
.pages {
    margin-top:26px;
    height:100%;
    overflow:hidden
}
.pages li {
    float:left;
    font-size:12px;
    color:#6ebc8c
}
.pages a {
    display:block;
    height:16px;
    padding:0 10px;
    background:url('images/dotted_vertical.png') repeat-y right center;
}
.page_border{
    display:block;
    height:16px;
    padding:0 10px 0 0;
    background:url('images/dotted_vertical.png') repeat-y right center;
}
.page_is{
    font-size: 18px;
    font-weight:bold;
    text-decoration:none;
}
.pages a:hover {
    color:#426c00;
    text-decoration:none
}
.pages li.first {width:100px}
.pages li.last a {background:none}
.pages li.arrow a {
    padding:0 14px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none !important;
    background:none
}

/* профиль */
#profile h1, #profile h2, #profile h3, #profile h4, #profile h5, #profile h6  {margin-bottom:36px}
#profile table {margin-bottom:35px}
#profile td {
    padding-bottom:9px;
    white-space:nowrap;
    vertical-align:middle;
    font-size:12px;
    color:#6ebc8c
}
#profile td.text {width:105px}
#profile .input input {width:251px}
#profile .button {margin:2px 0 0 -1px}
#profile .button input {width:120px}

/* реферальная ссылка */
#reflink {
    margin-bottom:22px;
    padding-bottom:40px;
    border-bottom:2px solid #097a71
}
#reflink h1, #reflink h2, #reflink h3, #reflink h4, #reflink h5, #reflink h6 {margin-bottom:29px}
#reflink p {
    margin-bottom:6px;
    font-size:12px;
    color:#6ebc8c
}
#reflink .input {margin-left:-1px}
#reflink .input input {width:360px}

/* выплаты */
#payouts h1, #payouts h2, #payouts h3, #payouts h4, #payouts h5, #payouts h6 {margin-bottom:17px}
#payouts .cusel {width:246px !important}
#payouts .cusel .jScrollPaneContainer {width:281px !important}
#payouts .cusel span {width:261px !important}

.filter {
    height:100%
}
.filter em {
    float:left;
    width:70px;
    height:32px;
    line-height:32px;
    font-size:12px;
    font-style:normal;
    color:#6ebc8c
}
.period {
    height:100%;
    padding-left:63px;
    overflow:hidden
}
.period em {
    float:left;
    height:32px;
    padding:0 8px;
    line-height:32px;
    font-size:12px;
    font-style:normal;
    color:#ccc
}
.period .input {float:left}
.period .input input {width:66px}
.period .clock {
    float:left;
    width:16px;
    height:32px;
    margin:0 14px 0 6px;
    cursor:pointer;
    background:url('images/icons.png') no-repeat 0 -27px
}
.period .button {
    float:left;
    margin-left:41px
}
.period .button input {width:100px}

/* открытые тикеты */
#tikets-open {
    margin-top:22px;
    padding-top:26px;
    border-top:2px solid #097a71
}
#tikets-open h1, #tikets-open h2, #tikets-open h3, #tikets-open h4, #tikets-open h5, #tikets-open h6 {
    min-height:23px;
    padding-left:36px;
    background:url('images/icons.png') no-repeat 0 -65px
}
#tikets-open p {
    font-size:12px;
    color:#6ebc8c
}

/* создать тикет */
#tiket-add h1, #tiket-add h2, #tiket-add h3, #tiket-add h4, #tiket-add h5, #tiket-add h6 {
    min-height:23px;
    margin-bottom:10px;
    padding-left:36px;
    background:url('images/icons.png') no-repeat 0 -99px
}
#tiket-add td.text {
    width:125px;
    vertical-align:middle;
    font-size:12px;
    color:#6ebc8c
}
#tiket-add td.text.top {
    vertical-align:top;
    padding-top:9px
}
#tiket-add div.radio {margin:28px 0 27px 2px}
#tiket-add input.radio {
    float:left;
    margin:0;
    padding:0
}
#tiket-add label {
    float:left;
    height:12px;
    margin:0 40px 0 5px;
    font-size:11px;
    line-height:12px;
    color:#ccc;
    cursor:pointer;
    -moz-user-select:-moz-none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    user-select:none
}
#tiket-add .input input {width:544px}
#tiket-add .textarea textarea {width:561px}
#tiket-add .button {margin:16px -3px 0 0}
#tiket-add .button .button-hover {float:right}
#tiket-add .button input {width:120px}

#tikets-chat li{
    width: 93%;
    border: 3px solid #0D1932;
    border-radius: 8px;
    padding: 15px;
    margin: 10px 0;
}
#tikets-chat li p{padding: 5px;}
#tikets-chat li p.date{
    /*float: left;*/
    color: #FFD3AF;
}
#tikets-chat li p.body{
    /*margin-left: 15px;*/
}

#tikets-chat li p.name{
    color: #6EBC8C;
    font-weight: bold;
    font-size: 16px;
}
/* логин */
.message-overlay {
    display:none;
    position:fixed;
    left:0;
    top:0;
    z-index:9996;
    width:100%;
    height:100%;
    min-height:100%;
    background:url('images/shadow.png') repeat
}
.message-box-wrapper {
    display:none;
    position:fixed;
    left:50%;
    top:-100%;
    z-index:9997;
    width:467px;
    margin-left:-233px;
    background:url('images/message_box.png') repeat-x center top #01434A;
  padding-bottom:20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border: 1px solid #1F9B8F;
  border-top-color: #A2F0CB;
  border-bottom-color: #0B626B;
  box-shadow: 0 6px 2px #002226;
}
.message-box-wrapper_landing{
    display: none;
    position: fixed;
    width: 96%;
    left: 50%;
    top: -100%;
    z-index: 9997;
    margin-left: -48%;
    background: url('images/message_box.png') repeat-x center top #01434A;
    padding-bottom: 20px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border: 1px solid #1F9B8F;
    border-top-color: #A2F0CB;
    border-bottom-color: #0B626B;
    box-shadow: 0 6px 2px #002226;
}
.landing_select{
    float: left;
    padding: 12px;
    margin: 13px;
    border: 5px solid #27B887;
    text-decoration: none;
    width: 150px;
    height: 350px;
}
.landing_select .img{
    cursor: pointer;
}
.landing_select .img img{
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    height: 225px;
}
.landing_select .img img:hover{
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
}
.landing_select .info1{
    margin-top: 10px;
}
.landing_select .name{
    display: block;
    cursor: pointer;
    text-align: center;
    padding-bottom: 7px;
    font-size: 14px;
    height: 2em;
}
.message-box-wrapper_landing .box{
    height: 495px;
    overflow-y: auto;
}
.message-box-wrapper_landing h1{
    padding: 15px 15px 0;
    text-align: center;
}
.landing_select.active{
    border-color: #0d1932;
}
#verification-box{
    display: block;
}

.message-box {
    position:relative;
    z-index:9998;
    padding:22px 95px 0;
    overflow:hidden
}
.message-close {
    position:absolute;
    top:0;
    right:0;
    width:45px;
    height:45px;
    cursor:pointer;
    z-index:9999;
    background:url('images/sprites_login.png') no-repeat -186px -73px
}
.message-close:hover {background-position:-231px -73px}
.message-box h1, .message-box h2, .message-box h3, .message-box h4, .message-box h5, .message-box h6 {
    margin-bottom:22px;
    text-align:center;
    font-size:22px;
    line-height:30px
}
.message-box input {
    display:block;
    width:244px;
    height:36px;
    margin:0;
    margin-top:18px;
    padding:0 16px;
    border:0;
    font-size:14px;
    line-height:36px;
    color:#79c28e;
    background:url('images/sprites_login.png') no-repeat 0 0
}
.message-box input:focus {background-position:0 -37px}
.message-box .overflow  {
    padding-top:22px;
    font-size:12px
}
.message-box input.submit {
    float:right;
    width:138px;
    height:32px;
    margin:-11px -1px 0 0;
    padding:0;
    cursor:pointer;
    font-size:10px;
    line-height:32px;
    color:#fff;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #880c09;
    background-position:0 -73px
}
.message-box input.submit:hover {background-position:0 -106px}
.message-box input.submit:active {background-position:0 -139px}
.message-box .signup {
    margin-top:22px;
    padding-top:18px;
    text-align:center;
    font-size:18px;
    line-height:20px;
    background:url('images/sprites_login.png') repeat-x left -185px
}

/* полная статистика */
#stats h1 {margin-bottom:40px}
#stats .period {
    float:right;
    margin-right:-5px;
    padding-left:0
}
#stats .period .button {margin-left:81px}
#stats .period .button input {width:160px}
#stats ul.links {
    float:left;
    margin:7px 0 0 3px
}
#stats ul.links li {
    float:left;
    min-height:16px;
    margin-right:28px;
    padding-right:28px;
    background:url('images/dotted_vertical.png') repeat-y right top
}
#stats ul.links li.last {
    margin-right:0;
    padding-right:0;
    background:none
}
#stats table.table.wide, #stats-total table.table.wide {margin-top:31px}

#stats .stats-selects {margin-left:306px;}
#stats .stats-selects p, #stats .stats-selects div.filter {margin-bottom:11px}
#stats .stats-selects label {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    width:130px;
    height:32px;
    text-align:left;
    vertical-align:top;
    margin-right:-4px;
    font-size:12px;
    line-height:32px;
    color:#6ebc8c;
    *display:inline;
    *margin-right:0
}
#stats .stats-selects .cusel {width:246px !important}
#stats .stats-selects .cusel .jScrollPaneContainer {width:281px !important}
#stats .stats-selects .cusel span {width:261px !important}

#stats .stats-links {
    float:left;
    overflow:hidden
}
#stats .stats-links a {
    float:none;
    display:block;
    width:auto;
    text-align:left !important;
    height:30px;
    line-height:30px;
    margin-bottom:8px;
    padding-left:44px;
    text-transform:uppercase;
    background:url('images/icons.png') no-repeat left top;
}
#stats .stats-links a.active {
    text-decoration:none;
    color:#426c00
}
#stats .stats-links a:nth-child(even) {
    background-position:0 -135px;
}


.clear {
    clear:both;
    height:0;
    font-size:0px;
    line-height:0
}
/* промо */
#promo ul.menu {
    height:100%;
    margin:47px 0 0 -7px;
    overflow:hidden
}
#promo ul.menu li {float:left}
#promo ul.menu li.separate {
    height:16px;
    margin-top:4px;
    padding:0 15px;
    background:url('images/dotted_vertical.png') repeat-y center top
}
#promo ul.menu a {
    display:block;
    height:29px;
    overflow:hidden;
    white-space:nowrap;
    font-size:12px;
    text-decoration:none !important
}
#promo ul.menu span {
    float:left;
    height:29px;
    padding-left:15px;
    line-height:23px;
    text-decoration:underline;
    cursor:pointer;
    background:url('images/sprites.png') no-repeat left 147px
}
#promo ul.menu span.right {
    width:15px;
    padding:0;
    text-decoration:none !important;
    background:url('images/sprites.png') no-repeat right 147px
}
#promo ul.menu a:hover, #promo ul.menu a.active {
    color:#fff;
    text-shadow:0 -1px 0 #880c09
}
#promo ul.menu a:hover span, #promo ul.menu a.active span {
    text-decoration:none;
    background-position:left -118px
}
#promo ul.menu a:hover span.right, #promo ul.menu a.active span.right {background-position:right -118px}
#promo .cols {
    height:100%;
    margin:46px 0 0 -3px;
    overflow:hidden
}
#promo .col-l {
    float:left;
    width: 50%;
}
#promo .col-l label {
    display:block;
    padding-left:2px;
    margin-bottom:3px;
    font-size:12px;
    line-height:18px;
    color:#6ebc8c
}
#promo .col-l label.big-margin {margin-top:23px}
#promo .col-l .cusel {
    width:266px !important;
    margin-bottom:12px
}
#promo .col-l .cusel .jScrollPaneContainer {width:301px !important}
#promo .col-l .cusel span {width:281px !important}
#promo .col-l .input {margin-bottom:15px}
#promo .col-l .input input {width: 287px}
#promo .col-l .textarea {margin-bottom:36px}
#promo .col-l .textarea.last {margin-bottom:0}
#promo .col-l .textarea textarea {
    width:289px;
    font-size:11px;
    font-weight:normal;
    line-height:18px
}
#promo .col-l p {
    padding:0 10px 36px 2px;
    font-size:11px;
    line-height:18px
}
#promo .col-r {
    float:left;
    width:285px;
    margin-left:75px;
    *margin-left:72px
}
#promo .col-r .pages {margin:0 0 26px}
#promo .col-r .pages ul {
    width:285px;
    text-align:center
}
#promo .col-r .pages li {
    float:none;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    width:25px;
    height:22px;
    text-align:left;
    vertical-align:top;
    margin-right:7px;
    *display:inline;
    *margin-right:11px
}

#promo .col-r .pages a {
    float:none;
    display:block;
    width:25px;
    height:22px;
    margin:0;
    padding:0;
    text-align:center;
    font-size:12px;
    line-height:23px;
    color:#fff !important;
    text-decoration:none !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
    background:#015054
}
#promo .col-r .pages a:hover {background:#32997f}

#promo #add-round {
    padding-left: 36px;
    margin-top: 50px;
    background: url('images/icons.png') no-repeat 0 -99px;
    font: bold 15px/30px Arial, Helvetica, sans-serif;
}

#accordion {margin-top:10px}
#accordion li div.title {
    margin-bottom:5px;
    padding:15px 20px;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    text-shadow:0 -1px 0 #01595B;
    color:#f9f9f9;
    cursor:pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    background:url(images/sprites.png) no-repeat 0 -25px
}
#accordion li:hover div.title, #accordion li.active div.title {
    text-shadow:0 -1px 0 #097a71;
    background-position:0 -5px
}
#accordion li.active div.title {
    cursor:default;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    -khtml-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0
}
#accordion div.title em {
    padding-right:5px;
    font-weight:normal;
    font-style:normal
}
#accordion .cols-wrapper {
    margin-bottom:5px;
    padding:15px;
    margin-top:-5px;
    border:1px solid #0f8e89;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -khtml-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px
}
#accordion .cols, #accordion .col-l {margin-top:0}
#accordion .col-r {margin-left:40px !important}
#accordion label {
    color:#6EBC8C;
    display:block;
    font-size:12px;
    line-height:18px;
    margin-bottom:3px;
    padding-left:2px
}
#accordion #preview {margin-top:20px}
#accordion .code {
    float:left;
    width: 310px
}
#accordion .code textarea {
    width: 273px;
    overflow: hidden;
    font-size:11px;
    font-weight:normal;
    line-height:14px
}
/* полная статистика */
#stats h1 {margin-bottom:40px}
#stats .period-wrapper {margin-top:25px}
#stats .period {
    float:right;
    margin-right:-5px;
    padding-left:0
}
#stats .period .button {margin-left:81px}
#stats .period .button input {width:160px}
#stats ul.links {
    float:left;
    margin:7px 0 0 3px
}
#stats ul.links li {
    float:left;
    min-height:16px;
    margin-right:28px;
    padding-right:28px;
    background:url('images/dotted_vertical.png') repeat-y right top
}
#stats ul.links li.last {
    margin-right:0;
    padding-right:0;
    background:none
}
#stats table.table.wide, #stats-total table.table.wide {margin-top:31px}
#stats table tbody th{
    background: none;
    color: #ffffff;
    text-align: center;
}


#stats table tbody th:hover{
    background: #20294B;
    cursor: pointer;
}

.clear {
    clear:both;
    height:0;
    font-size:0px;
    line-height:0
}

/* сайты */
#sites table {margin-bottom:15px}
#sites th, #sites td {border-bottom-color:#061220}
#sites tr.odd td {background-color:#062b3a}
#sites tr.even td {background-color:#0b1c32}
#sites th.right {width:140px}
#sites p.title {
    margin-bottom:12px;
    padding-left:36px;
    font:bold 20px/30px Arial,Helvetica,sans-serif;
    color:#fff;
    background:url("images/icons.png") no-repeat 0 -99px
}
#sites td p.title {background:url("images/site.png") no-repeat 0 4px}
#sites p.small {
    font-size:12px;
    color:#6ebc8c
}
.icons {overflow:hidden}
.icons a {
    float:left;
    width:24px;
    height:24px;
    padding-right:20px;
    background-position:center center !important
}
.icons a.edit {background:url(images/edit.png) no-repeat}
.icons a.delete {background:url(images/delete.png) no-repeat}
.icons a.sms {background:url(images/sms.png) no-repeat}
#sites td.text {
    width:180px;
    padding:10px 0;
    vertical-align:middle;
    font-size:12px;
    color:#6ebc8c
}
#sites .input input {width:450px}
#sites .button input {width:120px}

/* сообщения */
#messages th.left {width:50px}
#messages th, #messages td {border-bottom-color:#061220}
#messages tr.odd td {background-color:#062b3a}
#messages tr.even td {background-color:#0b1c32}
#messages th.right {width:50px}
#messages td {
    font-size:12px;
    line-height:18px
}

/* конструктор */
#constructor table {margin-bottom:35px}
#constructor td {
    padding:0 15px 9px 0;
    white-space:nowrap;
    vertical-align:middle;
    font-size:12px;
    color:#6ebc8c
}
#constructor td.descr {
    font-size:11px;
    white-space:normal;
    color:#ccc
}
#constructor .input {width:257px}
#constructor .input input {width:220px}
#constructor .button {margin:2px 0 0 -1px}
#constructor .button input {width:120px}
#constructor .cusel {width:215px !important}
#constructor .cusel .jScrollPaneContainer {width:250px !important}
#constructor .cusel span {width:215px !important}
.file {margin-left:2px}

.info {
    margin-bottom:20px;
    padding:8px 27px 25px;
    overflow:hidden;
    border:3px solid #0d1932;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -khtml-border-radius:6px;
    border-radius:6px;
    font-size:12px;
    line-height:15px;
    color:#ccc
}
.info p {margin-top:15px}
#constructor .info .input {width:500px}
#constructor .info .input input {width:463px !important}

#constructor-list table.wide th.left, #constructor-list table.wide td.left {
    padding-left:10px !important;
    text-align:left !important
}
#constructor-list table.wide th.right, #constructor-list table.wide td.right {
    padding-right:10px !important;
    text-align:left !important
}
#constructor-list td.icons {width:58px !important}
#constructor-list .icons a {
    float:left;
    width:16px;
    height:16px;
    padding-right:5px;
    background:url(images/icons_mini.png) no-repeat !important
}
#constructor-list .icons a.edit {background-position:0 0 !important}
#constructor-list .icons a.delete {background-position:0 -16px !important}
#constructor-list .icons a.stat {
    padding-right:0;
    background-position:0 -32px !important
}

.cusel, .cuselFrameRight, .jScrollPaneDrag, .jScrollArrowUp, .jScrollArrowDown {background:url('images/sprites.png') no-repeat}
.cusel {
    position:relative;
    display:-moz-inline-stack;
    display:inline-block;
    vertical-align:middle;
    zoom:1;
    z-index:1;
    height:32px;
    padding-right:15px;
    cursor:pointer;
    background-position:left -291px;
    *display:inline
}
.cuselFrameRight {
    position:absolute;
    right:-24px;
    top:0;
    z-index:2;
    width:24px;
    height:100%;
    background-position:right -291px
}
.cuselText {
    position:relative;
    z-index:1;
    padding-left:17px;
    overflow:hidden;
    white-space:nowrap;
    font:bold 12px/34px Arial, Helvetica, sans-serif;
    color:#ccc;
    cursor:pointer
}
.cusel span {
    display:block;
    padding:2px 10px;
    cursor:pointer;
    white-space:nowrap;
    zoom:1;
    font:bold 12px/24px Arial, Helvetica, sans-serif;
    color:#0f2b39
}
.cusel span:hover, .cusel .cuselOptHover {
    color:#0f2b39;
    background:#ccec4e
}
.cusel .cuselActive {
    color:#fff !important;
    cursor:default;
    background:#014b50 !important
}
.cusel:hover, .cusel:hover .cuselFrameRight, .cusel:focus, .cusel:focus .cuselFrameRight, .cuselFocus, .cuselFocus .cuselFrameRight {background-image:url('images/sprites.png')}
.cuselOpen {z-index:999}
.classDisCusel, .classDisCusel .cuselFrameRight {
    color:#ccc;
    cursor:default;
    background-image:url(images/select-dis.png) !important
}
.classDisCusel .cuselText {
    cursor:default
}
.cusel .cusel-scroll-wrap {
    position:absolute;
    left:2px;
    top:100%;
    display:block;
    min-width:100%;
    width:auto;
    visibility:hidden;
    background:#fff
}

.cusel .jScrollPaneContainer {
    position:relative;
    overflow:hidden;
    z-index:5
}
.cusel .jScrollPaneTrack {
    position:absolute;
    right:4px;
    top:0;
    width:7px !important;
    height:100%;
    background:#ccc
}
.cusel .jScrollPaneDrag {
    position:absolute;
    right:-4px;
    width:15px !important;
    height:27px !important;
    cursor:pointer;
    background-position:-40px -26px
}
.cusel .jScrollPaneDragTop {
    position:absolute;
    left:0;
    top:0;
    overflow:hidden
}
.cusel .jScrollPaneDragBottom {
    position:absolute;
    left:0;
    bottom:0;
    overflow:hidden
}
.cusel .jScrollArrowUp {
    position:absolute;
    right:2px;
    top:0;
    width:26px;
    height:12px;
    overflow:hidden;
    cursor:pointer;
    background-position:-2px -26px
}
.cusel .jScrollArrowDown {
    position:absolute;
    right:3px;
    bottom:0;
    top:auto;
    width:25px;
    height:12px;
    overflow:hidden;
    cursor:pointer;
    background-position:-21px -26px
}

/* Админка: новости */

.table{
    width:100%;
    margin-top:30px;
}
.table thead{background:#014B50;}
.table thead td{color:#FFD3AF;}
.table td{padding: 15px 10px;}
.table span{
    color: #CCEC4E;
    text-decoration: underline;
    cursor: pointer;
}

.table span.additional-text {
    color: white;
    text-decoration: none;
    cursor: text;
}

.table span:hover{text-decoration: none;}

table.suptb {
    width:100%;
    border-collapse: collapse;
    margin-top: 20px
}
table.suptb th, table.suptb tr td {
    padding:5px 11px;
    text-align: center;
    font-weight:normal;
  font-size:12px;
  line-height:16px;
  white-space:pre;
  border: 2px solid #014b50;
  border-collapse: collapse
}
table.suptb tr td {
    color: #fff;
    border-bottom: 2px solid #014b50;
}
table.suptb th {
    background-color:#014B50;
    color: #FFD3AF;
    border: 2px solid #060B1E;
}
table.suptb tr th.sort {
  background:url(images/sortBg.gif) no-repeat left center #F0EFEF;
  padding-left:16px;
  cursor:pointer;
}
table.suptb tr th.sort:hover {
  background-image:url(images/sortBgAsc.gif);
}
table.suptb tr th.sort:hover, table.suptb tr th.sort.asc, table.suptb tr th.sort.desc {
  background-color:#CFCECE;
}
table.suptb tr th.sort.asc {
  background-image:url(images/sortBgAsc.gif);
}
table.suptb tr th.sort.asc:hover {
  background-image:url(images/sortBgDesc.gif);
}
table.suptb tr th.sort.desc {
  background-image:url(images/sortBgDesc.gif);
}
table.suptb tr th.sort.desc:hover {
  background-image:url(images/sortBgAsc.gif);
}
table.primitive tr td {
  padding:0 5px 0 0;
  border:none;
  text-align:left;
}
.smallTitle{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 0 15px 0;
}

.alert-success, .alert-warning {
    margin-bottom: 20px;
}
.alert-success {
    color: #0CF54A;
}
.alert-warning {
    color: red;
}


#statistic-operator-select {
    float: right;
    width: 667px;
}

#statistic-operator-select label {
    display: inline-block;
    zoom: 1;
    width: 143px;
    height: 32px;
    text-align: left;
    vertical-align: top;
    margin-right: -4px;
    font-size: 12px;
    line-height: 32px;
    color: #6ebc8c;
}

#statistic-operator-select .cusel {
    width: 235px !important;
}
/*
Нормальные формы в будущем, а пока есть что есть
На будущее перевести все это на div
*/

.form td {
    padding-bottom: 3px;
}
td.g-input-text {
    width:160px;
    vertical-align:middle;
    font-size:12px;
    color:#6ebc8c
}

td.g-input-field {
    vertical-align:middle;
}

.g-input-subheader {
    padding-top: 20px;
    text-align:center;
}

.g-input-textarea .textarea-scroll {
    width: 290px;
}

.g-input-field input[type="text"], .g-input-field input[type="password"]{
    width: 285px;
}

td.g-input-text-landing {
    min-width:300px;
}

td.g-input-text-platform-price {
    width: 125px;
}

.g-input-field-platform-price input {
    width: 75px !important;
}

.table-platform-price {
    width: 400px;
    margin-bottom: 15px
}

.g-input-field-landing {
    padding-right: 15px;
}

.g-input-field-landing input[type="text"]{
    width: 85px;
}

.g-input-landing-price-header {
    font-weight: bold;
    font-size: 1.3em;
    color: white;
}

.g-input-landing-price-header td {
    padding-bottom: 15px;
}

.g-input-checkbox {
    color: #6ebc8c !important;
}

input[type="checkbox"] {
    /*display: table-cell;*/
    vertical-align: middle;
}

/*Текст и форма в одной ячейке*/
.g-input-condensed, .g-input-condensed-3 {
    vertical-align:middle;
    font-size:12px;
    padding-bottom: 15px;
}

.g-input-condensed .text, .g-input-condensed-3 .text {
    color:#6ebc8c;
    padding-left: 5px;
}

.g-input-condensed .input {
    width: 230px;
}

.g-input-condensed .textarea-scroll {
    width: 90%;
}

.g-input-condensed-checkbox {
    vertical-align:middle;
    font-size:12px;
}

.g-input-submit button, .g-input-submit input[type="submit"] {
    width: 120px;
    float: left;
    height: 34px;
    margin: 0;
    padding: 0 5px 0 10px;
    font-size: 10px;
    line-height: 34px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 -1px 0 #880c09;
    border: 0;
    cursor: pointer;
    background: url('images/button.png') no-repeat left 0;
}

.g-input-submit span {
    float:left;
    width:6px;
    height:34px;
    background:url('images/button.png') no-repeat right 0
}
.g-input-submit button:hover, .g-input-submit input[type="submit"]:hover {
    background-position:left -34px;
}
.g-input-submit span:hover {
    background-position:right -34px;
}

.guest-ticket-form input {
    margin: 0;
}

.gns-inline-input {
    display: inline-block;
}

.gns-inline-input input {
    vertical-align: top;
    height: 32px;
    margin: 0;
    padding: 0 5px 0 10px;
    font-size: 12px;
    line-height: 34px;
    font-weight: bold;
    color: #ccc;
    border: 0;
    background: url(images/sprites.png) no-repeat left -146px;
}

.gns-inline-input span {
    display: inline-block;
    width: 7px;
    height: 32px;
    background: url(images/sprites.png) no-repeat right -146px;
}

.gns-inline-input input.filter {
    width: 263px;
}

/*Для grid view*/
.filters input {
    width: 100%;
}

a.asc:after {
    content: " ↓";
}

a.desc:after {
    content: " ↑";
}

.news-form td.g-input-text {
    width: 85px;
}

.news-form td .wysibb {
    color: black;
}

.landing-table {
    margin-bottom: 100px;
}

table.landing-table th {
    text-align: left;
}


.banned {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    color: red;
    margin-top: 20%;
}

.landing-form .g-input-condensed .input {
    width: 330px;
}
.landing-form .g-input-condensed-3 .input {
    width: 220px;
}

.landing-form .g-input-condensed input {
    width: 300px;
}

.landing-form .cusel {
    width: 284px !important;
}

.error-summary {
    color: red;/*#a94442;*/
    padding: 10px;
    margin: 0 0 15px 0;
}

/*Постраничная навигация, взято из Twitter Bootstrap*/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px auto;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #ccec4e;
  text-decoration: none;
  background-color: #0c1b33;
  background-image: none;
  border: 1px solid #ccec4e;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #ccec4e;
  background-color: #013B40;
  background-image: none;
  border-color: #ccec4e;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ccec4e;
  cursor: default;
  background-color: #024a50;
  border-color: #ccec4e;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #0c1b33;
  border-color: #ccec4e;
}
/*************************/


.textarea-referrer {
    width: 100%;
    color: black;
}

.guest-ticket-form {
    margin-top: 20px;
}

.category-chooset-wrapper {
    float: right;
    padding-right: 30px
}

.contact-us-list {
    float: left;
    height: 35px;
    color: white;
}
.icq {
    display: inline-block;
    margin-left: 10px;
    height: 35px;
    font-weight: bold;
    background-image: url('icq_sm.png');
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 25px;
    padding-top: 2px;
}

.skype {
    display: inline-block;
    margin-left: 10px;
    height: 35px;
    font-weight: bold;
    background-image: url('skype_sm.png');
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 25px;
    padding-top: 2px;
}

.telegram {
    display: inline-block;
    margin-left: 10px;
    height: 35px;
    font-weight: bold;
    background-image: url('telegram_sm.png');
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 25px;
    padding-top: 2px;
}

.ip-view-selector {
    color: #6ebc8c;
    margin-bottom: 30px;
}

.landing-price-list-button-container {
    text-align: center;
    font-size: 130%;
    padding-bottom: 15px;
}
#show-landing-price-rows {
    display: none;
}

#show-landing-price-table {
    width: 544px;
}

.monofixed {
    table-layout: fixed;
}

#viewer-statistic {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -109px;
}
#viewer-statistic .logo {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 20px;
    width: 200px;
    height: 135px;
    float: left;
}

header {

}

#viewer-statistic:after {
  content: "";
  display: block;
  height: 109px;
}

#viewer-statistic #stats .stats-selects {
    margin-left: 305px;
    padding-top: 90px;
}

#viewer-statistic #stats form {
    width: 959px;
}

#viewer-statistic #stats .stats-selects .cusel {
    width: 233px !important;
}

#viewer-statistic #welcome {
    margin-top: 15px;
    margin-bottom: -20px;
}

.near-filter-action {
    display: inline-block;
    zoom: 1;
    height: 32px;
    text-align: left;
    vertical-align: top;
    margin-left: 5px;
    font-size: 12px;
    line-height: 32px;
}

.near-filter-action a {
    color: #ccec4e;
    text-decoration: none;
    border-bottom: 1px dashed #ccec4e;
    cursor: pointer;
}
.near-filter-action a:hover {
    border-bottom: 1px solid #ccec4e;
}