* {
    padding: 0;
}

div.head_stat {
    font-size: 80%;
    text-align: right;
}

input {
    margin: 5px 0;
    padding: 2px;
    font-size: medium;
    border: 1px solid #0F64B3;
    border-radius: 4px 4px 4px 4px;
}

textarea {
    padding: 2px;
    font-size: 120%;
    font: medium Arial,Helvetica,sans-serif;
    border: 1px solid #0F64B3;
    border-radius: 4px 4px 4px 4px;
}

.inp {
    border: 1px solid #0F64B3;
}

.cnum {
    display: inline-block;
    padding: 0 2px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    background-color: #0F64B3;
    font-size: x-small;
    position: relative;
    top: -5pt;
    left: -5pt;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

.index {
    position: relative;
    left: -7pt;
}

.certnumber {
    display: inline-block;
    padding: 0 2px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    font-size: x-small;
    position: relative;
    top: -15pt;
    left: -20pt;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

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

body {
    font: 14px Arial,Helvetica,sans-serif;
    margin: 0 auto;
    max-width: 500px;
    text-align: center;
    font-size: medium;
    background-color: #a8d0e3; /*#b0d6c9;*/ /*#e2e6e7;#b0c6d6*/
    color: #000;
}

    body.apl, body.gplay {
        background-color: #152a3f;
    }

.content {
    background: url("/Themes/images/back_new_year.png") scroll repeat-x;
    background-color: #152A3F;
    width: 100%;
}

.bold {
    font-weight: bold;
}

.minor {
    color: #999999;
}

.dminor {
    color: #4d4d4d;
}

.white {
    color: #ccc;
}

.title {
    padding: 4px 0px;
}

a.white, a.white:visited {
    text-decoration: underline;
}

    a.white:hover {
        color: #bbb;
        text-decoration: underline;
    }

.under_panel a, .under_panel a:visited, .under_panel a:hover {
    text-decoration: underline;
}

.exp_bar_first {
    background: url("bp.png") repeat scroll 0 0 #060c12;
    border-bottom: 1px solid #060c12;
    border-top: 1px solid #060c12;
    height: 8px;
}

.exp_bar_second {
    background: url("abp.png") repeat scroll 0 0 #060c12;
    border-radius: 0 3px 3px 0;
    height: 8px;
}

.s_header {
    padding: 3px;
    color: #F0AE06;
}

.header {
    text-align: right;
    padding: 3px;
    background-color: #132539;
    color: #F0AE06;
}

.header_title {
    float: left;
    font-size: 100%;
}

.header .nobr img {
    vertical-align: bottom;
    font-size: 90%;
}

.margin_bottom_mid {
    margin-bottom: 4px;
}

.street_view_img {
    width: 200px;
    margin: 0;
}

.block {
    padding: 4px;
}

.black_back {
    color: #ddd;
}

.black_back_w {
    color: #fff;
}

.black_back_y {
    color: #F0AE06;
}

.sdw {
    text-shadow: 0 1px 5px black;
}

.gsdw {
    text-shadow: 0 -1px 0 #306108;
}

.graysdw {
    text-shadow: 0 1px 0 #8d8d8d;
}

.oneline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn_in {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #b97fff;
    border-color: #a863fa #a863fa #a863fa #a863fa;
    border-style: solid;
    border-width: 1px;
}

.btn_out a:hover {
    color: #fff;
    background: none repeat scroll 0 0 #a863fa;
}

.dbtn_out a:hover {
    color: #fff;
    background: none repeat scroll 0 0 #c291fc;
}

.dbtn_out a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 15px 0 15px;
    text-decoration: none;
    text-align: center;
}

.dbtn_in {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #b97fff;
    border-color: #a863fa #a863fa #a863fa #a863fa;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-style: solid;
    border-width: 1px;
}

.btn_out a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
}

.blue_btn_in {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #386ca8;
    border-color: #386ca8 #386ca8 #386ca8 #386ca8;
    border-style: solid;
    border-width: 1px;
}

a.blue_btn {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #386ca8;
    border-color: #386ca8 #386ca8 #386ca8 #386ca8;
    border-style: solid;
    border-width: 1px;
}

    a.blue_btn:hover {
        color: #fff;
        background: none repeat scroll 0 0 #4586d1;
    }

a.green_btn {
    color: #fff;
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #00A525;
    border-color: #00A525 #005913 #005913 #00A525;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-style: solid;
    border-width: 1px;
}

    a.green_btn:hover {
        color: #fff;
        background: none repeat scroll 0 0 #009921;
    }

a.yellow_btn {
    color: #fff;
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #985b00;
    border-color: #a54c00 #593100 #592500 #a55400;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-style: solid;
    border-width: 1px;
}

    a.yellow_btn:hover {
        color: #fff;
        background: none repeat scroll 0 0 #a55400;
    }

a.pink_btn {
    color: #fff;
    display: inline-block;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #db3af3;
    border-color: #bd2aa2 #821d71 #821d71 #bd2aa2;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-style: solid;
    border-width: 1px;
}

.boxsdw {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}

a.pink_btn:hover {
    color: #fff;
    background: none repeat scroll 0 0 #ce37e5;
}

a.red_btn {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #01b62a;
    border-color: #01b62a;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
    border-style: solid;
    border-width: 1px;
}

    a.red_btn:hover {
        color: #fff;
        background: none repeat scroll 0 0 #01b62a;
    }

a.people_btn {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #64d9d7;
    border-color: #64d9d7 #64d9d7 #64d9d7 #64d9d7;
    border-style: solid;
    border-width: 1px;
}

    a.people_btn:hover {
        color: #fff;
        background: none repeat scroll 0 0 #61cc43;
    }

a.navy_btn {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #1d3959;
    border-color: #264a73 #19314d #19314d #264a73;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    border-style: solid;
    border-width: 1px;
}

    a.navy_btn:hover {
        color: #fff;
        background: none repeat scroll 0 0 #264a73;
    }

span.navy_btn_dis {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #8c8c8c;
    border-color: #a6a6a6 #8c8c8c #8c8c8c #a6a6a6;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    border-style: solid;
    border-width: 1px;
}

a.green_main_btn {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #45ba3f;
    border-color: #4ccc45 #399934 #399934 #4ccc45;
    border-style: solid;
    border-width: 1px;
}

    a.green_main_btn:hover {
        color: #fff;
        background: none repeat scroll 0 0 #4ccc45;
    }

a.green_minor_btn {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    padding: 5px 4px;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 1px solid #fafafa;
    background-color: #348c30;
}

    a.green_minor_btn:hover {
        color: #fff;
        text-decoration: underline;
        border: 1px solid #43b33d;
        background: none repeat scroll 0 0 #43b33d;
    }

a.blue_minor_btn {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
    padding: 5px 1px;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 1px solid #fafafa;
    background-color: #285688;
    background: url("/Themes/images/but.png") repeat scroll 0 0 #285688;
}

    a.blue_minor_btn:hover {
        color: #fff;
        text-decoration: underline;
        border: 1px solid #285688;
        background: url("/Themes/images/but.png") repeat scroll 0 0 #285688;
    }

span.gray_minor_btn {
    color: #225e1f;
    display: inline-block;
    padding: 5px 4px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border: 1px solid #fafafa;
    background-color: #e5e5e5;
}

a.gray_main_btn {
    color: #333;
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #cccccc;
    border-color: #a6a6a6 #8c8c8c #8c8c8c #a6a6a6;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    border-style: solid;
    border-width: 1px;
}

    a.gray_main_btn:hover {
        color: #333;
        /*background: none repeat scroll 0 0 #b5b5b5;*/
        border-color: #bfbfbf #a6a6a6 #a6a6a6 #bfbfbf;
        background: none repeat scroll 0 0 #d9d9d9;
    }


span.disabled_main_btn {
    color: #333;
    display: block;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #bfbfbf;
    border-color: #a6a6a6 #8c8c8c #8c8c8c #a6a6a6;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    border-style: solid;
    border-width: 1px;
}

a.blue_btn_i {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 5px 5px;
    text-decoration: none;
    text-align: center;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #386ca8;
    border-color: #386ca8 #386ca8 #386ca8 #386ca8;
    border-style: solid;
    border-width: 1px;
}

    a.blue_btn_i:hover {
        color: #fff;
        background: none repeat scroll 0 0 #4586d1;
    }

.btn_bord {
    border-color: #000 #000 #000 #000;
}

.blue_btn_out a:hover {
    color: #fff;
    background: none repeat scroll 0 0 #4586d1;
}

.blue_btn_out a {
    color: #fff;
    display: block;
    font-weight: bold;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
}

.pad_top_m {
    padding-top: 4px;
}

.pad_top_s {
    padding-top: 2px;
}

.pad_top_3 {
    padding-top: 3px;
}

.pad_left_m {
    padding-left: 4px;
}

.pad_left_dm {
    padding-left: 8px;
}

.pad_right_m {
    padding-right: 4px;
}

.pad4 {
    padding: 4px;
}

.pad8 {
    padding: 8px;
}

.pad_bottom_m {
    padding-bottom: 4px;
}

.pad_bottom_dm {
    padding-bottom: 8px;
}

.pad_bottom_s {
    padding-bottom: 2px;
}

.pad_top_dm {
    padding-top: 8px;
}

.pad_top_tm {
    padding-top: 16px;
}

.smallfont {
    font-size: small;
}

.delim_solid {
    border-bottom: 1px solid #2f598a;
    border-top: 1px solid #162940;
}

.delim_solid_w {
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #f1f1f1;
}

.margin5 {
    margin: 5px;
}

.btnmar {
    margin: 10px 5px;
}

.margin5top {
    margin: 5px;
}

.mrlr5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mrl5 {
    margin-left: 5px;
}

.margin4 {
    margin: 4px;
}

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

.w_panel {
    padding: 3px 4px;
}

.w_panelz {
    padding: 2px 0px;
}

.w_panel .pbody {
    padding: 5px;
    background-color: #fff;
    border-radius: 6px 6px 6px 6px;
}

.w_panel .ibody {
    padding: 5px;
    background-color: #fafafa;
    border-radius: 6px 6px 6px 6px;
}

.w_panel .graybody {
    background-color: #e5e5e5;
    padding: 5px;
    border-radius: 6px 6px 6px 6px;
}

.w_panel .sbody {
    padding: 5px 0px;
    background-color: #fafafa;
    border-radius: 6px 6px 6px 6px;
}

.w_panel .gbody {
    padding: 5px;
    background-color: #fafafa;
    border-radius: 6px 6px 6px 6px;
}

.w_panel .tbody {
    padding: 5px;
    background-color: #f1f8f0;
    border-radius: 6px 6px 6px 6px;
}

.rounded {
    border-radius: 6px;
}

.rounded2 {
    border-radius: 4px;
}

ul.enter_form li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.f_panel {
    background-color: #1d3857;
    padding: 5px;
    margin: 4px;
    border-radius: 4px 4px 4px 4px;
}

.f_panel4 {
    background-color: #1d3857;
    padding: 5px;
    margin: 4px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #203e61;
}

.f_panel_i {
    width: 180pt;
    text-align: left;
    display: inline-block;
    background-color: #1d3857;
    padding: 2px;
    margin: 4px;
    border: 1px solid #2a5280;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.box_sdw {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.f_panel_i2 {
    width: 180pt;
    text-align: left;
    display: inline-block;
    padding: 2px;
    margin: 4px;
    border-radius: 4px 4px 4px 4px;
}

.f_panel2 {
    background-color: #1d3857;
    padding: 5px;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.f_panel3 {
    background-color: #1d3857;
    padding: 5px;
    margin: 4px;
    border: 1px solid #3669a3;
    border-radius: 4px 4px 4px 4px;
}

.gray_panel {
    background-color: #e5e5e5;
    padding: 5px;
    border-radius: 4px 4px 4px 4px;
}

.yel_panel {
    background-color: #f2f0e6;
    padding: 5px;
    border-radius: 4px 4px 4px 4px;
}

.redy_panel {
    background-color: #e5e5e5;
    padding: 5px;
    border-radius: 4px 4px 4px 4px;
}

.yl_panel {
    background-color: #fcf7d6;
    padding: 5px;
    border-radius: 4px 4px 4px 4px;
}

.e_panel {
    padding: 5px;
    margin: 4px;
}

.snowwt {
    color: #f1f1f1;
}

.f_panel_b {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #1d3857;
    color: #f1f1f1;
    margin: 4px;
    border-radius: 4px 4px 4px 4px;
}

.netral_panel {
    color: #FFFFFF;
    padding: 5px;
    margin: 4px;
}

.b_panel {
    padding: 5px 5px;
    margin: 4px;
    background-color: #f1f1f1;
}

.under_panel {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    color: #ccc;
}

    .under_panel a, .under_panel a:visited {
        color: #ccc;
    }

        .under_panel a:hover {
            color: #fff;
        }

    .under_panel div {
        padding-top: 4px;
        padding-bottom: 4px;
    }

.errormsg {
    color: #FFFF99;
}

.bigf {
    font-size: 120%;
}

.bcol, .brown {
    color: #593820;
}

.rcol, .red {
    color: #e10404;
}

.rcol2 {
    color: #a65353;
}

.blcol {
    color: #593820;
}

.blcol2 {
    color: #0F64B3;
}

.bcolh {
    color: #9dfffd;
}

.pinkcol {
    color: #990099;
}

cyan {
    color: cyan;
}

.lpink {
    color: #b56dff;
}

.choco {
    color: chocolate;
}

.crystal {
    color: white;
}

.gray {
    color: gray;
}

.pink {
    color: fuchsia;
}

.tomato {
    color: tomato;
}

.red {
    color: red;
}

.lime {
    color: lime;
}

.lgreen {
    color: #a1fa7d;
}

.green-major {
    color: #6fcd72;
}

.tomato-major {
    color: #dd6666;
}

.blue {
    color: #00d0ff;
}

.green {
    color: green;
}

.yellow {
    color: yellow;
}

.whitegray {
    color: #dadada;
}

.energycol {
    color: #ffe260;
}

.scol {
    color: #F0AE06;
}

.scol2 {
    color: #99730c;
}

.scol3 {
    color: #593820;
}

.watercol, .blue {
    color: #4caede;
}

.whiteblue {
    color: #57c7ff;
}

.watercol2 {
    color: #4011d9;
}

.darkbcol {
    color: #1a25b5;
}

.forumcol, .navy {
    color: #234394;
}

.gcol, .green {
    color: #017801;
}

.orange {
    color: #cc6d1f;
}

.orange2 {
    color: #ff5400;
}

.buxscol {
    color: #48e418;
}

.buxscol-d {
    color: #144007;
}

.buxscol-d2 {
    color: #009921;
}

.pcol {
    color: #593820;
}

.ycol {
    color: #FFFF99;
}

.blackcol, .black {
    color: #000;
}

.graycol {
    color: #ccc;
}

.darkgraycol {
    color: #808080;
}

.darkgraycol2 {
    color: #4d4d4d;
}

.bluecol {
    color: #0f5c91;
}

.purplecol {
    color: #990099;
}

.lightpurple {
    color: #e500e5;
}

.whitepurple {
    color: #bc6af6;
}

a.lightpurple, a.lightpurple:visited {
    color: #e500e5;
    text-decoration: underline;
}

    a.lightpurple:hover {
        color: #b200b3;
        text-decoration: underline;
    }

a.ycol, a.ycol:visited {
    color: #FFFF99;
    text-decoration: none;
}

    a.ycol:hover {
        color: #d9d982;
        text-decoration: none;
    }

a.ycolh, a.ycolh:visited {
    color: #FFFF99;
    text-decoration: underline;
}

    a.ycolh:hover {
        color: #d9d982;
        text-decoration: underline;
    }

.pdl-10 {
    padding-left: 10px !important;
}

.pdr-10 {
    padding-right: 10px !important;
}

.pdl-30 {
    padding-left: 30px !important;
}

.pdr-30 {
    padding-right: 30px !important;
}

.online {
    display: inline-block;
    padding: 0 4px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    background-color: #017801;
}

.certval1 {
    display: inline-block;
    padding: 4px 4px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    background-color: #0F64B3;
}

.certval2 {
    display: inline-block;
    padding: 4px 4px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    background-color: #017801;
}

.certval3 {
    display: inline-block;
    padding: 4px 4px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    background-color: #bf0404;
}

.certval_d {
    display: inline-block;
    padding: 4px 4px;
    color: #333;
    border-radius: 4px 4px 4px 4px;
    background-color: #ccc;
}

.powerbonus {
    display: inline-block;
    padding: 4px 4px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    background-color: #0F64B3;
}

.discountmark {
    display: inline-block;
    padding: 4px 4px;
    color: #fff;
    border-radius: 4px 4px 4px 4px;
    background-color: #b30f0f;
}

.offline {
    display: inline-block;
    padding: 0 4px;
    color: #555;
    border-radius: 4px 4px 4px 4px;
    background-color: #ccc;
}

.textleft {
    text-align: left;
}

.textright {
    text-align: right;
}

.normal {
    font-size: 100%;
}

.exp_first {
    background: url("/Themes/images/bp.png") repeat scroll 0 0 #060C12;
    border-bottom: 1px solid #060C12;
    border-top: 1px solid #060C12;
    height: 8px;
}

.exp_second {
    background: url("/Themes/images/abp.png") repeat scroll 0 0 #060C12;
    border-radius: 0 3px 3px 0;
    height: 8px;
}

.prg_first {
    background: url("/Themes/images/prg_b.png") repeat scroll 0 0 #f1f1f1;
    border-bottom: 1px solid #d4d4d4;
    border-top: 1px solid #9c9c9c;
    height: 8px;
}

.prg_second {
    background: url("/Themes/images/prg.png") repeat scroll 0 0 green;
    height: 8px;
}


.comfooter {
    color: #FFFFFF;
    padding: 5px;
}

    .comfooter a, .comfooter a:visited {
        color: #fff;
    }

        .comfooter a:hover {
            color: #ccc;
        }

    .comfooter span.dl {
        color: #aaa;
    }

.center {
    text-align: center;
}

.nowrap {
    white-space: nowrap;
}

.delim-dotted {
    border-top: 1px dotted #224266;
}

.delim-dashed {
    border-top: 1px dashed #ccc;
}

.delim-solid {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #f1f1f1;
}

.delim-dark-solid {
    border-top: 1px solid #112133;
    border-bottom: 1px solid #2a5280;
}

img {
    vertical-align: middle;
    border: 0;
}

    img.street-part {
        color: #F0AE06;
        border: 0;
        border-style: none;
    }

.newstreet .t {
    color: #fff;
    text-decoration: underline;
}

.newstreet a.l:hover {
    color: #3399FF;
    text-decoration: underline;
}

.newstreet a.l:link, a.l:visited {
    color: #44BBFF;
    text-decoration: underline;
}

a.blink, a.blink:link, a.blink:visited {
    color: #44BBFF;
    text-decoration: underline;
}

a.emailtopiclink, a.darkbluelink, a.emailtopiclink:visited, a.darkbluelink:visited {
    color: #234394;
    text-decoration: underline;
}

    a.emailtopiclink:hover {
        color: #234394;
        text-decoration: underline;
    }

a.white {
    text-decoration: underline;
}

a.blink:hover {
    color: #3399FF;
    text-decoration: underline;
}

a.slink, a.slink:visited, a.slink:link {
    color: #F0AE06;
    text-decoration: underline;
}

    a.slink:hover {
        color: #e5a605;
        text-decoration: underline;
    }

a.darklink, a.darklink:link, a.darklink:visited {
    color: #000;
    text-decoration: underline;
}

    a.darklink:hover {
        color: #404040;
        text-decoration: underline;
    }

.gray {
    color: #ccc;
}

.imgerr {
    color: #6e6e6e;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.butf {
    width: 85%;
    margin: 6px auto;
}

.mbutf {
    width: 55%;
    margin: 6px auto;
}

a.action, a.action:visited {
    color: #017801;
    text-decoration: underline;
}

    a.action:hover {
        color: #019601;
        text-decoration: underline;
    }

a.actionw, a.actionw:visited {
    color: #02cc02;
    text-decoration: underline;
}

    a.actionw:hover {
        color: #02b302;
        text-decoration: underline;
    }

a.baction {
    color: #1d74c4;
    text-decoration: underline;
}

    a.baction:hover {
        color: #2183de;
        text-decoration: underline;
    }

.alignl {
    text-align: left;
}

.alignr {
    text-align: right;
}

.mr5 {
    margin-right: 5px;
}

.constitem {
    padding-bottom: 4px;
    padding-left: 8px;
}

.spec {
    background-color: #efe8f5;
}

.editfp {
    padding-bottom: 4px;
}

.msgbox {
    padding: 2px 2px 4px 4px;
}

a.lit, a:visited.lit {
    color: #593820;
}


.lit, .lit1, .lit2, .lit3, .lit4, .lit5, .lit6 {
    /*padding-top: 4px;*/
    padding-bottom: 4px;
    text-align: left;
}

    .lit div {
        color: #593820;
        padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #fff7dd;
    }

    .lit a {
        display: block;
        text-decoration: none;
        color: #593820;
        padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #fff7dd;
    }

        .lit a:hover {
            background-color: #e5dfc8;
        }

    .lit1 div {
        color: #275920;
        padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #ddffde;
    }

    .lit1 a {
        display: block;
        text-decoration: none;
        color: #275920;
        padding-left: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        background-color: #ddffde;
    }

        .lit1 a:hover {
            background-color: #c8e5c9;
        }

a.lit1, a:visited.lit1 {
    color: #275920;
}


.lit2 div {
    color: #592020;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #ffdddd;
}

.lit2 a {
    display: block;
    text-decoration: none;
    color: #592020;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #ffdddd;
}

    .lit2 a:hover {
        background-color: #e5c8c8;
    }

a.lit2, a:visited.lit2 {
    color: #592020;
}

.lit3 div {
    color: #202859;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #dde3ff;
}

.lit3 a {
    text-decoration: none;
    display: block;
    color: #202859;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #dde3ff;
}

    .lit3 a:hover {
        background-color: #c8cde5;
    }

a.lit3, a:visited.lit3 {
    color: #202859;
}

.lit4 div {
    color: #202859;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #dde3ff;
}

.lit4 a {
    display: block;
    text-decoration: none;
    color: #202859;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #dde3ff;
}

    .lit4 a:hover {
        background-color: #c8cde5;
    }


a.lit4, a:visited.lit4 {
    color: #202859;
}

.lit5 a {
    text-decoration: none;
    display: block;
    color: #535920;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #f7ffdd;
}

.lit5 div {
    color: #535920;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #f7ffdd;
}

.lit5 a:hover {
    background-color: #dfe5c8;
}

a.lit5, a:visited.lit5 {
    color: #535920;
}

.lit6 div {
    color: #205659;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #ddfcff;
}

.lit6 a {
    text-decoration: none;
    display: block;
    color: #205659;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #ddfcff;
}

    .lit6 a:hover {
        background-color: #c8e3e5;
    }

a.lit6, a:visited.lit6 {
    color: #205659;
}

a.streettoplink {
    text-decoration: underline;
    display: inline;
}

    a.streettoplink:hover {
        background-color: transparent;
    }

.listi {
    text-align: left;
    padding-left: 8px;
    position: relative;
}

.buildinglink {
    float: left;
}

.buildingIcon {
    border-radius: 4px 4px 4px 4px;
    margin-right: 4px;
}

.icon {
    float: left;
    border-radius: 4px 4px 4px 4px;
    margin-right: 4px;
}

table.megaobjt {
    display: inline-block;
    border-spacing: 0;
}

    table.megaobjt td {
        vertical-align: top;
        padding: 2px;
    }

table.buildingview {
    display: inline-block;
    border-spacing: 0;
}

    table.buildingview td.t {
        vertical-align: top;
    }

    table.buildingview td.m {
        vertical-align: bottom;
    }

    table.buildingview td {
        padding: 2px;
    }

.pagerlight {
    text-align: center;
}

    .pagerlight a.pag, .pagerlight a.pag:visited {
        display: inline-block;
        background: none repeat scroll 0 0 #b9b9b9;
        border: 1px solid #949494;
        color: #000;
        margin: 1px;
        padding: 5px 9px;
        text-decoration: none;
    }

    .pagerlight span.pag {
        background: none repeat scroll 0 0 #386CA8;
        display: inline-block;
        border: 1px solid #285688;
        padding: 5px 9px;
        color: #fff;
    }

    .pagerlight a.pag:hover {
        background: none repeat scroll 0 0 #386CA8;
        border: 1px solid #285688;
        color: #fff;
    }

.d-ib {
    display: inline-block;
}

.streetnav {
    text-align: center;
}

    .streetnav a.pag, .streetnav a.pag:visited {
        display: inline-block;
        background: none repeat scroll 0 0 #3669a3;
        border: 1px solid #5595de;
        color: #fff;
        margin: 1px;
        padding: 5px 9px;
        text-decoration: none;
    }

    .streetnav span.pag {
        background: none repeat scroll 0 0 #1d3857;
        display: inline-block;
        border: 1px solid #224266;
        padding: 5px 9px;
        color: #fff;
    }

    .streetnav a.pag:hover {
        background: none repeat scroll 0 0 #3d78ba;
        border: 1px solid #5595de;
        color: #fff;
    }

.pager {
    text-align: center;
}

    .pager a.pag, .pager a.pag:visited {
        display: inline-block;
        background: none repeat scroll 0 0 #174577;
        border: 1px solid #285688;
        color: #CCCCCC;
        margin: 1px;
        padding: 5px 9px;
        text-decoration: none;
        text-shadow: 0 1px 5px black;
    }

    .pager span.pag {
        background: none repeat scroll 0 0 #174577;
        display: inline-block;
        border: 1px solid #285688;
        padding: 5px 9px;
        text-shadow: 0 1px 5px black;
        color: #6FCD72;
    }

    .pager a.pag:hover {
        background: none repeat scroll 0 0 #386CA8;
        color: #6FCD72;
        text-shadow: 0 1px 5px black;
    }

.sizem {
    font-size: 90%;
}

canvas {
    margin: 0;
    padding-bottom: 2px;
    vertical-align: top;
}

.disabled {
    opacity: 0.5;
    filter: alpha(opacity=40);
}

.headspan {
    margin-right: 4px;
}

.stl {
    display: inline-block;
}

.epicgreen {
    color: #218c00;
}

.str {
    display: inline-block;
}

.street-delim {
}

.places {
    border: 0 none;
    border-spacing: 1px;
    margin: 0;
    padding: 0;
    display: inline-block;
    background-color: #152A3D;
}

    .places td.h {
    }

    .places img.cell {
        width: 28px;
        height: 28px;
    }

    .places img.cell2 {
        width: 32px;
        height: 32px;
    }

    .places img.cell3 {
        width: 48px;
        height: 48px;
    }

    .places img.str {
        display: inline;
        width: 231px;
        margin: 0;
        padding: 0;
    }

    .places img.str2 {
        display: inline;
        width: 263px;
        margin: 0;
        padding: 0;
    }

    .places img.str3 {
        display: inline;
        width: 391px;
        margin: 0;
        padding: 0;
    }

.cityview {
    white-space: nowrap;
    overflow: auto;
}

    .cityview img {
        display: inline;
    }

.cityview_container {
    width: 100%;
}

.onlinel {
    padding-left: 2px;
}

.onlinet {
    background-color: #e5e5e5;
    padding-left: 2px;
}

    .onlinel .in, .onlinet .in {
        color: #4d4d4d;
    }

.wide {
    width: 95%;
}

a.usrlink, a.usrlink:visited {
    color: #017801;
    text-decoration: underline;
}

a.usrbanlink, a.usrbanlink:visited {
    color: #aaa;
    text-decoration: underline;
}

    a.usrbanlink:hover {
        color: #aaa;
        text-decoration: underline;
    }


a.usrlink:hover {
    color: #019601;
    text-decoration: underline;
}

a.usrlink_d, a.usrlink_d:visited {
    color: #22dc22;
    text-decoration: underline;
}

    a.usrlink_d:hover {
        color: #22dc22;
        text-decoration: underline;
    }

.greenlight {
    color: #22dc22;
}

.purple {
    color: #990099;
}

.championsRaceCountryLineTitle .linelink {
    color: wheat;
}

a.admlink, a.admlink:visited {
    color: #990099;
    text-decoration: underline;
}

    a.admlink:hover {
        color: #990099;
        text-decoration: underline;
    }

.epic2 {
    color: #017801;
}

.epic {
    color: #ff5400;
}

a.epiclink3, a.epiclink3:visited {
    color: #990099;
    text-decoration: underline;
}

    a.epiclink3:hover {
        color: #990099;
        text-decoration: underline;
    }

a.epiclink2, a.epiclink2:visited {
    color: #017801;
    text-decoration: underline;
}

    a.epiclink2:hover {
        color: #017801;
        text-decoration: underline;
    }

a.graylink2, a.graylink2:visited {
    color: #7a7a7a;
    text-decoration: underline;
}

    a.graylink2:hover {
        color: #a3a3a3;
        text-decoration: underline;
    }

a.graylink, a.graylink:visited {
    color: #a3a3a3;
    text-decoration: underline;
}

    a.graylink:hover {
        color: #7a7a7a;
        text-decoration: underline;
    }

a.dgraylink, a.dgraylink:visited {
    color: #7a7a7a;
    text-decoration: underline;
}

    a.dgraylink:hover {
        color: #7a7a7a;
        text-decoration: underline;
    }

a.epiclink, a.epiclink:visited {
    color: #ff5400;
    text-decoration: underline;
}

    a.epiclink:hover {
        color: #ff5400;
        text-decoration: underline;
    }

a.admlink_d, a.admlink_d:visited {
    color: #e500e5;
    text-decoration: underline;
}

    a.admlink_d:hover {
        color: #e500e5;
        text-decoration: underline;
    }

a.mdlink, a.mdlink:visited {
    color: #0F64B3;
    text-decoration: underline;
}

a.mdlink_d, a.mdlink_d:visited {
    color: #44BBFF;
    text-decoration: underline;
}

a.mdlink:hover {
    color: #0F64B3;
    text-decoration: underline;
}

.tusrlink {
    color: #000;
}

.tmdlink {
    color: #1e5991;
}

.tadmlink {
    color: #6e2c6e;
}

.highlight {
    font-weight: bold;
    color: #000;
    background-color: #fff7dd;
}

.forum_b {
    padding: 4px 0px;
}

.foruml {
    padding: 0px 5px;
}

.dbl {
    display: block;
}

.noline {
    text-decoration: none;
}

a.linkpanel {
    text-decoration: none;
    display: block;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

    a.linkpanel:hover {
        background-color: #fff;
    }

.bordermsg {
    padding: 2px 4px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

.threadpost {
    padding: 2px 4px 5px;
}

.threadtitle {
    color: #593820;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #fff7dd;
}

.threadcomuser {
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    border-top: 1px solid #ccc;
    background-color: #f2f2f2;
}

.threadcomment {
    padding-top: 4px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 4px;
}

.ctricon {
    padding-top: 2px;
    padding-right: 4px;
}

.bclass {
    margin-left: 4px;
    margin-right: 4px;
}

/*rating nav*/
.nv_r {
    border: 1px solid #3a71b0;
    padding: 5px;
    margin: 4px;
    border-radius: 4px 4px 4px 4px;
}

.nv_i {
    padding: 5px;
}

.nav_tab {
    width: 100%;
    border-spacing: 0;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #3a71b0;
}

    .nav_tab td.cen {
        border-left: 1px solid #3a71b0;
        border-right: 1px solid #3a71b0;
    }

    .nav_tab .sel {
        display: block;
        background-color: #2d5787;
    }

.mymailmsg {
    background-color: #dfeeff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 4px;
}

.msgline {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 4px;
}

.reviewline .r_tit {
    margin-right: 8px;
}

.cicon {
    margin-right: 5px;
}

table.country_par {
    display: block;
    width: 100%;
}

    table.country_par td.ind {
        padding-left: 5px;
        padding-right: 5px;
    }

    table.country_par td.ind2 {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    table.country_par td.con {
        width: 100%;
    }

    table.country_par td.con2 {
        padding-top: 5px;
        width: 100%;
    }

table.country_assignio {
    display: block;
    width: 100%;
}

    table.country_assignio td.ind {
        padding-left: 5px;
        padding-right: 5px;
    }

    table.country_assignio td.ind2 {
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    table.country_assignio td.con {
        text-align: left;
    }

table.country_par td.con2 {
    text-align: left;
    padding-top: 5px;
}

table.country_assignio td.info {
    padding-left: 10px;
    padding-top: 5px;
    vertical-align: top;
}

.navilink {
    color: #0F71C8;
    line-height: 1.2;
}

.ssfi {
    position: relative;
    top: -1px;
}

/*coins buxes*/
.bigprbuxs {
    color: #48e418;
}

.bigprcoins {
    color: #FFFF99;
}

.bigprbt {
    color: #3dbf15;
}

.bigprct {
    color: #bfbf73;
}

/*treasures*/
.treasure_frame {
    margin: 4px;
    border-radius: 4px 4px 4px 4px;
    display: inline-block;
}

.treasure_tab {
}

.dnosel {
    border: 2px solid transparent;
}

.dsel {
    border: 2px solid #cc6d1f;
}

.prtcontr {
    display: inline-block;
    margin-top: 20px;
}

.streetview_block {
    position: relative;
}

.streetview_shot {
    position: absolute;
}

.big_build_block .big_build_img {
    position: relative;
    display: inline-block;
}

.big_build_block .closed {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.big_build_block .ibody {
    padding-bottom: 15px;
}

.inline_block {
    display: inline-block;
}

.material_block {
    margin-left: 10px;
    margin-right: 10px;
}

.material_has {
    line-height: 30px;
}

/*Шахта*/
.minehint {
    color: #cccca6;
    margin-bottom: 5px;
    margin-top: 5px;
}

.mine {
    margin-bottom: 10px;
    margin-top: 10px;
}

.graybox-title {
    margin-bottom: 5px;
    margin-top: 5px;
    color: #7E6242;
    font-weight: bold;
}

.graybox-evolution-title {
    color: #7E6242;
    margin-top: 5px;
    font-weight: bold;
}

.graybox-recon-title {
    color: #7E6242;
    margin-top: 5px;
    font-weight: bold;
}

.graybox-content {
    -webkit-box-shadow: inset 0px 2px 8px 0px rgba(191,180,160,1);
    -moz-box-shadow: inset 0px 2px 8px 0px rgba(191,180,160,1);
    box-shadow: inset 0px 2px 8px 0px rgba(191,180,160,1);
    background-color: #EFE7CF;
    border-radius: 5px;
    border: 1px solid #766a54;
    padding: 10px;
    margin: 10px;
}

.graybox-evolution-content {
    -webkit-box-shadow: inset 0px 2px 8px 0px rgba(191,180,160,1);
    -moz-box-shadow: inset 0px 2px 8px 0px rgba(191,180,160,1);
    box-shadow: inset 0px 2px 8px 0px rgba(191,180,160,1);
    background-color: #EFE7CF;
    border-radius: 5px;
    border: 1px solid #766a54;
    padding: 20px 5px;
    margin: 5px;
}

.graybox {
    color: #7E6242;
    display: inline-block;
    background-color: #E8DCB5;
    border-radius: 8px;
    border-left: 2px solid #978d7b;
    border-right: 2px solid #978d7b;
    border-bottom: 2px solid #5a554c;
    border-top: 2px solid #f5e5c7;
    padding-bottom: 10px;
    margin-top: 10px;
}

.grayboxdisable {
    color: #655c51;
    display: inline-block;
    background-color: #c3c2bc;
    border-radius: 8px;
    padding-bottom: 10px;
    margin-top: 10px;
}

.recon-graybox {
    color: #7E6242;
    display: inline-block;
    background-color: #E8DCB5;
    border-radius: 8px;
    border-left: 2px solid #978d7b;
    border-right: 2px solid #978d7b;
    border-bottom: 2px solid #5a554c;
    border-top: 2px solid #f5e5c7;
    margin: 10px;
    padding: 5px 10px;
}

.specfactory-notconstruct {
    opacity: 0.5;
}

.img-light {
    background: -moz-radial-gradient(center, ellipse cover, rgba(241,218,54,1) 0%, rgba(254,252,234,0.64) 36%, rgba(254,252,234,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(241,218,54,1) 0%,rgba(254,252,234,0.64) 36%,rgba(254,252,234,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(241,218,54,1) 0%,rgba(254,252,234,0.64) 36%,rgba(254,252,234,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#00fefcea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.mine-main-hint {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
}

.minewidth {
    max-width: 280px;
    min-width: 280px;
}

.mine-image-body {
}

.mine-image-frame {
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #cccca6;
}

.mine-image-frame-inner {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #7a7a7a;
}

.mine-repair-button {
    margin-bottom: 5px;
    margin-top: 5px;
}

.mine-image-body img.mine-image, .mine-image-body img.img-closed {
    max-width: 200px;
    min-width: 200px;
}

.mine-repair-cost {
    margin-bottom: 5px;
    margin-top: 5px;
    font-size: 13px;
    color: #7E6242;
}

.mine-image {
    display: inline-block;
    border-radius: 4px;
}

.img-closed {
    position: absolute;
    opacity: 0.5;
    z-index: 1;
}

.mine-repair {
    color: #7E6242;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mine-rapair-progress-hint {
    font-size: 13px;
}

.mine-repair-done-hint {
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mine-repair-done-button {
}

.spec-factory-image {
    width: 80px;
}

.mine-extraction-tools {
}

.mine-extractions {
}

.mine-extraction-tool {
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231,1);
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231, 1);
    box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231, 1);
    display: inline-block;
    background-color: #83e56e;
    border: 1px solid #469b3f;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
}

.mine-extraction {
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231,1);
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231, 1);
    box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231, 1);
    display: inline-block;
    background-color: #83e56e;
    border: 1px solid #469b3f;
    border-radius: 5px;
    padding: 5px;
    margin-top: 10px;
    font-weight: bold;
}

.attr-upgrade {
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(0, 255, 75,1);
    box-shadow: inset 0px 0px 8px 0px rgb(0, 255, 75);
    display: inline-block;
    background-color: #28c206;
    border: 1px solid #469b3f;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    margin-top: 10px;
    vertical-align: middle;
    text-align: center;
    font-size: 27px;
    color: #fff;
}

.attr-upgrade-disable {
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(95, 95, 95,1);
    box-shadow: inset 0px 0px 8px 0px rgb(95, 95, 95);
    display: inline-block;
    background-color: #6f6f6f;
    border: 1px solid #848484;
    border-radius: 5px;
    width: 32px;
    height: 32px;
    margin-top: 10px;
    vertical-align: middle;
    text-align: center;
    font-size: 27px;
    color: #b3b3b3;
}

.attr-upgrade-disable-lvl {
    width: 32px;
    height: 32px;
    background-image: url(/Themes/images/city/levelstar.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: bold;
    position: absolute;
    left: 23px;
    top: 72px;
    vertical-align: middle;
    font-size: 13px;
    text-align: center;
}

    .attr-upgrade-disable-lvl div {
        text-align: center;
        width: 32px;
        top: 9px;
        left: -1px;
        position: relative;
        font-size: 12px;
    }

.evolution-stars-lvl-fac {
    width: 32px;
    height: 32px;
    background-image: url(/Themes/images/city/levelstar.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: bold;
    position: absolute;
    left: -4px;
    top: -5px;
    vertical-align: middle;
    font-size: 11px;
    text-align: center;
    color: #5a4d39;
}

    .evolution-stars-lvl-fac div {
        text-align: center;
        top: 10px;
        left: -1px;
        position: relative;
    }

.mine-extraction-tool a {
    text-decoration: none;
}

.mine-extraction-tool-count {
    padding-top: 2px;
    padding-bottom: 2px;
}

.mine-exteraction-tool-hint, .mine-exteraction-hint {
    font-size: 13px;
}

.mine-extraction-tool-notenough {
    color: red;
}

.sm-title {
    font-size: 13px;
    font-weight: normal !important;
}

.event-clickline {
    margin-top: 10px;
    margin-bottom: 10px;
}

.event-mine-gather-icon {
    display: inline-block;
    border-radius: 5px;
    padding: 5px;
}

.event-mine-gather-count {
    font-size: 13px;
    font-weight: bold;
}

.factory-construction-progress {
    margin-top: 10px;
    margin-bottom: 10px;
}

.speedup-price {
    margin-top: 5px;
}

.construction-speedup-button {
    margin-top: 10px;
}

.factory-selectionto-produce {
    margin-top: 10px;
    margin-bottom: 10px;
}

.factory-select {
    display: inline-block;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231,1);
    -moz-box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231, 1);
    box-shadow: inset 0px 0px 8px 0px rgba(221, 255, 231, 1);
    display: inline-block;
    background-color: #83e56e;
    border: 1px solid #469b3f;
    border-radius: 8px;
    padding: 5px 10px;
}

.factory-slot-bottom {
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(143, 221, 236,1);
    box-shadow: inset 0px 0px 8px 0px rgb(143, 221, 236);
    display: inline-block;
    background-color: #dbf3f6;
    /* border: 1px solid #469b3f; */
    padding: 2px 5px;
    white-space: nowrap;
    z-index: 10;
    border-radius: 10px;
    position: absolute;
    top: 45px;
    left: -1px;
    font-size: 13px;
    color: #004e6f;
}

.factory-slots-line {
    -moz-box-shadow: inset 0px 2px 8px 0px rgba(39, 72, 110,1);
    box-shadow: inset 0px 0px 8px 0px rgb(39, 72, 110);
    background-color: #6b8caf;
    border: 1px solid #2a4f76;
    padding-top: 20px;
    padding-bottom: 20px;
}

.factory-slots-title {
    font-size: 13px;
    margin-bottom: 5px;
}

.factory-slots-line a {
    text-decoration: none;
}

.factory-slot-icon {
    position: absolute;
    left: 9px;
    top: 9px;
}

.factory-slot {
    -moz-box-shadow: inset 0px 2px 8px 0px rgba(159, 143, 115,1);
    box-shadow: inset 0px 0px 8px 0px rgb(159, 143, 115);
    background-color: #e1cd91;
    border-radius: 5px;
    border: 1px solid #766a54;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

.factory-ready-slot {
    -moz-box-shadow: inset 0px 2px 8px 0px rgba(51, 71, 93,1);
    box-shadow: inset 0px 0px 8px 0px rgb(51, 71, 93);
    background-color: #327391;
    border: 1px solid #6b8caf;
}

.factory-slot-time {
    font-size: 12px;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(143, 221, 236,1);
    box-shadow: inset 0px 0px 8px 0px rgb(143, 221, 236);
    display: inline-block;
    background-color: #dbf3f6;
    /* border: 1px solid #469b3f; */
    padding: 2px 5px;
    white-space: nowrap;
    z-index: 10;
    border-radius: 10px;
    position: absolute;
    top: -13px;
    left: -1px;
    color: #004e6f;
    width: 45px;
}

.factory-slot-bottom-speedup {
    font-size: 12px;
    -webkit-box-shadow: inset 0px 0px 8px 0px rgba(251, 255, 112,1);
    box-shadow: inset 0px 0px 8px 0px rgb(251, 255, 112);
    display: inline-block;
    background-color: #fef175;
    /* border: 1px solid #469b3f; */
    padding: 4px 2px;
    white-space: nowrap;
    z-index: 10;
    border-radius: 5px;
    position: absolute;
    top: 36px;
    left: -5px;
    color: #6c6f00;
    width: 55px
}

.factory-select-recipe {
}

.factory-recipe-count {
    font-size: 12px;
    font-weight: bold;
}

.factory-selectionto-produce a {
    text-decoration: none;
}

.factory-recipe-count-notenough {
    color: red;
}

.factory-selectionto-produce-title {
    font-size: 13px;
    margin-bottom: 5px;
}

.academy-evolution-menu {
}

.academy-evolution-menu-title {
    margin-bottom: 5px;
    font-size: 13px;
}

.academy-change-menu-title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 13px;
}

.facevolution {
}

.graybox-left-image {
    display: inline-block;
    position: relative;
    float: left;
    padding: 2px 2px;
}


.graybox-recon-image {
    position: relative;
}

.graybox-left-image-star {
    width: 48px;
    height: 48px;
    background-image: url("/Themes/images/city/levelstar.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: -50px;
    vertical-align: middle;
    text-align: center;
}

.graybox-recon-image-star {
    width: 32px;
    height: 32px;
    background-image: url(/Themes/images/city/levelstar.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: bold;
    position: absolute;
    left: -20px;
    top: -20px;
    vertical-align: middle;
    text-align: center;
}

.graybox-left-image-star-val {
    width: 48px;
    position: absolute;
    text-align: center;
    top: 15px;
}

.graybox-recon-image-star-val {
    width: 32px;
    position: absolute;
    text-align: center;
    font-size: 12px;
    top: 10px;
    left: 0px;
}

.evolution-attributes {
    width: 190px;
    margin-left: 55px;
    text-align: center;
}

.evolution-attributes-text {
    font-size: 13px;
}

.evolution-attribute-block {
    display: inline-block;
    width: 48px;
    position: relative;
}

.evolution-attribute-block-percent {
    position: absolute;
    left: 0;
    top: 35px;
    display: block;
    width: 48px;
    font-weight: bold;
}

.evolution-attribute-block-icon {
    margin-bottom: 20px;
}

.evolution-attribute-block a {
    text-decoration: none;
}

.evolution-attributes-list {
    margin-top: 10px;
}

.attr-ignotprice {
    font-size: 13px;
    margin-top: 5px;
}

.attr-ignotprice-text {
    color: #5a5a5a;
    font-size: 11px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.clearboth {
    clear: both;
}

.ignotRed {
    color: red;
}

.ignot-price-slash {
    color: #ccc;
}

.facReconstruction {
}

.deletebuilding-image {
    position: relative;
    display: inline-block;
}


.deletebuilding-image-lvl {
    width: 48px;
    height: 48px;
    background-image: url(/Themes/images/city/levelstar.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    font-weight: bold;
    position: absolute;
    left: -20px;
    top: 0px;
    vertical-align: middle;
    text-align: center;
}

.deletebuilding-image-lvl-val {
    width: 48px;
    position: absolute;
    text-align: center;
    top: 15px;
}

.commonview {
    position: relative;
}

/*MayorOrders*/
.mayor-progress-text {
    font-size: 14px;
    margin-top: 10px;
}

.mayor-orders-reward-text {
    margin-top: 10px;
    font-size: 14px;
}

.mayor-orders-buttons {
    margin-top: 10px;
}

.mayor-timeremain {
    margin-top: 5px;
}

.mayor-cancel-link {
    color: #515151;
}

    .mayor-cancel-link:hover {
        color: #8b8b8b;
    }
/*MayorOrder end*/
/*Progress*/
.taskPrgs {
    background: none repeat scroll 0 0 #fff;
    height: 8px;
    margin: 8px 0;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #9C9079;
    -webkit-box-shadow: inset 0 0 6px 0 rgba(210, 180, 162, 1);
    box-shadow: inset 0 0 6px 0 rgba(210, 180, 162,1);
}

.filledBar {
    background: #3aa4d6;
    width: 60%;
    border-radius: 2px;
    height: 8px;
    background: -moz-linear-gradient(top, #3aa4d6 0%, #1b81ca 100%);
    background: -webkit-linear-gradient(top, #3aa4d6 0%,#1b81ca 100%);
    background: -o-linear-gradient(top, #3aa4d6 0%,#1b81ca 100%);
    background: -ms-linear-gradient(top, #3aa4d6 0%,#1b81ca 100%);
    background: linear-gradient(to bottom, #3aa4d6 0%,#1b81ca 100%);
    filter: progid:DXImagesTransform.Microsoft.gradient( startColorstr=’#3aa4d6′, endColorstr=’#1b81ca′,GradientType=0 );
}

.barLight {
    width: 100%;
    height: 20px;
    border-radius: 4px;
    background-repeat: repeat-x;
    background-size: 30px 30px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/*Progress end*/

/*Supercup*/

.supercup-title {
    color: #ccc;
    font-weight: bold;
    margin-bottom: 5px;
}

.supercup-descr {
    font-size: 13px;
    color: #ccc;
}

.supercup-descr-post {
    font-size: 13px;
    color: #ccc;
    margin-top: 10px;
}

.supercup-tasks-title {
    font-size: 18px;
    color: #262731;
    margin-top: 10px;
}

.supercup-tasks-title-rating {
    color: #004e6f;
}

.supercup-tasks-title-ratingName {
    font-size: 17px;
    color: #797979;
    margin-top: 10px;
    margin-bottom: 10px;
}

.supercup-intro-panel {
    margin-bottom: 10px;
    margin-top: 10px;
}

.supercup-hightlight-black {
    color: #ffe260;
}

.supercup-tasks-taskslist {
    margin-bottom: 10px;
    margin-top: 10px;
}

.supercup-tasks-taskslist-item {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 300px;
    display: inline-block;
}

.supercup-tasks-task {
    color: #3c536b;
}

.supercup-tasks-task-link {
    color: #3c536b;
    font-weight: bold;
    margin-top: 5px;
    display: inline-block;
}

.supercup-tasks-progress-text {
    font-size: 13px;
    color: #585858;
    margin-top: 5px;
}

.supercup-tasks-progress {
}

.supercup-buttons-post {
    margin-top: 10px;
    margin-bottom: 10px;
}

.supercup-tasks-progress-curvalue {
    font-size: 20px;
    font-weight: bold;
}

.supercup-descr-win {
    color: #ffe260;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
}

/*Supercup end*/


/*Champions race start*/

.championsrace {
    margin-bottom: 10px;
    margin-top: 10px;
}

.championsRaceTabs {
    text-align: left;
    margin-left: 10px;
}

.championsRaceRemainTime {
    margin: 10px 0;
    font-size: 14px;
    color: wheat;
}

.championsRaceTab {
    display: inline-block;
    margin-right: 5px;
    padding: 8px 10px;
}

.championsRaceTabSel {
    background-color: #345b81;
}

.championsRaceDiamondTabSel {
    background-color: #692a2a;
}

.championsRaceTabUnsel {
    background-color: #223c55;
}

.championsRaceBody {
    background-color: #345b81;
    margin: 0 10px;
    padding: 14px 0;
}

.championsRacePanel {
    background-color: #2f5274;
    padding: 10px 0;
}

.championsRaceRatingPanel {
    background-color: #2f5274;
}

.championsraceGroupsHint {
    color: cornsilk;
}

.championsRaceRewardInfoLink {
}

.championsRaceCommonLink {
    color: #9ac1e7;
    font-weight: bold;
}

    .championsRaceCommonLink:hover {
        color: #6fb8ff;
        font-weight: bold;
    }

.championsRaceTab {
    color: white;
    font-weight: bold;
}

.championsRaceInPanelTitle {
    font-weight: bold;
    color: #89b5df;
    font-size: 16px;
    text-align: left;
    margin: 10px 10px 0 10px;
}

.championsraceCanParticipate {
    color: white;
    font-size: 13px;
}

.championsRaceTabLink {
    text-decoration: none;
}

    .championsRaceTabLink:hover {
        text-decoration: none;
    }

.championsRaceDiamondTabLink {
    text-decoration: none;
}

    .championsRaceDiamondTabLink:hover {
        text-decoration: none;
    }

.championsraceTotalRating {
    margin-top: 5px;
    margin-bottom: 5px;
}

.championsRaceCountryLine {
    padding: 2px 0px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

.championsRaceCountryLineTitle {
    font-weight: bold;
    color: white;
    font-size: 12px;
    position: relative;
}

.championsRaceCountryLineScores {
    position: absolute;
    right: 0;
    top: 0;
}

    .championsRaceCountryLineScores span {
        color: #a2a2a2;
    }

    .championsRaceCountryLineScores .img {
        position: relative;
        top: -2px;
        left: -2px;
    }

.championsRaceLineProgressBody {
    border: 1px solid black;
    height: 6px;
    margin: 5px 0px;
    background-color: #1c1e3c;
    position: relative;
}

.championsRaceLinePosition {
    display: inline-block;
    width: 6px;
    height: 4px;
    position: absolute;
    top: 0px;
    background-color: yellow;
    border: 1px solid black;
}

.championsRaceRewardInfo {
    color: white;
    font-size: 12px;
}

.championsRaceRewardInfoText {
    color: #a4fff1;
    font-size: 12px;
}

.championsRaceRewardInfoPlace {
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.championsRaceParticipants {
}

.championsRaceParticipant {
    text-align: left;
    position: relative;
    padding: 4px 10px;
}

.championsRaceParticipantOdd {
    background-color: #2d4e6f;
}

.championsRaceParticipantEven {
    background-color: #2b4a69;
}

.championsRaceParticipant .parindex {
    color: white;
    display: inline-block;
}

.championsRaceParticipant .parlink {
    color: white;
    display: inline-block;
}

.championsRaceParticipant .participantLink {
    color: #e0ddbb;
}

    .championsRaceParticipant .participantLink:hover {
        color: #e0ddbb;
    }

.championsRaceParticipant .scores {
    color: white;
    display: inline-block;
}

    .championsRaceParticipant .scores .img {
        position: relative;
        top: -2px;
        left: 4px
    }

.raceTaskIcon {
    position: absolute;
    left: 12px;
    top: 22px;
}

.championsRaceTaskBody {
    padding: 2px 10px;
    width: 120px;
    height: 195px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

    .championsRaceTaskBody .timer {
        position: absolute;
        background-color: #7d0000;
        color: white;
        font-weight: bold;
        font-size: 12px;
        padding: 2px;
        top: -15px;
        left: 8px;
        right: 0;
        display: inline-block;
        width: 100px;
    }

.championsRaceTaskTitle {
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 96px;
    display: inline-block;
    width: 140px;
}

.championsRaceStars {
    text-align: center;
    display: inline-block;
}

    .championsRaceStars .starobj {
        display: inline-block;
        width: 12px;
        height: 12px;
    }

.championsRaceTaskControl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 46px;
}

.championsRaceTaskProgressControl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 38px;
}

.championsRaceTaskControlCancel {
    margin: 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.championsRaceTaskControlCancelHint {
    font-size: 13px;
    position: absolute;
    bottom: 10px;
}

.championsRaceTaskControlCancel a {
    color: #615635;
}

.championsRaceTasksPanel {
}

.championsRaceDiamondsPanel {
}

.championsRaceTotalDiamonds {
    margin: 10px 0;
    font-size: 14px;
    color: wheat;
}

    .championsRaceTotalDiamonds .sum {
        font-size: 20pt;
        font-weight: bold;
    }

    .championsRaceHistoryPanel {
        background-color: #1a324a;
        text-align: left;
    }

    .championsRaceHistoryPanel .canceltask {
        color: #ffa665;
    }

    .championsRaceHistoryPanel .addslot {
        color: #53ff53;
    }

    .championsRaceHistoryPanel .changetask {
        color: #d0d0d0;
    }

    .championsRaceHistoryPanel .completetask {
        color: #9af19a;
    }

    .championsRaceHistoryPanel .failtask {
        color: #fb5d5d;
    }

    .championsRaceHistoryPanel .gettask {
    }

    .championsRaceHistoryPanel .completetask b {
        font-size: 16px;
    }


.championsRaceHistoryItem {
    color: wheat;
    padding: 4px 4px;
}

    .championsRaceHistoryItem .date {
        display: inline-block;
        font-size: 13px;
        color: #38638e;
    }

    .championsRaceHistoryItem .description {
        font-size: 13px;
        margin: 4px 0;
    }

    .championsRaceHistoryItem .link {
        display: inline-block;
    }


.championsRaceTaskReward {
    position: absolute;
    left: 15px;
    right: 0;
    top: 25px;
}

    .championsRaceTaskReward .raceMajor {
        font-weight: bold;
        color: #65400c;
        font-size: 22px;
        vertical-align: middle;
    }

.championsRaceTaskTarget {
    font-size: 14px;
}

.championsRaceAddSlot {
    margin: 10px 0;
}

.championsRaceAddSlotCost {
    color: #dceeff;
    font-size: 14px;
    margin-top: 5px;
}

.championsRaceIndividualReward {
    position: relative;
    display: inline-block;
    height: 48px;
}

    .championsRaceIndividualReward .raceChest {
        display: inline-block;
        width: 48px;
        height: 48px;
        position: absolute;
        left: 0;
        top: -10px;
    }

    .championsRaceIndividualReward .chestCanTake {
        color: wheat;
        font-size: 14px;
        position: relative;
        left: 50px;
        display: inline-block;
        width: 250px;
        text-align: center;
    }

    .championsRaceIndividualReward .chestNoTake {
        color: wheat;
        font-size: 14px;
        position: relative;
        left: 50px;
        display: inline-block;
        width: 250px;
        text-align: center;
    }

    .championsRaceIndividualReward .chestReward {
        display: inline-block;
        border: 1px solid #213b54;
        background-color: #2f5274;
        border-radius: 5px;
        padding: 2px;
    }

    .championsRaceIndividualReward .chestHint {
        margin-bottom: 10px;
    }

    .championsRaceIndividualReward .chesthint {
        font-size: 12px;
    }

    .championsRaceIndividualReward .chestRewardLink {
        text-decoration: none;
        color: wheat;
    }

.championsRaceTaskProgressControl .progressWrap {
    position: relative;
    display: inline-block;
    width: 120px;
    left: 0;
    top: 0;
}

.championsRaceTaskProgressControl .progresshint {
    font-size: 12px;
    position: relative;
    top: -8px;
}

.championsRaceTaskProgressControl .progressuser {
    font-size: 15px;
    position: relative;
    top: -8px;
}

.championsRaceTaskFailControl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
}

    .championsRaceTaskFailControl .failhint {
        font-size: 13px;
        font-weight: bold;
        color: #ad1616;
    }

.championsRaceTaskColddownControl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px;
}

    .championsRaceTaskColddownControl .colddownhint {
        font-size: 14px;
    }

    .championsRaceTaskColddownControl .colddowntimer {
        font-size: 14px;
        font-weight: bold;
    }

    .championsRaceTaskColddownControl .speedup {
        font-size: 13px;
        margin-top: 10px;
    }

.championsRaceTaskSuccessControl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

    .championsRaceTaskSuccessControl .hint {
        font-size: 13px;
    }

/*Champions race end*/


/*Country achievements*/

.countryachevements {
    margin-bottom: 10px;
    margin-top: 10px;
}

.countryachevements-progress-text {
    font-size: 12px;
}   

/*Country achievements end*/


/*Towntasks*/

.towntasks-pagetitle {
    margin-bottom: 10px;
    margin-top: 10px;
}

.towntasks-pagetitle-text {
    font-size: 14px;
    color: #ccc;
}

.towntasks-pagetitle-golddescr {
    font-size: 14px;
    color: #FFEA51;
}

.towntasks-taskpanel {
    background-color: #fff;
    margin: 10px;
    border-radius: 6px;
}

.towntasks-taskpanel-title {
    background-color: #e8e8e8;
    padding: 4px;
    border-radius: 6px 6px 0px 0px;
}

.towntasks-progress {
}

.towntasks-progresscontainer {
    width: 50%;
    display: inline-block;
}

.towntasks-taskpanel-title-c {
    font-size: 14px;
}

.towntasks-pr-content {

}

.towntasks-reward {
    padding: 5px;
    margin-left: 25px;
    margin-right: 25px;
}

.towntasks-reward-free-title {
    font-size: 12px;
}


.towntasks-reward-gold-title {
    font-size: 12px;
}

.towntasks-reward-free {
    display: inline-block;
    width: 170px;
    height: 125px;
    background-color: #ebebeb;
    border-radius: 6px;
    float: left;
}

.towntasks-reward-gold {
    display: inline-block;
    width: 170px;
    height: 125px;
    background-color: #efebd3;
    border-radius: 6px;
    float: right;
}

.towntasks-rewardcontainer {
    text-align: center;
    padding: 5px;
}

.towntasks-rewardicon {
    display: inline-block;
    width: 25px;
    height: 50px;
    text-align: center;
}

.towntasks-rewardicon-img {
}

.towntasks-rewardicon-val {
}

.towntasks-reward-clear {
    clear: both;
}

.towntasks-reward-completed {
    font-size: 14px;
}

.towntasks-page-description {
    
}

.towntasks-pagedescr-text {
    font-size: 14px;
    color: #fff;
}

.towntasks-page-buygoldpass {

}

.towntasks-taskblock {
    font-size: 12px;
    color: grey;
}

/*Towntasks end*/