/* Text */
::-webkit-scrollbar {
    width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
        background: red;
        border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: red; 
}

body, table, input, textarea, select { font: 14px Verdana; }
  
   body {
    max-width: 400px;
    font-family: Arial Black;
    font-size: 14px;
    color: #FFF;
    background: url('/images/body.jpg') no-repeat 50% 0 #000;
    background-attachment: fixed;
    margin: 0 auto;
    text-shadow: #212020 0px 1px 1px;
} 

    .body_repeat {
    padding: 0px;
    background: url(/images/top_left.png) no-repeat top left,url(/images/top_right.png) no-repeat top right , url(/images/top.png) repeat-x top , url(/images/left.png) no-repeat bottom left,url(/images/right.png) no-repeat bottom right , url(/images/bottom.png) repeat-x bottom , url(/images/repeatyl.png) repeat-y left , url(/images/repeatyr.png) repeat-y right ,url(images/right.png) no-repeat bottom right , url(/images/body_repeat.png) #1e1918;
}

.float {text-align:right;}
    a {
    
      color: #fd6;
        
    }

    input, textarea, select {

    background: #707070;

         color: #ffffff;

      border: 1px solid #ccc;


        padding: 2px 0px 2px 0px;


    margin: 5px 0px 5px 0px;

    }
    
    select {
    
      border: 0;
    
    }
    
.button{margin:1px;background-image:url(http://tiwar.ru/images/icon/block/bg-btn.png);border:1px solid #131313;color:white;text-align:center;text-decoration:none;display:inline-block;height:20px;padding:2px;padding-left:6px;padding-right:6px;border-radius:3px;font-size:13px}
.button:hover {background-image:url(http://tiwar.ru/images/icon/block/bg-btn.png);}
        
    .h {
    
    background: #101010;

        text-align: center;

    padding: 5px 0px 5px 0px;

    }
    
    .title{font-size:130%;font-family:Century Gothic,Arial,sans-serif;text-align:center;color:#FF9;padding:5px}.old_title{font-size:80%;border:0;color:#FF9;padding:5px}
    
.content {
   display: block;
    margin: 0px 7px 0px 7px;
    padding: 9px;
    border: 1px solid rgb(57 56 55);
    border-radius: 4px;
    background: radial-gradient(70% 50%, #434343, #1d1a18);
    vertical-align: middle;
    text-decoration: none;
    color: #918c8b;
    margin-bottom: 6px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);

}
    
    .line{background-image:url(/images/icon/line.png);background-color:#3e3d36;background-repeat:repeat-x;background-position:bottom left;padding-top:1px}
    
    .separator{
    
      border-top: 1px solid #202020;
      
   border-bottom: 1px solid #393939;

     border-left: 0;

    border-right: 0;
        
    margin: 5px 25% 5px 25%;
    
    }
    
.list, .menu
{
    
  list-style: none;
    
}

.list li
{

  
    

}

.list li a {
   display: block;
    padding: 9px;
    border: 1px solid rgb(49 44 36);
    border-radius: 4px;
    background: radial-gradient(70% 50%, #373a34, #1a1716);
    vertical-align: middle;
    text-decoration: none;
    color: #a0a3a2;
    margin: 0px 6px 0px 6px;
    margin-bottom: 5px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}
    
    .list li.no_b {
    
      border: 0;
    
    }

.list li a:hover {
   
  border-top: 1px solid #101010;
border-bottom: 1px solid #101010;
display: block;
padding: 12px 5px 5px 5px;
min-height: 24px;
background: #101010;
    
    }

    .transparent75 {
filter : alpha( Opacity= 75) ;
opacity: 0.5 ;

}
    .list li a, .menu li a {
    
        text-decoration: none;
    
    }
    
    .menu li {
    
    
    font-size: 14px;
    
        padding: 7px ;
    
    border-bottom: 1px dotted #404040;
    
    }
    
    .menu li.no_b {
    
      border: 0;
    
    }
    
    .block {
    
    background: #333333;
    font-size: 14px;
    
      text-align: center;
    
        border: 1px solid #404040;
    
    padding: 5px 5px 5px 5px;
    
    }

    .f {
    
    background: #101010;

      padding: 5px 5px 5px 5px;

    }

a.button
{

text-decoration: none; font-size: 14px;

}

.max-line
{

  border-bottom: 1px solid #505050;
  border-top:    1px solid #707070;

}







.menu_link {border-top: 1px solid #303030;border-bottom: 1px solid #000000;display: block;padding: 12px 5px 5px 5px;min-height: 24px;background: linear-gradient(#151515,#101010);}
.menu_link:hover{
border-top: 1px solid #101010;
border-bottom: 1px solid #101010;
display: block;
padding: 12px 5px 5px 5px;
min-height: 24px;
background: #101010;
}








.menu_link2 {padding:5px;display:block;color:#a5a5a5;text-decoration:none;text-shadow: 1px 1px 1px;}
.menu_link2:hover {color:#a5a5a5;}

.message {
  min-height: 10px;
    border-left: 5px solid #850000;
    /* border-right: 5px solid #ffffff; */
    margin: 3px 0px;
    padding: 8px;
    text-align: left;
    color: #fcfcfc;
    display: block;
    margin: 0px 7px 0px 7px;
    padding: 9px;
    /* border: 1px solid rgb(57 56 55); */
    border-radius: 4px;
    background: radial-gradient(70% 50%, #434343, #00aebd);
    vertical-align: middle;
    text-decoration: none;
    color: #d7d7d7;
    margin-bottom: 6px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}
.mr8 {
    margin-right: 8px;
}

.left {
    float: left;
}
.menus {
   display: block;
    margin: 0px 7px 0px 7px;
    padding: 9px;
    border: 1px solid rgb(57 56 55);
    border-radius: 4px;
    background: radial-gradient(70% 50%, #000000, #221919);
    vertical-align: middle;
    text-decoration: none;
    color: #918c8b;
    margin-bottom: 6px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}

   .l_text {
    background: #1b1b1b;
    margin: 2px 30px 2px 7px;
    padding: 5px;
    border: 1px solid #535353;
    border-radius: 5px 10px 10px 5px;
    display: block;
    padding: 9px;
    border: 1px solid rgb(57 56 55);
    background: radial-gradient(70% 50%, #0a2533, #1a1414);
    vertical-align: middle;
    text-decoration: none;
    color: #f7f7f7;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}
.r_text {
     background: #1b1b1b;
    margin: 2px 7px 1px 30px;
    padding: 5px;
    border: 1px solid #535353;
    border-radius: 5px 10px 10px 5px;
    display: block;
    padding: 9px;
    border: 1px solid rgb(57 56 55);
    background: radial-gradient(70% 50%, #094500, #1a1414);
    vertical-align: middle;
    text-decoration: none;
    color: #f7f7f7;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}
.menus2 {
       background: #101010;
    padding: 4px;
    /* box-shadow: 0 0 5px #5d0000; */
    border: 1px solid #434343;
    background: #1b1b1b;
    margin: 7px;
    padding: 5px;
    border: 1px solid #535353;
    border-radius: 5px;
    display: block;
    padding: 9px;
    border: 1px solid rgb(57 56 55);
    background: radial-gradient(70% 50%, #261f1e, #1a1414);
    vertical-align: middle;
    text-decoration: none;
    color: #f7f7f7;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}
input, textarea, select {
    background-color: #222222;
    /* box-shadow: 0 0 5px #ffffff; */
    border: 1px solid #2d2d2d;
    /* border: 0; */
    padding: 6px;
    margin: 4px;
    color: #ffffff;
}
.menuList {
    margin: 0;
    padding: 0;
        background: #202020;
}
.menuList li {
    list-style: none;
    border-bottom: #5c5853 dotted 1px;
    margin: 0;
}
.menuList a {
    text-decoration: none;
    display: block;
    padding: 5px;
    background: url(/images/style/block.png);
    padding: 5px;
    position: relative;
    border-radius: 8px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 1px 1px 0 #232428 inset;
}
 .menuList img {
    padding: 0 5px 0 0;
}
.white {
    color: #fff;
}

	    .hint {
    color: #F90;
    font-size: 75%;
    padding: 5;
}
ul {
    list-style: square;
    margin: 0 0 0 10px;
    padding: 1px;
}
	
.prg-bar {
    display: block;
    margin-top: 5px;
    margin-left: 1px;
    height: 5px;
    background: #2b2b2b;
    border: solid 1px;
    border-color: #4a4a4a #272727 #030b0c #2b2b2b;
}
.prg-bar span {
    float: left;
}

.prg-green {
    background: #23d423 url(/images/icob/prg-green.gif) left top repeat-x;
    height: 5px;
}
.prg-red {
    background: #ff3e0c url(/images/icon/prg-red.gif) left top repeat-x;
    height: 5px;
}
.s125 {
    font-size: 125%;
}

.green, a.green {
    color: #AFFFAB;
}
.blue, a.blue {
    color: #97BBC9;
}
.color3, a.color3 {
    color: #e4d98d;
}
.btn_start .btn {
    color: #ef7171;
    line-height: 14px;
    text-align: center !important;
    display: block;
    background-repeat: repeat-x;
    background-position: 0 0;
    margin: 0 8px;
    padding: 5px 12px 0;
}
.btn_start, .btn_end, .btn {
    height: 24px;
    cursor: pointer;
    border: 0;
    background-image: url(/images/icon/btn_red.png);
    text-decoration: none !important;
}
.btn_start .btn_end {
    display: block;
    background-repeat: no-repeat;
    background-position: 100% -52px;
}
.btn_start {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 0 -26px;
}

.alert {
    margin: 0px 7px 0px 7px;
    background: radial-gradient(70% 50%, #291c1e, #2f2822);
    text-align: center;
    margin-bottom: 0px;
    padding: 6px 6px 8px 6px;
}
.alert_quest {
    display: block;
    margin: 0px 7px 0px 7px;
    padding: 9px;
    border: 1px solid rgb(49 44 36);
    border-radius: 4px;
    background: radial-gradient(70% 50%, #007111, #131313);
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #918c8b;
    margin-bottom: 6px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}

    .text-center {
    text-align: center;
}
p {
    margin: 0 0 10px;
}
.boss-bg {
    background-color: #232323;
    padding: 5px;
    border-radius: 4px;
    border-top: 1px solid #777;
    border-bottom: 1px solid #545415;
}

    .yellow {
    color: #FC6;
}
.dgreen {
    color: #9C9;
}
.bold {
    font-weight: 700;
}
.block_2 {
    background: #333333;
    font-size: 14px;
    /* text-align: center; */
    border: 1px solid #404040;
    padding: 5px 5px 5px 5px;
}

    .block_2 {
    padding: 5px;
}
.dotted {
    border-bottom: 1px dotted #444;
}
.clear {
    clear: both;
}
* {
    cursor: url(/images/style/Arrow.cur), auto;
    
    text-decoration: none;
}
.no_auth {
    display: block;
    padding: 5px;
    text-align: center;
    background-image: url(/images/style/logo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #000000;
}
.no_title {
    color: white;
    padding: 5px 0 8px 0;
    text-shadow: 1px 1px 1px black;
    background-image: url(/images/style/title.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 13px;
}
.no_text {
    margin-top: 9%;
    text-shadow: 1px 1px 1px black;
    padding: 10px;
    background-color: #00000090;
    border-radius: 5px;
    border: 1px solid black;
}
footer {
    background: #151515;
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #999999, #333333) 1;
    padding: 0;
}

.red_btn {
    display: inline-block;
    margin: 3px;
    background: url(/images/style/l_red_btn.png) no-repeat 0%, url(/images/style/r_red_btn.png) no-repeat 100%, url(/images/style/c_red_btn.png?v1) repeat-x 1%;
    color: white;
    text-decoration: none;
    padding: 9px;
    border-radius: 2px;
    box-shadow: 0 0 5px #333333;
}
.gray_btn {
    display: inline-block;
    margin: 3px;
    background: url(/images/style/l_gray_btn.png) no-repeat 0%, url(/images/style/r_gray_btn.png) no-repeat 100%, url(/images/style/c_gray_btn.png?v1) repeat-x 1%;
    color: white;
    text-decoration: none;
    padding: 9px;
    border-radius: 2px;
    box-shadow: 0 0 5px #333333;
}
.no_auth input {
    border: none;
    cursor: pointer;
}

.text_input {
    margin: 5px;
    text-shadow: 1px 1px 1px black;
    padding: 10px;
    background-color: #00000090;
    border-radius: 5px;
    border: 1px solid black;
}

.small-but {
    border-top: 1px solid #303030;
    border-bottom: 1px solid #000000;
    display: block;
    text-align: center;
    padding: 5px 5px 5px 5px;
    min-height: 24px;
    background: linear-gradient(#151515,#101010);
}

    .blocks {
       display: block;
    margin: 0px 7px 0px 7px;
    padding: 9px;
    border: 1px solid rgb(57 56 55);
    border-radius: 4px;
    background: radial-gradient(70% 50%, #353535, #201818);
    vertical-align: middle;
    text-decoration: none;
    color: #918c8b;
    margin-bottom: 6px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}
.block-content {
 
}

  .header {
    background: border-box;
    border-radius: 4px;
    color: #ccc;
    padding: 4px 6px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}
.head_1 {
    color: #ebb88b;
    padding: 0px 2px 0px 0px;
    background: #0b0c0c;
    /* margin: 4px; */
    box-shadow: 0 1px 0 #000000, 0 1px 0 #f00 inset;
    border-radius: 10px 10px 0px 0px;
}

.head_2 {
    background: url(/images/style/block.png);
    padding: 5px;
    position: relative;
    border-radius: 8px 8px 0px 0px;
    box-shadow: 2px 2px 2px #000000, 2px 2px 0 #000000 inset;
}
.foot_1 {
    padding: 6px;
    text-align: center;
    font-size: 12px;
    color: #463d38;
}

.foots {
    background: url(/images/foot.png) repeat-x center;
    padding: 8px;
    box-shadow: 2px 3px 2px 0px rgb(0 0 0 / 40%);
    font-size: 11px;
}

.body_1 {
    /* color: #ebb88b; */
    padding: 0px 2px 0px 0px;
    background: #0b0c0c;
    /* margin: 4px; */
    box-shadow: 0 1px 0 #530b0b, 0 1px 0 #000000 inset;
    border-radius: 0px 0px 0px 0px;
}
.body_2 {
    background: url(/images/style/block.png);
     padding: 2px; 
   /* padding: 1px 1px 1px 1px;*/
    position: relative;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 2px 2px 2px #000000, 2px 2px 0 #000000 inset;
}
.pull-right {
    float: right;
}
.pull-right {
    float: right;
}
.page {
    color: #ff9;
    background-color: #323131;
    border: 1px solid #000000;
    padding: 4px 8px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    display: inline-block;
}

.pull-left {
    float: left;
}

    .example3 {
    display: inline-block;
    position: relative;
}
.example3 .example_text {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    padding: 6px;
    background-color: rgba(0,0,0,.3);
}

.hp_anim_2 {
    position: absolute;
    color: #DB1A1A;
    font-size: 17px;
    font-weight: bold;
    display: block;
    -webkit-animation: rotate 2s linear infinite;
    mox-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.hp_anim {
    position: absolute;
    color: #1dff00;
    font-size: 17px;
    font-weight: bold;
    display: block;
    -webkit-animation: rotate 2s linear infinite;
    mox-animation: rotate 2s linear infinite;
    -o-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}


@-webkit-keyframes rotate {
  50% {
  -o-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  -moz-transform: translateY(-150px);
  -webkit-transform: translateY(-150px);
  transform: translateY(-150px);
}
}
@keyframes rotate {
  50% {
  -o-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  -moz-transform: translateY(-150px);
  -webkit-transform: translateY(-150px);
  transform: translateY(-150px);
}

}
 .fixed-header {
    position: sticky;
    top: 0px;
    z-index: 1000;
    border-bottom: 1px solid #111100;
}
html {
    font-size: 100%;
    margin-left: 3%;
    margin-right: 3%;
}
.rel {
    position: relative;
}
.popup {
    position: absolute;
    margin: 10% auto;
    left: 5%;
    width: 90%;
    max-height: 500px;
    overflow-y: auto;
    font-size: 14px;
    background-color: #000000;
    background: url(/images/style/block.png);
    /* padding: 5%; */
    color: #e8e8e8;
    border-radius: 5px;
    border: 1px solid #c7bba7;
    margin-bottom: 5px;
}
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 4;
background-color: rgba(0, 0, 0, 0.31);
position: absolute;
cursor: default;
}

.ribbon_wind .r_end {
    padding: 0 28px;
    background-position: 100% -31px;
}
.ribbon_wind, .ribbon_wind .r_end, .ribbon_wind .r_center {
    margin-bottom: 4px;
    display: block;
    font-size: 0;
    background-image: url(/images/style/bg-wind.png);
    background-repeat: no-repeat;
}
.ribbon_wind .r_center {
    height: 27px;
    padding-top: 4px;
    font-size: small;
    text-shadow: 1px 1px 0 black;
    color: white;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 -62px;
    background-repeat: repeat-x;
}
.ribbon_red, .ribbon_red .r_end, .ribbon_red .r_center {
    margin-bottom: 4px;
    display: block;
    font-size: 0;
    background-image: url(/images/style/bg-p.png);
    background-repeat: no-repeat;
}
.ribbon_red .r_center {
    height: 27px;
    padding-top: 4px;
    font-size: small;
    text-shadow: 1px 1px 0 black;
    color: white;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0 -62px;
    background-repeat: repeat-x;
}
.ribbon_red .r_end {
    padding: 0 28px;
    background-position: 100% -31px;
}
     .nagrada {
    position: absolute;
    margin: 10% auto;
    left: 10%;
    width: 80%;
    max-height: 500px;
    overflow-y: auto;
    font-size: 14px;
    background-color: #000000;
    background: url(/images/style/block.png);
    /* padding: 5%; */
    color: #e8e8e8;
    border-radius: 5px;
    border: 1px solid #c7bba7;
    margin-bottom: 5px;
}

.navig_nk {
    width: 50%;
    border: 2px outset #23240f;
    padding: 4px;
    background: linear-gradient(to top, #342612, #6c5a3e);
    color: #828378;
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 94%), inset -4px -4px 20px 0px rgb(24 23 23), inset 4px 4px 20px 0px rgb(76 58 58 / 36%);
    text-shadow: 1px 2px 3px black;
}
.navig_strel {
    border: 2px outset #23240f;
    padding: 4px 8px 4px 8px;
    background: linear-gradient(to top, #24130e, #ad3813);
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 94%), inset -4px -4px 20px 0px rgb(24 23 23), inset 4px 4px 20px 0px rgb(76 58 58 / 36%);
}
.navig_cifr {
    border: 2px outset #23240f;
    padding: 4px 8px 4px 8px;
    background: linear-gradient(to top, #1e1a1a, #999b8d);
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 94%), inset -4px -4px 20px 0px rgb(24 23 23), inset 4px 4px 20px 0px rgb(76 58 58 / 36%);
}
.navig_nk a, .navig_strel a, .navig_cifr a {
    color: #828378;
    text-shadow: 1px 2px 3px black;
    display: block;
    text-align: center;
}
.navig_cifr_neactiv {
    border: 2px outset #23240f;
    padding: 4px 8px 4px 8px;
    background: linear-gradient(to top, #1b1e1e, #585050);
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 94%), inset -4px -4px 20px 0px rgb(24 23 23), inset 4px 4px 20px 0px rgb(76 58 58 / 36%);
    color: #828378;
    text-shadow: 1px 2px 3px black;
}
.pagemargin {
    margin-bottom: 3px;
    text-align: center;
    padding: 6px;
}
.navig_nk a, .navig_strel a, .navig_cifr a {
    color: #828378;
    text-shadow: 1px 2px 3px black;
    display: block;
    text-align: center;
}

.title {
    background: url(/images/title.png) no-repeat center;
    background-size: contain;
    background-size: 97%;
    padding: 8px;
    font-size: 100%;
    text-align: center;
    color: #dbcdc8;
}
.resurs {
    background: url(/images/resurs.png) repeat-x center;
    font-size: 12px;
    margin: 0px 8px 0px 6px;
    padding: 10px;
}

.title_top {
    padding-top: 7px;
}

.panels {
    background: url(/images/panels.png) no-repeat center;
    background-size: contain;
    background-size: 97%;
    padding: 9px;
    margin-top: 4px;
}


.menu_link {

    display: block;
    margin: 0px 7px 0px 7px;
    padding: 9px;
    border: 1px solid rgb(49 44 36);
    border-radius: 4px;
    background: radial-gradient(70% 50%, #333128, #1d1714);
    vertical-align: middle;
    text-decoration: none;
    color: #918c8b;
    margin-bottom: 6px;
    box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 40%);
}










.wrap-popup1 {
    position: absolute;
    z-index: 11000;
    width: 100%;
}
.b-notice {
    display: block;
    position: fixed;
    left: 50%;
    top: 0px;
    padding-top: 0px;
    width: 480px;
    margin-left: -240px;
    -webkit-animation: noticeShow 4s linear forwards;
    z-index: 5000;
    text-align: center;
    -webkit-animation: lvlupWingsScale 0.767s linear forwards;
    animation: lvlupWingsScale 0.767s linear forwards;
}
.error {
    animation: traffic 4s forwards;
    padding: 10px 0px;
    z-index: 2;
    /* padding: 25px 42% 25px 25%; */
    text-align: center;
    background-color: #4a0202e6;
    color: #73bab5;
}
.success {
    animation: traffic 2s forwards;
    padding: 10px 0px;
    z-index: 2;
    /* padding: 25px 42% 25px 25%; */
    text-align: center;
    background-color: #025f16;
    color: #73bab5;
}
@keyframes traffic {
    100%   { opacity: 1; }
    100% { opacity: 1; }
    50% { opacity: 1; }
    100%   { opacity: 0; }
        
}