.guards-list{margin:8px 0;}
.free-guard{color:#4ff553;}

h1, h2, h3, form, html, p, div, span, table, tbody, td, tr, img, ul, ol, li {margin:0;padding:0;}
body {color:#FFFFFF;margin:0 auto;}
body, table, td, th, input, textarea, select {font-family:Arial,Verdana,sans-serif;}
a {color:#FFFF33;outline:none;text-decoration:underline;}

a.hb-na, a.hb, span.hb {display:block;margin:4px 5%;padding:7px 12px;color:#e6d3c7;font-size:12px;text-decoration:none;background:#431c0f;border:1px solid #664c4c;border-radius:10px;}
a.hb {text-align:center;}
a.hb-na:hover, a.hb:hover {color:#fff;background:#5d2a18;}
.hb-na img {display:block;float:left;margin-right:5px;margin-top:2px;}

input.hb {display:block;margin:4px 5%;padding:7px 12px;color:#e6d3c7;font-size:12px;text-decoration:none;background:#431c0f;border:1px solid #664c4c;border-radius:10px;text-align:center;width:100%;cursor: pointer;}
input.hb:hover {color:#fff;background:#5d2a18;}

h1, h2, h2 a {font-size:medium;font-weight:normal;color:#ff8c00;padding:4px;}
h2 a {padding:0;}
.b {font-weight:bold;}

.uimg{padding:0 3px 2px 0;}
@-ms-viewport {
  width: auto !important;
}
table {border:0;border-collapse:collapse;}
li {list-style-type:none;}
img {border:0;vertical-align:middle;}
label {font-size:12px;color:#33CC33;}
.pb4 {padding-bottom:4px;}
.pt {padding-top:4px;}
.pt2 {padding-top:8px;}
.pt3 {padding-top:12px;}
.header {background-color:#172533;padding:4px;}
.block {padding:0 4px 4px;}
.blockpt {padding:4px;}
.gap {background-color:#4A3333;padding:4px;}
.reward {background-color:#331717;padding:4px;}
.event {background-color:#403333;padding:4px;}
.hr {background-color:#4A3333;height:1px;}
.separator {
    height:1px;
    background: #403333;
    padding: 0 0 3px 0;
    border-top: 1px solid #170000;
}
.pag {color:#FFFF33;}
span.pag {color:#999999;}
.body {background-color:#333333;max-width: 480px}
.content {background-color:#170000;}
.major {color:#FF3333;}
.info {color:#33CC33;}
h1 .info, h2 .info {color:#FFFFFF;}
.medium {font-size:medium;}
.feedbackPanel {background-color:#403333;padding:4px;}
.feedbackPanelERROR {color:#CC3333;font-size:small;}
.feedbackPanelINFO {color:#33CC33;font-size:small;}
.warn {color:#FFFF33;}
.minor {color:#999999;}
.small {font-size:12px;}
.iNoob {color:#339933;}
.iGood {color:#339933;}
.is {color:#3366FF;}
.nylight {background-color:#003366;padding:4px;}
.iEpic {color:#9933ff;}
.iLegendary {color:#ff9900;}
.iHeaderable {color:#ff8c00;font-size:medium;}
.clear {width:100%;overflow:hidden;}
.mafia {color:#CC3333}
.agent {color:#9999CC}
.imgInText{float:left;padding:0 4px 2px 6px;}
.bluepost {color:#ff9900;}
.wide {width:90%;}
.vk {background-color:#6D8FB3;font-size:10px;text-decoration:none;display:inline-block;height:18px;padding:1px;vertical-align:middle;border-radius:3px;border:0 solid #6286A7;margin:2px}
.saveVk {vertical-align:middle;margin-left:4px;}
.dc {padding:0 0 10px;text-align:center;background-color:#333333;}
.dh {display: none;}
.restore {padding-top:16px;text-align:center;}
.p4 {padding:4px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.mhr {background-color:#7a5555;height:1px;}
.foot {padding:5px 0 4px;background:#333333;font-size:11px;color:#71625c;text-align:center;}
.foot a {color:#999999;}

.top-img {text-align:center;padding:2px 0 5px;}
.center {text-align:center;}
.right {text-align:right;}

.ml, .ml2 {font-size:medium;background:#331717;}
.ml a, .ml2 a {color:#ced6ce;display:block;width:100%;text-decoration:none;padding:4px 0;border-top:1px solid #553e33;border-bottom:1px solid #0f0303;}
.ml a:hover {background:#512b1c;border-top:1px solid #262626;border-bottom:1px solid #512b1c;}
.ml li.f a, .ml2 li.f a {border-top:0;}
.ml li.l a, .ml2 li.l a {border-bottom:0;}
.ml li.sep {height:3px;background:#170000;}
.ml img, .ml2 img {padding:0 7px 2px;}
span.inml img {padding:0 0 2px}
.ml2 {background:#172533;}
.ml2 a {color:#bfd1d1;border-top:1px solid #355768;}
.ml2 a:hover {background:#113548;border-top:1px solid #262626;border-bottom:1px solid #113548;}

.sub-header {position:relative;border-top:1px solid #33474f;background:#172533;}
.clearer {display:block;clear:both;float:none;overflow:hidden;}
.header-close {height:5px;background:#172533;}
.head-corner-l {width:5px;height:5px;float:left;background:url('../images/menu/hc-l.png') no-repeat 0 0;}
.head-corner-r {width:5px;height:5px;float:right;background:url('../images/menu/hc-r.png') no-repeat 0 0;}
.tm-cur-i {padding:0 6px 0 0;}

h2.cn, h3 {font-family:Century Gothic,Arial,sans-serif;text-align:center;color:#ffe095;}
h3 {margin:0 0 4px;font-size:14px;font-weight:normal;}

.ptf {margin-top:4px;background:#331717;padding:4px 7px;border-top:1px solid #5f3520;}
.ptf a, .b-team a, .chat a {font-size:12px;color: #339db4;}
.ptf a:hover, .b-team a:hover, .chat a:hover {color:#99ced9;}
.ptf .bluepost {font-size:12px;}

a.btn-i {margin:5px 5px 0;padding:3px 5px;font-size:12px;text-decoration:none;background:url('../images/menu/btn-head-bg.png') repeat-x 0 0 #5f3520;color:#fff0e5;display:block;}
a.btn-i:hover, a.b-r:hover {color:#ffff00;background:url('../images/btns/btn-head-bg-hover.png') repeat-x 0 0 #775341;}
a.btn-i {display:inline-block;margin:2px;}

a.team-head {display:block;padding-bottom:4px;text-align:center;font-size:12px;color:#FFE095;text-decoration:none;background:url('../images/btns/team-head.png') no-repeat 50% 0;border-top:1px solid #5f3520;}
a.team-head:hover {color:#FfFF00;}

.b-team {margin-top:4px;padding:0 4px 4px;font-size:12px;color:#2eaeff;background:#331717;}

.w {color:#ffffff;}
.y {color:#ffff33;}
.minor-message .y {color:#999999;}

.ml.list {margin:10px 0 15px;}
.ml.list a {padding:3px 0;color:#f0d8d8;font-family:Century Gothic,Arial,Verdana,sans-serif;font-size:12px;}
.ml.list.g a {font-size:14px;}
.ml.list a:hover {color:#1f0b0b;background:url('../images/btns/arrow-brown.png') no-repeat 95% 50% #957777;}
.ml.list img {padding:5px 7px 7px 8px;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}

.pt5 {padding-top: 5px !important;}
.p5 {padding: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}

.center { text-align: center !important;}
.tleft {text-align: left !important;}
.tright {text-align: right !important;}
.fleft {float: left !important;}
.fright {float: left !important;}

.font11 {font-size: 11px !important;}
.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font22 {font-size: 22px !important;}

.bold {font-weight: bold;}
.normal {font-weight: normal !important;}
.va-m {vertical-align: middle !important;}
.a {text-decoration: underline !important;}

.d-b {display: block !important;}
.d-ib {display: inline-block !important;}

.clearfix:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

h3 {
    margin: 0 0 4px;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: Century Gothic, Arial,sans-serif;
    text-align: center;
    color: #FFE095;
}

.update-cont {
    margin: 4px 3px 10px;
    overflow: hidden;
}
a.btn-r {
    display: block;
    height: 23px;
    padding-top: 5px;
    color: #339db4;
    font-size: 14px;
    float:right;
    background: url("../images/btns/btn-refresh.png") no-repeat 100% 0;
    text-decoration: none;
}
a.btn-r:hover {
    color: #99ced9;
}

a.btn-r span {
    padding-right: 34px;
    text-decoration: underline;
}

/* CHAT */
.b-chat { padding: 0 4px; }
a.btn {
    display: block;
    float: left;
    height: 18px;
    padding: 1px 4px 0;
    font-size: 12px;
    text-decoration: none;
    margin-right: 4px;
    background: url('../images/btns/btn-head-bg.png') repeat-x 0 0 #5f3520;
}
a.btn:hover {color:#ffff00;background:url('../images/btns/btn-head-bg-hover.png') repeat-x 0 0 #775341;}
.btn.btn-name { color: #ffd428;font-size: 14px }
.btn img { vertical-align: middle; }
a.b-r {
    display: block;
    float: left;
    width: 19px;
    height: 19px;
    margin-right: 4px;
    font-size: 12px;
    text-align: center;
}
.m-c {
    overflow: hidden;
    margin: 1px 0;
}
.msg {
    font-family: Arial,Tahoma,sans-serif;
    font-size: 14px;
    padding-top:4px;
    color: #e5cbb7;
    word-wrap: break-word;
}
.m-t {
    padding-left: 4px;
    font-style: italic;
    color: #716464;
    white-space: nowrap;
}
.m-a { color: #fecf3f; }
.c-m { color: #ffdbca; }
.s {
    width: 100%;
    height: 1px;
    margin: 3px 0;
    background:  url('../images/btns/sepline.png') no-repeat 50% 0;
}
.wic {
    margin:8px 4px;
    font-size:12px;
    text-align:right;
}

.mes-smiles{float:right;padding:2px 10px 0px 0;}
.text-field {
    display: block;
    width: 90%;
    margin: 0 auto 7px auto;
    font-size: 12px;
    padding: 5px 5px 10px 5px;
    border: 0 solid #7a893d;
    border-radius: 2px;
    box-shadow: 0 1px 1px #7a893d inset;
}
.chat-area {
    display: block;
    height: 50px;
    width: 90%;
    margin: 0 auto 7px auto;
    font-size: 12px;
    padding: 5px 5px 10px 5px;
    border: 0 solid #7a893d;
    border-radius: 2px;
    box-shadow: 0 1px 1px #7a893d inset;
}
.btn-send {
    display: block;
    width: 90%;
    cursor: pointer;
    position: relative;
    margin: 5px auto;
    border: 0;
    color: #fff;
    z-index: 5;
    font-size: 14px;
    background: url('../images/btns/btn-head-bg.png') repeat-x 0 0 #5f3520;
}
.btn-send:hover {color:#ffff00;background:url('../images/btns/btn-head-bg-hover.png') repeat-x 0 0 #775341;}

.link-inputs input {
    border: 0;
    background: none;
    color: #FFFF33;
    font-size: medium;
    text-decoration: underline;
    padding: 0 0 0 0px;
}
.link-inputs input[disabled="disabled"] {
    color: #FFF;
    text-decoration: none;
}

/* end chat */

/* === Paging === */

.b-p {
    text-align: center;
    margin: 7px 0;
    font-size: 0;
}
.p-np { margin-bottom: 5px; }
.b-p a, .b-p span.act, .b-p span.na, .b-p .p-np span {
    display: inline-block;
    width: 24px;
    margin: 0 2px;
    padding: 5px 0;
    background: #5f3520;
    color: #eae4e1;
    text-align: center;
    font-size: 12px;
    text-decoration: none;
}
.b-p .p-np a, .b-p .p-np span {
    width: 94px;
    padding: 3px 0;
    font-size: 14px;
    font-weight: bold;
}
.b-p span.act, .b-p .p-np span, .b-p span.na {
    background: #735749;
    color: #170000;
}
.b-p span.na {
    background: none;
    color: #7d4d35;
    outline: 1px solid #290f04;
}
.b-p a:hover {
    background: #522914;
    color: #ffff7e;
}

/* end paging */

input.btn-smiles {
    border: 0;

    display: block;
    width: 122px;
    height: 18px;
    margin: 0 5% 0 auto;
    padding-top: 3px;
    text-align: center;
    font-size: 11px;
    color: #eae4e1;
    text-decoration: none;
    background: url('../images/btns/btn-smiles.png') no-repeat 0 0;
}
input.btn-smiles:hover {color:#ffff00}
a.btn-smiles {
    display: block;
    width: 122px;
    height: 18px;
    margin: 0 5% 0 auto;
    padding-top: 3px;
    text-align: center;
    font-size: 11px;
    color: #eae4e1;
    text-decoration: none;
    background: url('../images/btns/btn-smiles.png') no-repeat 0 0;
}
a.btn-smiles:hover {
    color: #FfFF00;;
}

.smiles-list {
    width: 90%;
    margin: 0 auto;
    border: 2px solid #5f3520;
    font-size: 11px;
    color: #e5cbb7;
}
.smiles-list td {
    padding: 5px 0;
}

.bratva-info{margin:8px 8px 15px;color:#f0d8d8;}
.robbin-info{margin:8px 8px 15px;color:#f0d8d8;}
.robbin-info img{padding:0 0 3px 2px;}
.gray-list{margin:4px 0;color:#a3a3a3;}

.guard{margin:4px 8px 15px;color:#f0d8d8;}
.gray-notify{margin:4px 0;font-size:small;color:#a3a3a3;}
.guards-list{margin:8px 0;}
.free-guard{color:#4ff553;}
.progress-slim {
    height: 5px;
}
.progress-slim img {
    vertical-align: top;
}

.bank-header{ margin-left: 2px; color: #ffe095;}
.bank-button{ font-size:medium  }
.bank-button a.hb { font-size:medium; text-align:left; margin:4px 0; }
.bank-bucks{ float:left; font-weight: bold }
.bank-discount{ float:right; font-size:12px; font-style:italic}
.bank-info{ float:right; font-size:12px; color:yellow; font-style:italic }
.bank-tip{ color:gray; font-size:12px; font-style:italic }
.bank-button-center {  }
.bank-button-center a.hb { font-size:medium; margin:4px 0; }
.bank-descr {
    display: block;
    color: #888888;
    font-size: 12px;
    font-style: italic;
}

.bank-payment-title{ text-align: center }

.bank-payment-system-title {
    color:#3c3;
    padding: 0 2px;
}
.bank-payment-system-title-tip{ color:#3c3; font-size:12px; font-style:italic }
.bank-payment-system {
    margin: 10px 0 0 0;
    color:gray;
}

.bank-tip-icon{ float:right; }
.bank-buy{ font-size:medium }
.bank-separator {
    height: 1px;
    margin: 6px 0;
    background: url('../images/sep.png') no-repeat 50% 0;
}
.hb.btn-best {
    color: #fff;
    background-color: #00567c;
    border: 1px solid #00c5d3;
}
    .hb.btn-best:hover {background-color: #00567c; border: 1px solid #fff;}

.bank-buy-payment-system-title{ color:green; text-align: center }
.bank-select-country {
    margin-top: 7px;
    font-size: 12px;
}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.ml a.bank-btn {
    background: #9B6C18;
    border-top: 1px solid #C5B041;
    border-bottom: 1px solid #000;
    color: #fff;
}

.learning-start-button a.hb { font-size:medium; }

.gifts-table {
    margin: 5px 0 10px 0;
    text-align: center;
    font-size: 11px;
}
.gifts-table-days td { padding: 2px 0 6px 0; }
.gift-cell-selected { background: #372525; }
.gift-inner {
    padding: 3px 5px 5px 5px;
    text-align: left;
}
.gift-cell-selected a.hb { margin: 4px 9px; }
.font12{
    font-size: 12px;
}
.sel-block {
    padding: 4px;
    margin: 3px 0;
    background: #261616;
}
/* === HEADER === */
.b-header {
    position: relative;
    padding: 2px 4px 1px;
    background: url('../images/head-bg.png') repeat-x 0 0 #353535;
}
.b-header img, .b-header span { vertical-align: middle; }
.b-title {
    overflow: hidden;
    padding: 5px 0;
    background: #000;
    text-align: center;
    font-weight: 15px;
    color: #ffe095;
}
.b-title span { position: relative; }
.b-title span:before {
    content:"";
    position: absolute;
    top: 5px;
    left: -60px;
    width: 50px;
    height: 5px;
    background: url('../images/title-l.png') no-repeat 0 0;;
}
.b-title span:after {
    content:"";
    position: absolute;
    top: 6px;
    right: -60px;
    width: 50px;
    height: 5px;
    background: red;
    background: url('../images/title-r.png') no-repeat 0 0;
}
.b-page-bg {

}
.b-npc {
    margin-bottom: 6px;
    font-size: 12px;
}
.npc-name { font-weight: bold; }
.npc-phraze { color: #cccccc; }
/* end of header */
/* === Separators === */
.sep-top, .sep-bot {
    background: url('../images/sep-top.png') repeat-x 0 0 #222;
    height: 4px;
}
/* end of separators */

.c-sel { color: #e3b000; }
.c-gray { color: #888; }
.c-verygray { color: #585858; }
.c-white { color: #fff; }
.c-green { color: #00aa00; }
.c-red { color: #ee3344; }
.c-yellow { color: #ffcc00; }
.c-yellow-2 { color: #e3b000; }
.c-iGood { color: #4270a8; }
.c-iEpic { color: #a752b9; }
.yellow {color: #FFFF33;}
.c-death { color: #5f5f5f; }

/* CARS */
.b-gonka-head {
    padding: 5px;
    background: #432929;
    font-size: 12px;
}
.b-gonka-actions { margin: 5px 0; }
.hb.btn-gonka {
    margin: 5px; 
    color: #e4ba1f;
    font-size: 14px;
}
    .hb.inactive {
        color: #555;
        background: #222;
        border-color: #333;
    }
.b-road {
    background: #171717;
    padding: 5px;
}
    .road-line {
        height: 32px;
        background: url('../images/cars/finish.png') no-repeat 100% 100%;
    }
    .road-progress {
        height: 32px;
        margin: 0 20px 0 92px;
        background: url('../images/cars/road-sep.png') no-repeat 0 100%;
    }
    .rp-inner {
        position: relative;
        padding-top: 12px;
    }
        .rp-car {
            position: absolute;
            right: 2px;
        }
        .rp-name, .rp-info {
            position: absolute;
            overflow: hidden;
            right: 30px;
            top: 16px;
            width: 60px;
            height: 20px;
            white-space: nowrap;
            color: #c7b158;
            font-size: 12px;
            text-overflow: ellipsis;
        }
        .rp-info {
            color: #00bb11;
            top: 0;
        }
.bak-full {
    margin-top: 4px;
    height: 6px;
    background: #696969;
}
.bak-remain { height: 6px; background: #00A1C0; }
.garage-img { 
    width: 320px;
    height: 107px;
    margin: 0 auto 5px auto;
    background: url('../images/cars/big/car-big_1.png') no-repeat -4px 3px,
                url('../images/cars/big/garage_320.jpg') no-repeat 0 0;
}
.car-change {
    font-size: 14px;
    color: #338899;
    text-decoration: none;
    border-bottom: 1px solid #338899;
}
.b-fuel {padding: 5px 0 7px 0;}
/* end of cars */

.nowrap {
    white-space: nowrap !important;
}
.table-pad {
    border-collapse:separate;
    border-spacing: 0 10px
}
.mt2 {margin-top: 2px !important;}
.time_progress {
    display: block;
    width: 100%;
    height: 5px;
    background: url('/images/misc/progress-empty.png') 0 0 repeat-x;
}
.time_progress_fill {
    height: 5px;
    background: url('/images/misc/progress-fill.png') 0 0 repeat-x;
}
input[type="password"], input[type="text"] {
    background: #fff !important;
}
.i-back {
    width: 100%;
    height: auto;
    max-width: 480px;
}
.robbery-info {
    display: table;
    width: 100%;                
    height: 47px;   
}
.robbery-info-inner {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: left;   
    padding: 4px;           
    overflow: hidden;               
}


.nonamed {display:none !important;}