/*class*/
h1, h2, form, html, p, div, span, table, tbody, td, tr, img, ul, li { margin: 0; padding: 0;}
body {background: url('../img/inter/body_bg.png') repeat #000; margin: 0 auto; max-width: 550px; font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #d9d3b5;}
img {border: 0; padding-right: 2px; vertical-align: middle;}
ul li { list-style: none;}
a { color: #adff4d; text-decoration: underline;}
a:hover { text-decoration: none;}
table {border: 0; border-spacing: 0px; border-collapse: collapse; table-layout: fixed; display: table;}
td.top { vertical-align: top;}

/*inter*/
div.logo img, .pd0, .pd0 img {overflow-x: hidden; padding: 0px;}
/*общий фон*/ div.content {background: url('../img/inter/bg-box4.png') repeat; color: #ece29e; border-bottom: 1px solid #080c0f;}
/*фон + отступ*/ div.des_content {background-color: #3e4f4a; color: #d2e7bb; border: 1px solid #0b1f38; margin: 3px 2px; padding: 4px;}
/*фон + отступ2*/ div.des_content2 {background-color: #314547; border: 1px solid #0b1f38; margin: 3px 2px; padding: 4px;}
div.des_content2 .orange{color: #dfc588;}
/*первый темный фон*/ div.bg1 {background-color: #3f584f; padding: 3px 2px;}
/*разделы*/ div.bg2 {background-color: #3a3242; color: #f6ad96; padding: 5px; font-weight: bold; text-align: center; border-top: 1px solid #051323; border-bottom: 1px solid #051323;}
div.bg2 a {color: #ffc000;}
/*второй фон*/ div.bg3 {background-color: #2e3e4c; padding: 3px 2px; border: 1px solid #051323; border-bottom: none;}
/*экраны*/ div.bg4 {background-color: #0e2a35; color: #76c7ff; padding: 5px; font-weight: bold; text-align: center;}
/*бокс предметы*/ div.boxp1 {background: #a1997d; margin: 2px; color: #000; padding: 3px 4px; border: 1px solid #4b4933; clear: both;}
div.tip {padding: 5px 5px 7px; background-color: #19252e; background-image: url("/img/inter/stroke.png"), url("/img/inter/stroke_b.png");
     background-position: 0 2px, 0 bottom; background-repeat: repeat-x, repeat-x;
} /*ok*/
div.des_box {left: 2px; position: relative; top: -2px;}
div.sel {width: 150px; margin: 0 auto;}
div.bg {background: url("../img/inter/bg_nav.png") repeat; color: #b2d6ef; padding: 4px 9px 6px 6px; border-top: 1px solid #2a2a35; border-bottom: 1px solid #2a2a35; font-weight: bold; text-align: center;}


.center {text-align: center;}
.p1 {padding: 6px 5px}
.p2 {padding: 4px 3px 0 3px;}
.p3 {padding: 4px 3px;}
.pd_btm {padding-bottom: 3px;}
.b {font-weight: bold;}
.nobr {white-space: nowrap;}
.shadow {text-shadow: 0.1em 0.1em #2e2827;}
.clrb {clear: both}
.space { padding-top: 2px;}
.space2 { padding-top: 5px;}
.spacer{ background: url('../img/inter/spacer.png') repeat-x; height: 2px;}
.fl {float: left}
.fr {float: right}
.w100 {width: 100%;}
.illustration {background-color: #19252e; padding: 7px 0 3px; overflow-x: hidden;
background-image: url("/img/inter/stroke.png");
     background-position: 0 2px; background-repeat: repeat-x}
.illustration img {padding: 0; vertical-align: bottom;}

input {vertical-align: middle; background: #e1dccb; font-size: 14px; margin: 0; padding: 0; border: 0px;}
input.inp {border: 1px solid #4b4933; width: 96%; padding: 5px 0; margin-top: 2px; text-indent: 0px;}
input.but {background: url('../img/inter/but1.png') no-repeat; color: #fff; width: 226px; height: 38px; margin: 0 auto; padding-bottom: 2px; text-transform: uppercase; cursor: pointer; display: block; text-shadow: 0.1em 0.1em #000;}
input.but2 {background: url('../img/inter/but2.png') no-repeat; color: #fff; width: 226px; height: 38px; margin: 0 auto; padding-bottom: 2px; text-transform: uppercase; cursor: pointer; display: block; text-shadow: 0.1em 0.1em #000;}
input.but3 {background: url('../img/inter/but3.png') no-repeat; color: #fff; width: 226px; height: 38px; margin: 0 auto; padding-bottom: 2px; text-transform: uppercase; cursor: pointer; display: block; text-shadow: 0.1em 0.1em #000;}
input.num {width: 80px; padding: 3px 5px; text-align: center; border: 1px solid #2B2222; }
select {background: #e1dccb; font-size: 14px; width: 96%; padding: 5px 0; border: 1px solid #4b4933;}
textarea {background: #e1dccb; border: 1px solid #2e302f; width: 96%; padding: 3px; margin: 2px auto 3px; display: block; height: 22px;}
a.btn_link {background: url('../img/inter/but1.png') no-repeat; display: block; width: 226px; height: 28px; margin: 0 auto; padding-top: 10px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; text-shadow: 0.1em 0.1em #000;}
a.btn_link2 {background: url('../img/inter/but2.png') no-repeat; display: block; width: 226px; height: 28px; margin: 0 auto; padding-top: 10px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; text-shadow: 0.1em 0.1em #000;}
a.btn_link3 {background: url('../img/inter/but3.png') no-repeat; display: block; width: 226px; height: 28px; margin: 0 auto; padding-top: 10px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; text-shadow: 0.1em 0.1em #000;}
a.but {display: block; width: 100px; height: 68px; margin: 0 auto; cursor: pointer; padding-top: 0px; color: #d2ff8c; text-transform: uppercase; text-decoration: none; text-align: center; text-shadow: 0.1em 0.1em #000; position: relative;}


/*menu*/
ul.navi {padding: 0px 0px 0px 0px; margin: 0px;}
ul.navi img {padding: 0px 5px 0px 0px; vertical-align: -25%}
ul.navi li {background: url('../img/inter/line_board.png') repeat-x; margin-bottom: 0px; min-height: 38px;}
ul.navi li:last-child {border-bottom: 1px solid #434D62;}
ul.navi li a { color: #dbf6bd; display:block; text-decoration: none; padding: 11px 0 5px 4px;}
ul.navi li:hover a { color: #ffffff; text-decoration: none;}
ul.navi input {float: left; margin: 10px 5px 0 3px;}

/* panels */
div.boxt {background: url('../img/inter/bg_top.png') repeat; color: #efe6c1; padding: 1px 3px; text-align: center;}

/*city*/
.main_menu{background: #4E5D5B; text-align: center; border: 1px solid #170d20; margin: 2px 0; padding: 2px 0;}
.main_menu div{width: 234px; margin: 0px auto;}
.main_menu a{display: block; float: left; margin: 1px 0; padding-top: 50px;
            text-decoration: none; vertical-align: top; width: 78px; color: #efdaad;}
.main_menu a:hover{color: #ffffff;}
.main_menu a.color_main_link{ color: #ffffe1; font-weight: bold;}
.main_menu a.color_main_link:hover{ color: #FFFFFF;}
.main_arrow img{display: block; margin: -20px auto 0; position: relative; top: -28px;}
.main_first .main_arrow img{left: 4px;}
.main_last .main_arrow img{right: 2px;}
.main_menu_box{text-align: center; padding-left: 1px; margin-top: -22px;}
.main_menu_box img{padding: 0;}

.main_link_1{background: url('../img/main_menu/1.png') no-repeat 50% 0;}
.main_link_2{background: url('../img/main_menu/2.png') no-repeat 50% 0;}
.main_link_3{background: url('../img/main_menu/3.png') no-repeat 50% 0;}
.main_link_4{background: url('../img/main_menu/4.png') no-repeat 50% 0;}
.main_link_5{background: url('../img/main_menu/5.png') no-repeat 50% 0;}
.main_link_6{background: url('../img/main_menu/6.png') no-repeat 50% 0;}
.main_link_7{background: url('../img/main_menu/7.png') no-repeat 50% 0;}
.main_link_8{background: url('../img/main_menu/8.png') no-repeat 50% 0;}
.main_link_9{background: url('../img/main_menu/9.png') no-repeat 50% 0;}
.main_link_10{background: url('../img/main_menu/10.png') no-repeat 50% 0;}
.main_link_11{background: url('../img/main_menu/11.png') no-repeat 50% 0;}
.main_link_12{background: url('../img/main_menu/12.png') no-repeat 50% 0;}
.main_link_13{background: url('../img/main_menu/13.png') no-repeat 50% 0;}
.main_link_14{background: url('../img/main_menu/14.png') no-repeat 50% 0;}
.main_link_15{background: url('../img/main_menu/15.png') no-repeat 50% 0;}

/*character*/
.ch {background: #6e7272; text-align: center;}
.ch_city {background: #6e7272; border: 1px solid #000; text-align: center;}
.ch_img {background: url('../img/main_menu/ch_bg.jpg') no-repeat 50%; padding: 3px; vertical-align: bottom; border-right: 1px solid #616565;}
.ch_bg1 {background: url('../img/modern_inter/side1.png') no-repeat center; padding: 3px;}
.ch_bg2 {background: url('../img/modern_inter/side2.png') no-repeat center; padding: 3px;}
.ch_info {text-align: left; vertical-align: top; padding: 3px;}

.vip_car {background: url('../img/inter/bg-car.jpg') repeat; color: #000000; margin-bottom: 2px;}
.vip_car a {color: #E8F4F1;}

/*navigation*/
div.navigation {background: url("../img/inter/bg_nav.png") repeat; color: #b2d6ef; border-bottom: 1px solid #0d121e; font-weight: bold;}
td.nav_td_left {background: url('../img/inter/bg_navi.png') repeat-y right; text-align: center; vertical-align: middle; width: 38px;}
td.nav_td_right {background: url('../img/inter/bg_navi.png') repeat-y left; text-align: center; vertical-align: middle; width: 38px;}
td.nav_name { text-align: center; padding-right: 39px;}
div.navigation img { padding: 0px;}
div.navigation a { display: block; padding: 3px 4px;}


/*params*/
.name {padding: 0 0 3px 5px;}
.iparam {text-align: center; width: 30px;}
.up_progress_bg {height: 8px; background: url("../img/inter/exp-line-bg.png") repeat;}
.up_progress{ height: 8px;  background: url("../img/inter/exp-line.png") repeat;}

/* quest */
div.qst2 {color: #000000; padding: 3px; background-color: #898989;}
span.qtxt {display: block; position: relative; top: -3px;} /* ok */
.award { color: #52e63a}

/* items */
table.center { margin: 5px auto; }
td.t1 { width: 105px; text-align: left; padding: 2px 0px 0px 0px; vertical-align: top;}

/*filter*/
.filter {padding: 2px; text-align: center;}
.filter a {background: url('../img/inter/pager.png') repeat-x; display: inline-block; font-weight: bold; height: 22px;
          margin: 2px 2px; padding: 5px 5px 1px; text-decoration: none; border: 1px solid #273339; color: #19252e; text-shadow: 0.1em 0.1em #b4c971;}
.filter a.active {background: url('../img/inter/pager_act.png') repeat-x; color: #f5e080; text-shadow: 0.1em 0.1em #262f2e; border-color: #656f58;}
.filter a.active.red {color: #ff0000;}

/*page*/
.page {padding-top: 1px; text-align: center;}
.page a {background: url('../img/inter/pager.png') repeat-x; display: inline-block; font-weight: bold; height: 22px;
        margin: 2px 2px; padding: 3px 8px 3px; text-decoration: none; border: 1px solid #2a2a35; color: #111317; }
.filter_act {background: url('../img/inter/pager_act.png') repeat-x; display: inline-block; height: 22px;
            font-weight: bold; margin: 2px; padding: 3px 8px 3px; text-decoration: none; border: 1px solid #656f58;; color: #d9c87b;}

/*event*/
.event_content div {padding: 4px; border-bottom: 1px dotted #777;}
.event_content div:last-child {border: none;}

/* auto school + service */
td.alg_top {vertical-align: top;}
td.t3 {width: 72px; text-align: left; padding: 2px 0 0 0; vertical-align: top; }

/*battle*/
table.b-info {width: 236px; margin: 0 auto;}
table.b-info img {padding: 0;}
td.bi1 {text-align: right;}
td.bi2 {text-align: left;}

/* Night race */
.event {border: 1px solid #d2e8c4; margin: 3px auto 0;}
.map1 {background: url(/img/inter/map1.jpg) no-repeat; }
.map2 {background: url(/img/inter/map2.jpg) no-repeat; }
.map3 {background: url(/img/inter/map3.jpg) no-repeat; }
.event td {width: 39px; height: 39px; border: 1px dotted #d2e8c4; }
.event a {display: block; text-align: center; width: 39px; height: 38px; }
.event a img {margin-top: 12px; border: 1px solid yellow; padding: 0; }
.event a .act {background-color: #444444; }
td.event_active {background-color: #FFBDBD; border: 1px solid #ff0000; height: 35px; padding: 2px; width: 35px;}
.map_navigation {height: 112px; width: 112px; margin: 2px auto; position: relative; }
.move {height: 36px; width: 36px; position: absolute; border: 1px solid #000512; }
.move img {padding: 0px; position: relative;}
.top {display: block; left: 37px; }
.left {display: inline-block; top: 37px; }
.right {display: inline-block;  right: 0px; top: 37px; }
.bottom {display: block; bottom: 0px; left: 37px; }
.middle {border: 1px solid #000512; font-weight: bold; height: 27px; left: 37px; padding-top: 9px; position: absolute; text-align: center; top: 37px; width: 36px;}

/*chat*/
.cus {color: #FFFFFF; word-wrap: break-word;} /*???*/
.cus img {vertical-align: -15%;} /*???*/
.cmo {color: #6bedf4; word-wrap: break-word;} /*???*/
.cmo img {vertical-align: -15%;} /*???*/
.cad {color: #6bedf4; word-wrap: break-word;} /*???*/
.cad img {vertical-align: -15%;} /*???*/
.chat_content > div {border-bottom: 1px dotted #777777; padding: 3px 1px 6px;}
.chat_content > div:last-child {border: none;}
.btn_smile {background: url('/img/inter/btn_smile.png') no-repeat; height: 38px; width: 38px; cursor: pointer; margin-right: 5px; font-size: 0px;}
.btn_refresh {background: url('/img/inter/btn_refresh.png') no-repeat; height: 38px; width: 38px; cursor: pointer; display: block; margin-left: 5px;}

/*settings*/
.btn_link_set {display: block; float: left; height: 38px; width: 38px; margin-right: 3px;}
.btn_disable {background: url('/img/icons/btn_disable.png') no-repeat;}
.btn_disable:hover {background: url('/img/icons/btn_disable_act.png') no-repeat;}
.btn_enable {background: url('/img/icons/btn_enable.png') no-repeat;}
.btn_enable:hover {background: url('/img/icons/btn_enable_act.png') no-repeat;}


/*footer */
div.footer { background: #1b2b30; text-align: center; padding: 5px 5px 5px 5px; margin-top: 2px; color: #fff; border: 1px solid #324347;}
div.footer a { color: #b1b1b1;}
div.footer a:hover { color: #b1b1b1;}
div.footer a.red {color: #FF0000;}
div.footer a:hover.red {color: #FF0000;}
div.footer a.red3 {color: #ff5400;}
div.footer a:hover.red3 {color: #ff5400;}
div.footer a.green{color: #2eb431}
div.footer a.green:hover{color: #2eb431}

/*colors*/
.white {color: #f3f1dd}
.lime {color: #c3ff0d!important;}
.red {color: #fb2828;}
.blue { color: #7d8fff;}
.orange {color: #ecb967;}
.black {color: #000;}
.green {color: #06bf08;}
.green3 {color: #79f805;}
.greend {color: #4de34f;}
.time {color: #7d8fff;}
.warning {color: #eb1414; font-weight: bold;}
.red2 { color: #a00000}
.red3 { color: #ff5400}
.purple { color: #af18ca}


/*message_box*/
div.confirm-box {background-color: #bdb493; border: 1px solid #dfd8bf; margin: 3px 2px; padding: 4px; color: #3c2e26; text-align: center;}
div.bg-green {background-color: #3d5e1f; border: 1px solid #4c873a; margin-bottom: 2px; color: #e5f58f; text-align: center;}
div.bg-red {background-color: #611f1f; border: 1px solid #b83030; margin-bottom: 2px; color: #ffa748; text-align: center;}
div.bg-blue {background-color: #1f3161; border: 1px solid #3a6787; margin-bottom: 2px; color: #76c7ff; text-align: center;}
div.bgsys3 {padding: 2px 2px 4px 2px;}
div.bgsys4 {padding: 3px 6px;}
div.box_m {background-color: #443c38; border: 1px solid #68574e; margin: 3px 0px; padding: 4px; color: #cbc3a6;}

/*ref*/
table.ref {background-color: #4e4e4e; width: 100%}
table.ref tr {border-bottom: solid 1px #000000}
table.ref td {padding: 3px}
table.ref a {color:#ffffff}
table.ref img {padding-left: 3px}
.w15 {width: 25%}
.ref_link a {color: #000000; text-decoration: none}
table.ref2 {width: 100%}
table.ref2 td {padding: 4px 0 4px 3px}
tr.border {border-bottom: 1px solid #000000}
div.ref_link a{ text-decoration: none; color: #ffffff}
.ref_my_link {background-color: #FFFFFF; border: 1px solid #2B2222; color: #000000; margin: 2px; word-wrap: break-word;} /*ok*/


.btn_up{background: url('/img/icons/btn_up.png') no-repeat;}
.btn_up:hover{background: url('/img/icons/btn_up_act.png') no-repeat;}
.btn_down{background: url('/img/icons/btn_down.png') no-repeat; margin: 0 5px;}
.btn_down:hover{background: url('/img/icons/btn_down_act.png') no-repeat;}
.collection {border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;}
.collection tbody{display: block; width: 200px; margin: 0 auto}
.collection td{padding: 2px;}
.collection td.col_img{border-left: 1px solid #FFFFFF; padding: 0px; padding-left: 5px;}
.col_count{height: 22px; margin-left: 39px; margin-top: -22px; text-align: right; width: 20px;}



/*------------------ Main page ----------------
*/
.tip_up{  display: block; float: right; height: 0; position: relative; right: 40px; top: 25px; width: 0;}
.btn_send{ background: url('/img/inter/btn_send.jpg') no-repeat; height: 31px; width: 153px; display: block; margin: 0 4px; cursor: pointer; padding-bottom: 3px;}

.btn_wid_s{ max-width: 312px; margin: 0 auto; }
.btn_wid_ss{ max-width: 270px; margin: 0 auto; }
div.ref_link .this{  color: #ebc02b;}





/*  ---------------------------- Tuning -------------------------- */
.tun {position: relative; display: inline-block; left: -4px; width: 30px; margin-left: -29px;}
.tun_1{background: url("/img/icons/tun_1.png") no-repeat scroll 0 0 transparent; top: 2px; height: 16px;}
.tun_2{background: url("/img/icons/tun_2.png") no-repeat scroll 0 0 transparent; top: 3px; height: 24px;}
.tun_3{background: url("/img/icons/tun_3.png") no-repeat scroll 0 0 transparent; top: 1px; height: 30px;}
.tun_4{background: url("/img/icons/tun_4.png") no-repeat scroll 0 0 transparent; top: 1px; height: 30px;}
.tun_5{background: url("/img/icons/tun_5.png") no-repeat scroll 0 0 transparent; top: 1px; height: 30px;}

.fslnk { display: inline-block; background: url('/img/icons/bg_link_set.png') no-repeat; width: 38px; height: 38px; line-height: 36px; vertical-align:middle;}
.fslnk:hover { background: url('/img/icons/bg_link_set_act.png') no-repeat;}
.fslnk img{ padding: 0px;}

/*  ---------------------------- Base -------------------------- */
.base_content{background: #213234;}
.base_content_child{width: 100%;}
.btn_base{background: url("/img/inter/btn_base.png") no-repeat 0 -86px; display: block; height: 38px;
          overflow: hidden; text-decoration: none; width: 100%;}
.btn_base_left{background: url("/img/inter/btn_base.png") no-repeat 100% -43px; cursor: pointer; display: block; height: 38px;}
.btn_base_cont{background: url("/img/inter/btn_base.png") repeat-x; color: #dbf6bd; display: block;
          height: 28px; margin: 0 11px; white-space: nowrap; padding-top: 10px;}
.btn_base_cont img{padding-right: 7px;}

/* Every Day Bonus */
.edb { text-align: center; margin: 3px 0; }
.edb a, .edb div.edb_main { display: inline-block; margin-left: 3px; min-width: 66px; min-height: 52px; vertical-align: top; padding-top: 5px;}
.edb a img{padding: 0;}
.edb_small div{height: 50px;}
.edb_small img{padding-top: 15px; padding-bottom: 14px;}
.edb_border{background: url('/img/inter/border.png') no-repeat; height: 50px; margin-top: -50px; position: relative; width: 70px;}

.post_read{background-color: #656F58}
.post_unread{background-color: #1B2B30}
.post_select{width: auto;}

.platform.hide{visibility: hidden; display: none;}
.platform img{padding: 0;}