/*JSwar.ru - Blue Theme*/
body {
    margin: 0 auto;
    max-width: 500px;
    background-color: #333;
    color: #fff;
    font-size: 13px;
}

body,
input,
select,
textarea {
    font-family: Verdana, Arial, sans-serif;
}

input,
textarea,
select {
    color: #000;
    font-size: 12px;
    margin: 2px 0px;
    background-color: #f0e6d1;
    border-bottom: solid 1px #f0e6d1;
    border-top: solid 1px #f0e6d1;
    border-left: solid 1px #f0e6d1;
    border-right: solid 1px #f0e6d1;
}

b {
    font-size: 103%;
    font-weight: bold;
    color: #fff;
    padding:1px 0;
}

p {
    margin: 0;
    padding: 0;
}

a:link,
a:active,
a:visited,
a:hover {
    text-decoration: none;
    color: #f4d06e;
}

a.button_one {
    background-color: #1f3441;
    color: #fff;
    font-weight: normal;
    padding: 3px 10px;
    font-size: 11px;
}

li { padding: 0px; }

ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ol {
    margin: 0;
    padding: 0 0 0 26px;
}

hr {
    padding: 0;
    margin: 5px 0;
    height: 0;
    border-top: none;
    border-right: none;
    border-bottom: #666 dotted 1px;
}

hr.line {
    background: url("/img/design/hr.png") no-repeat;
    width: 100%;
}

img { vertical-align: middle; }

.gameBorder {
    border: 1px #525252 solid;
    border-left: 1px #983636 solid;
    border-right: 1px #2f4072 solid;
}

.text {
    padding: 3px;
    word-wrap: break-word;
}

.m10 { margin: 10px 0; }
.menu { background: #192b35; }
.wide { width: 30%; }
.w100 { width: 100%; }
.small { font-size: 11px; }
.right { text-align:right; }
.center { text-align:center; }

.dot {
    border-radius: 4px;
    background: #1d1c1a;
    margin: 3px 0 0 0;
    padding: 3px 7px 3px 7px;
    border: 1px dotted #808080;
    }

.head {
    background: #15242c;
    font-size: 12px;
    color: #fff;
    padding: 4px;
}

.foot {
    background: #15242c url("/img/wfooter.png");
    font-size: 12px;
    color: #fff;
    padding: 4px;
    text-align: center;
}

.info {
    display: block;
    background: #1f3441;
    color: #fff;
    margin: 3px 0px;
    padding: 4px 10px;
   /* border-left: #fd8e2f 2px solid;*/
}

.inform {
    text-align: center;
    font-size: 12px;
    color: #fff;
    border: #bcd solid 1px;
    border-radius: 4px;
    margin: 3px 0 0 0;
    padding: 3px 7px 3px 7px;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-dark {
    color: #ffffff;
    background-color: #232b38;
    border-color: #595b62;
}

.top {
    padding: 4px 0px;
    background: #0a2540;
    border-top: #061d33 2px solid;
    border-bottom: #061d33 2px solid;
}

.button {
    padding-top: 5px;
    padding-bottom: 5px;
}

.page span.str {
    background-color: #333;
    color: #fff;
    font-weight: normal;
    font-size: 11px;
    padding: 3px 10px;
}

img.avatar {
    float: left;
    margin: 4px;
}

img.item {
    float: left;
    width: 32px;
    margin: 0 5px 0 0;
}

.ct {
    width: 100px;
    text-align: center;
}

.form { width: 40%; }
/*Line*/

.hr_menu {
    padding: 0;
    margin: 1px 0;
    height: 0;
    border-bottom: #15242c solid 1px;
}

.link { display: block; }

.link-4 {
    padding: 4px;
    display: block;
}

.link-8 {
    padding: 8px;
    display: block;
}

.link:hover,
.link-4:hover,
.link-8:hover {
    background-color: #1d313d;
}

ul.l_menu li {
    padding: 8px;
    display: block;
}

ul.l_menu li:hover{
    background-color: #1d313d;
}

/*Stats line*/
ul.stats li.stat {
    width: 50%;
}

.bar,
.t {
    margin: 0;
    padding: 3px;
}

.bar {
    height: 7px;
    padding-left: 1px;
    position: relative;
    background-position: 0 -40px;
}

.bar2 {
    height: 1px;
    background-color: #000;
    width: 100%;
}

.percent3 {
    height: 1px;
    background-color: #F5DA7E;
    min-width: 0;
    max-width: 100%;
    width:100%;
}

.bar div {
    background: url(../img/design/line.gif) 0 0 no-repeat;
    height: 7px;
    width: 100%;
    background-position: 100% 0;
}

.bar div.percent {
    height: 7px;
    min-width: 0px;
    -width: 1px;
    background-position: 100% -40px;
    float: left;
}

.bar div.percent2 {
    height: 7px;
    min-width: 0px;
    -width: 1px;
    background-position: 100% -20px;
    float:left;
}

/*Other*/
.pay_table{
    border: #666 dashed 1px;
    background-color: #1f3441;
    margin: 5px;
    padding: 5px;
}
/*Color*/
.c {}
.cRed {color:#DF6161; }
.cl {color:#f4d06e; }
.cInfo {color:#FFFF33; }
.cWhite {color: #fff; }
.cYellow {color:#cedb3a; }
.cGreen {color:#33CC33; }
.cDGreen {color:#99CC99 }
.cBlue {color:#95B9C7; }
.cGrey {color:#666; }
.cV {color:#FF6600; }
.cUp {color:#ffa800; }
.cModer {color:#afdab6; }
.cAdmin {color:#9CC; }
/**/

.footer_menu {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 13px 0 4px;
}

.footer_menu .l {
    display: table-cell;
    text-align: center;
}

.footer_menu .l img {
    width: 64px;
    height: 64px;
}

.line-box {
    width: 100%;
    border-top: solid 1px#5c64ad;
    border-bottom: solid 1px #5c64ad;
    background: #0f0921;
}

.box {
    width: 100%;
    line-height: normal;
}

.box_menu {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 13px 0 4px;
}

.box_menu .l {
    display: table-cell;
    text-align: center;
}

.box_menu .r {
    display: table-row;
    text-align: center;
}
/**/
.bosshp0 {  background: url("/img/icon/hp/0.png") repeat-x }
.bosshp1 {  background: url("/img/icon/hp/1.png") repeat-x }
.bosshp2 {  background: url("/img/icon/hp/2.png") repeat-x }
.bosshp3 {  background: url("/img/icon/hp/3.png") repeat-x }
.bosshp4 {  background: url("/img/icon/hp/4.png") repeat-x }