body {
    background:#000 url("//gf2.geo.gfsrv.net/cdn4e/d07c90d96bbc823d6d53953a94aacb.jpg") no-repeat 50% 0;
    color:#f1f1f1;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 12px ;
    overflow-y: scroll;
}
body.no-commander {
    background-position: 50% 35px;
}

body.bbcodepreview {
    background: transparent;
}
.bbCodeTag {
    font-family: monospace;
    white-space: pre-line;
    border: 1px dotted darkGray;
    display: block;
    padding: 5px;
    overflow-y: auto;
    max-height: 100px;
}
.ajaxContent textarea {
    min-height:200px;
    /*width:615px*/
}

/* *****************************************************************************
   ALLGEMEINE STYLES
***************************************************************************** */
#planet h2 {
    color: #fff;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    height: 22px;
    margin: 0 0 0 144px;
    overflow: hidden;
    padding-top: 7px;
    white-space: nowrap;
    width: 470px;
    text-overflow: ellipsis;
}



/* *************************** Scrollbars *******************************************/
/*
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #3d5b75;
    border: 0px none #ffffff;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #567394;
}
::-webkit-scrollbar-thumb:active {
    background: #627f9b;
}
::-webkit-scrollbar-track {
    background: #090909;
    border: 0px none #ffffff;
    border-radius: 5px;
}
::-webkit-scrollbar-track:hover {
    background: #000000;
}
::-webkit-scrollbar-track:active {
    background: #000000;
}
::-webkit-scrollbar-corner {
    background: transparent;
}
*/
/* *************************** Links *******************************************/

a:link,
a:visited,
.no-touch a:hover,
a:active { color:#848484;}

a.txt_link,
.no-touch a.txt_link:hover,
a.btn:link,
a.btn:visited,
#messages.no-touch a.btn_blue:hover,
.no-touch a.btn:hover,
a.btn:active {
    color:#fff;
    text-decoration: none;
}
.no-touch a.txt_link:hover { text-decoration: underline; }

.tooltip { color: #fff; }
.no-touch .tooltip:hover { cursor: pointer; }
/*.no-touch .tooltip[onclick]:hover { cursor: pointer; }*/
/*.no-touch .tooltip:not(onclick):hover { cursor: help; }*/

.noLinkMark,
.noLinkMark:hover {
    text-decoration: none !important;
}

/* show external links differently */
a.external:before {
    content: " ";
    width: 8px;
    height: 8px;
    background: no-repeat url('//gf1.geo.gfsrv.net/cdnf8/3ba769f527a320d805978310e59ca1.gif');
    background-size: 7px 7px;
    display: inline-block;
}


/**
 * Awesome button
 *
 * @author Florian Mycka
 */
.awesome-button {
    display: inline-block;
    padding: 2px 6px;
    vertical-align: middle;

    color: #453011;
    text-align: center;
    text-decoration: none;
    line-height: 14px;

    border: 1px solid #111111;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 0 0 1px #333333;
    -moz-box-shadow: 0 0 0 1px #333333;
    -webkit-box-shadow: 0 0 0 1px #333333;

    background: #390301;
    background: -moz-linear-gradient(top, #3B4A5C, #20262F);
    background: -webkit-gradient(linear, left top, left bottom, from(#3B4A5C), to(#20262F));
    background: linear-gradient(to bottom, #3B4A5C, #20262F);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3B4A5C', EndColorStr='#20262F', GradientType=0);

    cursor: pointer;

    font-size: 11px;
    font-weight: bold;


    background-color: #390301;
    box-shadow: 0 0 0 1px #222222;

    margin-right: 6px;
    height: 16px;
}

.awesome-button.big {
    width: 147px;
}

.awesome-button.shop {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.25, #FEF17E),
        color-stop(1, #D48A29)
    );
    background-image: -o-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: -moz-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: -webkit-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: -ms-linear-gradient(bottom, #FEF17E 25%, #D48A29 100%);
    background-image: linear-gradient(to bottom, #FEF17E 25%, #D48A29 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FEF17E', EndColorStr='#B06B0E', GradientType=0);
}

a:link.awesome-button,
a:active.awesome-button,
a:visited.awesome-button,
a:focus.awesome-button,
a:hover.awesome-button
{
    color: #453011;
    text-decoration: none;
}

.awesome-button:active,
.awesome-button:link,
.awesome-button:visited,
.awesome-button:hover {
    cursor: pointer;
    color: #fbd77d;
    text-decoration: none;
}

.awesome-button:active.shop,
.awesome-button:link.shop,
.awesome-button:visited.shop,
.awesome-button:hover.shop {
    cursor: pointer;
    color: #453011;
    text-decoration: none;
}

.awesome-button:hover {
    background: #390301;
    background: -moz-linear-gradient(top, #20262F, #3B4A5C);
    background: -webkit-gradient(linear, left top, left bottom, from(#20262F), to(#3B4A5C));
    background: linear-gradient(to bottom, #20262F, #3B4A5C);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#20262F', EndColorStr='#3B4A5C', GradientType=0);
    line-height: 15px;
}

.awesome-button:hover.shop {
    background: #390301;
    background: -moz-linear-gradient(top, #fcdf00, #d47100);
    background: -webkit-gradient(linear, left top, left bottom, from(#fcdf00), to(#d47100));
    background: linear-gradient(to bottom, #fcdf00, #d47100);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fcdf00', EndColorStr='#d47100', GradientType=0);
}

.awesome-button.disabled,
.awesome-button.disabled.shop {
    color: #bcbcbc;
    border-color: #bdbdbd;

    box-shadow: 0 0 0 1px #1d1d1d;
    -moz-box-shadow: 0 0 0 1px #1d1d1d;
    -webkit-box-shadow: 0 0 0 1px #1d1d1d;

    background: #222222;
    background: -moz-linear-gradient(top, #272727, #121212);
    background: -webkit-gradient(linear, left top, left bottom, from(#272727), to(#121212));
    background: linear-gradient(to bottom, #272727, #121212);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#272727', EndColorStr='#121212', GradientType=0);
}

.awesome-button.disabled.shop {
    color: lightgrey !important;
}

.awesome-button.disabled:active,
.awesome-button.disabled:link,
.awesome-button.disabled:visited,
.awesome-button.disabled:hover {
    cursor: default;
    color: #bcbcbc;
}

.awesome-button.small {
    padding-top: 0;
    padding-bottom: 0;
    /*float: right;*/
}


.awesome-button.toggle_miu_advanced {
    padding: 1px 4px;
    border: none;

    background: #390301;
    background: -moz-linear-gradient(top, #3B4A5C, #20262F);
    background: -webkit-gradient(linear, left top, left bottom, from(#3B4A5C), to(#20262F));
    background: linear-gradient(to bottom, #3B4A5C, #20262F);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3B4A5C', EndColorStr='#20262F', GradientType=0);
}

.awesome-button:hover.toggle_miu_advanced {
    text-decoration: none !important;
    background: #390301;
    background: -moz-linear-gradient(top, #20262F, #3B4A5C);
    background: -webkit-gradient(linear, left top, left bottom, from(#20262F), to(#3B4A5C));
    background: linear-gradient(to bottom, #20262F, #3B4A5C);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#20262F', EndColorStr='#3B4A5C', GradientType=0);
    line-height: 15px;
}

/* ********************* Text  ********************************************** */

.box_highlight .header,
.contentbox .header,
.header h2,
#eventHeader h2,
#buttonz h2,
#sendfleet h2,
#movement h3 a,
#statistics h3,
#highscoreContent h2 {
    color:#6F9FC8;
    font: 700 12px Verdana, Arial, Helvetica, sans-serif;
    line-height: 28px;
    text-align: center;
}


/* @TODO: find and unify occurences of same content text style */
#chat .content,
#buddies .content {
    color: #848484;
    font-size: 11px;
}

.float_right, .fright { float: right; }
.float_left, .fleft { float: left; }

.margin_10_0 { margin: 10px 0; }

/* *************************** Boxes **************************************** */
.border5px,
#activeBuffDetails .anythingWindow {
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px; /* FF1-3.6 */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.border3px {
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px; /* FF1-3.6 */
    border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dark_highlight {
    background: #181e25 url("//gf3.geo.gfsrv.net/cdn89/5fbbb1876fcff20a8a265c06862495.png") 0 -1030px repeat-x;
    background: -moz-linear-gradient(top,  #2D3743 0%,  #181E25 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2D3743), color-stop(100%,#181E25));
    background: -webkit-linear-gradient(top,  #2D3743 0%,#181E25 100%);
    background: -o-linear-gradient(top,  #2D3743 0%,#181E25 100%);
    background: -ms-linear-gradient(top,  #2D3743 0%,#181E25 100%);
    background: linear-gradient(to bottom,  #2D3743 0%,#181E25 100%);
    border: 1px solid black;
    border-color: #28323E #222B34 #232A34 #222B34;
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px; /* FF1-3.6 */
    border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */

    -webkit-box-shadow: 0 1px 3px 0 black, inset 0 1px 1px 0 hsl(213, 22%, 32%); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 1px 3px 0 black, inset 0 1px 1px 0 hsl(213, 22%, 32%);
    box-shadow: 0 1px 3px 0 black, inset 0 1px 1px 0 hsl(213, 22%, 32%);
    font-size: 11px;
    color: #fff;
    display: inline-block;
    padding: 3px 0;
    text-decoration: none !important;
}

.box_highlight {
    background: #171D24;
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(62,81,100,0.4);
}
#buttonz .box_highlight .header {
    background: none;
    text-align: left;
}

#buddyCopyOverlay {
	width: 400px;
	overflow: auto;
}

/* *****************************************************************************
   COMMON TEXT STYLES
***************************************************************************** */
.disabled {
    color: grey;
}

.title_txt,
#eventboxBlank,
.blue_txt { color: #6F9FC8; }
.premium_txt { color: #2cbef2;}
.bold { font-weight: 700; }

.h2,
#buttonz h2,
#movement h3 a,
#statistics h3,
#highscoreContent h2,
#traderOverview .div_trader h2 {
    color: #6F9FC8;
    font: 700 12px/28px Verdana,Arial,Helvetica,sans-serif;
}
.inset_box {
    background: #0d151b url("//gf3.geo.gfsrv.net/cdn89/5fbbb1876fcff20a8a265c06862495.png") 0 -590px repeat-x;
    border: 1px solid #000;
    border-radius: 3px;
    box-shadow:
        1px 1px 1px rgba(39,49,61,0.75),
        inset 1px 1px 4px rgba(13,16,20,0.75);
    margin: 15px 0 15px 20px;
    min-height: 60px;
    padding: 5px;
    white-space: pre-wrap;
    width: 350px;
}

h3 {
    font-size:12px;
    font-weight:400;
}

.h3 {
    color: #6F9FC8;
    font: 700 11px/23px Verdana,Arial,Helvetica,sans-serif;
}

em { font-style: italic; }



/* *****************************************************************************
   BUTTONS
***************************************************************************** */

/** @TODO: Refractor all Buttons so that they mostly use the same sprite
 *         (especially get rid of expansive gradients and border-stuff) */

div.btn > input[type="button"] {
    cursor: pointer;
}

.btn_blue,
input.btn_blue,
a.btn_blue,
.ui-button {
    background: #354a5d url("//gf2.geo.gfsrv.net/cdn71/f31afc335e98da94533966b41da2be.png") 0 2px repeat-x;
    background: -moz-linear-gradient(top,  #526e86 0%, #577596 17%, #627f9b 51%, #445b75 53%, #3d5e7e 85%, #607994 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#526e86), color-stop(17%,#577596), color-stop(51%,#627f9b), color-stop(53%,#445b75), color-stop(85%,#3d5e7e), color-stop(100%,#607994)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #526e86 0%,#577596 17%,#627f9b 51%,#445b75 53%,#3d5e7e 85%,#607994 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #526e86 0%,#577596 17%,#627f9b 51%,#445b75 53%,#3d5e7e 85%,#607994 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #526e86 0%,#577596 17%,#627f9b 51%,#445b75 53%,#3d5e7e 85%,#607994 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #526e86 0%,#577596 17%,#627f9b 51%,#445b75 53%,#3d5e7e 85%,#607994 100%); /* W3C */
    border-radius: 3px;
    border: 1px solid #354A5D;
    border-color: #7088A3 #577696 #546A7E #6282A2;
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 700 11px/16px Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    min-width: 70px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 2px #2D4052;

}
#messageContent .btn_blue { margin-left: 5px; }

.no-touch .btn_blue:hover,
.btn_blue:active,
.no-touch input.btn_blue:hover,
input.btn_blue:active,
.no-touch .ui-button:hover,
.ui-button:active {
    background: #59758f url("//gf2.geo.gfsrv.net/cdn71/f31afc335e98da94533966b41da2be.png") 0 -27px repeat-x;
    background: -moz-linear-gradient(top,  #6e87a0 0%, #5d7ea2 17%, #7897b1 50%, #57799c 54%, #56789e 59%, #6a89ac 82%, #89a4bd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e87a0), color-stop(17%,#5d7ea2), color-stop(50%,#7897b1), color-stop(54%,#57799c), color-stop(59%,#56789e), color-stop(82%,#6a89ac), color-stop(100%,#89a4bd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6e87a0 0%,#5d7ea2 17%,#7897b1 50%,#57799c 54%,#56789e 59%,#6a89ac 82%,#89a4bd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6e87a0 0%,#5d7ea2 17%,#7897b1 50%,#57799c 54%,#56789e 59%,#6a89ac 82%,#89a4bd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6e87a0 0%,#5d7ea2 17%,#7897b1 50%,#57799c 54%,#56789e 59%,#6a89ac 82%,#89a4bd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6e87a0 0%,#5d7ea2 17%,#7897b1 50%,#57799c 54%,#56789e 59%,#6a89ac 82%,#89a4bd 100%); /* W3C */
    border-color: #7E94AC #627F9C #546A7E #7494B4;
    color: #fff;
    text-shadow:
            0 1px 2px #354A5E,
            0 0 7px #8CA3BB;
}
.no-touch .btn_blue[disabled]:hover,
.btn_blue[disabled]:active,
.btn_blue[disabled] {
    background: #4D4D4D; /* Old browsers */
    background: -moz-linear-gradient(top,  #848484 0%, #939393 17%, #9b9b9b 51%, #727272 53%, #7c7c7c 86%, #939393 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(17%,#939393), color-stop(51%,#9b9b9b), color-stop(53%,#727272), color-stop(86%,#7c7c7c), color-stop(100%,#939393)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #848484 0%,#939393 17%,#9b9b9b 51%,#727272 53%,#7c7c7c 86%,#939393 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #848484 0%,#939393 17%,#9b9b9b 51%,#727272 53%,#7c7c7c 86%,#939393 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #848484 0%,#939393 17%,#9b9b9b 51%,#727272 53%,#7c7c7c 86%,#939393 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #848484 0%,#939393 17%,#9b9b9b 51%,#727272 53%,#7c7c7c 86%,#939393 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#939393',GradientType=0 );  */
    border: 1px solid #4D4D4D;
    color: #fff !important;
    cursor: default;
    text-shadow: none;
}

.btn,
.btn:before,
.btn:after {
    background-color: #000;
    background-image: url("//gf3.geo.gfsrv.net/cdnea/8c3657fbb2a8808627f8a3dbedcb8c.png");
    background-repeat: repeat-x;
    height: 38px;
}

.btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 16px;
    position: relative;
    text-shadow: 0 0 1px #000;
}

.btn:before {
    content: '';
    display: block;
    background-position: 0 0;
    left: -2px;
    position: absolute;
    top: 0;
    width: 17px;
}
.btn:after {
    content: '';
    display: block;
    background-position: -23px 0;
    position: absolute;
    right: -2px;
    top: 0;
    width: 17px;
}

a.btn {
    color: #fff;
    text-decoration: none;
}

.btn_premium {
    background: transparent url("//gf1.geo.gfsrv.net/cdnfc/35658d707df040ae66b71215d187c1.png") no-repeat 0 0;
    color: #fff;
    cursor: pointer;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding: 0 16px 0 52px;
    position: relative;
    text-shadow: 0 0 1px #000;
    height: 52px;
    vertical-align: middle;
    width: 204px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

a.btn_premium:active {
    background-position: 0 -52px;
    color: #fff;
}
.btn_premium[disabled]:active,
.btn_premium[disabled] {
    background-position: 0 -104px;
    cursor: default;
}
.btn_premium.small {
    background-position: 0 -156px;
    font-size: 13px;
    height: 40px;
    padding: 0 0 0 30px;
    width: 152px;
}

.btn_confirm { background-position: 0 -228px; }
.btn_confirm:hover { background-position: 0 -266px; }
.btn_confirm:hover:before { background-position: 0 -38px; }
.btn_confirm:hover:after { background-position: -23px -38px; }

.btn_cancel { background-position: 0 -304px; }
.btn.btn_cancel:before { background-position: 0 -76px; }
.btn.btn_cancel:after { background-position: -23px -76px; }
.btn_cancel:hover { background-position: 0 -342px; }
.btn_cancel:hover:before { background-position: 0 -114px; }
.btn_cancel:hover:after { background-position: -23px -114px; }

/* currently only used for rocketlayer button
 * TODO: Common Style for all dark buttons */
.btn_dark { background-position: 0 -532px; }
.btn.btn_dark:before { background-position: 0 -456px; }
.btn.btn_dark:after { background-position: -23px -456px; }


/* a Button with height=38px in standard blue stlye */
.buy_resources .fillup .btn_blue:before,
.buy_resources .fillup .btn_blue:after,
.no-touch .buy_resources .fillup .btn_blue[disabled]:hover,
.buy_resources .fillup .btn_blue {
    background-image: url("//gf1.geo.gfsrv.net/cdnc0/16d8580d42aeab0db8726309362726.png");
    background-repeat: repeat-x;
    border: none;
    height: 38px;
}
.buy_resources .fillup .btn_blue {
    color: #fff !important;
    display: table-cell;
    padding: 0 5px;
    position: relative;
    vertical-align: middle;
    width: 138px;
}

.buy_resources .fillup .btn_wrap {
    margin: 0 0 0 12px;
    position: relative;
    width: 148px;
}
.buy_resources .premium .btn_wrap {
    margin: 0 0 0 10px;
    position: relative;
    width: 152px;
}

/*.buy_resources .fillup .btn_blue:before {
    background-position: 0 0px;
    content: '';
    display: block;
    left: -2px;
    position: absolute;
    top: 0;
    width: 10px;
}
.buy_resources .fillup .btn_blue:after {
    background-position: -10px 0px;
    content: '';
    display: block;
    position: absolute;
    right: -2px;
    top: 0;
    width: 10px;
}*/
.buy_resources .fillup .btn_blue { background-position: 0 0; }
.buy_resources .fillup .btn_blue:hover { background-position: 0 -38px; }
.no-touch .buy_resources .fillup .btn_blue[disabled]:hover,
.buy_resources .fillup .btn_blue[disabled] { background-position: 0 -76px; }

.buy_resources .fillup .btn_blue:before { background-position: 0 -114px; }
.buy_resources .fillup .btn_blue:hover:before { background-position: 0 -152px; }
.buy_resources .fillup .btn_blue[disabled]:before { background-position: 0 -190px; }

.buy_resources .fillup .btn_blue:after { background-position: -10px -114px; }
.buy_resources .fillup .btn_blue:hover:after { background-position: -10px -152px; }
.buy_resources .fillup .btn_blue[disabled]:after { background-position: -10px -190px; }

.buy_resources .fillup .btn_premium {
    color: #fff !important;
    text-align: center;
}

/* ***************** Scroll to top button, that shows on long pages ********* */
.scroll_to_top {
    background: #38505f; /* Old browsers */
    background: -moz-linear-gradient(top,  #38505f 0%, #1c2830 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38505f), color-stop(100%,#1c2830)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #38505f 0%,#1c2830 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #38505f 0%,#1c2830 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #38505f 0%,#1c2830 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #38505f 0%,#1c2830 100%); /* W3C */
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: inset 0 1px 1px #8497a3;
    box-shadow: inset 0 1px 1px #8497a3;
    color: #848484;
    left: -2px;
    padding: 5px 0;
    position: fixed;
    top: 80%;
    visibility: hidden;
    width: 50px;
}
.scroll_to_top .arrow {
    background: url(//gf3.geo.gfsrv.net/cdne1/d03835718066a5a592a6426736e019.png) no-repeat 0 -736px;
    display: block;
    height: 18px;
    width: 24px;
    margin: 0 auto;
}

/* *************************** Lists **************************************** */
.list { padding: 10px 0 0 0; }
.list_elem {
    padding: 0 0 10px 30px;
    position: relative;
}
.list_elem:before {
    background: transparent url(//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png) no-repeat -520px -298px;
    content: '';
    height: 10px;
    left: 9px;
    margin: 2px 0 0 0;
    position: absolute;
    width: 10px;
}

/* alternating colors for lists and tables */
.odd { background-color: #121b23; }

/* hover for lists and tables */
.over { background-color: #212a33; }

/* ************************* Tables ***************************************** */
.content_table {
    border-collapse: collapse;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    margin: 5px 0;
    width: 100%;
}

.ignorelist {
    margin: 0;
    width: 630px;
}
/* headers of tables always only have one line */
.ct_sortable_title,
.ct_head_row,
.ct_foot_row {
    /*background-image: url(//gf3.geo.gfsrv.net/cdne1/d03835718066a5a592a6426736e019.png);*/
    /*background-position: 0 -1px;*/
    /*background-repeat: repeat-x;*/
    /*141E26  10181F*/

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#050101+1,141e26+1,141e26+50,10181f+50,10181f+99,000000+99 */
    background: #050101; /* Old browsers */
    background: -moz-linear-gradient(top, #050101 1%, #141e26 1%, #141e26 50%, #10181f 50%, #10181f 99%, #000000 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #050101 1%,#141e26 1%,#141e26 50%,#10181f 50%,#10181f 99%,#000000 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #050101 1%,#141e26 1%,#141e26 50%,#10181f 50%,#10181f 99%,#000000 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050101', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    border: 1px solid black;
}

.ct_th {
    border: 1px solid #000;
    height: 26px;
    padding: 0 3px;
    position: relative;
}
.ct_sortable_title {
    background-position: 100% -774px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    margin: 0 18px 0 0;
}

.ct_sort_asc { background-position: 100% -834px; }
.ct_sort_desc { background-position: 100% -864px; }

.ct_th.first { padding: 0 3px 0 6px; }

.ct_td {
    border: 1px solid #000;
    padding: 2px;
}

/* *****************************************************************************
   SELECTS (inclusive styles for custom selects)
***************************************************************************** */
/* *********** normal browser select elements with old styles *************** */
select,
select option {
    background-color: black;
    color: #848484;
    font-size: 11px;
    padding: 0;
}
.showOldDropdowns select,
.showOldDropdowns select option {
    color: black;
    background-color: white;
}

#jumpgate select {
    font-size: 10px;
    border: 1px solid #030303;
    background-color: #12171C;
    width: 250px;
}
.showOldDropdowns #jumpgate select {
    background-color: white;
}
body.ogame select { visibility: hidden; }
body.ogame.showOldDropdowns select {
    visibility: inherit;
    color: black;
    background-color: white;
}

/* ***************** General customized dropdown styles ********************* */
.dropdown,
.dropdown * {
    margin:0;
    padding:0;
    color: #848484;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dropdown {
    display: inline-table;
    table-layout: fixed;
}

.dropdown li {
    display: table;
    height: 22px;
    line-height: 22px;
    width: 100%;
}
.dropdown a {
    text-decoration: none !important;
    padding:0 27px 0 5px;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.dropdown.currentlySelected,
.dropdown.currentlySelected:before,
.dropdown.currentlySelected>a { background-image: url("//gf3.geo.gfsrv.net/cdne1/d03835718066a5a592a6426736e019.png"); }

.dropdown.currentlySelected {
    background-repeat: repeat-x;
    background-position: 0 -560px;
    color: #fff;
    position:relative;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}
.dropdown.currentlySelected:before {
    background-color: #0D1014;
    background-position: 0 -632px;
    content: '';
    position: absolute;
    height: 24px;
    left: 0;
    width: 5px;
}

.dropdown.disabled:active,
.dropdown.disabled {
    background-position: 0 -608px;
    color: #848484;
}

.no-touch .dropdown.currentlySelected:hover { background-position: 0 -584px; }
.no-touch .dropdown.currentlySelected:hover:before { background-position: -5px -632px; }
.dropdown.disabled:before { background-position: -10px -632px;  }

.dropdown.currentlySelected>a {
    background-position: 100% -488px;
    background-repeat: no-repeat;
}

.no-touch .dropdown.currentlySelected>a:hover,
.dropdown.currentlySelected>a.hover,
.dropdown.currentlySelected.focus>a,
.dropdown.currentlySelected>a:focus {
    background-position: 100% -512px;
    color: #fff;
}

.dropdown.disabled>a,
.dropdown.disabled>a:active,
.no-touch .dropdown.disabled>a:hover,
.dropdown.disabled>a.hover {
    background-position: 100% -536px;
    color: #848484 !important;
}

.dropdownList {
    background: #141e26;
    border: 1px solid #000;
    box-sizing: border-box;
    display:none;
    border-radius: 0 0 3px 3px;
    list-style:none;
    position:absolute;
    z-index: 1000000;
    max-height: 388px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.dropdownList>li>a {
    border-top: 1px solid #1C2933;
    border-bottom: 1px solid #05080A;
    padding: 0 5px;
}
.no-touch .dropdown a:hover { cursor: default; }

.no-touch .dropdownList>li>a:hover,
.dropdownList>li>a:focus,
.dropdownList>li>a:active,
.dropdownList>li>a.focus{
    background: #223341;
    border-top: 1px solid #36495C;
    border-bottom: 1px solid #0D141A;
    color: #fff;
}

#feedback .dropdown a { width: 150px; }

/* *****************************************************************************
   INPUTS und TEXTAREAS
***************************************************************************** */

/* ****************************** Inputs ************************************ */
.input_replacement,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
    background-color: #B3C3CB;
    border: 1px solid #668599;
    border-bottom-color: #D3D9DE;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px 0 #454F54;
    color: #000;
    font-size:12px;
    height: 20px;
    line-height: 20px;
    padding:2px 5px;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
}
.input_replacement {
    display: inline-block;
    -webkit-appearance: inherit;
}

::-webkit-input-placeholder { color: #666; }
:-moz-placeholder { color: #666; }

:focus::-webkit-input-placeholder{ color:transparent; }
:focus::-moz-placeholder { color:transparent; }

input.hideNumberSpin::-webkit-outer-spin-button,
input.hideNumberSpin::-webkit-inner-spin-button{
    -webkit-appearance: none;
}

#alliance #inhalt input[type="text"] { width: 170px; }
input.w50 { width: 50px; }
.ship_input_row input { width: 70px; }
#alliance #inhalt input[type="text"].w290 { width: 290px; }

.input_replacement.focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus {
    background-color: #F0F3F5;
    border: 1px solid #A3B6C2;
    border-bottom-color: #fff;
    box-shadow: inset 0 1px 3px 0 #5C6970;
}

input[type="text"][readonly],
input[type="text"][disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="search"][disabled] {
    background-color: #424548;
    border: 1px solid #44484B;
    border-bottom-color: #575C60;
    box-shadow: inset 0 1px 3px 0 #27292B;
}
/* ****************************** Textareas ********************************* */

textarea {
    width: 310px;
    background-color: #B3C3CB;
    border: 1px solid #668599;
    border-bottom-color: #D3D9DE;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px 0 #454F54;
    color: #000;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    min-height: 130px;
    padding:5px;
    overflow: auto;
}

textarea:focus {
    background-color: #F0F3F5;
    border: 1px solid #A3B6C2;
    border-bottom-color: #fff;
    box-shadow: inset 0 1px 3px 0 #5C6970;
}

.answerText textarea { margin: 10px 0 2px 10px; }
.answerText textarea {
    max-width: 705px;
    min-height:110px;
    width: 705px;
}

#alliance #dissolveally textarea {
    /*max-width: 600px;*/
    width: 600px;
}

#alliance .alliancetexts {
    margin: 5px 0;
    /*max-width: 600px;*/
    width: 600px;
}

/* *****************************************************************************
   TABS - (Ebene 1 = .tabsbelow, Ebene 2 = .subsection_tabs)
***************************************************************************** */

/* ***************** first level tab navigation inside a page *************** */
/* @TODO: Unify this CSS */
.tabsbelow,
.subsection_tabs {
    border-bottom:1px solid #0d1014;
    height:27px;
    margin:0 auto;
    padding:0;
}

#preferences #content .tabsbelow {
    margin: 0 0 0 30px;
    width: 625px;
}

.messagebox .tabsbelow { width: 790px; }

.tabsbelow li,
.subsection_tabs li {
    background: transparent;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    float:left;
    height:27px;
    list-style-type:none;
    margin: 0 2px;
    overflow:hidden;
}

.tabsbelow li,
.tabsbelow li a,
.subsection_tabs li,
.subsection_tabs li a  {
    display:block;
    float:left;
    font-weight:700;
    line-height:20px;
    text-decoration:none;
    text-align:center;
    width:190px;
}
.subsection_tabs li,
.subsection_tabs li a { font-weight: 100; }

#netz #tabs_example_one a { color: #848484; }

.tabsbelow li a,
.subsection_tabs li a {
    border: 1px solid transparent;
    height:25px;
}

#alliance #inhalt .tabsbelow li,
#alliance #inhalt .tabsbelow li a,
#messages #inhalt #tabs .tabsbelow li,
#messages #inhalt #tabs .tabsbelow li a,
#preferences #inhalt .tabsbelow li,
#preferences #inhalt .tabsbelow li a {
    max-width: 190px;
    min-width: 100px;
    width: auto;
}
#alliance #contentWrapper .tabsbelow li a,
#messages #contentWrapper #tabs .tabsbelow li a,
#preferences #contentWrapper .tabsbelow li a,
#tabs_example_one.subsection_tabs.inbox li a { padding: 0 5px; }

#tabs_example_one.subsection_tabs.inbox li,
#tabs_example_one.subsection_tabs.inbox li a {
    max-width: 120px;
    min-width: 80px;
    width: auto;
}

.tabsbelow li.aktiv,
.tabsbelow li.aktiv a,
.messagebox .tabsbelow li.aktiv a.active,
.messagebox .tabsbelow li.aktiv a:link,
.messagebox .tabsbelow li.aktiv a:visited,
.messagebox .tabsbelow li.ui-tabs-active,
.messagebox .tabsbelow li.ui-tabs-active,
#netz .contentz .tabsbelow li.ui-tabs-active a,
#netz .contentz .tabsbelow li.ui-tabs-active a,
.tabsbelow .ui-tabs-active a:link,
.tabsbelow .ui-tabs-active a:visited,
.tabsbelow .ui-tabs-active a:active,
.subsection_tabs li a.active,
#netz #tabs_example_one a.active,
#netz #tabs_example_one .ui-tabs-active a,
#netz #tabs_example_one .ui-tabs-active a{
    background: #262e39; /* Old browsers */
    background: -moz-linear-gradient(top,  #262e39 0%, #181e26 50%, #0d1014 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262e39), color-stop(50%,#181e26), color-stop(100%,#0d1014)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #262e39 0%,#181e26 50%,#0d1014 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #262e39 0%,#181e26 50%,#0d1014 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #262e39 0%,#181e26 50%,#0d1014 100%); /* IE10+ */
    background: linear-gradient(top,  #262e39 0%,#181e26 50%,#0d1014 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262e39', endColorstr='#0d1014',GradientType=0 ); /* IE6-9 */
    border-color: #35404f #0d1014 #0d1014 #0d1014;
    color: #fff;
}

/* ********************* BIG TABS ****************************************** */
.big_tabs .big_tab,
#shop .to_shop,
#shop .to_inventory {
    position: relative;
    display: inline-block;
    margin: 13px 2px 0 0;
    border-radius: 5px 5px 0 0;
    color: #848484;
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
    line-height: 55px;
    height: 55px;
    text-align: center;
}

.big_tabs .big_tab a {
    border-radius: 5px 5px 0 0;
    display: block;
    height: 100%;
    text-decoration: none;
    width: 100%;
}

.big_tabs .big_tab a,
#shop .to_shop,
#shop .to_inventory {
    background: #1f2a35 url("//gf3.geo.gfsrv.net/cdn56/d35209a9c49a975f83fca6b7e48ad5.png") 0 -60px repeat-x;
}
.big_tabs .big_tab.ui-state-hover a,
#shop .to_shop.hover,
#shop .to_inventory.hover {
    background: #1e252f url("//gf3.geo.gfsrv.net/cdn56/d35209a9c49a975f83fca6b7e48ad5.png") 0 0 repeat-x;
    color: #fff;
}
.big_tabs .big_tab.ui-tabs-active a,
#shop .to_shop.active,
#shop .to_inventory.active {
    background: #1e252f url("//gf3.geo.gfsrv.net/cdn56/d35209a9c49a975f83fca6b7e48ad5.png") 0 0 repeat-x;
    color: #fff;
}
.big_tab_content {
    background: #1f2630; /* Old browsers */
    background: -moz-linear-gradient(top,  #1f2630 0%, #101921 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f2630), color-stop(100%,#101921)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1f2630 0%,#101921 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1f2630 0%,#101921 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1f2630 0%,#101921 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1f2630 0%,#101921 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2630', endColorstr='#101921',GradientType=0 ); /* IE6-9 */
    border-radius: 0 0 5px 5px;
}


/* ***************** first level image tabs navigation inside a page ******** */
/* @TODO: Identical Tabs are used for Newsfeed and Highscore. - Identify and
 * unify all neccessary CSS
*/
.tabs_btn {
    height: 72px;
    margin: 6px 0 0 7px;
    padding: 0;
}

.tabs_btn .list_item {
    float: left;
    height: 67px;
}

.tabs_btn .ui-tabs-active .marker {
    background: url("//gf1.geo.gfsrv.net/cdn69/112960c1ace80c7dcb03ca88d4b6fc.png") no-repeat;
    height: 79px;
    left: -7px;
    position: absolute;
    top: -7px;
    width: 68px;
}
.tabs_btn .icon_caption {
    margin: 0 0 0 -9px;
    top: 0;
    width: 71px;
}
.tabs_btn .ui-tabs-active .icon_caption { color: #fff; }

.tabs_wrap .tab_ctn {
    background: #22313b;
    padding: 7px;
    position: relative;
    z-index: 2;
}
.tabs_btn .tabs_btn_img {
    background: transparent url("//gf1.geo.gfsrv.net/cdncc/e24339046dd3609291920e46cf85f6.png") 0 0 no-repeat;
    display: inline;
    float: left;
    height: 54px;
    margin: 0 10px;
    overflow: visible;
    position: relative;
    width: 54px;
}

/* ***** Messages Tab Image Buttons ***** */
.tabs_btn_img.tb_fleets { background-position: 0 0;}
.tabs_btn_img.tb_communication { background-position: -54px 0;}
.tabs_btn_img.tb_economy { background-position: -108px 0;}
.tabs_btn_img.tb_universe { background-position: -162px 0;}
.tabs_btn_img.tb_system { background-position: -216px 0;}
.tabs_btn_img.tb_favorites { background-position: -270px 0;}
.tabs_btn_img.tb_market { background-position: -324px 0;}

.ui-tabs-active .tabs_btn_img.tb_fleets { background-position: 0 -54px;}
.ui-tabs-active .tabs_btn_img.tb_communication { background-position: -54px -54px;}
.ui-tabs-active .tabs_btn_img.tb_economy { background-position: -108px -54px;}
.ui-tabs-active .tabs_btn_img.tb_universe { background-position: -162px -54px;}
.ui-tabs-active .tabs_btn_img.tb_system { background-position: -216px -54px;}
.ui-tabs-active .tabs_btn_img.tb_favorites { background-position: -270px -54px;}
.ui-tabs-active .tabs_btn_img.tb_market { background-position: -324px -54px;}



/* ***************** second level tab navigation inside a page ************** */
.subtabs .ui-tabs-active.first .txt_link,
.subtabs .ui-tabs-active.last .txt_link,
.no-touch .subtabs .ui-state-hover,
.subtabs .ui-tabs-active,
.subtabs .last .txt_link,
.subtabs .first .txt_link,
.subtabs {
    background-image:  url("//gf3.geo.gfsrv.net/cdne1/d03835718066a5a592a6426736e019.png");
}

.subtabs {
    background-repeat: repeat-x;
    background-position: 0 -225px;
    display: table;
}

.no-touch .subtabs .ui-state-hover,
.subtabs .ui-tabs-active {
    color: #fff;
    background-repeat: repeat-x;
    background-position: 0 -315px;
    text-decoration: none;
}
.subtabs .first .txt_link,
.subtabs .last .txt_link {
    background-repeat: no-repeat;
    position: relative;
}

.subtabs .first .txt_link {
    background-position: 0 -255px;
    left: -3px;
}
.subtabs .last .txt_link {
    background-position: 100% -285px;
    right: -3px;
}

.subtabs .ui-tabs-active.first .txt_link { background-position: 0 -345px; }
.ui-tabs-active.last .txt_link { background-position: 100% -375px; }

.subtabs .list_item {
    display: table-cell;
    line-height: 28px;
    height: 28px;
    text-align: center;
}
.subtabs .txt_link { display: block; }

.subtabs a.txt_link {
    color: #848484;
    text-decoration: none;
}
.no-touch .subtabs .ui-state-hover a.txt_link,
.subtabs .ui-tabs-active a.txt_link {
    color: #fff;
    text-decoration: none;
}
.no-touch .subtabs .ui-state-hover.first a.txt_link {
    background-position: 0 -345px;
}
.no-touch .subtabs .ui-state-hover.last a.txt_link {
    background-position: 100% -375px;
}

/* *****************************************************************************
   PAGINATION
***************************************************************************** */
.pagination {
    display: table;
    margin: 10px auto;
}
.pagination .p_li {
    display: table-cell;
    float: left;
    line-height: 16px;
    padding: 0 5px;
	cursor: pointer;
	cursor: hand;
}

.pagination .p_li a.active {
    color: #ffff00;

}
.pagination .icon {
    vertical-align: middle;
}
.pagination .icon_fastforward { margin: 0 0 0 5px; }
.pagination .icon_skip_back { margin: 0 5px 0 0; }

/* *****************************************************************************
   ICONS
***************************************************************************** */

.icon,
.icon_link,
.icon12px {
    background: url("//gf1.geo.gfsrv.net/cdn6f/91ad13c8f9a7e9390085d12adde508.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}
#fleetTemplatesEdit .icon_link {
    background: none;
    padding: 9px 9px 5px 2px;
}
.icon_nf_link {
    height: 26px;
    margin: 0 7px 0 0;
    width: 26px;
}

.icon12px {
    height: 12px;
    width: 12px;
}
.icon.float_left {
    margin-right: 3px;
}
.no-touch .icon:hover {
    text-decoration: none;
}

.icon.icon_adressbook { background-position: 0 -945px; }
.icon.icon_arr_asc_desc { background-position: 0 -736px; }
.icon.icon_arr_asc { background-position: 0 -768px; }
.icon.icon_arr_desc { background-position: 0 -784px; }

/* light blue icons */
.icon.icon_against { background-position: 0 -80px; }
.icon.icon_chat { background-position: 0 -913px; }
.icon.icon_checkmark { background-position: 0 -608px; }
.icon.icon_close { background-position: 0 -704px; }
.icon.icon_combatunits { background-position: 0 -16px; }
.icon.icon_edit { background-position: 0 -336px; }
.icon.icon_eye { background-position: 0 -112px; }
.icon.icon_fastforward { background-position: 0 -432px; }
.icon.icon_fed_attack { background-position: 0 -64px; }
.icon.icon_info { background-position: 0 -544px; }
.icon.icon_lock { background-position: 0 -272px; }
.icon.icon_mail { background-position: 0 -176px; }
.icon.icon_missile { background-position: 0 -144px; }
.support_icon.icon_mail, .support_icon:hover {  background: url("//gf1.geo.gfsrv.net/cdnc4/a236f9e8171b3640b23aa8c404e73c.gif") !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;}


.icon.icon_quit { background: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -208px -71px no-repeat; }

.icon.icon_recall { background-position: 0 -576px; }
.icon.icon_reload { background-position: 0 -32px; }
.icon.icon_reply { background-position: 0 -592px; }
.icon.icon_restore { background-position: 0 -800px; }
.icon.icon_rewind { background-position: 0 -368px; }
.icon.icon_skip { background-position: 0 -464px; }
.icon.icon_skip_back { background-position: 0 -480px; }
.icon.icon_delete,
.icon.icon_trash { background-position: 0 -304px; }
.icon.icon_user { background-position: 0 -400px; }

/* @TODO: check if this icon is alway used as "report" and can savely be renamed */
.icon.icon_warning { background-position: 0 -208px; }
.icon.icon_maximize,
.hideReport .icon { background-position: 0 -528px; }
.icon.icon_minimize,
.shareReport .icon { background-position: 0 -240px; }

.icon.icon_eye.disabled { background-position: 0 -48px; }

/* other icons */
.icon12px.icon_wrench { background-position: 0 -672px; }
.icon12px.icon_wrench_red { background-position: 0 -688px; }

/*.icon12px.icon_wreck_field { background-position: -3px -977px; }*/
.icon.icon_wreck_field {
    background: url("//gf3.geo.gfsrv.net/cdn25/78fe795054d61d6072aa234fcd51c6.png");
    top: 5px;
    left: 20px;
    height: 20px;
    width: 20px;
}

.icon.icon_wreck_field:hover {
    background-position: 0 -20px;
}

.icon.icon_break_rocket {
    background: url("//gf2.geo.gfsrv.net/cdn4d/a5ae6fd7b7500507ef2681a952c802.png");
}


/* *****************************************************************************
   AJAX LOADING SPINNERS
***************************************************************************** */
.ajax_load_shadow {
    background: #22313B url("//gf2.geo.gfsrv.net/cdn7b/2a489343c072939cd1f81491d16036.png") no-repeat 50%;
    clear: both;
    height: 100px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    z-index: 2;
}
.ajax_load_img64px {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 18px;
}

.ajaxLoad {
    background: url("//gf1.geo.gfsrv.net/cdnc2/af46a22d3943367992a4a77cb1e286.gif") no-repeat;
    background-position: center left;
    color:#848484;
    margin: 0 auto 0 auto;
    padding: 120px 0 0 10px;
    width: 100px;
    height: 125px;
}
.searchTabs .ajaxLoad {
    height: 22px;
    width: auto;
    padding-top: 10px;
    padding-left: 40px;
    margin-left: 40px;
    margin-top: 10px;
}


/* *****************************************************************************
   OVERLAYS
***************************************************************************** */
.overlay_container {
    background: url("//gf3.geo.gfsrv.net/cdneb/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    padding: 10px;
}




#logoLink {
    position: absolute;
    left: 0;
    top: 30px;
    width: 190px;
    height: 70px;
    cursor:pointer;
    display:block;
}

#ie_message {display:none;}

#star {
    background:transparent url("//gf2.geo.gfsrv.net/cdn7f/e9dfa4d88b53d21359701885d5ce71.gif") no-repeat scroll 0 0;
    height:20px;
    left:432px;
    position:absolute;
    top:639px;
    width:20px;
}

#star1 {
    background:transparent url("//gf3.geo.gfsrv.net/cdn25/c36e515eead61a40766105261df0a0.gif") no-repeat scroll 0 0;
    height:20px;
    left:842px;
    position:absolute;
    top:404px;
    width:20px;
}

#star2 {
    background:transparent url("//gf2.geo.gfsrv.net/cdn12/11d06804423ad6f74bc522e761417d.gif") no-repeat scroll 0 0;
    height:20px;
    left:411px;
    position:absolute;
    top:25px;
    width:20px;
}

/* =Boxen */

#box {
    width:100%;
    margin: 0 auto;
    text-align:left;
    position: relative;
    min-height: 20px;
}

#mainContent {
    position: relative;
    width:990px;
    margin:0 auto;
}

#galaxyadv #box {
    width:auto;
    margin:auto;
    /*  padding:auto; VALIDATE */
    text-align:inherit;
    position:static;
    top:inherit;
    left:inherit;
}

#leftMenu,
#box #inhalt,
#rechts,
#scrollcontainer {
    background-color: transparent;
    float:left;
}

#box #inhalt,
#rechts,
#scrollcontainer {
    overflow:hidden;
}

#scrollcontainer {
    width:690px;
    overflow: hidden;
    position:absolute;
    left:170px;
    top:140px;
}

#leftMenu {
    width: 170px;
    margin-top: -32px;
}

#contentWrapper,
#box  #inhalt {
    width:670px;
    overflow:visible;
    position:relative;
    padding: 0;
    float: left;
}

#contentWrapper {
    /* position: absolute;  @TODO-twig re-enable */
    /* left: 172px;  @TODO-twig re-enable */
    padding: 0 0 25px 0;
}

#contentWrapper.with_chat_bar { padding: 0 0 63px 0; }


/* @TODO-merge removed in twig */
#rechts {
    width:137px;
    margin-left:8px; /* IE6 */
    margin-top: -40px;
    overflow:visible;
    position: relative;
    margin-bottom: 80px !important;
}
.no-commander #rechts {
    /*margin-bottom: 55px;*/
}

#kopf {background-color:transparent; }

.smallFont {
    font-size: 9px;
}
table.fleetinfo { min-width: 130px; }

.htmlTooltip h1 {
    color: #6F9FC8;
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    white-space: nowrap;
}
.splitLine {
    background: #415866;
    height: 1px;
    margin: 4px 0 2px 0;
}
.close-tooltip {
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -207px 0 no-repeat;
    cursor:pointer;
    height: 16px;
    width: 16px;
    float: right;
    right: -3px;
    position: relative;
    top: -3px;
}
.no-touch .close-tooltip:hover,
.close-tooltip:active { background-position: -207px -17px; }

/* = Funktionale Styles */
.visible {display:block;}
.hidden {display:none;}
.text_align_left {text-align:left;}
.text_align_right {text-align:right;}

/* =Headerbereich  */

#info{
    background-image: url("//gf1.geo.gfsrv.net/cdnfd/78c6cb56f35935437441ff6dce6827.png");
}

#info {
    background-repeat: no-repeat;
    height: 152px;
    margin: 0 auto;
    position: relative;
    background-position: bottom;
}

/* =Ressourcen im header */

#info .textlabel,
#statistics .buttons span.textLabel {
    height:1px;
    left:-9999px;
    overflow:hidden;
    position:absolute;
    width:1px;
}

.techtree  .textlabel {
    height:1px;
    left:-9999px;
    overflow:hidden;
    position:absolute;
    width:1px;
}

.highscore_table {
    width:140px;
    text-align:left;
}

.highscore_one {width:115px;}
.highscore_two {width:25px;}

#info li .value {
    color:#a6b8cb;
    font: normal 9px/11px Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
}


.value font {font-size:9px;}


ul#resources {  list-style-type: none;}

#info ul#resources li {
    position:absolute;
    height: 47px;
    top: 34px;
    width: 64px;
    text-align: center;
}
ul#resources .resourceIcon,
#info ul#resources li img {
    margin: 0 8px 2px 8px;
    width: 48px;
    height: 32px;
}

#info ul#resources li img { margin-bottom: 0; }

#info ul#resources li.metal {left: 232px;}
#info ul#resources li.crystal {left: 334px;}
#info ul#resources li.deuterium {left: 436px;}
#info ul#resources li.darkmatter {left: 539px;}
#info ul#resources li.energy {left: 641px;}

#info ul#resources li.darkmatter a {
    display: block;
    height: 32px;
    text-decoration: none;
}


/* ****************** Contentbox small (width = 1/3) ************************ */

.content-box-s {
    margin:0 0 5px 1px;
    /*margin:0px 0px 5px 0px;*/
    width:222px;
    float:left;
    overflow:hidden;
}

.content-box-s .header {
    background:url("//gf1.geo.gfsrv.net/cdnfe/b9de2f5b06c823d628d22c4067ee35.gif") no-repeat;
    height:32px;
    font-size:11px;
}

.content-box-s .content {
    background:url("//gf3.geo.gfsrv.net/cdnea/bd764e9b39a1a48ad708039fda1bde.gif") repeat-y;
    padding:0 15px;
}

.content-box-s  p {  padding:5px 20px;}

.content-box-s .footer {
    background:url("//gf3.geo.gfsrv.net/cdn23/174d5c09f617701fcaf1664a414869.gif") no-repeat;
    height:21px;
    margin-top: -8px;
}

div.content-box-s .header h3 {
    color:#6F9FC8;
    font-size:11px;
    font-weight:700;
    padding-top: 10px;
    width:222px;
    text-align:center;
}

/* *********************** Contentboxes ************************************* */
.contentbox {
    margin: 0 3px 0 2px;
}

/* The selector #buttonz can be removed when all other uses of it on content boxes
   have been fixed */
#buttonz .contentbox .header .c-left,
#buttonz .contentbox .header .c-right,
#buttonz .contentbox .header,
#buttonz .contentbox .footer,
#buttonz .contentbox .footer .c-left,
#buttonz .contentbox .footer .c-right,
.contentbox .header .c-left,
.contentbox .header .c-right,
.contentbox .header,
.contentbox .footer,
.contentbox .footer .c-left,
.contentbox .footer .c-right {
    background-image: url("//gf3.geo.gfsrv.net/cdn8b/191d6af9367f608bbee2743866c489.png");
    background-repeat: repeat-x;
    background-position: 0 -1px;
}
#buttonz .contentbox .header,
.contentbox .header {
    height: 30px;
    line-height: 30px;
    position: relative;
}

#buttonz .contentbox .header .c-left,
#buttonz .contentbox .header .c-right,
.contentbox .header .c-left,
.contentbox .header .c-right {
    height: 30px;
    position: absolute;
    top: 0;
    width: 35px;
}
#buttonz .contentbox .header .c-left,
.contentbox .header .c-left {
    background-position: 0 -33px;
    left: -2px;
    right: auto;
}

#buttonz .contentbox .header .c-right,
.contentbox .header .c-right {
    background-position: 100% -66px;
    left: auto;
    right: -2px;
}

#buttonz  .contentbox .content,
.contentbox .content {
    border-left: 5px double #000;
    border-right: 5px double #000;
    background: #0d1014;
    margin: 0 2px;
    position: relative;
    z-index: 2;
}

#buttonz .contentbox .footer,
.contentbox .footer {
    background-position: 0 -100px;
    height: 21px;
    position: relative;
    bottom: 5px;
    left: 7px;
}
#buttonz .contentbox .footer .c-left,
#buttonz .contentbox .footer .c-right,
.contentbox .footer .c-left,
.contentbox .footer .c-right {
    height: 21px;
    position: absolute;
    top: 0;
    width: 35px;
}
#buttonz .contentbox .footer .c-left,
.contentbox .footer .c-left {
    background-position: 0 -125px;
    left: -8px;
    right: auto;
}
#buttonz .contentbox .footer .c-right,
.contentbox .footer .c-right {
    background-position: 100% -150px;
    left: auto;
    right: -8px;
}


/* ****************** Menu ************************************************** */
#links .leftmenu a,
#links .leftmenu a:link,
#links .leftmenu a:visited {
    color:#767f88;
    display:block;
    font: bold 11px/25px verdana, arial, helvetica, sans-serif;
    text-decoration:none;
}

#links .leftmenu li {
    height: 29px;
    list-style:none;
    float:left;
    width: 176px;
    padding:0;
    margin:0;
}

#links .leftmenu li span.menu_icon {
    float:right;
    width:38px;
}


#links .leftmenu a.menubutton:link,
#links .leftmenu a.menubutton:visited,
.no-touch #links .leftmenu a.menubutton:hover,
#links .leftmenu a.menubutton:active {
    background: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -374px -258px no-repeat;
    height: 29px;
    text-align:center;
    line-height:25px;
    width: 136px;
}
.no-touch #links .leftmenu a.menubutton:hover,
#links .leftmenu a.menubutton:active {
    color: #fff;
}
#links .leftmenu a.menubutton.validationNeeded {
    color: #AA3131;
}
.no-touch #links .leftmenu a.menubutton.validationNeeded:hover {
    color: #F33C3C;
}
.no-touch #links .leftmenu a.menubutton:hover,
#links .leftmenu a.menubutton:active{background-position: -374px -287px;}

#links .leftmenu li a.selected:link,
#links .leftmenu li a.selected:visited,
.no-touch #links .leftmenu li a.selected:hover,
#links .leftmenu li a.selected:active {
    background: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -374px -287px no-repeat;
    color:#fff;
}

.lang-gr #links .leftmenu li .officers {
    font-size: 10px;
}

/* =Mitte */

#planet {
    background-repeat: no-repeat;
    height: 300px;
    margin: 0 auto 3px auto;
    position: relative;
    width: 654px;
    z-index: 1;
}

#planet-rewards {
    background-repeat: no-repeat;
    height: 250px;
    margin: 0 auto 3px auto;
    position: relative;
    width: 654px;
    z-index: 1;
}


#planet p {white-space:normal;}

#planet .planetNameOverview {
    margin:0 3px 0 0;
    float:left;
    overflow:hidden;
    white-space:nowrap;
}

#planetNameHeader {
    max-width: 330px;
    width: expression(document.body.clientWidth > 305? "305px": "auto");
    float:left;
    overflow:hidden;
    margin:0 5px 0 0;
    white-space:nowrap;
    text-overflow: ellipsis;
}

.openPlanetrenameGiveupBox img {margin:3px 0 0 0;}

/* ********************* Content Header: Short ****************************** */
#planet.shortHeader  {
    background-color: transparent;
    background-repeat: no-repeat;
    height: 40px !important;
    position: relative;
    width: 654px;
}

#messages #planet.shortHeader { background-image: url("//gf1.geo.gfsrv.net/cdnf0/969c4e267c1a550aad41b8fd1debe4.jpg"); }
#chat #planet.shortHeader { background-image: url("//gf2.geo.gfsrv.net/cdn47/c02c34215b665f753ae3e062c680d9.jpg"); }

#resourceSettings #planet.shortHeader { background-image: url("//gf2.geo.gfsrv.net/cdn47/8a1aa7b42b1d117d9ebb04c97b6d6d.jpg"); }
#movement #planet.shortHeader { background-image: url("//gf1.geo.gfsrv.net/cdn33/9b0237402cdb812513f8a513a7d8e3.jpg"); }
#tutorial #planet.shortHeader { background-image: url("//gf1.geo.gfsrv.net/cdn07/4641cd55cd998ab2f71757c7c0fd9d.jpg"); }
#tutorial #planet.header {
    background-image: url("//gf1.geo.gfsrv.net/cdn6a/c327b61947d90cd101150fa9143341.jpg");
    height: 250px;
}
#netz #planet.shortHeader { background-image: url("//gf3.geo.gfsrv.net/cdn8d/29ebfe0c3f1c5000219cdd3325bed4.jpg"); }

#planet.shortHeader .toggleHeader,
#planet .toggleHeader {
    background: none;
    height: 22px;
    line-height:normal;
    position:absolute;
    right:5px;
    top:5px;
    width: 23px;
    z-index:40;
}

#planet .toggleHeader {
    right:13px;
    top:8px;
}

#planet .toggleHeader {background: url("//gf1.geo.gfsrv.net/cdn0b/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 -22px;}


#header_text h2 {
    color:#fff;
    font: bold 18px/22px Verdana, Arial, Helvetica, sans-serif;
    height: 22px;
    margin:0 0 0 144px;
    overflow:hidden;
    padding-top:7px;
    white-space: nowrap;
    width: 470px;
    text-overflow: ellipsis;
    text-align: left;
}

#planet h2 a:link,
#planet h2 a:visited,
.no-touch #planet h2 a:hover,
#planet h2 a:active {
    color:#fff;
    text-decoration:none;
    float:left;
    width: 490px;
}

#planet h2 a img.hinted {
    filter:alpha(opacity=30);
    -moz-opacity:0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}

/* Planetdata */

#planetdata {
    width:365px;
    font-size:11px;
    height: 123px;
    margin: 106px 2px 0 0;
    position: relative;
    white-space:inherit;
}
#planetdata .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #141E26;
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
    -moz-border-radius:7px 0 0 7px;
    -webkit-border-radius:7px 0 0 7px;
    -khtml-border-radius:7px 0 0 7px;
    border-radius:7px 0 0 7px;
}

.ui-dialog .ui-dialog-content.overlayDiv, #popupContent.overlayDiv, .bbcodepreview.showAtallianceBroadcast {
    background: #000000 url("//gf2.geo.gfsrv.net/cdn4e/d07c90d96bbc823d6d53953a94aacb.jpg") -100px -100px no-repeat;
}

div#planetDetails table {
    z-index: 2;
    position: absolute;
}
div#planetOptions {
    z-index: 2;
    position: relative;
    height: 20px;
    margin: 2px;
}

div#planetDetails {
    height: 100px;
}

.planetMoveGalaxyCooldown {
    line-height:17px;
}

.planetMoveOk,
.planetMoveDefault,
.planetMoveBreakup,
.planetMoveInactive {
    margin-right:0;
    font-weight:bold;
}
#moveCountdown{
    width:80px;
    height:17px;
    line-height:17px;
    margin-left: 2px;
    float:left;
}

.planetMoveOverviewGivUpLink,
.planetMoveOverviewMoveLink {
    padding:0 5px;
    line-height:17px;
    height:17px;
}

.planetMoveDefault {
    background-position: -51px !important;
}

.planetMoveBreakup {
    background-position: -17px !important;
}

.planetMoveOk {
    background-position: -34px !important;
}

.planetMoveInactive{
    background-position: -68px !important;
}

.planetMoveOverviewGivUpLink,
.planetMoveGiveUp,
#planetdata {
    float:right;
}
.cancelMove img {
    float: left;
}

.planetMoveBreakup,
.planetMoveDefault,
.planetMoveOverviewMoveLink,
.colonize-active,
.colonize-inactive {
    /*float:left;*/
}



#planetOptions .planetMoveBreakup,
#planetOptions .planetMoveInactive,
#planetOptions .planetMoveOk {
    float:left;
}

.colonize-active,
.colonize-inactive,
.planetMoveOk,
.planetMoveDefault,
.planetMoveBreakup,
.planetMoveInactive,
.settings {
    /*margin: 1px 0 3px 2px;*/
}
.settings{
    margin-right:2px;
}

.colonize-active{
    background-position: -102px !important;
}

.colonize-inactive{
    background-position: -119px !important;
}

#planetdata td{ padding:2px 5px;}

#planetdata .date { font-weight:700 ;}

#planetdata .date, td.desc { color: #6F9FC8;}
#planetdata td.desc { font-weight: 700;}

#planetdata .data { text-align:right;}

#planetdata a:link,
#planetdata a:visited,
.no-touch #planetdata a:hover,
#planetdata a:active {
    color:#fff;
    cursor:pointer;
    text-decoration:none;
}

.no-touch #planetdata a:hover {text-decoration:underline;}

/* =Mond */

#overview #planet #moon {
    left:30px;
    position:absolute;
    top:15px;
}
#overview #planet #planet_as_moon {
    left:0;
    position:absolute;
    top:0;
}

#overview #planet #moon img {
    width: 109px;
    height: 109px;
}

#overview #planet #planet_as_moon img {
    width: 135px;
    height: 154px;
}

/* =Ecken */

.c-left, .c-right {
    height:39px;
    width:28px;
    position:absolute;
    top:264px;
    z-index: 0;
}
.c-left {
    background:url("//gf3.geo.gfsrv.net/cdn8b/e7a3f8489bd4c9c45d14851020c656.gif") no-repeat;
    left: 0;

}

.c-right {
    background:url("//gf2.geo.gfsrv.net/cdnd8/7c3b7bb7038a638e9c122542398514.gif") no-repeat;
    left: 642px;
}

/* Planeten rechts */

#selectedplanet {
    display:none;
    left: 866px;
    position: absolute;
    top: 19px;
}

#selectedPlanetName {
    display:none;
    color:cyan;
    height:16px;
    left:866px;
    position:absolute;
    top:121px;
    font-size:11px;
    width:130px;
}

/* Boxen mitte */

/* In Bau */

/*#inhalt .content-box-s {    margin:5px 1px 1px 0px;}*/
#pageContent .content-box-s .content {
    min-height:46px;
    height:auto !important;  /* für moderne Browser */
    height: 46px;
    padding-top: 2px;
    position:relative;
}

#pageContent .content-box-s .content td.idle {
    padding:10px 0;
    text-align:center;
    width:177px;
}

#pageContent .content-box-s .content td.idle a:link,
#pageContent .content-box-s .content td.idle a:visited,
#pageContent .content-box-s .content td.idle a:active {
    display:block;
    color:#fff;
    text-decoration:none;
}

.no-touch #pageContent .content-box-s .content td.idle a:hover { text-decoration:underline;}

#pageContent .content-box-s .content table.construction {
    margin: 0;
    padding: 3px;
    font-size:11px;
}
#pageContent .content-box-s .content table.construction.active {
    background: #171d23; /* Old browsers */
    background: -moz-linear-gradient(top,  #171d23 0%, #101419 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171d23), color-stop(100%,#101419)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #171d23 0%,#101419 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #171d23 0%,#101419 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #171d23 0%,#101419 100%); /* IE10+ */
    background: linear-gradient(top,  #171d23 0%,#101419 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d23', endColorstr='#101419',GradientType=0 ); /* IE6-9 */

    border: 1px solid #171d23;
    -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px; /* FF1-3.6 */
    border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
;
    width: 100%;
}

#pageContent .content-box-s .content table.queue {
    margin-top: 5px;
}
/* Premium: cut cosntruction time in half */
#pageContent .content-box-s .transport_ecke {
    background: url("//gf3.geo.gfsrv.net/cdn5d/ae6b67d617f5b4a9ad508219ca02b8.png");
    margin: 0 0  -18px 0;
    padding: 1px 5px 2px 0;
    position: relative;
    text-align: right;
    top: -16px;
    width: 35px;
}
#pageContent .content-box-s .build-faster {
    color: #fff;
    float: left;
    margin: 12px 0 5px 4px;
    width: 176px;
}

#pageContent .content-box-s .build-faster-img,
#pageContent .content-box-s .build-finish-img {
    background: url("//gf1.geo.gfsrv.net/cdncd/f67f646a967bc6e4f54dcfcc2c3f2b.png") -25px 0 no-repeat;
    float: left;
    height: 25px;
    margin: 1px 7px 0 7px;
    width: 25px;
}

#pageContent .content-box-s .order_dm {
    margin-left: 7px;
}

#pageContent .content-box-s .build-faster.disabled .build-faster-img { background-position: -25px -50px;}
#pageContent .content-box-s .build-finish-img { background-position: 0 0;}
#pageContent .content-box-s .build-faster.disabled .build-finish-img { background-position: 0 -50px;}

#pageContent .content-box-s .dm_cost,
#pageContent .content-box-s .buy_dm{
    color:#848484;
    display: inline-block;
}
#pageContent .content-box-s .dm_cost .oldPrice{
    text-decoration: line-through;
    font-style: italic;
}

img.queuePic {
    border:1px solid #141E26;
    border-radius:3px;
}
a:hover img.queuePic { border-color: #E7AE46;}

#pageContent .content-box-s .construction .first {  padding-left:0; padding-top:8px;  position: relative; width: 43px;}
#pageContent .content-box-s .construction .first div {
    position: relative;
    text-align: center;
}
#pageContent .content-box-s .construction .data .desc {
    padding-left:12px;
    width: 130px;
    vertical-align: middle;
}
#pageContent .content-box-s .construction .data .timer { color:#fff;}
#pageContent .content-box-s .construction .data .ausbau { padding-top:8px;}
#pageContent .content-box-s .level {    color:#a26d00;}

#pageContent .content-box-s .construction .data .timeProdShip {    padding-top:5px; }
#pageContent .content-box-s .construction .data .timeProdAll {     padding:5px 0 0 12px; }

#pageContent .content-box-s .construction .data .timeProdAll .shipAllCountdown,
#pageContent .content-box-s .construction .data .timeProdShip .shipCountdown {
    color:#fff;
    font-weight: 700;
}

#pageContent .content-box-s .content  table.construction tr.queue td {
    color:#848484;
    padding:4px 0;
    text-align:center;
    width:40px;
}

#pageContent .content-box-s .queue_link {
    color: #fff;
    display: block;
    font-size: 11px;
    margin: 0 2px;
    text-align: center;
    text-decoration: none;
    width: 32px;
}


/* @TODO-merge REMOVE CSS BELOW */
/* Offiziere */

#officers {
    height:32px;
    left: 769px;
    position:absolute;
    text-align:left;
    top:40px;
}

#officers a:link,
#officers a:visited,
.no-touch #officers a:hover,
#officers a:active {
    margin-right: 0;
    text-decoration:none;
    display: inline-block;
    height: 32px;
    width: 32px;
}

#officers.one, #officers.all {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid black;
    padding: 3px;
    top: 32px;
    left: 765px;
}

#officers.one {
    border-color: #80868F;
}
#officers.all {
    border-color: #E7AE46;
}

/********************************************************
************* =VERSORGUNG ********************************
********************************************************/

/********************************************************
************* =COMMON #buttonz BOX STYLES *******************
********************************************************/
#buttonz,
#fleet3 #sendfleet {
    background: none;
    min-height: 150px;
    margin: 0 auto 1px auto;
    width: 670px;
}

#fleet3 #sendfleet { margin: 13px auto 10px auto; }

#eventHeader,
#buttonz .header,
#sendfleet .header,
.header .c-left,
.header .c-right {
    background-image: url("//gf1.geo.gfsrv.net/cdn63/10e31cd5234445e4084558ea3506ea.gif");
    background-repeat: no-repeat;
}
#eventHeader,
#buttonz .header,
#sendfleet .header {
    height: 28px;
    position: relative;
}

#buttonz .content,
#fleet3 #sendfleet .content {
    background: url("//gf1.geo.gfsrv.net/cdn03/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    margin: 0 0 20px 0;
    min-height: 115px;
    padding: 10px 0 0;
    position: relative;
}

#buttonz .footer,
#fleet3 #sendfleet .footer {
    background: url("//gf3.geo.gfsrv.net/cdnbe/997fd607a76c0b713e24cb7f2d41f5.png") no-repeat;
    bottom: -20px;
    height: 50px;
    left: 0;
    margin: 0 0 1px 0;
    position: absolute;
    width: 667px;
    z-index: 1;
}

.detailsClosed .toggleDetails { background: url("//gf2.geo.gfsrv.net/cdn10/de1e5f629d9e47d283488eee0c0ede.gif") no-repeat; }
.detailsOpened .toggleDetails { background: url("//gf3.geo.gfsrv.net/cdnb6/577565fadab7780b0997a76d0dca9b.gif") no-repeat; }

#eventContent .toggleDetails {
    width: 18px;
}

#buttonz h2,
#fleet3 #sendfleet h2,
#movement h3 a,
#statistics h3,
#highscoreContent h2 { text-align:center; }

#buttonz ul#building {
    width:640px;
    height:100px;
    margin:11px auto 0 17px;
    position:relative;
    z-index: 2;
}
#premium #buttonz ul#building { height: 130px; }

#buttonz ul#building li {
    width:100px;
    height:100px;
    background-repeat:no-repeat;
    top:0;
    position:relative;
    float: left;
    margin-right: 6px;
    list-style-type:none;
}

#buttonz ul#building li a.detail_button:link,
#buttonz ul#building li a.detail_button:visited {
    display:block;
    height:100px;
    width:100px;
    background:url("//gf2.geo.gfsrv.net/cdn47/7b21b8753bdabe14aae95ae7a093a7.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}

.no-touch #buttonz ul#building li a.detail_button:hover,
#buttonz ul#building li a.active {
    background:url("//gf3.geo.gfsrv.net/cdn53/ce2e012805bae16d3bc0967600eb58.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}

#rechts .planet-koords {top: 22px;}

#rechts #norm .planet-koords {
    font-size: 11px;
    left:auto;
    position: static;
    top:auto;
}

#premium #buttonz ul#building li a.detail_button:link,
#premium #buttonz ul#building li a.detail_button:visited {
    display:block;
    height:100px;
    width:100px;
    background:url("//gf2.geo.gfsrv.net/cdn47/7b21b8753bdabe14aae95ae7a093a7.gif") no-repeat;
    text-decoration:none;
}

.no-touch #premium #box #buttonz ul#building li a.detail_button:hover,
#premium #box #buttonz ul#building li a.active {
    background:url("//gf3.geo.gfsrv.net/cdn53/ce2e012805bae16d3bc0967600eb58.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}

#premium ul#building span.ecke {
    position:relative;
    float:left;
    top:85px;
    left:10px;
    width:80px;
    text-align:right;
}

/**************Construction*************************/
/**************Gebäude*************************/
#buttonz ul#building li div.construction a:link,
#buttonz ul#building li div.construction a:visited,
#buttonz ul#building li div.construction a:active {
    display:block;
    height:100px;
    width:100px;
    background:url("//gf1.geo.gfsrv.net/cdncc/0349d693b02c1927643248e4167cf8.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
    position: absolute;
    z-index: 3;
}
.no-touch #buttonz ul#building li div.construction a:hover,
#buttonz ul#building li div.construction a.active {
    background:url("//gf1.geo.gfsrv.net/cdn91/9c93d3dba7052ea7fd1758007e7959.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}

/**************Lager*************************/

#buttonz ul#storage li div.construction a:link,
#buttonz ul#storage li div.construction a:visited,
#buttonz ul#storage li div.construction a:active,
#buttonz ul#den li div.construction a:link,
#buttonz ul#den li div.construction a:visited,
#buttonz ul#den li div.construction a:active {
    display:block;
    height:80px;
    width:80px;
    background:url("//gf1.geo.gfsrv.net/cdn6c/3c8fe32d22e51f7062901085f2fc12.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
    position: absolute;
    z-index: 2;
}
.no-touch #buttonz ul#storage li div.construction a:hover,
    /*#buttonz ul#storage li div.construction a:focus,*/
#buttonz ul#storage li div.construction a.active,
.no-touch #buttonz ul#den li div.construction a:hover,
    /*#buttonz ul#storage li div.construction a:focus,*/
#buttonz ul#den li div.construction a.active{
    background:url("//gf2.geo.gfsrv.net/cdn49/33b48c5ab13019eec2b94d04e3e5b0.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}



/* ******************** Station Images ************************************** */
#buttonz ul#building div.buildingimg {
    background-image: url("//gf3.geo.gfsrv.net/cdn5b/487c865a747af81fdeb8e06cbfe987.png");
    background-repeat:no-repeat;
}

/* Metallmine */
#buttonz ul#building li.on div.supply1 div.buildingimg { background-position: -100px 0; }
#buttonz ul#building li.disabled div.supply1 div.buildingimg { background-position: -100px -100px; }
#buttonz ul#building li.off div.supply1 div.buildingimg { background-position: -100px -200px; }

/* Metallmine */
#buttonz ul#building li.on div.supply2 div.buildingimg { background-position: -400px 0; }
#buttonz ul#building li.disabled div.supply2 div.buildingimg { background-position: -400px -100px; }
#buttonz ul#building li.off div.supply2 div.buildingimg { background-position: -400px -200px; }

/* Deuteriumsynthetisierer */
#buttonz ul#building li.on div.supply3 div.buildingimg { background-position: -300px 0; }
#buttonz ul#building li.disabled div.supply3 div.buildingimg { background-position: -300px -100px; }
#buttonz ul#building li.off div.supply3 div.buildingimg { background-position: -300px -200px; }

/* Solarkraftwerk */
#buttonz ul#building li.on div.supply4 div.buildingimg { background-position: -200px 0; }
#buttonz ul#building li.disabled div.supply4 div.buildingimg { background-position: -200px -100px; }
#buttonz ul#building li.off div.supply4 div.buildingimg { background-position: -200px -200px; }

/* Fusionskraftwerk */
#buttonz ul#building li.on div.supply12 div.buildingimg { background-position: 0 0; }
#buttonz ul#building li.disabled div.supply12 div.buildingimg { background-position: 0 -100px; }
#buttonz ul#building li.off div.supply12 div.buildingimg { background-position: 0 -200px; }

/* Solarsatellit */
#buttonz ul#building li.on div.supply212 div.buildingimg { background-position: -500px 0; }
#buttonz ul#building li.disabled div.supply212 div.buildingimg { background-position: -500px -100px; }
#buttonz ul#building li.off div.supply212 div.buildingimg { background-position: -500px -200px; }


/* *****************************************************************************
   DETAILSCREEN (techDetails_ajax.tpl.php)
***************************************************************************** */

div.detail_screen {
    background-repeat:no-repeat;
    height:300px;
    width:654px;
    background-image:url("//gf1.geo.gfsrv.net/cdn95/dab435e02e060b479363268ca63b0e.gif");
    z-index:10;
    display:none;
    margin:0;
    position:absolute;
    top: 0;
}

div.detail_screen.small {background-image:url("//gf1.geo.gfsrv.net/cdn99/5368907a3fd41c0a3a5bbf077fb24b.gif");   }

.detail_screen #pic ul { list-style-type: none;}
.detail_screen #pic .textLabel {
    position: absolute;
    text-indent: -9999px;
}

.detail_screen #content {
    width:450px;
    height:200px;
    overflow:hidden;
    float:left;
}

#planet .detail_screen #content h2 {
    font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
    color: #d29d00;
    display: inline-block;
    float: left;
    height: 22px;
    margin: 0 0 0 25px;
    overflow: hidden;
    padding-top: 0;
    width: auto;
}
.detail_screen #content .level {
    color: #D29D00;
    float: right;
    font-size: 11px;
    line-height: 22px;
    height: 22px;
    text-align: center;
}

.detail_screen #wrapper {
    color:#848484;
    font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
    margin-top:30px;
    padding-left:17px;
}


.detail_screen #action li.techtree,
.detail_screen #action li.demolish {top:20px;}

.production_info {
    color: #848484;
    font-size: 11px;
    height: 76px;
    width: 430px;
    position: relative;
    list-style: none;
    padding: 12px 0 0 11px;
    line-height: 20px;
}

.production_info.narrow {
    width: 220px;
}

#research .detail_screen #action .demolish { left: 316px; }
#shipyard .detail_screen #action li.demolish {  top: 0; left: 316px; }
#defense .detail_screen #action li.demolish {
    top: 0;
    left: 315px;
}

li span.time,
#possibleInTime a:link,
#possibleInTime a:visited,
#buildDuration a:link,
#buildDuration a:visited,
.no-touch  #possibleInTime a:hover {
    color: #fff;
    font-weight: bold;
}

.demolish_img,
.demolish_img_disabled,
.abort_link,
.techtree_img,
.techtree_img_disabled {
    background:transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -143px 0 no-repeat;
}

.techtree_img { background-position: -143px -0px }
.techtree_img_disabled { background-position: -143px -64px }

.abort_link { background-position: -175px 0; }

.demolish_img { background-position: -310px -220px; }
.demolish_img_disabled { background-position: -310px -284px; }

.demolish_img,
.demolish_img_disabled {
    height: 32px;
    margin: 0 auto;
    width: 64px;
}

.demolish_link {
    height: 50px;
    min-width: 64px;
    position: absolute;
    right: 11px;
    text-align: center;
    text-decoration: none;
    top: 40px;
}

.t_Tooltip .demolishinfo .costReduction { display: none; }

.abort_link {
    width:32px;
    height:32px;
    position:absolute;
    bottom: 0;
    right: 0;
}

.techtree_link {
    background: url(//gf3.geo.gfsrv.net/cdn5b/ee9f92c2d5f2eff53bb638188c0a2b.png) repeat;
    bottom: 0;
    font-size: 11px;
    height: 50px;
    left: 0;
    min-width: 50px;
    padding: 2px;
    position: absolute;
    text-decoration: none;
}

.techtree_link:active {
    background: url(//gf1.geo.gfsrv.net/cdn64/80c1411bc20f8f5e4793cfef0d44c2.png) repeat;
    color: #fff;
}
.techtree_img,
.techtree_img_disabled {
    height: 32px;
    margin: 3px auto 1px auto;
    width: 32px;
}

.enter {
    height: 85px;
    position: absolute;
    right: 0;
    top: 25px;
    width: 217px;
}

.enter .amount {
    color: #848484;
    font-size: 11px;
    margin: 12px 0 7px 3px;
}

.enter .amount_input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 35px;
    text-align: center;
    width: 95px;
}

.maxlink_wrap {
    background-color: #111a24;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    width: 204px;
}

a#maxlink {
    background-color: #222f3d;
    border-radius: 0 3px 3px 0;
    color: #fff;
    display: table-cell;
    font-size: 11px;
    margin: 0 0 0 98px;
    text-align: center;
    text-decoration: none;
    width: 100px;
    left: 0;
    position: relative;
    vertical-align: middle;
    height: 35px;
}

a#maxlink:hover {
    color: #fff;
    text-decoration: underline;
}

.maxlink_arrow {
        border-top: 17.5px solid transparent;
        border-bottom: 17.5px solid transparent;
        border-right: 17.5px solid #222f3d;
        float: left;
        height: 0;
        width: 0;
}

a.abortNow {
    background:transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -208px -71px no-repeat;
    height: 15px;
    position:absolute;
    width: 15px;
    right: 1px;
    bottom: 3px;
}

/* *********************** Costs ******************************************** */
.costs_wrap {
    color: #848484;
    float: left;
    font-size: 11px;
    line-height: 14px;
    padding: 0 0 0 11px;
    width: 226px;
}
.costs_wrap .costs_info {
    display: table-cell;
    height: 28px;
    vertical-align: bottom;
}

#costs {
    float: left;
    height: 60px;
    width: 300px;
    margin: 5px 0 0 -11px;
}

#costs li {
    float: left;
    text-align: center;
    width: 70px;
}
#costs .resourceIcon { margin: 0 11px 3px 11px; }

.build-it_wrap {
    float: right;
    margin: 0 8px 0 0;
}
a.build-it,
a.build-it_disabled {
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") 0 0 no-repeat;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: bold;
    height: 54px;
    text-decoration: none;
    text-align: center;

    float: right;
}

a.build-it > span,
a.build-it_disabled > span{
    display: inline-block;/* ie fix */
    display: table-cell;
    vertical-align: middle;
    width: 143px;
    height: 54px;
}

a.build-it_disabled {
    color:#848484;
}

.no-touch a.build-it:hover,
a.build-it:active {
    background-position: 0 -54px;
    color: #fff;
}

a.build-it_disabled {
    background-position: 0 -108px;
    cursor: default;
}

.no-touch a.build-it_disabled:hover,
a.build-it_disabled:active { background-position: 0 -108px; }

.premium_info {
    color: #848484;
    font-size: 11px;
    height: 14px;
    margin: 14px 0 2px 0;
    width: 204px;
}
.premium_info_placeholder { height: 28px; }

button.build-it_premium {
    background: transparent url("//gf1.geo.gfsrv.net/cdnfc/35658d707df040ae66b71215d187c1.png") 0 0 no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    height: 52px;
    padding: 0 0 0 40px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    width: 204px;
}
button.build-it_premium:hover,
button.build-it_premium:active {
    background-position: 0 -52px;
    color: #fff;
}

/* *********************** promotionCountdown Box *************************** */
div#promotionCountdownBox a{
    color: white;
    text-decoration: none;
    font: 11px Verdana,Arial,Helvetica,sans-serif;
    width: 150px;
    text-align: center;
    background: #13181D;
    background: #171d23; /* Old browsers */
    background: -moz-linear-gradient(top,  #171d23 0%, #101419 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171d23), color-stop(100%,#101419)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #171d23 0%,#101419 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #171d23 0%,#101419 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #171d23 0%,#101419 100%); /* IE10+ */
    background: linear-gradient(top,  #171d23 0%,#101419 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171d23', endColorstr='#101419',GradientType=0 ); /* IE6-9 */

    border: 1px solid #3F3D13;
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 5px; /* FF1-3.6 */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    padding: 5px;
    display: block;
}
.no-touch div#promotionCountdownBox a:hover {
    background: #1C2934;
    background: -moz-linear-gradient(top, #1C2934 0%, #273847 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C2934), color-stop(100%,#273847));
    background: -webkit-linear-gradient(top, #1C2934 0%,#273847 100%);
    background: -o-linear-gradient(top, #1C2934 0%,#273847 100%);
    background: -ms-linear-gradient(top, #1C2934 0%,#273847 100%);
    background: linear-gradient(top, #1C2934 0%,#273847 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c2934', endColorstr='#273847',GradientType=0 );
}
div#promotionCountdownBox a span {
    display: block;
}

div#promotionCountdownBox a.build-it {
    position: static;
    font-weight: bold;
    margin: auto;
}

div#promotionCountdownBox a.build-it span {
    padding-top: 12px;
}

#promotionCountdown {
    text-align: center;
    font-size: 20px;
    color: gold;
}

/* *********************** Storage Capacity Box ***************************** */
#description .capacity_display {
    background-color: #1f2b36;
    float: left;
    height: 52px;
    line-height: 18px;
    margin: 0 0 3px 0;
    text-align: center;
    width: 200px;
}
#description .bar_container {
    margin: 2px auto;
    width: 160px;
}

#description .fill_capacity_info {
    background-color: #293742;
    float: left;
    height: 52px;
    width: 447px;
}
/* *********************** Description Box ********************************** */
#description {
    color: #848484;
    font-size: 11px;
    height: 90px;
    line-height: 130%;
    margin: 3px 0 0 4px;
    width: 647px;
}

#description .txt_box { padding: 0 0 0 3px; }
#description .txt_box.tech_den { margin: 0 0 0 200px; }

#description .description_txt {
    overflow: hidden;
    margin: 0 0 0 20px;
    padding: 0 2px;
}

#description .arrow_description {
    background: url(//gf3.geo.gfsrv.net/cdn86/bd821d798d0f2d4829d382a0c10c5d.png) no-repeat;
    float: left;
    height: 52px;
    margin: 0 25px 0 0;
    width: 25px;
}

#description .info_txt {
    display: table-cell;
    height: 52px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    width: 250px;
}

a.help {
    display: block;
    float: left;
    height: 18px;
    margin: 2px 5px 0 0;
    width: 18px;
}

#fleet1 a.help {
    margin: 5px 5px 0 0;
}
#alliance a.help {
    margin: 0 5px 0 0;
    float: right;
}

a.help,
a.help:link,
a.help:visited { background: transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -207px -34px no-repeat; }
a.help:active,
a.help:focus { background-position: -207px -34px; }


#description .btn { margin: 7px 8px; }

/* *********************** Breakrocket Box ********************************** */
#description .icon_break_rocket { margin: 0 10px -3px 0; }


/* *****************************************************************************
   DETAILSCREEN OVERLAY - BUY RESOURCES WITH PREMIUM
***************************************************************************** */
.buyResourceBody {
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    margin: 0;
    min-height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 450px;
}

.choices_info {
    border-bottom: 1px solid #000;
    padding: 5px 25px;
}

.choices {
    border-top: 1px solid #2c3845;
    padding: 20px 25px;
}


/***********************************************************************
************** =Lager   *************************************************
************************************************************************/

ul#storage {
    background:url("//gf2.geo.gfsrv.net/cdn48/d17eb1cd5358276dc2c2088cc3527c.gif") no-repeat;
    height:80px;
    list-style:none;
    margin:0 0 0 17px;
}

ul#storage div.buildingimg,
ul#den div.buildingimg {background: url("//gf3.geo.gfsrv.net/cdnb8/531cbd50e73d768fe04c42dfdf2cee.jpg") no-repeat;}

/* Metallspeicher */
ul#storage li.on div.supply22 div.buildingimg {background-position: 0 0;}
ul#storage li.disabled div.supply22 div.buildingimg {background-position: 0 -80px;}
ul#storage li.off div.supply22 div.buildingimg {background-position: 0 -160px;}

/* Kristallspeicher */
ul#storage li.on div.supply23 div.buildingimg {background-position: -80px 0;}
ul#storage li.disabled div.supply23 div.buildingimg {background-position: -80px -80px;}
ul#storage li.off div.supply23 div.buildingimg {background-position: -80px -160px;}

/* Deuteriumtank */
ul#storage li.on div.supply24 div.buildingimg {background-position: -160px 0;}
ul#storage li.disabled div.supply24 div.buildingimg {background-position: -160px -80px;}
ul#storage li.off div.supply24 div.buildingimg {background-position: -160px -160px;}

/* Metallversteck */
ul#den li.on div.supply25 div.buildingimg {background-position: -240px 0;}
ul#den li.disabled div.supply25 div.buildingimg {background-position: -240px -80px;}
ul#den li.off div.supply25 div.buildingimg {background-position: -240px -160px;}

/* Kristallversteck */
ul#den li.on div.supply26 div.buildingimg {background-position: -320px 0;}
ul#den li.disabled div.supply26 div.buildingimg {background-position: -320px -80px;}
ul#den li.off div.supply26 div.buildingimg {background-position: -320px -160px;}

/* Deuteriumversteck */
ul#den li.on div.supply27 div.buildingimg {background-position: -400px 0;}
ul#den li.disabled div.supply27 div.buildingimg {background-position: -400px -80px;}
ul#den li.off div.supply27 div.buildingimg {background-position: -400px -160px;}

ul#storage,
ul#den{
    width:330px;
    height:80px;
    margin:15px auto 0 17px;
    position:relative;
    z-index: 2;
}

ul#storage li,
ul#den li {
    width:80px;
    height:80px;
    background-repeat:no-repeat;
    top:0;
    position:absolute;
    list-style-type:none;
}

ul#storage li a:link,
ul#storage li a:visited,
ul#den li a:link,
ul#den li a:visited {
    display:block;
    height:80px;
    width:80px;
    background:url("//gf2.geo.gfsrv.net/cdn42/e3d481656bab1b216428a98a2e022e.gif") no-repeat;
    color:#FF9600;
    text-decoration:none;
}
.no-touch ul#storage li a:hover,
ul#storage li a.active,
.no-touch ul#den li a:hover,
ul#den li a.active {
    background:url("//gf2.geo.gfsrv.net/cdnad/85ac39e8f55c11b1634688f52030a6.gif") no-repeat;
    color:#FF9600;
    text-decoration:none;
}
ul#storage li a:focus,
ul#storage li a:active,
ul#den li a:focus,
ul#den li a:active {
    background:url("//gf2.geo.gfsrv.net/cdn42/e3d481656bab1b216428a98a2e022e.gif") no-repeat;
    color:#FF9600;
    text-decoration:none;
}

ul#storage li#button7 {left:0;}
ul#storage li#button8 {left:0;}
ul#storage li#button9 {left:0;}

ul#den li#button10 {left:11px;}
ul#den li#button11 {left:118px;}
ul#den li#button12 {left:225px;}



a.close_details {
    height:16px;
    width:16px;
    float: right;
    margin: 2px 0 0 5px;
}

a.close_ressources {
    position:relative;
    margin: 2px 40px 0 5px;
    top: 5px;
}

a.close_details,
a.close_details:link,
a.close_details:visited { background:transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -207px 0 no-repeat;}

a.close_details:active,
a.close_details:focus { background-position: -207px 0;}

a.close_details .textlabel {
    height:1px;
    left:-9999px;
    overflow:hidden;
    position:absolute;
    width:1px;
}

#RessLayer a.close_details,
#rocketsilo a.close_details,
#supplydepotlayer a.close_details,
#jumpgate a.close_details,
#sftcontainer a.close_details,
#feedback a.close_details {
    float:right;
    margin:3px 9px 0 0;
    display:inline; /* IE6 fix */
}

.detail_screen a.close_details {
    margin: 1px;
}

ul#building span.ecke,
ul#storage span.ecke,
ul#den span.ecke,
ul#building span.eckeoben,
ul#storage span.eckeoben,
ul#den span.eckeoben,
ul#stationbuilding span.eckeoben,
#shipyard ul li span.eckeoben,
#defense ul li span.eckeoben,
#buttonz span.eckeoben {
    width:50px;
    position:absolute;
    height:16px;
}

ul#building span.eckeoben,
ul#storage span.eckeoben,
ul#den span.eckeoben,
ul#stationbuilding span.eckeoben,
#shipyard ul li span.eckeoben,
#defense ul li span.eckeoben,
#buttonz span.eckeoben {
    position:absolute;
    float:left;
    top:2px;
    left:10px;
    width:80px;
    text-align:right;
}

#shipyard ul li span.eckeoben,
#defense ul li span.eckeoben {
    width: 59px;
}

#research ul li span.eckeoben {
    width: 76px;
    left: 0;
}


ul#storage span.eckeoben {
    left: 0;
    width:70px;
}


ul#building span.time,
ul#storage span.time,
ul#den span.time,
ul#stationbuilding span.time,
ul#military span.time,
ul#civil span.time,
ul#defensebuilding span.time,
#buttonz ul span.time {
    display:block;
    font-weight:700;
    color:#cccccc;
    font-size:11px;
    background-color:#111000;
    position:absolute;
    padding:3px 0;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    width:96px;
    top:43px;
    left:2px;
    text-align: center;
    z-index: 2;
}

ul#storage span.time,
ul#den span.time,
ul#stationbuilding span.time,
#shipyard ul span.time,
#research ul span.time,
#defense ul span.time {
    width:96px;
    top:40px;
}

ul#storage span.time {
    width:77px;
    top:30px;
}

/* needed for non-twig tech details ajax view */
.production_info li span {
    display: inline;
    background-color: transparent;
    position: inherit;
}
/* --- */

ul#building span.ecke {
    position:relative;
    float:left;
    top:85px;
    left:10px;
    width:80px;
    text-align:right;
}

#resources ul#building span.eckeoben {
    position:absolute;
    float:left;
    top:2px;
    left:10px;
    width:80px;
    text-align:right;
}

ul#storage span.ecke,
ul#den span.ecke {
    position:relative;
    float:left;
    top:65px;
    left:10px;
    width:60px;
    text-align:right;
}

ul span.level {
    color:#ff9600;
    font-size:11px;
}

span.espionageDefText {
	color:#ff9600;
}

ul span.level span.textlabel {
    height:1px;
    left:-9999px;
    overflow:hidden;
    position:absolute;
    width:1px;
}

/*
#capacity {
    float:left;
    width:150px;
    height:80px;
    margin-top:10px;
    position:relative;
}

#capacity h4 {
    color:#848484;
    font-size:11px;
    margin-top:10px;
    display:block;
    text-align:center;
    font-weight:normal;
}

#capacity .bg-capacity {
    background:url("//gf3.geo.gfsrv.net/cdn25/0de689605492a8a591d0d4f0d4e925.jpg") no-repeat;
    display:block;
    height:20px;
    width:128px;
    margin:5px auto;
}
#capacity .bar {
    width:116px;
    overflow:hidden;
    height:6px;
    display:block;
    background:url("//gf1.geo.gfsrv.net/cdnc1/52e68e94eb3c0ad2e5db0cde5794bf.gif") no-repeat -160px top;
    position:absolute;
    top:35px;
    left:17px;
}

#capacity .amount {
    color:#fff;
    font-size:11px;
    display:block;
    text-align:center;
}
#message-wrapper {
    height: 40px;
    left: 181px;
    position: absolute;
    top: 97px;
    width: 654px;
}
*/

#message_alert_box,
a#message_alert_box_default,
#messages_collapsed,
#attack_alert  {
    float:left;
}

#message_alert_box a{   background-position:0 0;}
#message_alert_box a.new {  background-position:0 13px;}

#message_alert_box,
#message_alert_box_default {
    background: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") no-repeat -438px -162px;
    color:#fff;
    display:block;
    height: 36px;
    margin:-2px 0 0 4px;
    text-decoration:none;
    width: 175px;
}

#message_alert_box_default.emptyMessage {
    background: transparent;
}

#message_alert_box span,
#message_alert_box_default span,
#message_alert_box_detault.emptyMessage span {
    color: #fff;
    display:block;
    font-size:10px;
    left:11px;
    margin-top:4px;
    overflow:hidden;
    position:absolute;
    text-align:center;
    text-decoration:none;
    top:20px;
    width:59px;
}

#message_alert_box.emptyMessage span {color:#848484;}

/* jumpgate-specific, built for standard moon selection */
#jumpgate .standard_moon_selection {
    margin-right: 8px;
    margin-top: 3px;
}
#jumpgate .thirdCol {
    margin-top: 4px;
}
.homeIcon {
    background: url(//gf2.geo.gfsrv.net/cdn7d/195289b6c88eff9d729496ed0c527a.gif) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.homeIcon:hover,.homeIcon.hover {
    background: url(//gf3.geo.gfsrv.net/cdn53/c426177e70d2bb4237757089cc8950.gif) no-repeat;
}
.openStandardMoonMenu {
    position: absolute;
    top:73px;
    left:303px;
}
/* @TODO-merge REMOVE CSS ABOVE */
/***********************************************/
/*          LINKBAR                            */
/***********************************************/

.buddie_highlight {color:#fff;}

#attack_alert {
    color:#fff;
    display:block;
    height: 37px;
    margin-left:2px;
    text-decoration:none;
    width: 55px;
}

#attack_alert.noAttack {
    visibility: hidden;
}

#attack_alert a {
    background-image: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png");
    background-repeat: no-repeat;
    display:block;
    height: 40px;
    margin: 0 0 0 5px;
    width: 62px;
}
#galaxytable #attack_alert a {
    height: 45px;
    margin: 1px 0 0 6px;
}

#attack_alert.longtime a { background-position: -490px 0; }
#galaxytable #attack_alert.longtime a { background-position: -490px -80px; }

#attack_alert.today a { background-position: -490px -40px; }
#galaxytable #attack_alert.today a { background-position: -490px -125px; }

/* #attack_alert.longtime a { background: transparent url("/cdn/img/layout/anim_alert_longtime.png") 0 0 no-repeat; }
#galaxy #attack_alert.longtime a { background: transparent url("/cdn/img/layout/anim_alert_galaxy_longtime.png") 0 0 no-repeat; }

#attack_alert.today a { background: transparent url("/cdn/img/layout/anim_alert_today.png") 0 0 no-repeat; }
#galaxy #attack_alert.today a { background: transparent url("/cdn/img/layout/anim_alert_galaxy_today.png") 0 0 no-repeat; } */

/* GIF Animation if Attack sooner than 6h: */
#attack_alert.soon a { background: transparent url("//gf2.geo.gfsrv.net/cdn4c/662c178137953a8a7c22381b9c1df5.gif") 0 0 no-repeat; }
#galaxytable #attack_alert.soon a { background: transparent url("//gf1.geo.gfsrv.net/cdn08/f17c4c491c4b9cb7885582eda83e6c.gif") 0 0 no-repeat; }

/* crappy GIF to indicate Wreckfield presence. Just change that to something proper, please */
#attack_alert.wreckField a { background: transparent url("//gf3.geo.gfsrv.net/cdn25/78fe795054d61d6072aa234fcd51c6.png") -22px 0 no-repeat; }
#galaxytable #attack_alert.wreckField a { background: transparent url("//gf2.geo.gfsrv.net/cdn7b/c194f431df6350be23b2c295c79625.gif") 0 0 no-repeat; }

#galaxytable div.activity.showMinutes {
    width: 15px;
    background-color: #000;
    color: #ffa800;
    padding: 0 1px 0 0;
    border: 1px solid #ffa800;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    z-index: 10;
    line-height: 14px;
    text-align: center;
}

#galaxytable div.activity {
    height: 15px;
    top: 0;
    float: left;
    position: absolute;
    margin-left: 3px;
    width: 12px;
}

#attack_alert .wreckFieldCountDown {
    position: relative;
    top:-13px;
    left:10px;
}

#messages_collapsed {
    font-size: 11px;
    height: 38px;
    line-height: 17px;
    margin: 2px 0 0 20px;
    overflow: visible;
    text-align: left;
    width: 430px;
}

#message-wrapper div.event-new { width:398px;}

#messageheader {background:#000;}

#messagefooter {
    background:transparent url("//gf2.geo.gfsrv.net/cdnd2/95edebdd148b6aba2b2dfde35913d3.gif") no-repeat top left;
    height:20px;
}

#info #message-wrapper table {
    margin-top:0;
    margin-left:2px;
    width:490px;
}

#info #messages_collapsed table {
    margin-top:0;
    margin-left:3px;
    width:490px;
}

#message-wrapper table td.col1{ padding-left:5px }

#message-wrapper table td { white-space:nowrap; overflow:hidden;}

#eventz tr.alt td {background-color:#29313c;}

#eventz tr.friendly td,
#phalanx tr.friendly td {color:#4af74d;}

/* ****************** Eventbox: Communication Menu ************************** */
.comm_menu {
    background-image: url("//gf2.geo.gfsrv.net/cdn43/9d2a040a90c8eae17d3cd2ee3b54df.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 40px;
    position: relative;
    width: 60px;
}
.comm_menu.messages { background-position: 15px 1px; }
.no-touch .comm_menu.messages:hover { background-position: 15px -78px; }
.comm_menu.messages.selected { background-position: 15px -39px; }

.comm_menu.chat { background-position: 8px -117px; }
.no-touch .comm_menu.chat:hover { background-position: 8px -204px; }
.comm_menu.chat.selected { background-position: 8px -161px; }

.comm_menu.buddies { background-position: 2px -251px; }
.no-touch .comm_menu.buddies:hover { background-position: 2px -343px; }
.comm_menu.buddies.selected { background-position: 2px -298px; }

/* ***** .new_msg_count is displayed in event header and on newsfeed tabs *** */
.new_msg_count {
    display: block;
    min-width: 12px;
    height: 16px;
    border-radius: 8px;
    background-color: #242D37;
    border: 1px solid #40C4C1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);
    text-align: center;
    text-decoration: none;
    color: #FFF;
    float: right;
    padding: 0 2px;
    z-index: 3;
    position: absolute;
    line-height: 16px !important;
}

.new_msg_count.noMessage {
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.comm_menu .new_msg_count { top: 3px; }
.comm_menu.messages .new_msg_count { right: -6px; }
.comm_menu.chat .new_msg_count { right: 0; }
.comm_menu.buddies .new_msg_count { right: 10px; }

.tabs_btn_img .new_msg_count {
    top: -6px;
    right: -5px;
}

/* *********************** Eventbox Missions ******************************** */
#eventboxBlank,
#eventboxLoading {
    font-size: 11px;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
}

#eventboxContent {
    position: relative;
    z-index: 100;
    background: transparent;
    width: 667px;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
}

#eventboxFilled .next_event {
    display: inline-block;
    width: 185px;
}

#eventz tr.neutral td,
#phalanx tr.neutral td {color:#fcce00;}

table#eventz {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

#eventz tr.hostile td,
#phalanx tr.hostile td {color:#d43635;}

#eventz td.counter {
    font-weight:700;
    width:56px;
    text-align:center;
}

#message-wrapper .textLabel,
.messagebox .textLabel{
    height:1px;
    left:-9999px;
    overflow:hidden;
    position:absolute;
    width:1px;
}

.messagebox #messagebody {
    background-color:#2D3643;
    color:#848484;
}

#messages_collapsed a:link,
#messages_collapsed a:visited,
.no-touch #messages_collapsed a:hover,
#messages_collapsed a:active {
    background: transparent url("//gf2.geo.gfsrv.net/cdn71/fc7a8ede3499a0b19ea17613ff0cb1.gif") no-repeat top left;
    float: right;
    height: 18px;
    margin: -15px 10px 0 0;
    width: 20px;
}

#messages_collapsed a.open {
    background-position: 0 -18px;
    display: none;
}
#messages_collapsed .event_list {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/**********************************************************
********************************* =STATION *****************
***********************************************************/

#station #buttonz ul#building li.on div.station1 div.buildingimg,
#station #buttonz ul#building li.off div.station1 div.buildingimg,
#station #buttonz ul#building li.disabled div.station1 div.buildingimg {background-position: -400px 0;}
#station #buttonz ul#building li.on div.station2 div.buildingimg,
#station #buttonz ul#building li.off div.station2  div.buildingimg,
#station #buttonz ul#building li.disabled div.station2 div.buildingimg {background-position: -300px 0;}
#station #buttonz ul#building li.on div.station3  div.buildingimg,
#station #buttonz ul#building li.off div.station3  div.buildingimg,
#station #buttonz ul#building li.disabled div.station3 div.buildingimg {background-position: -200px 0;}
#station #buttonz ul#building li.on div.station4 div.buildingimg,
#station #buttonz ul#building li.off div.station4 div.buildingimg,
#station #buttonz ul#building li.disabled div.station4 div.buildingimg {background-position: -100px 0;}
#station #buttonz ul#building li.on div.station5 div.buildingimg,
#station #buttonz ul#building li.off div.station5 div.buildingimg,
#station #buttonz ul#building li.disabled div.station5 div.buildingimg {background-position: 0 0;}
#station #buttonz ul#building li.on div.station6 div.buildingimg,
#station #buttonz ul#building li.off div.station6 div.buildingimg,
#station #buttonz ul#building li.disabled div.station6 div.buildingimg {background-position: -500px 0;}

#station #buttonz ul#building li {
    padding:0;
    margin:0;
}

.clearfloat {
    /* this class should be placed on a div or break element
    and should be the final element before the close of
    a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
}

.overcharge { color:#399fff !important;}
.undermark { color:#99CC00 !important;}
.overmark { color: #D43635 !important;}
.middlemark { color: #D29D00 !important;}
.disabled { color: #444444;}


.honorableCombat { color: #0f0; }
.dishonorableCombat { color: #f00; }



/*****************
Einstellungen
****************/

#preferences #planet {
    background: transparent url("//gf1.geo.gfsrv.net/cdnca/79b660f7eb3757885b56d994ae6eeb.jpg") no-repeat;
    height: 250px;
    position: relative;
    width: 654px;
    margin: 0 auto 3px;
}

#preferences .c-left,
#preferences .c-right,
#ticket .c-left,
#ticket .c-right,
#premium .c-left,
#premium .c-right {
    height:39px;
    width:28px;
    position:absolute;
    top:214px;
}

/*#preferences #content,*/
/*#happyedit #content{*/
    /*width:669px;*/
    /*margin:1px auto;*/
/*}*/

#preferences #content .contentzs,
#happyedit #content .contentzs {
    margin:0 auto;
    padding-top:0;
    width:667px;
}

#preferences .contentzs .footer,
#happyedit .contentzs .footer{
    background:transparent url("//gf3.geo.gfsrv.net/cdnbe/04a7b39dc27c29c4c2cadd3fd44ec0.gif") 0 0 repeat-y;
    height:29px;
}

#preferences .contentzs .content,
#happyedit .contentzs .content
{background:transparent url("//gf1.geo.gfsrv.net/cdn03/db530b4ddcbe680361a6f837ce0dd7.gif") 0 0 repeat-y;}

#happyedit .contentzs .content {
    padding: 20px;
}

#preferences .contentzs .tabwrapper,
#happyedit .contentzs .tabwrapper {
    background: transparent url("//gf3.geo.gfsrv.net/cdnef/bfb16d45a8ab1ca15ca3029feb8b44.gif") 0 0 no-repeat;
    height:29px;
    padding-top:4px;
}

#preferences #inhalt li.ui-state-disabled a:link,
#preferences #inhalt li.ui-state-disabled a:visited,
.no-touch #preferences #inhalt li.ui-state-disabled a:hover,
#preferences #inhalt li.ui-state-disabled a:active,
#alliance #inhalt li.ui-state-disabled a:link,
#alliance #inhalt li.ui-state-disabled a:visited,
.no-touch #alliance #inhalt li.ui-state-disabled a:hover,
#alliance #inhalt li.ui-state-disabled a:active{
    color: #576472 !important;
    cursor: default;
    opacity: .4;
    filter: alpha(opacity=40);
}

#preferences #inhalt ul.tabsbelow li a span,
#happyedit #inhalt ul.tabsbelow li a span{
    display:block;
    line-height:25px;
    height:25px;
    overflow:hidden;
}

#preferences #inhalt table.prefstable {
    font-size:11px;
    width:606px;
    border-collapse:collapse;
}

#preferences #inhalt #content .wrap,
#happyedit #inhalt #content .wrap{padding:15px 0;}

#preferences #inhalt #content .wrap table,
#happyedit #inhalt #content .wrap table{margin:0 auto;}

#preferences td select {
    padding:2px 5px;
    margin: 0;
}

#preferences td select {padding:0;}

/*.no-touch #preferences td input.save:hover {background-color:#F21;}*/

#preferences #inhalt table.prefstable td.desc{
    font-weight:700;
    padding:4px 0 4px 10px;
}

span.normal {font-weight:100;}

#preferences #inhalt table.prefstable td {
    padding:2px 0;
    border-collapse:collapse;
}
#preferences #inhalt table.prefstable tr.alt td {background-color:#13181D;}
#preferences #inhalt table.prefstable td.value {text-align:center;}
#preferences #inhalt table.prefstable td.info {padding:10px 0 10px 10px;}

#preferences #inhalt #three table.prefstable td.info {
    padding-left:10px;
    width:425px;
}

#preferences #inhalt table.prefstable td a:link,
#preferences #inhalt table.prefstable td a:visited,
.no-touch #preferences #inhalt table.prefstable td a:hover,
#preferences #inhalt table.prefstable td a:active{
    color:#848484;
    text-decoration:underline;
}

/* **************** Error Boxes ********************************************* */
#globalError {
    width: 495px;
    margin: 10px;
}
#globalError .error-id { border: 1px dotted #f1f1f1; padding:10px; margin:15px 0;}
.errorBox {
    color:#848484;
    font-size: 11px;
    text-align:center;
}

.errorBox .head, .errorBox .middle, .errorBox .foot {
    width: 400px;
}
.errorBox .head {
    background: transparent url("//gf3.geo.gfsrv.net/cdn80/ce9090fdecf6ea4ab7a9bf01229022.png") no-repeat;
    height: 50px;
}
.errorBox .middle {
    background: transparent url("//gf1.geo.gfsrv.net/cdn96/4daa45b03a732ddeb38ea39739e9c8.png") repeat-y;
    padding: 10px 20px;
    width: 360px;
    word-wrap: break-word;
}

.errorBox .foot {
    background: transparent url("//gf2.geo.gfsrv.net/cdnaa/f1a9fc76bf7e54a323a6272db1d7f1.png") no-repeat;
    height: 24px;
}

.errorBox .response {
    margin-top: 20px;
    width: 100%;
}

.errorBox h4 {
    color:#576472;
    font-size:12px;
    padding-top:3px;
    text-align:center;
}
.errorBox h4 {
    padding-top: 7px;
}
.errorBox .response a span {
    padding-top: 10px;
    display: block;
    font-weight: bold;
    font-size: 12px;
}

.errorBox .response a:link,
.errorBox .response a:visited,
.no-touch .errorBox .response a:hover,
.errorBox .response a:active,
#globalError a.button {
    background:transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png");
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    height:38px;
    width: 104px;
    margin:0 auto;
    text-align:center;
    text-decoration:none;
    font-weight: 100;
}
#globalError a.button { margin: 15px 65px; }

#errorBoxDecision .response a.yes,
#errorBoxNotify .response a.ok,
#globalError a#continue { background-position:0 -240px; }

#errorBoxDecision .response a.no,
#globalError a#report { background-position: 0 -278px; }


#errorBoxNotify .response a span {
    display:block;
    font-size: 14px;
    font-weight:bold;
    padding-top:10px;
    text-align:center;
}

#globalError a { text-decoration:none;}

#globalError a.button span {
    color:#fff;
    display: block;
    display: table-cell;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    width: 100px;
    height: 38px;
}


/*-**************** PHALANX *****************/

body#phalanx {
    background:#000 url("//gf3.geo.gfsrv.net/cdn84/93b7d15b076b7ce5ba8e81f6249ec9.jpg") repeat-y 0;
    width:600px;
    color:#848484;
    font-size:11px;
    overflow-x:hidden;
    overflow-y:hidden;
}

#phalanx table {
    margin:0 auto;
    width:550px;
    border-collapse:collapse;
}

#phalanx a:link,
#phalanx a:visited,
.no-touch #phalanx a:hover,
#phalanx a:active {
    color:#fff;
    text-decoration:none;
}

.no-touch #phalanx a:hover {text-decoration:underline;}

#phalanx th {
    font-weight:700;
    text-align:center;
    color:#fff;
    background:transparent url("//gf2.geo.gfsrv.net/cdn16/4656f6475859e05f618e81c8d31bee.gif") repeat-x;
    height:20px;
    border:1px solid #161A20;
}

#phalanx td {
    background-color:#23212D;
    border:1px solid #161A20;
}

#phalanx td.countdown {
    vertical-align:middle;
    padding:2px 10px;
}

#phalanx td.text {padding:5px;}

/* @TODO-merge REMOVE CSS BELOW */
/********************************************/
/***************** PREMIUM *****************/
/******************************************/

#premium div#planet,
#ticket div#planet {
    background:url("//gf3.geo.gfsrv.net/cdn29/7191f6cbf907558acffdb210b21656.jpg") no-repeat;
    height:250px;
}

/********* Offiziere  **********/

.officers100 {
    background: url("//gf2.geo.gfsrv.net/cdn41/a22e8a59e7cfd08f0997cf491c2ca1.png") no-repeat;
    position: relative;
    width:  100px;
    height: 100px;
}
.officers100.halloween { background-image: url("//gf3.geo.gfsrv.net/cdnbe/573e9fe7841ca98c945a16f00138fb.png"); }
.officers100.darkMatter  {background-position:      0 0;}
.officers100.commander   {background-position: -100px 0;}
.officers100.admiral     {background-position: -200px 0;}
.officers100.engineer    {background-position: -300px 0;}
.officers100.geologist   {background-position: -400px 0;}
.officers100.technocrat  {background-position: -500px 0;}
.officers100.allOfficers {background-position: -600px 0;}

.officers200 {
    background: url("//gf1.geo.gfsrv.net/cdnf4/988e932a1e9ecef4a586272cbdb953.jpg") no-repeat;
    position: relative;
    width:  200px;
    height: 200px;
    margin-left: 2px;
    float: left;
}
.officers200.halloween { background-image: url("//gf3.geo.gfsrv.net/cdn86/81042ef7416a72e636d6ff8ae70505.jpg"); }
.officers200.darkMatter  {background-position:       0 0;}
.officers200.commander   {background-position:  -200px 0;}
.officers200.admiral     {background-position:  -400px 0;}
.officers200.engineer    {background-position:  -600px 0;}
.officers200.geologist   {background-position:  -800px 0;}
.officers200.technocrat  {background-position: -1000px 0;}
.officers200.allOfficers {background-position: -1200px 0;}

#officers a.shortTime img, #officers.shortTime { border-color: #D43635;}

#shop div#detail div#pic1,
#premium div#detail div.image {
    float:left;
    height:200px;
    margin-left:2px;
    position: relative;
    width:200px;
}

/********* Beschreibung  **********/

#premium li.allOfficers span,
#inhalt.officers .detail_screen div#description span {
    float: left;
    background: url("//gf3.geo.gfsrv.net/cdn89/b1c7ef5b1164eba44e55b7f6d25d35.gif") no-repeat 100% 70%;
    color: #6f9fc8;
    height: 17px;
    line-height: 17px;
    padding-right: 15px;
    text-decoration: none;
    width: auto;
    margin-right: 25px;
}
#premium li.allOfficers.off span {
    background-image: url("//gf3.geo.gfsrv.net/cdnbc/aa2ad16d1e00956f7dc8af8be3ca52.gif");
}
#premium li.allOfficers span {
    margin-top: 30px;
    margin-left: 15px;
}
/*#premium #description { margin: 3px 0 0 10px; }*/

#premium li.allOfficers,
.detail_screen div#description .benefitlist,
.detail_screen div#description .benefits {
    float: left;
    color:#6f9fc8;
    font-weight:700;
    padding: 0;
}
#premium li.allOfficers,
.detail_screen div#description .benefitlist {
    width: 530px;
    white-space: normal;
    line-height: 15px;
}

#premium.no-touch .benefits .help {
    float: none;
}
/* @TODO-merge REMOVE CSS ABOVE */
.detail_screen div#description .benefits {
    margin: 0 0 0 10px;
    width: 100px;
}

.detail_screen div#wrapper {
    color: #848484;
    font: 11px Verdana,Arial,Helvetica,sans-serif;
    line-height: 14px;
    margin-top: 10px;
    padding-left: 17px;
}
p.stimulus {
    color:#848484;
    font-size: 11px;
    padding: 0 20px;
    text-align: center;
}
.detail_screen div#inhalt p.stimulus {
    padding: 10px 15px;
}

#features .build-it_wrap {
    display: table;
    float: right;
    height: 54px;
    margin: 10px 0 0 0;
}
.detail_screen div#features a.build-it,
.detail_screen div#features a.build-it_disabled {
    font-size:12px;
}

.detail_screen div#features p {
    float:left;
    width:265px;
    height: 165px;
}

/* @TODO-merge REMOVE CSS BELOW */
#premium ul#building {
    margin-top:10px;
}

#premium .timer {
    font-size:10px;
    height:25px;
    padding:8px;
}
/* @TODO-merge REMOVE CSS ABOVE */
.newBlue {  color:#55788F; }

/* @TODO-merge REMOVE CSS BELOW */
#premium .timeLink {
    background:transparent none repeat scroll 0 0;
    cursor:pointer;
    display:inline;
    text-decoration:none;
}

#premium span.time {
    opacity:0.67;
    filter:alpha(opacity=67);
}

#premium ul#building li {
    overflow:hidden;
}
/* @TODO-merge REMOVE CSS ABOVE */
.detail_screen  .level .overmark {
    color: #d43635;
    font-weight:700;
    padding:0 6px 2px;
}

.detail_screen .level .undermark {
    color: #9c0;
    font-weight:700;
    padding:0 6px 2px;
}

/* @TODO-merge REMOVE CSS BELOW */
#premium #buttonz ul#building li {
    background-repeat:no-repeat;
    height: 130px;
    position: relative;
    float: left;
    margin: 0 6px 0 0;
}

#premium #buttonz ul#building li.allOfficers {
    width: 520px;
    border: 2px solid black;
    height: 122px;
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
    background-color: #10181F;
}

#premium #buttonz ul#building .buildingimg { height:100px;}
/* @TODO-merge REMOVE CSS ABOVE */
.remaining {
    background: #10181F;
    border: 1px solid #000;
    color: #6F9FC8;
    font-size: 10px;
    margin-top: 10px;
}

.remaining span { display:inline; font-size: 11px;}
.remaining span.remDate { margin-left:4px;}
.remaining span.remTime { margin-right:5px;}
#button12 .remaining { text-align: center;}

#techDetailLoading/*, #detail:empty*/ {
    position: relative;
    left: 20px;
    top: -40px;
    width: 654px;
    height: 300px;
    background: transparent url("//gf1.geo.gfsrv.net/cdn0e/6e0f46d7504242302bc8055ad9c8c2.gif") no-repeat center;
    margin-left: 6px;
    z-index: 111;
}

#galaxyLoading {
    top: 300px;
    left: 255px;
    position: absolute;
    z-index: 111;
}

/* *****************************************************************************
   Abandonplanet Overlay
***************************************************************************** */

#abandonplanet {
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6);
    padding: 5px;
    width: 600px;
}
#abandonplanet .desc_txt { margin: 0 0 0 60px; }


#abandonplanet table { width:100%; }
#abandonplanet th {
    padding:10px 0 3px 0;
    text-align: left;
}
#abandonplanet td { padding:6px 0;}
#abandonplanet .head th { border-bottom: 1px dotted #848484;}
#abandonplanet th.second { padding:10px 0 2px;}

#abandonplanet .validate {
    font-weight:700;
    text-align:center;
}
#abandonplanet .pw_field { height: 21px; }

#abandonplanet .giveUpNotifyIcon {
    height: 32px;
    width: 32px;
}
#giveupCoordinates { width: 80px; }
.txt_ml_40 { margin: 0 0 0 40px; }

table.resourceTooltip th {
    text-align: left;
}
table.resourceTooltip td {
    text-align: right;
    padding-left: 10px;
}

#credits a:link,
#credits a:visited,
.no-touch #credits a:hover,
#credits a:active { color:#848484;}

#line { color:#848484;}

div#line .content-box-s { margin-left:3px; display:inline;}

#pqueue {
    width:435px;
    float:left;
    margin:5px 0 1px 8px;
    display:inline; /* IE 6 */
}

#pqueue .header {
    background:transparent url("//gf1.geo.gfsrv.net/cdn3b/153c9aead8b1a04b9d3790aa73e7ce.gif") no-repeat;
    height:29px;
}

#pqueue .header h3{
    color:#6F9FC8;
    font-weight:700;
    margin:0;
    text-align:center;
    font-size:11px;
}

#pqueue .header h3 span { padding-top:8px;}

#pqueue .body {
    background:transparent url("//gf3.geo.gfsrv.net/cdn59/1e4b8a8d5165b9b29182c8ef16382f.gif") repeat-y;
    padding:0 15px;
    /*  min-height:65px;  */
    min-height: 98px;
    height:auto !important;  /* für moderne Browser */
    height:65px;  /*für den IE */
}

#pqueue .footer {
    background:transparent url("//gf2.geo.gfsrv.net/cdn1a/43f05d4e45fd191f8ced7d0f7e165c.gif") no-repeat;
    height:29px;
}

#pqueue .body ul.item {
    list-style: none outside none;
    padding-top:10px;
}

#pqueue .body ul.item li {
    width:40px;
    height:65px;
    float:left;
    margin-right:5px;
}

#pqueue .body ul.item li img { border:1px solid #0D1014; -moz-border-radius:3px;}
.no-touch #pqueue .body ul.item li img:hover {border: 1px solid #263847;}

#pqueue .body .item span.number { font-size:10px; display:block; text-align:center;}
.no-touch #pqueue .body ul.item li span.number:hover { color:#fff;}

#pqueue .body .item a:link,
#pqueue .body .item a:visited,
.no-touch #pqueue .body .item a:hover,
#pqueue .body .item a:active {
    border:1px solid #0D1014;
    display:block;
}

.no-touch #pqueue .body .item a:hover { border:1px solid transparent}

#resources #TB_window { background:none; border:none;}

.status_abbr_noob{color: lime !important;}
.status_abbr_vacation{color: aqua !important;}
.status_abbr_strong{color: #f00 !important;}
.status_abbr_banned{color: #fff !important; text-decoration:line-through;}
.status_abbr_active{color: #fff !important;} /* b0c4de */
.status_abbr_inactive{color: #6E6E6E !important;}
.status_abbr_longinactive{color: #4F4F4F !important;}
.status_abbr_outlaw{color: #FF33FF !important;}
.status_abbr_honorableTarget{color: #FFFF66 !important;}
.status_abbr_ally_own{color: green !important;}
.status_abbr_ally_war{color: red !important;}
.status_abbr_buddy{color: #226ebf !important;}
.status_abbr_admin{color: #f48406 !important;}

.honorRank {
    background: transparent url("//gf1.geo.gfsrv.net/cdn31/0d31df283f135198103ab7a2cc11ca.png") no-repeat center;
    height: 15px;
    margin: 0 3px 0 0;
    width: 15px;
    display: inline-block;
}

.rank_bandit1 {background-position: 0;}
.rank_bandit2 {background-position: -15px;}
.rank_bandit3 {background-position: -30px;}

.rank_starlord1 {background-position: -45px;}
.rank_starlord2 {background-position: -60px;}
.rank_starlord3 {background-position: -75px;}

#advice-bar {
    text-align:center;
    width: 130px;
}

#promotionCountdownBox { margin: 0 0 10px 0; }

#advice-bar a { text-decoration:none; display: inline-block; margin: 0 auto;}
#advice-bar a img{ border:0 none; }

.new, .new * { font-weight:700;}

.slot {
    background: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -143px -162px no-repeat;
    height:25px;
    font-size:11px;
    line-height:25px;
    text-align:center;
    text-decoration:none;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:231px;
    z-index:10;
}

.slot-hover {
    background: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -143px -187px no-repeat;
    color:#ccc;
}

.slot a:link,
.slot a:visited,
.slot a:active{ color:#9c0; display:block; text-decoration:none;}
.no-touch .slot a:hover { color:#bcd; text-decoration:none;}

#planet div#slot01.slot{top: 271px; right: -2px;}
#planet div#slot02.slot {top:237px; right: 2px;}
#movementnew #planet div#slot01.slot{ top:217px;}
#traderOverview div#callTrader.slot{top: 221px; right: 7px;}

a.buttonSave span {
    display:block;
    line-height:27px;
    text-align:center;
}

.contentz .tabContent span {
    display:block;
    height:46px;
    line-height:46px;
}

.w250 { width:250px; }
.w200 { width:200px; }
.w150 { width:150px; }
.w130 { width:130px; }
.w50 { width: 50px; }

#happyedit .tabsbelow ul { margin: 5px 0 0 15px; }

.no-touch #preferences #inhalt .tabsbelow li a:hover,
#preferences #inhalt .tabsbelow li.ui-tabs-active a,
#preferences #inhalt .tabsbelow li.ui-tabs-active a,
.no-touch #happyedit #inhalt .tabsbelow li a:hover,
#happyedit #inhalt .tabsbelow li.ui-tabs-active a,
#happyedit #inhalt .tabsbelow li.ui-tabs-active a{
    /*    background:url("//gf1.geo.gfsrv.net/cdncc/7c8996be8a2ee3f64ddd96a9897e6d.gif") no-repeat 0px 0px;*/
    color: #fff;
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {display: none;}
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.new_rank {
    width:650px;
    height:52px;
}

a.smallLink {
    display:inline; /* IE6 */
    font: 100 10px Verdana, Arial, Helvetica, sans-serif;
    text-align:right;
}
#newRank {
    border-top: 1px solid #222a34;
    float:right;
    margin:0 18px 0 0;
    padding:10px 0;
    width: 615px;
}

#rank_explanation {
    border-top: 1px solid #222a34;
    margin:0 0 0 18px;
    padding:10px 0;
    width: 615px;
}
#rank_explanation h3 {
    color: #6F9FC8;
    font-size: 12px;
    font-weight: 700;
}
div.h10 { height:10px;}

.boxWrapper {
    color: #848484;
    margin-top: 3px;
    width: 667px;
}
.boxWrapper .header {
    background:transparent url("//gf1.geo.gfsrv.net/cdn3d/32469184f13227d35e7cb4bdab93ae.gif") no-repeat;
    height:29px;
}
.boxWrapper .content {
    background:transparent url("//gf1.geo.gfsrv.net/cdn03/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    padding:10px 20px;
}

.boxWrapper .footer {
    background:transparent url("//gf3.geo.gfsrv.net/cdnbe/04a7b39dc27c29c4c2cadd3fd44ec0.gif") no-repeat;
    height:29px;
}

.boxWrapper h3 {padding-top:8px;}

h3 span {display:block;}

.boxWrapper .content div { padding: 20px;}

#ticket .dropdown { margin-left:10px;}
#ticket .textBox { margin:20px auto;}

.accent {
    background:#13181d;
    border:1px solid #030303;
}

table.empty td {line-height:30px;}


#box #inhalt .buildingimg .construction .pusher a.timeLink:link,
#box #inhalt .buildingimg .construction .pusher a.timeLink:visited,
.no-touch #box #inhalt .buildingimg .construction .pusher a.timeLink:hover,
#box #inhalt .buildingimg .construction .pusher a.timeLink:active {
    background: transparent none;
    cursor:pointer;
    display:inline;
}

#box #inhalt .buildingimg .construction .pusher {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #000000;
    position: absolute;
    z-index: 1;
    width: 100%;
}

#buttonz ul#building li a.instant:link,
#buttonz ul#building li a.instant:visited ,
.no-touch #buttonz ul#building li a.instant:hover,
#buttonz ul#building li a.instant:active {
    display:inline;
    position:absolute;
    top:86px; left:3px;
    background:url("//gf2.geo.gfsrv.net/cdn73/d324f444e6a74acbe6346b3545061e.gif") no-repeat;
    width:14px;
    height:11px;
    z-index:555;
}

.contentz #allypage ul, ol{
    list-style: square outside;
    list-style-image: inherit;
    margin:20px 0 20px 20px;
    width:auto;
}
.contentz  #allypage li {
    display:list-item;
    width:auto;
}

#clearAdvice {
    height: 36px;
    position:absolute;
    top: 100px;
    left:74px;
    width: 95px;
}

#helper a,
.no-touch  #helper a:hover.help_selected {
    display:block;
    position:relative;
    top:90px;
    left:139px;
    /* @TODO-merge REMOVE CSS BELOW */
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -143px -96px no-repeat;
    /* @TODO-merge REMOVE CSS ABOVE */
    width:27px;
    height:27px;
}

.no-touch #helper a:hover,
.no-touch #helper a:hover.help_selected { background-position: -143px -123px; }

#helper a.help_selected {
    position:relative;
    top:53px;
    left:99px;
    background:url("//gf3.geo.gfsrv.net/cdn54/19d8745d33ecac0fd288870ba79bde.png") no-repeat;
    height:100px;
    width:100px;
}

#helper > a {
    background: rgba(0, 0, 0, 0) linear-gradient(170deg, rgb(50, 70, 90) 35%, rgb(30, 30, 30) 65%) repeat scroll 0 0;
    border-radius: 13px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 5px rgba(50, 50, 50, 0.75);
    font-size: 20px;
    font-weight: bold;
    height: 22px;
    padding: 1px;
    position: relative;
    text-align: center;
    text-shadow: 0px 0px 10px white;
    width: 22px;
    line-height: 20px;
    text-decoration: none;
    border-color: #D39343;
    color: #D39343;
}

#helper > a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(350deg, rgb(50, 70, 90) 35%, rgb(30, 30, 30) 65%) repeat scroll 0 0;
    line-height: 21px;
    border-color: #ffd700;
    color: #ffd700;
}

#helper > a.allDone {
    border-color: grey;
    color: grey;
}

#helper > a.allDone:hover {
    border-color: lightgrey;
    color: lightgrey;
}

#helper > a.highlight {
    border-color: #ffd700;
    color: #ffd700;
}

#helper > a.highlight:hover {
    border-color: #ffd700;
    color: #ffd700;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
    color:#6F9FC8;
    font-size:11px;
    width: 606px; /*width of form rows*/
    overflow: hidden;
    padding: 7px 0;
    margin:0 auto 10px;
}

div.fieldwrapper p{
    color: #fff;
    padding:0 10px;
}

.group div.fieldwrapper {
    margin:0;
    line-height:22px;
}

#preferences div.alt {
    background:#13181D url("//gf1.geo.gfsrv.net/cdn0b/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat;
    border: 1px solid #000;
    height:22px;
    line-height:22px;
    padding:0 0 0 25px;
}
#preferences div.bar-hover {
    background:#23282D url("//gf1.geo.gfsrv.net/cdn0b/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat;
    border: 1px solid #13181d;
    color:#A7AFB7;
    cursor:pointer;
    height:22px;
    line-height:22px;
    padding:0 0 0 25px;
}

#preferences div.bar-hover label { cursor: pointer;}

.password_prop {
    border:1px solid #848484;
    width:255px;
    font:10px Verdana;
    color:#848484;
    padding:5px;
    margin: 10px;
}

.password_prop p {
    color:#fff;
    font-weight:bold;
}

.password_prop ul {
    margin:0;
    padding:0 0 0 20px;
}

.password_prop li {list-style:square;}

.pw_check {
    color:#848484;
    font:bold 10px Verdana;
    left:405px;
    position:absolute;
    width:180px;
}

.pw_arrow {
    float:left;
    height:9px;
    width:150px;
}

#password-meter, .password-meter {
    border:1px solid #848484;
    height:10px;
    margin:0 0 3px 0;
    width:150px;
}

.password-meter {
    border:0;
    font:normal 9px Verdana;
    text-align:center;
    color:#848484;
}

.password {
    float:left;
    height:10px;
    width:50px;
}

.password.arrow {background:transparent url("//gf2.geo.gfsrv.net/cdnaf/4a961b8923089163e5f7589b62b074.gif") no-repeat 22px 0;}

.password.weak {background:#D43635;}
.password.medium {background:#D29D00;}
.password.strong {background:#ff9600;}
.password.best {background:#9c0;}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
    color:#6F9FC8;
    float: left;
    width: 320px; /*width of label (left column)*/
    margin-right: 15px; /*spacing with right column*/
    padding-left:10px;
}
div.fieldwrapper label.accDel {
    width: 360px; /*width of label (left column)*/
}

div.fieldwrapper div.thefield { /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
    margin-top: 2px;
}
.thefield input[type="checkbox"] { margin: 3px 3px 3px 0; }

div.group {
    border:1px solid #000;
    width:606px;
    margin:5px auto;
    padding: 5px;
}

div.group .fieldwrapper .styled  { padding-left:10px;}

.bborder { border: 1px solid #000;}

.labelOne {color:#5D6265; padding:5px 0 5px 10px; text-decoration:underline;}

#overview #TB_title { display:none;}

.adviceWrapper  {
    float:left;
    margin-top:10px;
    /* @TODO-merge REMOVE CSS BELOW */    position:relative;
    width:100%;
}

table.construction #Countdown,
table.construction #researchCountdown,
table.construction #lfResearchCountdown,
table.construction .shipCountdown {font-weight: 700;}

a.fastBuild:link,
a.fastBuild:visited,
a.fastBuild:active,
a.fastBuild:focus,
ul#storage li a.fastBuild,
ul#storage li a.fastBuild:link,
ul#storage li a.fastBuild:visited,
ul#storage li a.fastBuild:active,
ul#storage li a.fastBuild:focus,
ul#den li a.fastBuild,
ul#den li a.fastBuild:link,
ul#den li a.fastBuild:visited,
ul#den li a.fastBuild:active,
ul#den li a.fastBuild:focus {
    background:transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -170px -96px no-repeat;
    cursor: pointer;
    display:inline;
    height:14px;
    left:2px;
    position: absolute;
    text-align:left; /* Prevents link from jumping around on mouse-click... but WHY? */
    top:2px;
    width:22px;
    z-index: 4;
}

a.fastBuild {z-index: 1;}

#station #box #inhalt #buttonz ul#stationbuilding li a.fastBuild,
#station #box #inhalt #buttonz ul#stationbuilding li a.fastBuild:link,
#station #box #inhalt #buttonz ul#stationbuilding li a.fastBuild:visited,
#station #box #inhalt #buttonz ul#stationbuilding li a.fastBuild:active,
#station-moon #box #inhalt #buttonz ul#stationbuilding li a.fastBuild,
#station-moon #box #inhalt #buttonz ul#stationbuilding li a.fastBuild:link,
#station-moon #box #inhalt #buttonz ul#stationbuilding li a.fastBuild:visited,
#station-moon #box #inhalt #buttonz ul#stationbuilding li a.fastBuild:active {
    background:transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -170px -96px no-repeat;
    display:inline;
    height:14px;
    width:22px;
}

.focusOn {color:#9c0;}

.contentBoxBody {
    position: relative;
    /*margin-bottom: 20px;*/
}
/*.contentBoxBody:before,
.contentBoxBody:after {
    content: " ";
    display: table;
}
.contentBoxBody:after {
    clear: both;
}*/
body.no-commander .contentBoxBody {
    top: 35px;
}
.footer, .push {height: 19px; /* .push must be the same height as .footer */}

#siteFooter {
    background: transparent url("//gf1.geo.gfsrv.net/cdnc2/a2204963cb31205fdc9970aa6d9f28.gif") repeat-x 0 0;
    color:#848484;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    height: 19px;
    line-height:19px;
    text-align:center;
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    clear: both;
}

#siteFooter a,
#siteFooter a:link {
    color:#848484;
    margin: 0 5px;
    text-decoration:none;
}

a.fastBuild,
ul#den li a.fastBuild:link,
ul#storage li a.fastBuild:link {display:inline;}

#siteFooter a.homeLink { margin-left:0;}
#empire #siteFooter .content,
#siteFooter .content {
    margin: 0 auto;
    padding-top:0;
    width: 850px;
    height: 19px;
}
#siteFooter .fleft {
    max-width: 435px;
}

#siteFooter a.tips { margin-right:10px;}

#boxBG {background: transparent url("//gf1.geo.gfsrv.net/cdn30/92e5dcfd750b5ecd8734e3d13b7fee.gif") repeat-x 0 0;}

.done { text-decoration:line-through;}

#mainmenu-clock > a {
    color:#848484;
    font-weight: 700;
    font-size: 11px;
}

#logo_link a {
    cursor:pointer;
    display:block;
    height:70px;
    position:absolute;
    top:30px;
    width:200px;
}

.noRoomLeft, .noRoomLeft a, .noRoomLeft a:hover {color:#D43635;}

#countColonies {
    background: url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") -143px -212px no-repeat;
    color:#6F9FC8;
    height: 28px;
    font-size:10px;
    line-height:28px;
    margin:-3px 0 19px 0;
    position:relative;
    width: 147px;
}

#fadeBox {
    position:fixed;
    display: flex;
    align-items: center;
    background: transparent url("//gf2.geo.gfsrv.net/cdna0/dcba5f2c6be22c9ec28aca670ecd93.gif") no-repeat;
    background-size: 100% 100%;
    padding: 10px 15px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    left:50%;
    top:25%;
    overflow:hidden;
    z-index:10000000;
    pointer-events: none;
    min-height: 85px;
}

#fadeBox #fadeBoxContent {
    max-width: 210px;
    min-width: 150px;
    color: #6F9FC8;
    display: block;
    float: left;
    font: 100 10px Verdana, Arial, SunSans-Regular, Sans-Serif;
    margin: 0 0 0 15px;
    overflow: hidden;
}

#fadeBox #fadeBoxStyle {
    border: 0;
    display: block;
    height: 43px;
    width: 46px;
    margin: 0;
    padding: 0;
}

#fadeBox #fadeBoxStyle.success { background: transparent url("//gf2.geo.gfsrv.net/cdn1c/7f424858dabeaec63cbbc43f1cc8d9.png") no-repeat;}
#fadeBox #fadeBoxStyle.failed {  background: transparent url("//gf2.geo.gfsrv.net/cdn14/d810e93b54aa5e35fa9091379fcc19.png") no-repeat;}

#overview .fadeBox,
#resources .fadeBox,
#station .fadeBox,
#station-moon .fadeBox {top: 35%;}

#trader .fadeBox,
#research .fadeBox,
#shipyard .fadeBox,
#defense .fadeBox,
#empire .fadeBox,
#premium .fadeBox {top: 32%;}

#messages .fadeBox {top: 40%;}

#galaxytable .fadeBox {top: 50%;}


div#onet {
    background-color:#404040;
    color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:9px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    text-decoration:none;
    width:100%;
    text-align:right;
    height: 20px;
}

div#onet span#onet_partner {
    line-height: 2;
}

div#onet a img {
    padding-right:15px;
    vertical-align:top;
}

.premiumHighligt span {
    color: #ffd700;
}

.planetMoveIcons {
    background-image: url("//gf2.geo.gfsrv.net/cdn16/1bcb107d4cdd48d0878fe850157e46.png");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}
.planetDiscoverIcons {
    background-image: url("//gf2.geo.gfsrv.net/cdn16/1bcb107d4cdd48d0878fe850157e46.png");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}
.planetDiscoverDefault {
    background-position: -153px !important;
}
.planetDiscoverUnavailable {
    background-position: -170px !important;
}
.questionIcons {
    background-image: url("//gf3.geo.gfsrv.net/cdn5e/b94b07922d4221d3c4fbd12d0b1e11.gif");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}
.MobilequestionIcons {
    background-image: url("//gf3.geo.gfsrv.net/cdn2f/7c10094613cf57ac1246c4a3c9b610.gif");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}
div#resourceSettings {
    width:315px;
    height:210px;
    float: right;
    margin: 5px 15px 0 5px;
    background:#13181D;
    position: relative;
    z-index: 2;
}

div#resourceSettings td {
    padding:2px;
}

.ally_apply_desc_div {
    width:522px;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    white-space: pre-line;
    word-break: normal;
}

.newpoints {
    color: gold !important;
}

div#feedback {
    height: 330px;
    border: 2px solid black;
    margin: 1px auto 0 1px;
    color: #6F9FC8;
    background-color: #0D1014;
    overflow: auto;
    text-align: center;
    margin: 0;
}

form#feedback {
    width: 100%;
}
form#feedback textarea {
    max-width: 500px;
    width: 500px;
    height: 200px;
}
form#feedback .field {
    margin-top: 15px;
    width: 100%;
}

.allylogo {
    border: #848484 solid thin;
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    -khtml-border-radius:5px; /* Konqueror */
    border-radius:5px; /* CSS3 */
    padding: 1px;
}

/* always last parameter */
.clearfix:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
.clearfix { display:inline-block; }
/* hide from IE Mac */
* html .clearfix { height:1%; }
.clearfix { display:block; }

div#announcement {
    border: 2px solid black;
    color: #6F9FC8;
    background-color: #0D1014;
    overflow: auto;
    margin: 1px auto 0 1px;
    text-align: center;
}
div#announcement .text {
    padding: 10px 20px 10px 20px;
}

div#announcement a.close_details {
    margin: 0;
    float:right;
    display:inline;
}

.tipsPlayer {
    text-decoration: underline;
    color: white;
}

#happyedit h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.5em;
}
#happyedit .tabsbelow li,
#happyedit .tabsbelow li a { width: 75px; }

.searchMark {
    border-bottom: 1px solid grey;
    font-weight: bold;
}
.date {
    white-space: nowrap;
}

a.advice, span.advice {
    cursor: help;
}
/* @TODO-merge REMOVE CSS BELOW */

button {
    border: none;
}

#countColonies .lockPlanets {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("//gf1.geo.gfsrv.net/cdnf7/813a5ab60cb168ac2f14b3dee16294.gif") no-repeat;
    top: 4px;
    position: relative;
}
#countColonies .lockPlanets.open {
    background-image: url("//gf2.geo.gfsrv.net/cdnaa/349c87d219084bf53011c44dde81b1.gif");
}

.contentBoxBody {
    position: relative;
    z-index: 1;
}

#messagecenter {
    position: absolute;
    z-index: 5;
    top: 200px;
    left: 50%;
}

#javamessagebox {
    position: absolute;
    z-index: 5;
    left: -250px;
    width: 500px;
    padding: 50px 20px;
    background: #0D1014;
    border: 2px solid #f00;
}

.icon_caption,
#highscoreContent .textlabel {
    display: inline-block;
    font-size: 9px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.playerTooltip {
    text-align: left;
}
table.playerTooltip td {
    padding-left: 10px;
}


/* bbcodes */
.right {text-align:right;display: block;}
.left {text-align:left;display: block;}
.center {text-align:center;display: block;}
.justify {text-align: justify;display: block;}


/* *****************************************************************************
   Birthday Event Changes START (Delete after the Birthday Event)
***************************************************************************** */
div#announcement {
    color: #fff;
    text-align: left;
}


/* ************************ InGame Event Info ******************************* */
.event_active_hint,
.event_item_10p_discount {
    background: transparent url("//gf2.geo.gfsrv.net/cdna7/2d2060fec4d1618ba7859219b97356.png") no-repeat -28px 0;
    cursor: pointer;
}

.buildingimg .event_active_hint,
.item_img_box .event_active_hint,
#expeditionbutton .event_active_hint {
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: -4px;
    left: -4px;
    z-index: 10;
}
.premium .buildingimg .event_active_hint {
    bottom: 26px;
    left: -2px;
}

.event_build_faster,
.event_item_10p_discount {
    height: 80px;
    right: 0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 1;
}

#shop .event_item_10p_discount {
    background-position: 55px -1px;
    height: 105px;
    width: 105px;
}
#activeBuffDetails .event_item_10p_discount {
    background-position: 25px -1px;
    height: 75px;
    width: 75px;
}

.event_active_hint { background-position: -160px 0; }

.reducement {
    background-image: url('//gf1.geo.gfsrv.net/cdn37/48c3258c17c4731081155f4cc0bc79.png');
    width: 50px;
    height: 50px;
}

.reducement5  { background-position: -2px 0; }
.reducement10 { background-position: -111px 0; }
.reducement15 { background-position: -220px 0; }
.reducement20 { background-position: -329px 0; }
.reducement25 { background-position: -438px 0; }
.reducement30 { background-position: -547px 0; }
.reducement35 { background-position: -656px 0; }
.reducement40 { background-position: -765px 0; }
.reducement45 { background-position: -874px 0; }
.reducement50 { background-position: -983px 0; }
.reducement55 { background-position: -1092px 0; }
.reducement60 { background-position: -1201px 0; }
.reducement65 { background-position: -1310px 0; }
.reducement70 { background-position: -1419px 0; }
.reducement75 { background-position: -1528px 0; }
.reducement80 { background-position: -1637px 0; }
.reducement85 { background-position: -1746px 0; }
.reducement90 { background-position: -1855px 0; }


.no-touch #shipyard #buttonz ul#military li a:hover,
#shipyard #buttonz ul#military li a.active,
.no-touch #shipyard #buttonz ul#civil li a:hover,
#shipyard #buttonz ul#civil li a.active {
    /*position: relative;*/
    z-index: 1;
}
#shop #inhalt .item_img a,
#activeBuffDetails .item_img a,
#div_traderScrap .image a { z-index: 1; }

/*#expeditionbutton.event_active { left: 320px; }*/
#expeditionbutton .event_active_hint {
    height: 25px;
    width: 25px;
    position: absolute;
    bottom: -2px;
    left: 98px;
    z-index: 10;
}

#div_traderResources .event_active_hint {
    display: inline-block;
    height: 25px;
    margin: 0 5px -10px 0;
    width: 25px;
}
/* *****************************************************************************
   Birthday Event Changes END (Delete after the Birthday Event)
***************************************************************************** */

.tooltipCustom.player {
    color: white;
    white-space: nowrap;
}


figure.planetIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    vertical-align: middle;
}
figure.planetIcon.moon {
    background: transparent url("//gf2.geo.gfsrv.net/cdnae/54cca7f0d2ed68b1a7d3a877085259.gif") no-repeat;
    border: 0;
    float: none;
}
figure.planetIcon.tf {
    background: transparent url("//gf2.geo.gfsrv.net/cdn45/5a576630ed0b3f129a09841535bb7c.gif") no-repeat;
    border: 0;
    float: none;
}
figure.planetIcon.planet {
    display: none;
}

/* ****************** Small Officer and Ressource Images ************************** */
.smallOfficer,
.officer20,
.officer32 {
    display: inline-block;
    float: left;
}

.smallOfficer {
    background: transparent url("//gf2.geo.gfsrv.net/cdn44/e34a98c3f2c9e66a2d3cdfee94c513.jpg") 0 0 no-repeat;
    height: 26px;
    width: 26px;

}
.smallOfficer.admiral { background-position: -25px 0; }
.smallOfficer.engineer { background-position: -50px 0; }
.smallOfficer.geologe { background-position: -75px 0; }
.smallOfficer.stab { background-position: -125px 0; }

.officer20 {
    background: transparent url("//gf1.geo.gfsrv.net/cdnf5/8568533160349e1bcd9b8ba6f00be2.jpg") 0 0 no-repeat;
    height: 20px;
    width: 20px;
}
.officer20.admiral { background-position: -20px 0; }

.officer32 {
    background: transparent url("//gf1.geo.gfsrv.net/cdn69/f593aa158c734df9e6223f00721981.jpg") 0 0 no-repeat;
    height: 32px;
    width: 32px;
}
.officer32.admiral { background-position: -32px 0; }
.officer32.engineer { background-position: -64px 0; }
.officer32.geologe { background-position: -96px 0; }



.resourceIcon {
    background: transparent url("//gf3.geo.gfsrv.net/cdned/7f14c18b15064d2604c5476f5d10b3.png") 0 0 no-repeat;
    width: 48px;
    height: 32px;
    float: left;
}

.resourceIconSmall {
    background: transparent url("//gf2.geo.gfsrv.net/cdn4b/22ec13d536fa483c5dc3636fae7dc7.png") 0 0 no-repeat;
    width: 30px;
    height: 20px;
    float: left;
}


.resourceIcon.metal { background-position: 0 -160px;}
.resourceIcon.crystal { background-position: -48px -160px;}
.resourceIcon.deuterium { background-position: -96px -160px;}
.resourceIcon.energy { background-position: -144px -160px;}
.resourceIcon.darkmatter { background-position: -192px -160px;}
.resourceIcon.food { background-position: -288px -160px;}
.resourceIcon.population { background-position: -336px -160px;}

.resourceIconSmall.metal { background-position: 0 0;}
.resourceIconSmall.crystal { background-position: -30px 0;}
.resourceIconSmall.deuterium { background-position: -60px 0;}
.resourceIconSmall.energy { background-position: -90px 0;}
.resourceIconSmall.darkmatter { background-position: -120px 0;}
.resourceIconSmall.food { background-position: -150px 0;}
.resourceIconSmall.population { background-position: -180px 0;}

.show_fleet_apikey {
    background-image: url("//gf2.geo.gfsrv.net/cdn7a/7018d8e33bdcbd1126e3370c573fe3.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    width: 26px;
    background-position: 0 -522px;
}
#FLEETAPI,
#FLEETAPI_JSON {
    width: 360px;
}

/*  REWARD PAGE */

.rewardwarningicon {
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

.rewardwarningtext {
    display: block;
    float: left;
    font-weight: 600;
    margin-left: 10px;
}

.rewardhint {
    width: 619px;
    height: 40px;
    display: block;
    border: 1px solid;
    margin: 0 auto 10px;
    text-align: center;
    border-radius: 5px;
    line-height: 40px;
    vertical-align: middle;
}

.rewardnotifyerror .rewardwarningtext {color: #ffcc45;}
.rewardnotifyclaimed .rewardwarningtext {color: #9bc700; }

.rewardnotifyerror {
    border: 1px solid #791616;
    background-color: #832222;
    background-color: rgb(131,34,34);
}

.rewardnotifyclaimed {
    border-color: #71c274;
    background-color: #3e8a3e;
    background-color: rgba(62,138,62,0.8);
}

.rewardnotifyhidden {
    display: none;
}

.rewardcanclaim {
    background: url("//gf2.geo.gfsrv.net/cdnd7/76e991da53367725f958176f796ff8.png") no-repeat;
}

.rewardclaimed {
    background: url("//gf3.geo.gfsrv.net/cdn88/3300e7c77764fc1535d3477f0df468.png") no-repeat;
}

.rewardnotclaim {
    background: url("//gf1.geo.gfsrv.net/cdn37/798bca9cdbb45b4935e49b88c0d585.png") no-repeat;
}

.rewardlist {
    background: #1f2630; /* Old browsers */
    background: -moz-linear-gradient(top,  #1f2630 0%, #111921 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #1f2630 0%,#111921 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #1f2630 0%,#111921 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border-radius: 6px;
    margin: 0 15px;
    padding: 10px;
}

.rewardlist > h3 {
    font-weight: 600;
    margin: 0 0 8px 2px;
}

.rewardlist a.reward-button {
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") 0 -188px no-repeat;
    bottom: 15px;
    color: #fff;
    font-weight: 600;
    height: 15px;
    padding: 5px 0;
    position: absolute;
    right: 15px;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 141px;
}

.rewardlist a.reward-button2 {
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") 0 -188px no-repeat;
    bottom: 15px;
    color: #fff;
    font-weight: 600;
    height: 15px;
    padding: 5px 0;
    position: absolute;
    right: 15px;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 140px;
}

.rewardlist a.reward-button3 {
    background: transparent url("//gf3.geo.gfsrv.net/cdneb/f5f81e8302aaad56c958c033677fb8.png") 0 -188px no-repeat;
    bottom: 45px;
    color: #fff;
    font-weight: 600;
    height: 15px;
    padding: 5px 0;
    position: absolute;
    right: 15px;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 140px;
}



.rewardlist a.reward-button:hover {background-position: 0 -214px;}
.rewardlist a.reward-button.disabled {
    background-position: 0 -162px;
    color: #ccc;
    cursor: default;
}


.rewardlist-item {position: relative;}

.rewardlistimg {
    display: block;
    height: 90px;
    margin: 0 auto;
    width: 621px;
}

.rewardlist-item-icon {
    position: absolute;
    top: 5px;
    left: 10px;
}

.rewardlist-item-text {
    font-size: 11px;
    line-height: 150%;
    margin: 0 0 0 115px;
    padding: 15px 0;
    width: 330px;
}

.rewardlist-item-text > h3 {
    margin-bottom: 5px;
    font-weight: 600;
}

#shipyard ul span.time {
    top: 30px;
    width: 77px;
}

#research ul span.time {
    top:30px;
    width: 77px;
}

#defense ul span.time {
    top: 30px;
    width: 77px;
}

#chatpartner {
    display: inline-block;
    left: 150px;
    position: absolute;
}

#otherPlayerName {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 215px;
    float: left;
    margin: 0 3px;
}

.reward-claimed-text {
    color: #848484;
    position: absolute;
    right: 15px;
    top: 30px;
}

.reward-claimed-text > p {
    font-size: 11px;
    float: left;
    line-height: 14px;
    margin: 5px 0 0 10px;
}

.reward-claimed-text > p > span {
    font-weight: 600;
}

.reward-claimed-text .rewardwarningicon {
    margin-left: 10px;
}

#description #wreckfields {
  padding: 5px 3px;
}

#description #wreckfields input,
.repairableShips input {
  background: none;
}

#description #wreckfields a {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}

#description #wreckfields .btn {
  margin: 3px 7px;
}

#burnUpCountDownForStationScreen,
#burnUpCountDownForRepairOverlay,
#repairTime {
  font-size: 12px;
  font-weight: 600;
}

.fakelink {
    text-decoration: underline;
    cursor:pointer;
}

/* *****************************************************************************
   Create Note
***************************************************************************** */
#createNote,
#noteList {
    margin: 0 auto;
    min-height: 200px;
    min-width: 387px;
    overflow: hidden;
    position: relative;
    padding: 10px 15px;
}

#createNote table, #noteList table {
    width:100%;
    margin:20px auto 0;
}
#createNote table tr,
#noteList table tr {
    height: 22px;
    vertical-align: middle;
}
#createNote td.value, #noteList td.value { padding: 3px 0 3px 5px; }

#createNote .textInput { padding: 3px 0; }

#createNote a.buttonSave span {
    display:block;
    line-height:27px;
    text-align:center;
}
#noteList th { font-weight: 700; text-align: left;}

#noteList select.choose {
    border:1px solid #515151;
    background-color:#141E26;
    color:#848484;
    padding:0;
    vertical-align:top;
    font-size:11px;
    width: 250px;
}
.showOldDropdowns #noteList select.choose {
    color: black;
    background-color: white;
}

#noteList td.options {
    white-space: nowrap;
}

#notizen a:link, #notizen a:visited { color:#848484; text-decoration:none;}
.no-touch #notizen a:hover { text-decoration: underline; }

#noteList tr.alt td {
    background: #13181D;
}