h1, h2, form, html, p, div, span, table, tbody, td, tr, img {margin: 0;padding: 0;}
body, table, td, th, input, textarea, select {font-family: Arial, Tahoma, Verdana, sans-serif; font-size:12px;}
body {color: #a8a8a8;margin: 0 auto; max-width:320px; min-width: 128px; background-color:#000;

text-shadow:#000 0 -1px 1px;
margin:0 auto;
  box-shadow : 0 0 73px #808080;
}

table {border: 0;border-collapse: collapse;}
img {vertical-align: middle;border:0;}
ul, ol {margin: 0;padding: 0;list-style: none;} 
a { color: #98bab5; outline: none; text-decoration: underline;}
@-ms-viewport{width:auto!important}
@media (min-width: 800px) and (max-width: 1200px) {@-ms-viewport {width: 640px !important;}}

.b-container {
    background: #000;
    overflow: hidden !important;
}

.b-page-bg {
    text-align: center;
    padding: 2px 0 0 0;
}
.b_tabs {
    margin-top: 3px;
    display: table;
    width: 100%;
    z-index: 10;
    margin-bottom: -1px;
    position: relative;
    overflow: hidden;
}
.tab {
    display: block;
    background: #192838;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #7e6f54;
    border-left: 1px solid #7e6f54;
    border-bottom: 1px solid #192838;
    border-top-left-radius: 3px;
}
a.tab {
    background: #141f2c;
    border: 1px solid #26394c;
    border-bottom: 1px solid #7e6f54;
    position: relative;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
span.tab {
    display: block;
    background: #052336;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    border: 1px solid #7e6f54;
    border-bottom: 1px solid #052336;
    border-top-left-radius: 3px;

}

td:last-child span.tab{
    border-top-right-radius: 0px;
    border-right: 0px;
}
.b_tabs tr td:first-child span.tab {
    border-right: 1px solid #7e6f54;
    border-top-right-radius: 3px;
    border-left: 0;
    border-top-left-radius: 0;
}
.b_tabs .divider {
    display: block;
    height: 29px;
    width: 1px;
    border-bottom: 1px solid #7e6f54;
}
.b-tabs {}
.b-tabs table td {text-align: center;}
    .b-tabs .active {
        display: block;
        padding: 6px 2px;
        background: #2d2d32;
        border-bottom: 0;
        color: #cdcdcd;
        background: url('/images/active-tab-r.png') no-repeat 100% 0 #2d2d32;
    }
    .b-tabs table td a {
        display: block;
        padding: 6px 2px;
        color: #76808b;
        text-decoration: none;
    }
    .b-tabs table td a:hover { background: #111111; }
.b-tabs.blue-tabs{}

.b-tabs.blue-tabs td a, .b-tabs.blue-tabs td span {
    border-radius: 3px 3px 0 0;
}
.b-tabs.blue-tabs td:first-child span {
    border-radius: 0 3px 0 0;
}
.b-tabs.blue-tabs td:last-child span {
    border-radius: 3px 0 0 0;
}
.b-tabs.blue-tabs td a{
    background: #141f2c;
    border-bottom: 1px solid #605647;
    border-top: 1px solid #26394c;
    border-left: 1px solid #26394c;
    border-right: 1px solid #26394c;
}
.b-tabs.blue-tabs td span{
    background: #192838;
    border-top: 1px solid #605647;
    border-left: 1px solid #605647;
    border-right: 1px solid #605647;
    border-bottom: 1px solid #192838;
}

.b-tabs.blue-tabs td:first-child span{
    background: #192838;
    border-top: 1px solid #605647;
    border-right: 1px solid #605647;
    border-left: none;
}
.b-tabs.blue-tabs td:last-child span{
    background: #192838;
    border-top: 1px solid #605647;
    border-left: 1px solid #605647;
    border-right: none;
}

.b-filter  {
    margin: 0 2px 10px 2px;
    font-size: 11px;
}
.b-filter table thead td {
    text-align: center;
    background: url('/images/filter-line.png') repeat-x 0 100%;
}
    .b-filter table thead td img{ display: block; margin: 0 auto; }
.b-filter table tbody td {
    padding: 4px 2px;
    color: #fff;
    background: #272727;
    border-bottom: 1px solid #383838;
    text-align: center;
}
    .b-filter table tbody td a {
        text-decoration: none;
        padding: 4px 2px;
    }
    .b-filter table tbody td:first-child { border-left: 1px solid #383838; }
    .b-filter table tbody td:last-child { border-right: 1px solid #383838; }

.b-top-filters {padding: 0px 5px;}
.b-top-filters .filters-title { margin-right: 4px; }
.b-top-filters .el {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 2px 8px;
}
    .b-top-filters a.el {
        text-decoration: none;
        color: #8ecde5;
        background: #1c485f;
        border-radius: 4px;
        border-top: solid 1px #49749f;
        border-bottom: solid 1px #09243f;
    }
    .b-top-filters span.el {
        color: #666666;
        border: 1px solid #444444;
        border-radius: 4px;
    }
.b-filter-new{
    text-align: center;
    background: #052336;
    padding: 10px 0;
}
.b-filter-new a, .b-filter-new span{
    padding: 10px 0;
    display: block;
    text-decoration: none;
}
.b-filter-new td a{
    border: 1px solid #0f1a25;
    border-right: none;
    background-color: #192838;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,.05) 0%,
        rgba(255,255,255,.05) 49%,
        #192838 51%,
        #192838 100%
    );
}
.b-filter-new td:first-child a{ border-left: none;}
.b-filter-new td span{ border-left: 1px solid #0f1a25;}
.b-filter-new td:first-child span{border-left: none;}
.b-filter-new td span{color: #666;}

.b-choice { text-align: center; }
    .b-choice .title { }
    .b-choice .el {
        display: inline-block;
        margin: 3px 5px;
    }
        .b-choice .el a { text-decoration: underline; }
        .b-choice .el span {
            color: #fff;
            font-weight: bold;
        }
        .b-choice .el img { margin-right: 2px; }

.b-blue-tabs a.tab, .b-blue-tabs span.tab, .b-brown-tabs a.tab, .b-brown-tabs span.tab{
    font-size: 12px;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
.b-blue-tabs .tab{
    position: relative;
    height: 27px;
    color: #aed5d1;
    background: url('/images/rewards/blue-tab-center.png') repeat-x 0 0;
}
.b-blue-tabs a.tab:before, .b-blue-tabs a.tab:after{
    display: block;
    position: absolute;
    content: '';
    width: 60px;
    height: 27px;
    top: 0;
    z-index: 10;
}
.b-blue-tabs td:first-child a.tab:before{
    left: 0;
    background: url('/images/rewards/blue-tab-left-l.png') no-repeat 0 0;
}
.b-blue-tabs td:first-child  a.tab:after{
    right: 0;
    background: url('/images/rewards/blue-tab-left-r.png') no-repeat 0 0;
}
.b-blue-tabs td:last-child a.tab:before{
    left: 0;
    background: url('/images/rewards/blue-tab-right-l.png') no-repeat 0 0;
}
.b-blue-tabs td:last-child  a.tab:after{
    right: 0;
    background: url('/images/rewards/blue-tab-right-r.png') no-repeat 0 0;
}
.b-blue-tabs span.tab{background: none;}

.b-brown-tabs{margin: 0 3px;}
.b-brown-tabs a.tab{
    background: #fbd736 linear-gradient(to bottom, #dbb861 0%, #fcd200 100%);
    padding: 1px;
    color: #ffe9bd;
}

.b-brown-tabs span.tab{
    padding: 4px 0 3px 0;
    border-top: 1px solid #dbb861;
    color: #fff;
}
.b-brown-tabs a.tab .tab-a-wrapper{
    position: relative;
    height: 14px;
    padding: 3px 0;
    background: #592f07 url('/images/rewards/brown-tab-center.png') repeat-x 50% 50%;
}
.b-brown-tabs .tab .tab-a-wrapper:after, .b-brown-tabs .tab .tab-a-wrapper:before{
    display: block;
    position: absolute;
    content: '';
    width: 28px;
    height: 20px;
    bottom: 0;
}
.b-brown-tabs a.tab .tab-a-wrapper:after{
    left: 0;
    background: url('/images/rewards/brown-tab-left.png') no-repeat 50% 50%;
}
.b-brown-tabs a.tab .tab-a-wrapper:before{
    right: 0;
    background: url('/images/rewards/brown-tab-right.png') no-repeat 50% 50%;
}
.b-brown-tabs a .tab-text, .b-blue-tabs a .tab-text{
    position: absolute;
    width: 100%;
    height: 14px;
    padding: 3px 0;
    top: 0;
    left: 0;
    z-index: 999;
}
.b-blue-tabs .tab-text{
    position: absolute;
    width: 100%;
    height: 20px;
    padding: 7px 0;
    top: 0;
    left: 0;
    z-index: 999;
}

/*.........buttons........*/
.btn-panel {
    display: block;
    padding: 7px 20px;
    margin-bottom: 1px;
    text-decoration: none;
    color: #b9d4d0;
    background:
        url('/images/panel-l-b.png') no-repeat 0% 100%,
        url('/images/panel-l-t.png') no-repeat 0% 0%,
        url('/images/panel-l-m2.png') no-repeat 0% 50%,
        url('/images/panel-l-m.png') repeat-y 0% 0%,
        url('/images/panel-r-b.png') no-repeat 100% 100%,
        url('/images/panel-r-t.png') no-repeat 100% 0%,
        url('/images/panel-r-m2.png') no-repeat 100% 50%,
        url('/images/panel-r-m.png') repeat-y 100% 0%,
        url('/images/btn-t-bg.png') repeat-x 0 0,
        url('/images/btn-b-bg.png') repeat-x 0 100%
        #283D47;
}

.b-list .list-el a.btn {color: #fefcff;}
.btn.nav-btn img, .btn.nav2-btn img, .btn.btn-buy-gold img {
    display: inline-block;
    margin: 2px 3px 0 0;
}
.btn.fright {
    padding: 7px;
    border-left: 1px solid #1a303a;
    border-right: 1px solid #1a303a;
    border-top: 1px solid #242934;
    background: url('/images/btn-t-bg.png') repeat-x 0 0, url('/images/btn-b-bg.png') repeat-x 0 100% #283d45;
}
.b-selector-hides-active .active {display: none;}
.link-icon {
    height: 12px;
    width: 12px;
    margin-right: .2em;
}
.list-el .btn-big { margin: 5px 0; }
.btn-attack {
    margin-top: 0 !important;
    font-size: 14px !important;
    font-weight: bold;
}
.btn-reply {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background: url('/images/btn-reply.png') no-repeat 0 0;
}
.btn-foxy {
    display: block;
    margin: 1px 0;
    padding: 9px 3px 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #ffffff !important;
    background: url('/images/buttons/btn-foxy-top.png') repeat-x 0 0, url('/images/buttons/btn-foxy-bot.png') repeat-x 0 100%, url('/images/buttons/btn-foxy-bg.png') repeat-x 0 0 #9b4e0b;
    cursor: pointer;
}
.all-links-is-btn a {
    display: block;
    padding: 7px;
    text-decoration: none;
    color: #fefcff;
    border-top: 1px solid #242934;
    border-bottom: 1px solid #000;
    background: url('/images/btn-l.png') repeat-y 0 0, url('/images/btn-r.png') repeat-y 100% 0, url('/images/btn-t-bg.png') repeat-x 0 0, url('/images/btn-b-bg.png') repeat-x 0 100% #242934;
}
.gold-panel {
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    min-height: 55px;
    background:
        url('/images/start-pack/gold-panel-left.png') no-repeat 0 100%,
        url('/images/start-pack/gold-panel-right.png') no-repeat 100% 100%,
        url('/images/start-pack/gold-panel-top.png') repeat-x 0 0,
        url('/images/start-pack/gold-panel-bot.png') repeat-x 0 100%,
        url('/images/start-pack/gold-panel-bg.png') repeat-x 0 4px
        #a76001;
}
@media screen and (max-width: 280px)  {
    .gold-panel {background: url('/images/start-pack/gold-panel-top.png') repeat-x 0 0, url('/images/start-pack/gold-panel-bot.png') repeat-x 0 100%, url('/images/start-pack/gold-panel-bg.png') repeat-x 0 4px #a76001 !important;}
    .win-title-r, .win-title-l {display: none;}
    .b-title-text {margin: 0 5px;}
}

.btn-crimson {
    display: block;
    padding: 7px 5px 7px 5px;
    font-size: 12px;
    min-height: 16px;
    text-decoration: none;
    color: #c6dedd;
    border: none;
    background: url('/images/restyle/btn-h-red.png') no-repeat 50% 0, url('/images/restyle/btn-v-red.png') 0 0 repeat-x;
}

.btn-locked {
    display: block;
    padding: 7px 5px 7px 5px;
    font-size: 12px;
    min-height: 16px;
    text-decoration: none;
    color: #999999;
    border: none;
    background: url('/images/restyle/btn-h-gray.png') no-repeat 50% 0, url('/images/restyle/btn-v-gray.png') 0 0 repeat-x;
}
.btn { position: relative;}
.btn-box{
    padding: 0 2px 2px 2px;
}
.craft-btn{
    padding: 10px 5px;
    border: 1px solid rgba(0,0,0,.7);
    background: url('/images/professions/btn-top-left-border.png') no-repeat 0 0, url('/images/professions/btn-top-right-border.png') no-repeat 100% 0, url('/images/professions/btn-bot-left-border.png') no-repeat 0 100%, url('/images/professions/btn-bot-right-border.png') no-repeat 100% 100%, url('/images/professions/btn-top-center.png') repeat-x 0 0, url('/images/professions/btn-bot-center.png') repeat-x 0 100%, linear-gradient(to bottom,#014736 0%,#0c614c 100%);
    font-size: 13px;
    text-align: center;
}
span.craft-btn{
    background: url('/images/professions/btn-top-left-border-g.png') no-repeat 0 0, url('/images/professions/btn-top-right-border-g.png') no-repeat 100% 0, url('/images/professions/btn-bot-left-border-g.png') no-repeat 0 100%, url('/images/professions/btn-bot-right-border-g.png') no-repeat 100% 100%, url('/images/professions/btn-top-center-g.png') repeat-x 0 0, url('/images/professions/btn-bot-center-g.png') repeat-x 0 100%, linear-gradient(to bottom,#252323 0%,#353432 100%);
    color: #989898;
}
.btn.btn-brown {
    border-top: 1px solid #947342;
    background: linear-gradient(to bottom, #44351f 0%,#44351f 1%,#5a4628 2%, #42331d 100%);
}


/*.........paging........*/
.b-paging {
    padding: 10px 0 4px 0;
    border-top: 1px solid #000;
    font-size: 0;
    text-align: center;
}
.b-paging a, .b-paging span {
    display: inline-block;
    width: 29px;
    height: 19px;
    margin: 0 2px;
    padding-top: 5px;
    background: #000;
    border: 1px solid #174550;
    color: #ffd7a7;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    background: url('/images/pag-btn.png') no-repeat 0 0;
}
    .b-paging span {
        background: #D7D7D7;
        color: #ffb400;
        border-width: 0;
        background: url('/images/pag-active.png') no-repeat 0 0;
    }
    .b-paging a:hover { border-color: #ffd7a7; }


    .b-paging-new{
        text-align: center;
        background-color: #192838;
    }
    .b-paging-new a{
        display: block;
        padding: 10px 0;
        font-size: 14px;
        text-decoration: none;
        color: #b9d4d0;
        background-color: #192838;
        background: linear-gradient(
            to bottom,
            rgba(255,255,255,.05) 0%,
            rgba(255,255,255,.05) 49%,
            #192838 51%,
            #192838 100%
        );

    }
    .b-paging-new td{
        border-left: 1px solid #000;
    }
    .b-paging-new td:first-child{
        border: none;
    }
.btn.nav-btn {
    padding: 7px 7px !important;
    position: relative;
    color: #aed5d1;
    margin-bottom: 2px;
    border: 1px solid #002c4e;
    background: linear-gradient(to bottom, #002c4e 0%, #002c4e 5%, #001934 30%, #00132e 100%);
    background-color:#00132E;
    border-radius: 0;
}
