body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #666;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    background: #000 url(background/stars.png) repeat scroll center top;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
table.tourney {
    background-color: #3675AA;
    border-spacing: 1px;
}
th.tourney {
    font-size: 10px;
    color: #3675AA;
    background-color: rgba(0, 0, 16, 0.8);
    font-weight: normal;
}
tr.tourney_row_even {
    font-size: 12px;
    color: #6690B0;
    background-color: rgba(0, 0, 16, 0.8);
}
tr.tourney_row_odd {
    font-size: 12px;
    color: #88B4Da;
    background-color: rgba(18, 34, 56, 0.8);
}
td.tourney {
    padding: 2px;
}

img.button_screenshot_nav {
    border: 0px solid #000;
    width: 27px;
    height: 27px;
    padding: 8px;
}
img.button_thumbnail {
    border: 2px solid #000;
    width: 50px;
    height: 50px;
}
img.button_thumbnail:hover {
    border: 2px solid #fc0;
}

.stars {
    background: url(background/stars.png) repeat scroll center bottom;
}

.planet {
    width: 100%;
    height: 100%;
}

.center_content {
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    -webkit-box-shadow: 0px 0px 48px rgba(0, 86, 154, 1);
    -moz-box-shadow: 0px 0px 48px rgba(0, 86, 154, 1);
    box-shadow: 0px 0px 48px rgba(0, 86, 154, 1);
}

.main_content {
    height: 100%;
    padding: 0;
    margin: 0;
}

.menu {
    background-color: rgba(0, 0, 0, 0.4);
    border-top: 1px solid #00F;
    border-right-color: #00F;
    border-bottom: 1px solid #03C;
    border-left-color: #03C;
    margin: 0px;
    padding: 0px;
}

.shade {
    background-color: rgba(0, 0, 16, 0.5);
}

.news_title_1st,
.news_title_2st,
.news_post_info,
.news_body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
}
.news_title_1st {
    font-size: 16px;
    color: #FC0;
}
.news_title_2nd {
    font-size: 14px;
    color: #FBFDFF;
}
.news_post_info {
    font-size: 10px;
    color: #667;
}
.news_body {
    line-height: 16px;
    color: #9AA;
}

.ladder_header {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #88B4DA;
    text-decoration: none;
}
.ladder_row_1to3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #FFF;
    text-decoration: none;
}
.ladder_row_4toX {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #CCC;
    text-decoration: none;
}
.header_txt,
.stat_label,
.stat_value,
.text_label,
.unit_value {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #3675AA;
    text-decoration: none;
}
.login_player_name {
    color: #FC0;
}
.ladder_row_3rd,
.text_label,
.header_txt {
    color: #9AA;
}
.stat_label {
    color: #3675AA;
}
.unit_value {
    color: #EEE;
}
.stat_value {
    font-weight: 700;
    color: #88B4DA;
}

.text_editor {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #FFF;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    padding: 2px;
    margin: 0px;
    border: thin solid #03C;
    background: transparent 50%;
}

.line_margin_half {
    font-size: 5px;
}
.line_margin {
    font-size: 10px;
}
.line_dark, .line_bright {
    font-family: Verdana, Geneva, sans-serif;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    border-bottom: 1px solid #006;
}
.line_bright {
    border-bottom: 1px solid #03C;
}

.success,
.error {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    height: 30px;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: middle;
    text-align: center;
    color: #F00;
    border: 1px solid #F00;
    background-color: rgba(80, 0, 0, 0.5);
}
.success {
<!-- used by action_result_content --> font-family: Verdana, Geneva, sans-serif;
    color: #0C0;
    border: 1px solid #0C0;
    background-color: rgba(0, 112, 0, 0.4);
}

.login_welcome,
.text_copyright {
    font-size: x-small;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #3675AA;
    text-decoration: none;
}

/** left padding must match widget_padding */
.title_box {
    font-size: 16px;
    font-family: 'Audiowide', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;
    border-top: 1px solid #05C;
    border-bottom: 1px solid #03c;
    height: 30px;
    margin: 0px;
    vertical-align: middle;
    padding: 0px 0px 0px 20px;
    color: #16C;
    /* adds up on top of the shade opacity */
    background-color: rgba(0, 0, 96, 0.25);
}

a:link, a:active, a:visited, a:hover {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #EEE;
    text-decoration: none;
}
a:hover {
    color: #FC0;
    text-decoration: underline;
}

/* List is used by vertical menus on units, howToPlay, ... pages */
a.list:link, a.list:active, a.list:visited, a.list:hover, a.list_selected {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    line-height: 18px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: uppercase;
    color: #3675AA;
    text-decoration: none;
    margin: 0px;    padding: 0px;
    list-style-type: none;
}
a.list_selected,
a.list:hover {
    color: #FFF;
}
.list_subitem,
.list_header_selected,
.list_header {
    font-size: 14px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    color: #88B4DA;
    text-decoration: none;
}
.list_header_selected {
    color: #FC0;
}
.list_subitem {
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    color: #666;
}

a:link.toolbar, a:visited.toolbar, a:active.toolbar, a:hover.toolbar,
a:link.toolbar_selected, a:visited.toolbar_selected, a:active.toolbar_selected, a:hover.toolbar_selected,
td.toolbar_selected {
    font-size: 14px;
    font-family: 'Audiowide', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    color: #16C;
}
a:hover.toolbar {
    color: #FFF;
    text-decoration: none;
}
a:link.toolbar_selected, a:visited.toolbar_selected, a:active.toolbar_selected, a:hover.toolbar_selected,
td.toolbar_selected {
    color: #88B4DA;
}
img.appstore {
    height: 45px;
    width: auto;
}

/**
 Manage 4 different device resolutions
 */
.nav_morethan899, .nav_morethan599, .nav_morethan359 {
}
@media (min-width:900px) {
    /* used on desktop */
    .title_background {
        height: 99px;
        background: #000 url(background/title_background936.jpg) no-repeat left top;
    }
    .center_content {
        width: 900px;
        background: url(background/scanline_900.png) repeat-y 2px;
    }
    .planet {
        background: url(background/planet_glow_dark720.png) no-repeat 70% 150px ;
    }
    .main_content {
        border-left: 2px solid #03C;
        border-right: 2px solid #03C;
    }
    .max_width_no_margin {
        width: 896px; /* 2x2 px for borders */
    }
    .max_width_minus_margin {
        width: 856px; /* 2 borders + 2 margins */
    }
    .widget_padding {
        width: 20px;
    }
    /* news & screenshots are in 2 columns */
    .news_widget {
        float: left;
        width: 420px;
    }
    .description_widget,
    .review_widget,
    .screenshot_widget {
        float: right;
        width: 420px;
    }
    .lessthan900, .lessthan600, .lessthan360 {
        display: none;
    }
    img.unit_point {
        width: 9px;
        height: 8px;
        border: 0px solid #000;
        content: url(unit_point_9x8.png);
    }
    img.howtoplay {
        float:left;
        margin: 0 15px 15px 20px;
        width:320px;
        height:auto;
    }
    img.tourney {
        float:left;
        margin: 0 15px 15px 20px;
        width:320px;
        height:auto;
    }
    a.uniwar_logo:link, a.uniwar_logo:active, a.uniwar_logo:visited, a.uniwar_logo:hover {
        float:left;
        display: block;
        width: 480px;
        height: 99px;
        color: transparent;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width:600px) and (max-width:899px) {
    /* used on most devices 7' like Kindle Fire */
    .title_background {
        height: 63px;
        background: #000 url(background/title_background600.jpg) no-repeat left top;
    }
    .center_content {
        width: 600px;
        background: url(background/scanline_600.png) repeat-y 2px;
    }
    .planet {
        background: url(background/planet_glow_dark480.png) no-repeat 70% 100px;
    }
    .main_content {
        border-left: 2px solid #03C;
        border-right: 2px solid #03C;
    }
    .max_width_no_margin {
        width: 596px; /* 2x2 px for borders */
    }
    .max_width_minus_margin {
        width: 556px; /* 2 borders + 2 margins */
    }
    .widget_padding {
        width: 20px;
    }
    /* news & screenshots are in 1 column */
    .news_widget,
    .description_widget,
    .review_widget,
    .screenshot_widget {
        width: 566px;
    }
    .lessthan900 {
    }
    .lessthan600, .lessthan360 {
        display: none;
    }
    .morethan899, .nav_morethan899 {
        display:none;
    }
    img.unit_point {
        width: 6px;
        height: 8px;
        border: 0px solid #000;
        content: url(unit_point_6x8.png);
    }
    .title_box,
    a:link.toolbar, a:visited.toolbar, a:active.toolbar, a:hover.toolbar,
    a:link.toolbar_selected, a:visited.toolbar_selected, a:active.toolbar_selected, a:hover.toolbar_selected,
    td.toolbar_selected {
        /* Audiowide font can NOT be smaller than 13, otherwise it looks bad */
        font-size: 13px;
    }
    img.howtoplay {
        float: left;
        margin: 0 15px 15px 10px;
        width: 240px;
        height: auto;
    }
    img.tourney {
        float: left;
        margin: 0 15px 15px 10px;
        width: 240px;
        height: auto;
    }
    a.uniwar_logo:link, a.uniwar_logo:active, a.uniwar_logo:visited, a.uniwar_logo:hover {
        float:left;
        display: block;
        width: 320px;
        height: 63px;
        color: transparent;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
    }
}

@media (min-width:360px) and (max-width:599px) {
    /* Samsung GS3,4,5 - any device with a minimum of 360 DPI ' */
    .title_background {
        height: 63px;
        background: #000 url(background/title_background360.jpg) no-repeat left top;
    }
    .center_content {
        width: 360px;
        background: url(background/scanline_360.png) repeat-y;
    }
    .planet {
        background: url(background/planet_glow_dark320.png) no-repeat 70% 100px;
    }
    .max_width_no_margin,
    .max_width_minus_margin {
        width: 360px; /* no border, no margin */
    }
    /* news & screenshots are in 1 column */
    .news_widget,
    .description_widget,
    .review_widget,
    .screenshot_widget {
        width: 360px;
    }
    .widget_padding {
        width: 5px;
    }
    .lessthan900, .lessthan600 {
    }
    .lessthan360 {
        display: none;
    }
    .morethan899, .nav_morethan899,
    .morethan599, .nav_morethan599 {
        display:none;
    }
    img.appstore {
        height: 28px;
        width: auto;
    }
    img.unit_point {
        width: 6px;
        height: 8px;
        border: 0px solid #000;
        content: url(unit_point_6x8.png);
    }
    img.button_screenshot_nav {
        display:none;
    }
    img.button_thumbnail,
    img.button_thumbnail:hover {
        width: 46px;
        height: 46px;
    }
    .title_box,
    a:link.toolbar, a:visited.toolbar, a:active.toolbar, a:hover.toolbar,
    a:link.toolbar_selected, a:visited.toolbar_selected, a:active.toolbar_selected, a:hover.toolbar_selected,
    td.toolbar_selected {
        font-family: Roboto, sans-serif;
        font-size: 10px;
    }
    .list_header {
        font-size: 12px;
    }
    img.howtoplay {
        float:left;
        margin: 0 10px 10px 8px;
        width:160px;
        height:auto;
    }
    img.tourney {
        float:left;
        margin: 0 10px 10px 8px;
        width:160px;
        height:auto;
    }
    a.uniwar_logo:link, a.uniwar_logo:active, a.uniwar_logo:visited, a.uniwar_logo:hover {
        float:left;
        display: block;
        width: 290px;
        height: 63px;
        color: transparent;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
    }
}

@media (max-width:359px) {
    /* iPhone4,5 - any device with usually a minimum of 320 DPI ' */
    .title_background {
        height: 56px;
        background: #000 url(background/title_background320.jpg) no-repeat left top;
    }
    .center_content {
        width: 320px;
        background: url(background/scanline_320.png) repeat-y;
    }
    .planet {
    }
    .max_width_no_margin,
    .max_width_minus_margin {
        background: url(background/planet_glow_dark320.png) no-repeat 70% 85px;
        width: 320px; /* no border */
    }
    /* news & screenshots are in 1 column */
    .news_widget,
    .description_widget,
    .review_widget,
    .screenshot_widget {
        width: 320px;
    }
    .widget_padding {
        width: 4px;
    }
    .lessthan900, .lessthan600, .lessthan360 {
    }
    .morethan899, .nav_morethan899,
    .morethan599, .nav_morethan599,
    .morethan359, .nav_morethan359 {
        display:none;
    }
    img.appstore {
        height: 25px;
        width: auto;
    }
    img.unit_point {
        width: 6px;
        height: 8px;
        border: 0px solid #000;
        content: url(unit_point_6x8.png);
    }
    img.button_screenshot_nav {
        display:none;
    }
    img.button_thumbnail,
    img.button_thumbnail:hover {
        width: 40px;
        height: 40px;
    }
    .title_box,
    a:link.toolbar, a:visited.toolbar, a:active.toolbar, a:hover.toolbar,
    a:link.toolbar_selected, a:visited.toolbar_selected, a:active.toolbar_selected, a:hover.toolbar_selected,
    td.toolbar_selected {
        font-family: Roboto, sans-serif;
        font-size: 9px;
    }
    .list_header {
        font-size: 11px;
    }
    img.howtoplay {
        float:left;
        margin: 0 6px 6px 0px;
        width:160px;
        height:auto;
    }
    img.tourney {
        float:left;
        margin: 0 6px 6px 0px;
        width:160px;
        height:auto;
    }
    a.uniwar_logo:link, a.uniwar_logo:active, a.uniwar_logo:visited, a.uniwar_logo:hover {
        float:left;
        display: block;
        width: 260px;
        height: 56px;
        color: transparent;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
    }
}