html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/* vertical-align: baseline; */
	z-index: 1;
	/*	vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { -moz-outline-width: 0;}
a:visited {
	text-decoration:none;
}
/* remember to define focus styles! */
:focus, :active {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
/*	text-align: left;*/
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

input[type="button"],
input[type="submit"] { border: none; }

/*
         Toolbox CSS
*/
/*
	LAYOUT TOOLS
*/
.floatLeft 			{ float: left; }
.floatRight			{ float: right; }
.clear				{ clear: both; }
.layoutCenter	    { margin: 0 auto; }
.textCenter			{ text-align: center; }
.textRight			{ text-align: right; }
.textLeft			{ text-align: left; }
.textBeefy          { font-weight: 700; }
.textGrow			{ text-transform:uppercase; }
.textTop            { vertical-align:top; }
/*
	PRINT TOOLS
*/
.page-break 			{ page-break-before: always; }
/*
	TYPOGRAPHIC TOOLS
*/
.error				{ border: 1px solid #fb4343; padding: 3px; color: #fb4343; }
.warning			{ border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; }
.success			{ border: 1px solid #149b0d; padding: 3px; color: #149b0d; }
.callOut			{ font-size: 125%; font-weight: bold; }
.strikeOut			{ text-decoration: line-through; }
.underline			{ text-decoration: underline; }
.resetTypeStyle			{ font-weight: normal; font-style: normal; font-size: 100%;
    text-decoration: none; background-color: transparent; word-spacing: normal;
    letter-spacing: 0px; text-transform: none; text-indent: 0px; }
/*
	DISPLAY VALUES
*/
.hide				{ display: none; }
.show				{ display: block; }
.invisible			{ visibility: hidden; }

/*
	COLORS
*/
.friendly {color:#9c0;}
.neutral {color:#D29D00;}
.hostile {color:#D43635;}
.white { color:#ffffff;}

div.alert_triangle {
	display: inline;
	position: absolute;
	top: 28px;
	margin: 0 1px;
	z-index: 10;
}

/*
* THIS IS A COPY OF ingame/02style.css nd should be refactored and finally removed to get rid as dependency
*/
body {
    background:#000 url("/img/icons/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('/img/icons/3ba769f527a320d805978310e59ca1.gif');
    background-size: 7px 7px;
    display: inline-block;
}

s, strike{text-decoration:none;position:relative;}
s::before, strike::before {
    top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
    background:red;
    opacity:.7;
    content: '';
    width: 110%;
    position: absolute;
    height:.1em;
    border-radius:.1em;
    left: -5%;
    white-space:nowrap;
    display: block;
    transform: rotate(-15deg);
}
s.straight::before, strike.straight::before{transform: rotate(0deg);left:-1%;width:102%;}



/**
 * 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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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(/img/icons/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(/img/icons/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(/img/icons/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("/img/icons/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: 300px;
    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: 120px;
    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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/a236f9e8171b3640b23aa8c404e73c.gif") !important;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;}


.icon.icon_quit { background: url("/img/icons/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("/img/icons/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("/img/icons/a5ae6fd7b7500507ef2681a952c802.png");
}


/* *****************************************************************************
   AJAX LOADING SPINNERS
***************************************************************************** */
.ajax_load_shadow {
    background: #22313B url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/e9dfa4d88b53d21359701885d5ce71.gif") no-repeat scroll 0 0;
    height:20px;
    left:432px;
    position:absolute;
    top:639px;
    width:20px;
}

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

#star2 {
    background:transparent url("/img/icons/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;
}

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

#links,
#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;
}

#links {width:173px;}

#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("/img/icons/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("/img/icons/0d9cdd8b2ddfd7664a3e29c86a1436.png");
    background-position-y: 1px;
}

#info {
    background-repeat: no-repeat;
    height: 142px;
    margin: 0 auto;
    position: relative;
/* @TODO-merge 6.7.2 relative and no following lines */
    /*position: absolute;*/
    /*z-index: 1;*/
    /*height: 35px;*/
}

/* =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;
}

div#resources {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

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

#fleetdispatchcomponent div#resources .resourceIcon {
    margin: 0;
}

#info div#resources div.resource img { margin-bottom: 0; }

#info div#resources div.resource.darkmatter a {
    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("/img/icons/b9de2f5b06c823d628d22c4067ee35.gif") no-repeat;
    height:32px;
    font-size:11px;
}

.content-box-s .content {
    background:url("/img/icons/bd764e9b39a1a48ad708039fda1bde.gif") repeat-y;
    padding:0 15px;
}

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

.content-box-s .footer {
    background:url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/969c4e267c1a550aad41b8fd1debe4.jpg"); }
#chat #planet.shortHeader { background-image: url("/img/icons/c02c34215b665f753ae3e062c680d9.jpg"); }

#resourceSettings #planet.shortHeader { background-image: url("/img/icons/8a1aa7b42b1d117d9ebb04c97b6d6d.jpg"); }
#movement #planet.shortHeader { background-image: url("/img/icons/9b0237402cdb812513f8a513a7d8e3.jpg"); }
#tutorial #planet.shortHeader { background-image: url("/img/icons/4641cd55cd998ab2f71757c7c0fd9d.jpg"); }
#tutorial #planet.header {
    background-image: url("/img/icons/c327b61947d90cd101150fa9143341.jpg");
    height: 250px;
}
#netz #planet.shortHeader { background-image: url("/img/icons/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;
    cursor:pointer;
}
#planet.shortHeader .toggleHeader,
#planet .toggleHeader {
    right:13px;
    top:8px;
}
#planet.shortHeader .toggleHeader {background: url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 0;}
#planet .toggleHeader {background: url("/img/icons/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("/img/icons/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;
}

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

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

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

.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("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") no-repeat;
    left: 0;

}

.c-right {
    background:url("/img/icons/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;
}

#pageContent .content-box-s .content table.queue td {
    font-size: 10px;
    text-align: center;
}


/* Premium: cut cosntruction time in half */
#pageContent .content-box-s .transport_ecke {
    background: url("/img/icons/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("/img/icons/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 .content table.queue td img.queuePic {
    margin: 4px 4px 0 4px;
}



#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;
}

/* RECHTS  */

#rechts .smallplanet a:link,
#rechts .smallplanet a:visited,
.no-touch #rechts .smallplanet a:hover,
#rechts .smallplanet a:active { text-decoration:none;}

#rechts #cutty .smallplanet { height:45px; }
#rechts #norm .smallplanet { height: 81px; }

#rechts .smallplanet {
    margin: 0 0 14px 5px;
    text-align:center;
    width:130px;
    overflow:visible;
    position:relative;
}

#rechts #myPlanets .smallplanet {
    height: 52px;
    margin:0 0 1px;
    width:auto;
}

#myPlanets .planetPic {
    position:absolute;
    left: 7px;
    top: 6px;
}

#rechts .smallplanet a.constructionIcon,
#rechts #myPlanets .smallplanet a.constructionIcon {
    cursor:pointer;
    display:block;
    height:12px;
    position:absolute;
    top:9px;
    right:19px;
    width:12px;
}

#rechts #norm a.constructionIcon {
    top:5px;
    right:22px;
}

#rechts #myPlanets .smallplanet a.constructionIcon {
    top: 22px;
    left: 111px;
}


#rechts .smallplanet a.wreckFieldIcon,
#rechts #myPlanets .smallplanet a.wreckFieldIcon {
    cursor:pointer;
    display:block;
    height:16px;
    position:absolute;
    top: 4px;
    left: 32px;
    width:16px;
}

#rechts #norm a.wreckFieldIcon {
    top: 4px;
    left: 32px;
}

#rechts #myPlanets .smallplanet a.wreckFieldIcon {
    top: 4px;
    left: 22px;
}

#rechts #norm a.constructionIcon.moon {
    top: 35px;
    left: 0;
}
#rechts #cutty a.constructionIcon.moon {
    top: 35px;
    left: 20px;
}

#rechts .smallplanet a.planetlink:link,
#rechts .smallplanet a.planetlink:visited {
    display:block;
    /*  height:60px; */
    color:#6F9FC8;
    padding-top: 4px;
}

#rechts #cutty .smallplanet a.planetlink:link,
#rechts #cutty .smallplanet a.planetlink:visited {  height:45px;}

#rechts #cutty #myPlanets a.planetlink:link,
#rechts #cutty #myPlanets a.planetlink:visited{ height: 52px;}

.no-touch #rechts .smallplanet a.planetlink:hover {
    color:#9c0;
}

#rechts .smallplanet a.planetlink:active{   text-decoration:none;}

#rechts .smallplanet a.active,
#rechts .smallplanet a.active:link{
    color: #9c0;
    display:block;
}

#norm .active span.planet-name,
#norm .active span.planet-koords { color: #9c0; font-weight: 700;}

#rechts #myPlanets .active span.planet-name,
#rechts #myPlanets .active span.planet-koords {
    color: #9c0;
    font-size: 11px;
    font-weight:700;
}

#rechts  #myPlanets .active span.planet-koords {font-weight: 100;}

.no-touch #rechts #cutty .smallplanet a.planetlink:hover, #rechts #cutty .smallplanet a.planetlink.active, #rechts #cutty .smallplanet a.planetlink.active:link {
    display:block;
    height:45px;
    color:#9c0;
}

#rechts #cutty .smallplanet a.moonlink {
    background-position: 6px 6px;
}

#rechts #myPlanets .smallplanet a.planetlink.active, #rechts #myPlanets .smallplanet a.planetlink.active:link {
    color:#fff;
}

#myPlanets { width: 147px; }

#rechts .smallplanet a.planetlink_inactive:link,
#rechts .smallplanet a.planetlink_inactive:visited {
    display:block;
    height:70px;
    text-decoration:none;
    color:cyan;
    cursor:default;
}

#rechts .smallplanet a.alert {
    position:absolute;
    left:21px;
    top:5px;
}

#rechts #myPlanets .smallplanet a.alert,
#rechts #myPlanets .smallplanet a.alert:link {
    position:absolute;
    left:123px;
    top:22px;
}

#rechts .smallplanet a.moonlink {
    position:absolute;
    display:block;
    left: 4px;
    top: 16px;
    padding: 10px;
}

#rechts #cutty  .smallplanet a.moonlink {
    left:14px;
    top:34px;
}

#rechts #cutty .smallplanet a.moonlink {top:14px;} /* 19px */

#rechts #myPlanets .smallplanet a.moonlink {
    left: -5px;
    top: 21px;
} /* 19px */

#rechts a.alert span.activity {
    background: url("/img/icons/91ad13c8f9a7e9390085d12adde508.png") no-repeat 0 -640px;
    display:block;
    height:12px;
    width:12px;
}

/**************************************
************* TINYPLANET ***************
****************************************/

#rechts .tinyplanet {
    margin:4px 0 0 22px;
    text-align:center;
    width:130px;
    overflow:visible;
    position:relative;
}

#rechts .tinyplanet a.planetlink:link,
#rechts .tinyplanet a.planetlink:visited {
    display:block;
    height:49px; /* 42px */
    text-decoration:none;
    color:#5b6b80;
}

.no-touch #rechts .tinyplanet a.planetlink:hover {
    color:#fff;
    text-decoration:none;
}
#rechts .tinyplanet a.planetlink:active{text-decoration:none;}

/*.no-touch #rechts .tinyplanet a.planetlink:hover{
    display:block;
    background-image:url("/img/icons/51f0fedca968560e2263c89b51b8b3.gif");
    background-repeat:no-repeat;
    background-position:left top;
}*/

#rechts .planet-name {
    display:block;
    font-size:12px;
    margin-top:0;
    line-height: 12px;
}
#rechts #cutty .planet-name {display:block;}

#rechts #myPlanets .planet-name,
#rechts .planet-koords {
    white-space: nowrap;
    position: absolute;
    top:7px;
    left:50px;
}

#rechts .planet-koords {font-size: 10px;}
#rechts #norm .planet-name {
    white-space:nowrap;
}

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

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

#rechts a.planetlink .planetPic {
    border-radius: 24px;
}
#rechts #cutty a.planetlink .planetPic {
    border-radius: 15px;
}
#rechts a.moonlink .icon-moon {
    border-radius: 8px;
}
#rechts a.planetlink.active .planetPic {
    box-shadow: 0 0 6px 1px #FF9600, inset 0 0 3px 4px #FF9600;
}
#rechts a.planetlink:hover .planetPic,
#rechts a.planetlink:active .planetPic{
    box-shadow: 0 0 6px 1px #9C0, inset 0 0 3px 4px #9C0;
}

#rechts a.moonlink.active .icon-moon {
    box-shadow: 0 0 6px 2px #FF9600, inset 0 0 3px 2px #FF9600;
}
#rechts a.moonlink:hover .icon-moon,
#rechts a.moonlink:active .icon-moon {
    box-shadow: 0 0 6px 2px #9C0, inset 0 0 3px 2px #9C0;
}


/* @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("/img/icons/10e31cd5234445e4084558ea3506ea.gif");
    background-repeat: no-repeat;
}
#eventHeader,
#buttonz .header,
#sendfleet .header {
    height: 28px;
    position: relative;
}

#buttonz .content,
#fleet3 #sendfleet .content {
    background: url("/img/icons/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("/img/icons/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("/img/icons/de1e5f629d9e47d283488eee0c0ede.gif") no-repeat; }
.detailsOpened .toggleDetails { background: url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/33b48c5ab13019eec2b94d04e3e5b0.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}



/* ******************** Station Images ************************************** */
#buttonz ul#building div.buildingimg {
    background-image: url("/img/icons/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("/img/icons/dab435e02e060b479363268ca63b0e.gif");
    z-index:10;
    display:none;
    margin:0;
    position:absolute;
    top: 0;
}

div.detail_screen.small {background-image:url("/img/icons/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("/img/icons/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(/img/icons/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(/img/icons/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("/img/icons/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("/img/icons/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; }

a.build-it_premium {
    background: transparent url("/img/icons/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;
}
a.build-it_premium:hover,
a.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(/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/d17eb1cd5358276dc2c2088cc3527c.gif") no-repeat;
    height:80px;
    list-style:none;
    margin:0 0 0 17px;
}

ul#storage div.buildingimg,
ul#den div.buildingimg {background: url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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(/img/icons/195289b6c88eff9d729496ed0c527a.gif) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.homeIcon:hover,.homeIcon.hover {
    background: url(/img/icons/c426177e70d2bb4237757089cc8950.gif) no-repeat;
}
.openStandardMoonMenu {
    position: absolute;
    top:73px;
    left:303px;
}
/* @TODO-merge REMOVE CSS ABOVE */
/***********************************************/
/*          LINKBAR                            */
/***********************************************/

#bar {
    font-size:11px;
    width:100%;
    margin-top:2px;
    text-align:center;
}

#bar a,
#bar a:link,
#bar a:visited,
#bar a:active {
    color:#6f9fc8;
    display: inline-block;
    text-decoration:none;
}

.no-touch #bar a:hover {
    text-decoration:underline;
    color:#9c0;
}

#bar ul {
    margin: 0 auto;
}

#bar ul li {
    display:inline;
    list-style-type:none;
    list-style-position:outside;
    margin:0 15px 0 0;
}

#bar ul li#playerName {
    float: left;
    margin-right: 1px;
    display: inline-flex;
    gap: 2px;
    align-items: center;
    flex-direction: row;
}
#bar ul li#playerName span.status_abbr_outlaw {
    background: url("/img/icons/91ad13c8f9a7e9390085d12adde508.png") no-repeat 0 -640px;
    padding-left: 15px;
}
#bar ul li.OGameClock {
    margin-right: 0;
    float: right;
}

.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("/img/icons/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("/img/icons/662c178137953a8a7c22381b9c1df5.gif") 0 0 no-repeat; }
#galaxytable #attack_alert.soon a { background: transparent url("/img/icons/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("/img/icons/78fe795054d61d6072aa234fcd51c6.png") -22px 0 no-repeat; }
#galaxytable #attack_alert.wreckField a { background: transparent url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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;
}

.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("/img/icons/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("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") 0 0 repeat-y;
    height:29px;
}

#preferences .contentzs .content,
#happyedit .contentzs .content
{background:transparent url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") 0 0 repeat-y;}

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

#preferences .contentzs .tabwrapper,
#happyedit .contentzs .tabwrapper {
    background: transparent url("/img/icons/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("/img/icons/ce9090fdecf6ea4ab7a9bf01229022.png") no-repeat;
    height: 50px;
}
.errorBox .middle {
    background: transparent url("/img/icons/4daa45b03a732ddeb38ea39739e9c8.png") repeat-y;
    padding: 10px 20px;
    width: 360px;
    word-wrap: break-word;
}

.errorBox .foot {
    background: transparent url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/7191f6cbf907558acffdb210b21656.jpg") no-repeat;
    height:250px;
}

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

.officers100 {
    background: url("/img/icons/a22e8a59e7cfd08f0997cf491c2ca1.png") no-repeat;
    position: relative;
    width:  100px;
    height: 100px;
}
.officers100.halloween { background-image: url("/img/icons/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("/img/icons/988e932a1e9ecef4a586272cbdb953.jpg") no-repeat;
    position: relative;
    width:  200px;
    height: 200px;
    margin-left: 2px;
    float: left;
}
.officers200.halloween { background-image: url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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:1;
    bottom:0px;
    right:0px;
}

.slot-hover {
    background: url("/img/icons/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;}

header div#slot01.slot{bottom: 4px; right: -2px;}
header div#slot02.slot{bottom: 30px; 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("/img/icons/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("/img/icons/32469184f13227d35e7cb4bdab93ae.gif") no-repeat;
    height:29px;
}
.boxWrapper .content {
    background:transparent url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    padding:10px 20px;
}

.boxWrapper .footer {
    background:transparent url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/7f424858dabeaec63cbbc43f1cc8d9.png") no-repeat;}
#fadeBox #fadeBoxStyle.failed {  background: transparent url("/img/icons/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("/img/icons/1bcb107d4cdd48d0878fe850157e46.png");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}
.planetDiscoverIcons {
    background-image: url("/img/icons/1bcb107d4cdd48d0878fe850157e46.png");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    margin-right:0;
    font-weight:bold;
}
.planetDiscoverDefault {
    background-position: -153px !important;
}
.planetDiscoverUnavailable {
    background-position: -170px !important;
}
.questionIcons {
    background-image: url("/img/icons/b94b07922d4221d3c4fbd12d0b1e11.gif");
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}
.MobilequestionIcons {
    background-image: url("/img/icons/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: 100px; }

.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("/img/icons/813a5ab60cb168ac2f14b3dee16294.gif") no-repeat;
    top: 4px;
    position: relative;
}
#countColonies .lockPlanets.open {
    background-image: url("/img/icons/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;}
.left {text-align:left;}
.center {text-align:center;}
.justify {text-align: justify;}


/* *****************************************************************************
   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("/img/icons/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('/img/icons/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("/img/icons/54cca7f0d2ed68b1a7d3a877085259.gif") no-repeat;
    border: 0;
    float: none;
}
figure.planetIcon.tf {
    background: transparent url("/img/icons/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("/img/icons/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("/img/icons/8568533160349e1bcd9b8ba6f00be2.jpg") 0 0 no-repeat;
    height: 20px;
    width: 20px;
}
.officer20.admiral { background-position: -20px 0; }

.officer32 {
    background: transparent url("/img/icons/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("/img/icons/7f14c18b15064d2604c5476f5d10b3.png") 0 0 no-repeat;
    width: 48px;
    height: 32px;
    float: left;
}

.resourceIconSmall {
    background: transparent url("/img/icons/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("/img/icons/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("/img/icons/76e991da53367725f958176f796ff8.png") no-repeat;
}

.rewardclaimed {
    background: url("/img/icons/3300e7c77764fc1535d3477f0df468.png") no-repeat;
}

.rewardnotclaim {
    background: url("/img/icons/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("/img/icons/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("/img/icons/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("/img/icons/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;
}


/* send buttons for fleetdispatch and inventory */
.send_all a {
    margin:0;
    float:left;
    display:block;
    width:32px;
    height:32px;
    overflow:hidden;
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -374px -162px no-repeat;
}

.no-touch .send_all a:hover { background-position: -374px -194px; }

.send_none { margin:0;}
.send_none a {
    float:right;
    display:block;
    margin:0;
    width:32px;
    height:32px;
    overflow:hidden;
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -406px -162px no-repeat;
}

.no-touch .send_none a:hover { background-position: -406px -194px; }

body, html {
    height:100%;
    margin:0;
}

body {
    background:#000 url("/img/icons/d07c90d96bbc823d6d53953a94aacb.jpg") no-repeat 50% 0;
    color:#f1f1f1;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    font-size: 12px ;
}
body.no-commander {
    background-position: 50% 35px;
}
body.bbcodepreview {
    background: transparent;
}

/* *****************************************************************************
   ALLGEMEINE STYLES
***************************************************************************** */

/* *************************** 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; }

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

/* ********************* ACTION BUTTONS ************************************* */
a.deactivate-it, a.deactivate-it_disabled {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -316px no-repeat;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: bold;
    height: 54px;
    text-decoration: none;
    text-align: center;
    float: right;
}

a.deactivate-it:hover,
a.deactivate-it_disabled:hover {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -370px no-repeat;
    color: #fff;
    display: table;
    font-size: 16px;
    font-weight: bold;
    height: 54px;
    text-decoration: none;
    text-align: center;
    float: right;
}
a.deactivate-it, a.deactivate-it_disabled > span {
    display: inline-block;
    width: 143px;
    height: 54px;
    line-height: 54px;
}
/* ********************* 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 occurrences of same content text style */
#chat .content,
#buddiescomponent .content {
    color: #848484;
    font-size: 11px;
}

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

.margin_10_0 { margin: 10px 0; }

/* ********************* Global  ********************************************** */
#pageReloader {
    position: absolute;
    top: 30px;
    height: 70px;
    width: 190px;
    cursor: pointer;
}

#pageContent {
    /* Positioning */
    position: relative;
    top: 0;
    left: 0;
    right: 0;

    /* Box-Model */
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
}

.maincontent {
    /* Positioning */
    position: relative;
    top: 0px;
    left: 0;
    /* Box-Model */
    width: 670px;
    padding: 0;
    margin-bottom: 40px;
    /* Typography */
    /* Visual */
    /* Misc */
}

#standalonepage #mainContent {
    height: 100%;
}

#standalonepage .maincontent {
    width: 100%;
}

.productionboxbuilding,
.productionboxresearch,
.productionboxshipyard,
.productionboxextendedshipyard,
.productionboxlfbuilding,
.productionboxlfresearch {
    /* Positioning */
    position: relative;
    top: 0;
    left: 0;
    /* Box-Model */
    width: 220px;
    /* Typography */
    /* Visual */
    /* Misc */
    display: inline-block;
    vertical-align: top;
}

.header.small {
    height: 250px;
    margin: 0 auto 3px 8px;
    z-index: 1;
}

.header.middle {
    height: 300px;
    margin: 0 auto 3px 8px;
    z-index: 1;
}

/********************************************************
************* =COMMON #buttonz BOX STYLES *******************
********************************************************/
#buttonz .item_box {
    position: relative;
    height: 100%;
    width: 100%;
}

div.buildingimg {
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    position: relative;
}

#buttonz {
    background: none;
    min-height: 150px;
    margin: 0 auto 1px auto;
    width: 670px;
}

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

#buttonz div.move-box-wrapper {
    position: relative;
    z-index: 2;
}
#buttonz div.move-box {
    background-color: #cccccc;
    -webkit-mask: url("/img/icons/710e572d977cae12d7db89d0ba13ef.svg") no-repeat center;
    mask: url("/img/icons/710e572d977cae12d7db89d0ba13ef.svg") no-repeat center;
    height: 28px;
    width: 28px;
    position: absolute;
    top: 2px;
    right: 30px;
    cursor: grabbing;
}
#buttonz div.move-box:hover {
    background-color: #ff9600;
}

#buttonz .content {
    background: url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    margin: 0 0 10px 0;
    min-height: 115px;
    padding: 10px 0 0;
    position: relative;
}

#buttonz .footer {
    background: url("/img/icons/997fd607a76c0b713e24cb7f2d41f5.png") no-repeat;
    bottom: -6px;
    height: 50px;
    left: 0;
    margin: 0 0 1px 0;
    position: absolute;
    width: 667px;
    z-index: 0;
}

.detailsClosed .toggleDetails { background: url("/img/icons/de1e5f629d9e47d283488eee0c0ede.gif") no-repeat; }
.detailsOpened .toggleDetails { background: url("/img/icons/577565fadab7780b0997a76d0dca9b.gif") no-repeat; }

#eventContent .toggleDetails {
    width: 18px;
}

#buttonz 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:0px;
    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 {
    position: relative;
    display:block;
    height:100px;
    width:100px;
    background:url("/img/icons/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("/img/icons/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;
}

#buttonz ul#storage li {
    position: relative;
    width: 80px;
    height: 80px;
    top: 0px;
    float: left;
    margin-right: 18px;
    margin-left: 10px;
    background-repeat: no-repeat;
    list-style-type: none;
}

/********************************************************
 ********************************************************
 ******************* SPRITE IMAGES **********************
 ********************************************************
 ********************************************************/
.sprite_before::before,
.sprite_after::after,
.sprite {
    background-image: url('/img/icons/7a9861be0c38bf7de05a57c56d73cf.jpg');
}

/********************************************************
 ************** *  SIZES AND MODES  * *******************
 ********************************************************/
.sprite_before.sprite_large::before,
.sprite_after.sprite_large::after,
.sprite.sprite_large {
    width: 200px;
    height: 200px;
    /*background-size: 4000px 6000px;*/
}

.sprite_before.sprite_medium::before,
.sprite_after.sprite_medium::after,
.sprite.sprite_medium {
    width: 100px;
    height: 100px;
    background-size: 2000px 3000px;
}

.sprite_before.sprite_small::before,
.sprite_after.sprite_small::after,
.sprite.sprite_small {
    width: 80px;
    height: 80px;
    background-size: 1600px 2400px;
}

.sprite_before.sprite_tiny::before,
.sprite_after.sprite_tiny::after,
.sprite.sprite_tiny {
    width: 28px;
    height: 28px;
    background-size: 550px 840px;
}

/* ~~~~~ BUILDINGS ~~~~~ */
.sprite_before.metalMine::before,
.sprite_after.metalMine::after,
.sprite.metalMine {
    background-position: 0 0;
}

.sprite_before.crystalMine::before,
.sprite_after.crystalMine::after,
.sprite.crystalMine {
    background-position: 5.25% 0;
}

.sprite_before.deuteriumSynthesizer::before,
.sprite_after.deuteriumSynthesizer::after,
.sprite.deuteriumSynthesizer {
    background-position: 10.52% 0;
}

.sprite_before.solarPlant::before,
.sprite_after.solarPlant::after,
.sprite.solarPlant {
    background-position: 15.78% 0;
}

.sprite_before.fusionPlant::before,
.sprite_after.fusionPlant::after,
.sprite.fusionPlant {
    background-position: 21.05% 0;
}

.sprite_before.roboticsFactory::before,
.sprite_after.roboticsFactory::after,
.sprite.roboticsFactory {
    background-position: 0 17.24%;
}

.sprite_before.naniteFactory::before,
.sprite_after.naniteFactory::after,
.sprite.naniteFactory {
    background-position: 26.31% 17.24%;
}

.sprite_before.shipyard::before,
.sprite_after.shipyard::after,
.sprite.shipyard {
    background-position: 5.25% 17.24%;
}

.sprite_before.metalStorage::before,
.sprite_after.metalStorage::after,
.sprite.metalStorage {
    background-position: 31.57% 0;
}

.sprite_before.crystalStorage::before,
.sprite_after.crystalStorage::after,
.sprite.crystalStorage {
    background-position: 36.84% 0;
}

.sprite_before.deuteriumStorage::before,
.sprite_after.deuteriumStorage::after,
.sprite.deuteriumStorage {
    background-position: 42.1% 0;
}

.sprite_before.researchLaboratory::before,
.sprite_after.researchLaboratory::after,
.sprite.researchLaboratory {
    background-position: 10.52% 17.24%;
}

.sprite_before.terraformer::before,
.sprite_after.terraformer::after,
.sprite.terraformer {
    background-position: 31.57% 17.24%;
}

.sprite_before.allianceDepot::before,
.sprite_after.allianceDepot::after,
.sprite.allianceDepot {
    background-position: 15.78% 17.24%;
}

.sprite_before.moonbase::before,
.sprite_after.moonbase::after,
.sprite.moonbase {
    background-position: 36.84% 17.24%;
}

.sprite_before.sensorPhalanx::before,
.sprite_after.sensorPhalanx::after,
.sprite.sensorPhalanx {
    background-position: 42.1% 17.24%;
}

.sprite_before.jumpGate::before,
.sprite_after.jumpGate::after,
.sprite.jumpGate {
    background-position: 47.36% 17.24%;
}

.sprite_before.missileSilo::before,
.sprite_after.missileSilo::after,
.sprite.missileSilo {
    background-position: 21.05% 17.24%;
}

.sprite_before.repairDock::before,
.sprite_after.repairDock::after,
.sprite.repairDock {
    background-position: 52.62% 17.24%;
}


/* ~~~~~ RESEARCHES ~~~~~ */
/* ~~ BASICS ~~ */
.sprite_before.energyTechnology::before,
.sprite_after.energyTechnology::after,
.sprite.energyTechnology {
    background-position: 0 68.96%;
}

.sprite_before.laserTechnology::before,
.sprite_after.laserTechnology::after,
.sprite.laserTechnology {
    background-position: 5.25% 68.96%;
}

.sprite_before.ionTechnology::before,
.sprite_after.ionTechnology::after,
.sprite.ionTechnology {
    background-position: 10.52% 68.96%;
}

.sprite_before.hyperspaceTechnology::before,
.sprite_after.hyperspaceTechnology::after,
.sprite.hyperspaceTechnology {
    background-position: 15.78% 68.96%;
}

.sprite_before.plasmaTechnology::before,
.sprite_after.plasmaTechnology::after,
.sprite.plasmaTechnology {
    background-position: 21.05% 68.96%;
}


/* ~~ DRIVES ~~ */
.sprite_before.combustionDriveTechnology::before,
.sprite_after.combustionDriveTechnology::after,
.sprite.combustionDriveTechnology {
    background-position: 26.31% 68.96%;
}

.sprite_before.impulseDriveTechnology::before,
.sprite_after.impulseDriveTechnology::after,
.sprite.impulseDriveTechnology {
    background-position: 31.57% 68.96%;
}

.sprite_before.hyperspaceDriveTechnology::before,
.sprite_after.hyperspaceDriveTechnology::after,
.sprite.hyperspaceDriveTechnology {
    background-position: 36.84% 68.96%;
}


/* ~~ ADVANCED~~ */
.sprite_before.espionageTechnology::before,
.sprite_after.espionageTechnology::after,
.sprite.espionageTechnology {
    background-position: 42.1% 68.96%;
}

.sprite_before.computerTechnology::before,
.sprite_after.computerTechnology::after,
.sprite.computerTechnology {
    background-position: 47.36% 68.96%;
}

.sprite_before.astrophysicsTechnology::before,
.sprite_after.astrophysicsTechnology::after,
.sprite.astrophysicsTechnology {
    background-position: 52.62% 68.96%;
}

.sprite_before.researchNetworkTechnology::before,
.sprite_after.researchNetworkTechnology::after,
.sprite.researchNetworkTechnology {
    background-position: 57.88% 68.96%;
}

.sprite_before.gravitonTechnology::before,
.sprite_after.gravitonTechnology::after,
.sprite.gravitonTechnology {
    background-position: 63.15% 68.96%;
}

/* ~~ COMBAT ~~ */
.sprite_before.weaponsTechnology::before,
.sprite_after.weaponsTechnology::after,
.sprite.weaponsTechnology {
    background-position: 73.68% 68.96%;
}

.sprite_before.shieldingTechnology::before,
.sprite_after.shieldingTechnology::after,
.sprite.shieldingTechnology {
    background-position: 78.94% 68.96%;
}

.sprite_before.armorTechnology::before,
.sprite_after.armorTechnology::after,
.sprite.armorTechnology {
    background-position: 68.42% 68.96%;
}

/* ~~~~~ SHIPS ~~~~~ */
/* ~~ CIVIL ~~ */
.sprite_before.transporterSmall::before,
.sprite_after.transporterSmall::after,
.sprite.transporterSmall {
    background-position: 42.1% 51.72%;
}

.sprite_before.transporterLarge::before,
.sprite_after.transporterLarge::after,
.sprite.transporterLarge {
    background-position: 47.36% 51.72%;
}

.sprite_before.colonyShip::before,
.sprite_after.colonyShip::after,
.sprite.colonyShip {
    background-position: 52.62% 51.72%;
}

.sprite_before.recycler::before,
.sprite_after.recycler::after,
.sprite.recycler {
    background-position: 57.89% 51.72%;
}

.sprite_before.espionageProbe::before,
.sprite_after.espionageProbe::after,
.sprite.espionageProbe {
    background-position: 63.15% 51.72%;
}

.sprite_before.solarSatellite::before,
.sprite_after.solarSatellite::after,
.sprite.solarSatellite {
    background-position: 26.31% 0;
}

.sprite_before.resbuggy::before,
.sprite_after.resbuggy::after,
.sprite.resbuggy {
    background-position: 84.20% 51.72%;
}

.sprite_before.explorer::before,
.sprite_after.explorer::after,
.sprite.explorer {
    background-position: 78.94% 51.72%;
}

.sprite_before.reaper::before,
.sprite_after.reaper::after,
.sprite.reaper {
    background-position: 73.68% 51.72%;
}

/* ~~ MILITARY ~~ */
.sprite_before.fighterLight::before,
.sprite_after.fighterLight::after,
.sprite.fighterLight {
    background-position: 0 51.72%;
}

.sprite_before.fighterHeavy::before,
.sprite_after.fighterHeavy::after,
.sprite.fighterHeavy {
    background-position: 5.25% 51.72%;
}

.sprite_before.cruiser::before,
.sprite_after.cruiser::after,
.sprite.cruiser {
    background-position: 10.53% 51.72%;
}

.sprite_before.battleship::before,
.sprite_after.battleship::after,
.sprite.battleship {
    background-position: 15.78% 51.72%;
}

.sprite_before.interceptor::before,
.sprite_after.interceptor::after,
.sprite.interceptor {
    background-position: 21.05% 51.72%;
}

.sprite_before.bomber::before,
.sprite_after.bomber::after,
.sprite.bomber {
    background-position: 26.31% 51.72%;
}

.sprite_before.destroyer::before,
.sprite_after.destroyer::after,
.sprite.destroyer {
    background-position: 31.57% 51.72%;
}

.sprite_before.deathstar::before,
.sprite_after.deathstar::after,
.sprite.deathstar {
    background-position: 36.84% 51.72%;
}

/* ~~~~~ DEFENSES ~~~~~ */
.sprite_before.rocketLauncher::before,
.sprite_after.rocketLauncher::after,
.sprite.rocketLauncher {
    background-position: 0 34.48%;
}

.sprite_before.laserCannonLight::before,
.sprite_after.laserCannonLight::after,
.sprite.laserCannonLight {
    background-position: 5.25% 34.48%;
}

.sprite_before.laserCannonHeavy::before,
.sprite_after.laserCannonHeavy::after,
.sprite.laserCannonHeavy {
    background-position: 10.52% 34.48%;
}

.sprite_before.gaussCannon::before,
.sprite_after.gaussCannon::after,
.sprite.gaussCannon {
    background-position: 15.78% 34.48%;
}

.sprite_before.ionCannon::before,
.sprite_after.ionCannon::after,
.sprite.ionCannon {
    background-position: 21.05% 34.48%;
}

.sprite_before.plasmaCannon::before,
.sprite_after.plasmaCannon::after,
.sprite.plasmaCannon {
    background-position: 26.31% 34.48%;
}

.sprite_before.shieldDomeSmall::before,
.sprite_after.shieldDomeSmall::after,
.sprite.shieldDomeSmall {
    background-position: 31.57% 34.48%;
}

.sprite_before.shieldDomeLarge::before,
.sprite_after.shieldDomeLarge::after,
.sprite.shieldDomeLarge {
    background-position: 36.84% 34.48%;
}

/* ~~~~~ MISSILES ~~~~~ */
.sprite_before.missileInterceptor::before,
.sprite_after.missileInterceptor::after,
.sprite.missileInterceptor {
    background-position: 42.1% 34.48%;
}

.sprite_before.missileInterplanetary::before,
.sprite_after.missileInterplanetary::after,
.sprite.missileInterplanetary {
    background-position: 47.36% 34.48%;
}
/********************************************************
 ********************************************************
 **************** END SPRITE IMAGES *********************
 ********************************************************
 ********************************************************/

span.time {
    display:block;
    font-weight:700;
    color:#cccccc;
    font-size:11px;
    background-color:#111000;
    position:absolute;
    padding:3px 0px;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    text-align: center;
    z-index: 2;
}

.sprite.medium span.time {
    top: 43px;
    left: 2px;
    width: 96px;
}

.sprite.small span.time {
    top: 30px;
    left: 2px;
    width: 77px;
}

/* **** Common Message Styles (used in newsfeed, buddies and chat pages) ***** */
.msg {
    background: #111A21;
    -webkit-box-shadow: inset 0 1px 1px rgba(33, 49, 64, 0.75);
    box-shadow: inset 0 1px 1px rgba(33, 49, 64, 0.75);
    list-style: none;
    margin: 0 0 7px 0;
    position: relative;
}
.msg_new {
    background: #22313b;
    color: #dddddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(74, 129, 120, 0.75);
    box-shadow: inset 0 1px 1px rgba(74, 129, 120, 0.75);

}
.msg_status {
    background-color: #16222c;
    /*background-position: -16px -634px;*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px;
}

.msg_status:before {
    background-image: url("/img/icons/d03835718066a5a592a6426736e019.png");
    background-position: -16px -634px;
    display: block;
    content: "";
    height: 100%;
    max-height: 103px;
    width: 7px;
}

.msg_new .msg_status {
    background-color: #23d2b7;
    /*background-position: -24px -634px;*/
}

.msg_new .msg_status:before {
    background-position: -24px -634px;
}

.msg_head {
    padding: 5px 5px 0 12px;
    margin-bottom: 0;
}
.msg_head .icon_nf_link {
    height: 16px;
    margin: 0 0 0 4px;
    width: 16px;
}

.msg_title {
    display: inline-block;
    width: 400px;
/* @TODO-merge old twig    width: 330px;*/
}
.msg_new .msg_title { font-weight: bold; }

.msg_sender {}
.msg_date {
    display: inline-block;
    font-size: 9px;
    margin: 2px 5px 0 0;
}

.msg_content {
    display: inline-block;
    padding: 0 5px 5px 12px;
    word-wrap: break-word;
    width: 100%;
    box-sizing: border-box;
}
.msg_actions
{
    padding: 5px 5px 5px 12px;
    clear: both;
}
.msg_actions .comments { margin: 0 0 -2px 0; }
.comments_link { margin: 0 10px 0 0;}

/* message icons */
.icon_nf {
    background-image: url("/img/icons/7018d8e33bdcbd1126e3370c573fe3.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    width: 26px;
}
.icon_nf.icon_accept { background-position: 0 -104px; }
.icon_nf.icon_attack { background-position: 0 -470px; }
.icon_nf.icon_copy_paste { background-position: 0 -364px; }
.icon_nf.icon_espionage { background-position: 0 -156px; }
.icon_nf.icon_favorited { background-position: 0 -260px; }
.icon_nf.icon_not_favorited { background-position: 0 -312px; }
.icon_nf.icon_refuse { background-position: 0 -52px; }
.icon_nf.icon_share { background-position: 0 -208px; }
.icon_nf.icon_apikey { background-position: 0 -522px; }
.icon_nf.icon_harvest { background-position: 0 -575px; }
.icon_nf.icon_report { background-position: 0 -628px; }

.icon_nf.icon_fav_info { background-position: 0 -416px; }
/* @TODO: this can be renamed to icon_warning when the other has been renamed to icon_report */
.icon_nf.icon_attension { background-position: 0 -442px; }

.msg_action_link { padding: 16px 0 0 0; }

.outOfChatbar { display: none; }

.newMsgMarker {
    float: right;
}

span .resspan {
    margin-right: 20px;
}

ul#chatMsgList .newMsgMarker {
    margin-right: 20px;
}

ul.chat_bar_list .newMsgMarker {
    margin-right: 20px;
}

.playerlist_item .newMsgMarker {
    margin-top: -22px;
    margin-right: 14px;
}

.ally_send_button {
    float: right;
    margin-top: -33px;
}

#content .searchresults {
    width: 100%;
}

#content .searchresults th {
    text-align: left;
}
#content .searchresults th.highscore,
#content .searchresults td.highscore {
    text-align: right;
    padding-right: 16px;
}
#content .searchresults th.action {
     text-align: center;
}
#content .searchresults td.action {
    width: 20px;
}

/********************************************************
 ********************************************************
 ******************* RESOURCE SETTINGS*******************
 ********************************************************
 ********************************************************/
/* move this into a seperate page */
#resourceSettings #inhalt .sprite.characterclass { display:inline-block; width:26px; height:26px; float:left; }
#resourceSettings #inhalt .sprite.allianceclass { display:inline-block; width:26px; height:26px; float:left; }


.alliance_class.small {
    margin-left: 22px;
    position: relative;
}
.alliance_class.small:before {
    content: '';
    position: absolute;
    left: -23px;
    top: -3px;
    width: 20px;
    height: 20px;
}
.alliance_class.small.none:before {
    background: url("/img/icons/91f4cdf171328d7cef3443860cd063.png") no-repeat;
}
.alliance_class.small.explorer:before {
    background: url("/img/icons/bb0ff2146d93887ff9bf2a14a25a45.png") no-repeat;
}
.alliance_class.small.trader:before {
    background: url("/img/icons/02614bfe12340c2d8f89ce58ad83c7.png") no-repeat;
}
.alliance_class.small.warrior:before {
    background: url("/img/icons/f2435fcc1304b0d181323254d3d3ec.png") no-repeat;
}

#alliance .alliance_class.small:before {
    top: 1px;
}

.detail_txt .lifeformbox,
.msg_content .lifeformbox {
    padding-left: 13px;

}
.detail_txt .lifeform-item-icon,
.msg_content .lifeform-item-icon {
    width: 77px;
    min-width: 77px;
    height: 76px;
    margin-top: 1px;
    background: url("/img/icons/5681003b4f1fcb30edc5d0e62382a2.png") no-repeat 0 0;
    float: left;
    margin-right: 3px;
}
.detail_txt .lifeform-item-icon.lifeform1,
.detail_txt .lifeform-item-icon.lifeform2,
.detail_txt .lifeform-item-icon.lifeform3,
.detail_txt .lifeform-item-icon.lifeform4,
.msg_content .lifeform-item-icon.lifeform1,
.msg_content .lifeform-item-icon.lifeform2,
.msg_content .lifeform-item-icon.lifeform3,
.msg_content .lifeform-item-icon.lifeform4 {
    background-position-y: -200px;
}
.detail_txt .lifeform-item-icon.lifeform1,
.msg_content .lifeform-item-icon.lifeform1 {
    background-position-x: 0;
}
.detail_txt .lifeform-item-icon.lifeform2,
.msg_content .lifeform-item-icon.lifeform2 {
    background-position-x: -78px;
}
.detail_txt .lifeform-item-icon.lifeform3,
.msg_content .lifeform-item-icon.lifeform3 {
    background-position-x: -156px;
}
.detail_txt .lifeform-item-icon.lifeform4,
.msg_content .lifeform-item-icon.lifeform4 {
    background-position-x: -234px;
}

/* Production box */
#productionboxBottom {
    width: 670px;
    min-height: 140px;
    display: flex;
    gap: 3px;
}

#productionboxBottom .boxColumn {
    display: flex;
    flex-direction: column;
}
#productionboxBottom .boxColumn.ship {
    flex: 1;
}

/* twig loadingspinner */
.loadingspinner-twig {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.loadingspinner-twig div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    animation: loadingspinner-twig 1.2s linear infinite;
}
.loadingspinner-twig div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}
.loadingspinner-twig div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}
.loadingspinner-twig div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}
.loadingspinner-twig div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}
.loadingspinner-twig div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}
.loadingspinner-twig div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}
.loadingspinner-twig div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}
.loadingspinner-twig div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}
.loadingspinner-twig div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}
.loadingspinner-twig div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}
.loadingspinner-twig div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}
.loadingspinner-twig div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}
@keyframes loadingspinner-twig {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

.og-loading {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    box-sizing: border-box;
    z-index:10;
    display:none;
}
.og-loading > .og-loading-overlay {
    position:relative;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
    box-shadow: 0 0 20px #000;
}
.og-loading > .og-loading-overlay > .og-loading-indicator {
    position:absolute;
    left:50%;
    top:50%;
    width:128px;
    height:128px;
    margin-left:-64px;
    margin-top:-64px;
    background:url(/img/icons/6e0f46d7504242302bc8055ad9c8c2.gif);
}

body {
    background: #000 url("/img/icons/d07c90d96bbc823d6d53953a94aacb.jpg") no-repeat 50% 0;
    color: #f1f1f1;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 12px;
}

.noXScrollbar {
    overflow-x: hidden;
}

.tipped { border-bottom: 1px dotted #9c0;}

#mainmenucomponent {
    position: relative;
    margin: 0;
    line-height: 1;
    width: 180px;
}

.align-right {
    float: right;
}

#mainmenucomponent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

#mainmenucomponent ul li {
    position: relative;
    margin: 0;
    padding: 0;
}

#mainmenucomponent ul li a {
    text-decoration: none;
    cursor: pointer;
}

#mainmenucomponent > ul > li > a {
    color: #dddddd;
    display: block;
    padding: 4px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    background: #222222;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 200;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    position: relative;
}

#mainmenucomponent > ul > li:first-child > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#mainmenucomponent > ul > li:last-child > a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #000000;
}

#mainmenucomponent > ul > li:hover > a,
#mainmenucomponent > ul > li.open > a,
#mainmenucomponent > ul > li.active > a {
    background: #151515;
    color: #ffffff;
}

#mainmenucomponent ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid #000000;
    border-botom: 13px solid transparent;
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    left: 0;
    bottom: -13px;
    bottom: 0px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#mainmenucomponent ul > li.has-sub > a::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid #151515;
    border-botom: 13px solid transparent;
    border-left: 100px solid transparent;
    border-right: 125px solid transparent;
    left: 0;
    bottom: -12px;
    bottom: -1px;
    z-index: 3;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#mainmenucomponent ul > li.has-sub::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #dddddd;
    z-index: 2;
    right: 20px;
    top: 24.5px;
    pointer-events: none;
}

#mainmenucomponent ul > li:hover::after,
#mainmenucomponent ul > li.active::after,
#mainmenucomponent ul > li.open::after {
    border-top-color: #ffffff;
}

#mainmenucomponent ul > li.has-sub.open > a::after {
    opacity: 1;
    bottom: -13px;
}

#mainmenucomponent ul > li.has-sub.open > a::before {
    opacity: 1;
    bottom: -12px;
}

#mainmenucomponent ul ul {
    display: none;
}

#mainmenucomponent ul ul li {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#mainmenucomponent ul ul li a {
    background: #f1f1f1;
    display: block;
    position: relative;
    font-size: 15px;
    padding: 5px 5px;
    border-bottom: 1px solid #dddddd;
    color: #777777;
    font-weight: 300;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#mainmenucomponent ul ul li:first-child > a {
    padding-top: 18px;
}

#mainmenucomponent ul ul ul li {
    border: 0;
}

#mainmenucomponent ul ul li:hover > a,
#mainmenucomponent ul ul li.open > a,
#mainmenucomponent ul ul li.active > a {
    background: #e4e4e4;
    color: #666666;
}

#mainmenucomponent ul ul > li.has-sub > a::after {
    border-top: 13px solid #dddddd;
}

#mainmenucomponent ul ul > li.has-sub > a::before {
    border-top: 13px solid #e4e4e4;
}

#mainmenucomponent ul ul ul li a {
    padding-left: 30px;
}

#mainmenucomponent ul ul > li.has-sub::after {
    top: 18.5px;
    border-width: 6px;
    border-top-color: #777777;
}

#mainmenucomponent ul ul > li:hover::after,
#mainmenucomponent ul ul > li.active::after,
#mainmenucomponent ul ul > li.open::after {
    border-top-color: #666666;
}

.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("/img/icons/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;
}

#siteFooter {
    background: transparent url("/img/icons/a2204963cb31205fdc9970aa6d9f28.gif") repeat-x 0px 0px;
    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 .content {
    margin: 0px auto;
    padding-top:0px;
    width: 850px;
    height: 19px;
}

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

.footer, .push {height: 19px; /* .push must be the same height as .footer */}

#siteFooter .fleft {
    max-width: 435px;
}

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

.adviceWrapper  {
    float:left;
    margin-top:10px;
    position:relative;
    width:100%;
}

#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; }

/* *********************** 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;
}

.allianceclass.boxes {
    position: relative;

    display: flex;
    flex-direction: row;
}

.allianceclass.box {
    position: relative;
    box-sizing: border-box;

    width:200px;

    padding:20px !important;
    margin:5px;

    border-width: 1px;
    border-style: solid;
    border-color:#6F9FC8;

    color:#848484;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;

    transition: all 0.4s ease-in-out;

    cursor: pointer;
}

.allianceclass.box:hover {
    transform: scale(1.05);
}

.allianceclass.box .buttons {
    margin-bottom: 10px;
}

.allianceclass.box .sprite {
    margin-bottom: 20px;
}
.allianceclass.box h2 {
    font-size: 14px;
    font-weight: bold;
    color: #6F9FC8;
    text-align: center;
    margin-bottom: 10px;
}

.allianceclass.box .bonus {
    position: relative;
    width:100%;
    text-align: left;
    margin:5px 0 !important;
    font-size: 11px;
}

.allianceclass.box > ul {
    margin: 0 0 20px 10px !important;
    width: 100%;
}

.allianceclass.box > ul > li {
    margin-bottom: 10px;
}

.allianceclass.box .build-it.deactivate {
    filter: hue-rotate(270deg);
}

.allianceclass.box ul li {
    list-style: square;
    line-height: 130%;
}

.allianceclass .shipinfo {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.allianceclass .pad20 {
    padding: 20px;
}

.allianceclass .boxClassBoni {
    flex-grow: 1;
    margin-bottom: 10px;
}

.allianceclass .shipdescription {
    text-align: left;
    margin: 0 !important;
    font-size: 9px;
}
.allianceclass .shipinfo .sprite {
    margin: 7px auto;
}

#allianceclassselection #planet.header {
    background-image: url(/img/icons/7a8f00fc22aae3e3355d09de037655.jpg);
    height: 250px;
}

#allianceclassselection #inhalt .shortCorner {top:4px;}

#allianceclassselection .content {
}

#allianceclassselection .boxWrapper .content div {
    padding: 0;
}

#allianceclassselection .content h2 {
    color: #6F9FC8;
    font-size: 14px;
    font-weight: 700;
}

#allianceclassselection .header 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;
}

#allianceclassselection p {
    padding: 10px;
}

#allyInternText ul > li, #allyExternTextBB ul > li {
    width: 26px;
    height: 26px;
    background: url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) -527px -317px no-repeat;
    display: flex;
    align-items: center;
    padding-left: 32px;
    margin: 5px 0;
}

#alliancecomponent #netz #planet {
    background: url(/img/icons/6dafcd306b27d77508ef115722b6b0.jpg) no-repeat;
    height: 250px;
}

#alliancecomponent #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;
}

#alliancecomponent #netz #planet.shortHeader { background-image: url("/img/icons/29ebfe0c3f1c5000219cdd3325bed4.jpg"); }

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

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

#alliancecomponent #planet .toggleHeader {background: url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 -22px;}

#alliancecomponent .alliance_wrapper {
    position: relative;
    height: 100%;
    min-height: 130px;
    background:url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    margin:0;
    padding: 10px 0 1px 0;
}

#alliancecomponent #allyExternTextBB,
#alliancecomponent #allyInternTextBB {
    margin:10px 20px;
    overflow:auto;
    padding:5px;
    text-align:left;
    width:605px;
}
#alliancecomponent #netz #alliance #allianceContent .contentz #allyinternpage {
    text-align: center;
}
#allianceclassselection {
    margin-bottom: 0;
    padding: 0 15px 0;
    position: relative;
}

#allianceclassselection .content h2 {
    color: #6F9FC8;
    font-size: 14px;
    font-weight: 700;
}

#allianceclassselection p {
    padding: 10px;
}

#writeapplication .content h2 {
    color: #6F9FC8;
    font-size: 14px;
    font-weight: 700;
}

#allyInternText ul > li, #allyExternTextBB ul > li {
    width: 26px;
    height: 26px;
    background: url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) -527px -317px no-repeat;
    display: flex;
    align-items: center;
    padding-left: 32px;
    margin: 5px 0;
}

/* *****************************************************************************
   STATION: ALLYDEPOT OVERLAY
***************************************************************************** */
/*#station #supplydepotlayer h3,
#station-moon #supplydepotlayer h3 {
        float: left;
        width: 630px;
        padding: 6px 0 0 0;
        font-weight: 700;
        line-height:20px;
        color: #6f9fc8;
        font-size: 12px;
        text-align: center;
}*/
#supplydepotlayer #inner img {
    float:left;
    margin-right: 5px;
}

#supplydepotlayer #inner div.content {
    float:left;
    margin: 0 0 0 10px;
    width: 450px;
}

#supplydepotlayer #inner .capacity {
    font-weight:700;
    display:block;
    margin-top:10px;
}


#supplydepotlayer #supportWrap {
    border-collapse:collapse;
    margin:15px 0;
    background: rgb(17, 17, 17);
    border-radius: 4px;
}

#supplydepotlayer #inner #supportWrap img { float:none; }

#supplydepotlayer #supportWrap .textInput { text-align:center; }

#supplydepotlayer #supportWrap td,
#supplydepotlayer #supportWrap th {
    padding: 3px 3px;
    width:110px;
}
#supplydepotlayer #supportWrap th {
    border-bottom: 1px solid #848484;
    font-weight: 700;
}
#supplydepotlayer table#supportWrap span.countdown { display:none; }

/*
	AnythingSlider v1.5.10+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	display: block;
	width: 475px;
	height: 390px;
	margin: 0 auto;
	overflow: hidden; /* needed for Opera and Safari */
}
#buffBar div.anythingSlider {
    padding: 0 15px;
    float: right;
    margin-right: 5px;
}
#buffBar li {
    width: 532px;
    height: 36px;
    z-index: 7;
    position: relative;
}
#buffBar li>div {
    margin: 2px 2px 0;
    float:left;
    z-index: 2;
}
/****** SET COLORS HERE *******/
/* Default State */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
	background: #34414F;
	color: #848484;
}

/* Active State */
#shop div.anythingSlider.activeSlider .anythingWindow {
	border-color: #172125;
}

#overview div.anythingSlider.activeSlider .anythingWindow {
	border-color: #172125;
}

div.anythingSlider.activeSlider .thumbNav a.cur {
	background: #465059;
	color: #fff;
}

div.anythingSlider.activeSlider .thumbNav a {
	background: #172123;
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	position: relative;
	padding: 0 35px 28px 35px;
}
.active_item_slider div.anythingSlider { padding: 0 31px 25px 29px; }

/* anythingSlider base */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	background: none;
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	background: url("/img/icons/f49f4260ff20f815d0a6470ed55ad3.png") no-repeat;
	display: block;
	height: 180px;
	margin: -90px 0 0 0; /* half height of image */
	width: 30px;
	text-align: center;
	outline: 0;
}
#buffBar div.anythingSlider .arrow a {
    height: 44px;
    width: 12px;
    margin: -26px 0 0;
    cursor: pointer;
}
.active_item_slider div.anythingSlider .arrow a {
	height: 135px;
	margin: -85px 0 0 0;
	width: 25px;
}
div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: -120px 0; }
div.anythingSlider .back a { background-position: -30px 0; }
#buffBar div.anythingSlider .forward a { background-position: -151px -263px; }
#buffBar div.anythingSlider .back a { background-position: -107px -263px; }
.active_item_slider div.anythingSlider .forward a { background-position: -120px -310px; }
.active_item_slider div.anythingSlider .back a { background-position: -30px -310px; }

.no-touch div.anythingSlider .forward a:hover,
div.anythingSlider .forward a.hover { background-position: -150px 0; }
.no-touch div.anythingSlider .back a:hover,
div.anythingSlider .back a.hover { background-position: 0 0; }
#buffBar .no-touch .forward a:hover,
#buffBar div.anythingSlider .forward a.hover { background-position: -166px -263px; }
#buffBar .no-touch .back a:hover,
#buffBar div.anythingSlider .back a.hover { background-position: -92px -263px; }
.no-touch .active_item_slider div.anythingSlider .forward a:hover,
.active_item_slider div.anythingSlider .forward a.hover { background-position: -150px -310px; }
.no-touch .active_item_slider div.anythingSlider .back a:hover,
.active_item_slider div.anythingSlider .back a.hover { background-position: 0 -310px; }

div.anythingSlider .disabled a { cursor: default; }
div.anythingSlider .forward.disabled a,
.no-touch div.anythingSlider .forward.disabled a:hover,
div.anythingSlider .forward.disabled a.hover { background-position: -90px 0; }
div.anythingSlider .back.disabled a,
.no-touch div.anythingSlider .back.disabled a:hover,
div.anythingSlider .back.disabled a.hover { background-position: -60px 0; }
#buffBar div.anythingSlider .forward.disabled a,
#buffBar .no-touch div.anythingSlider .forward.disabled a:hover,
#buffBar div.anythingSlider .forward.disabled a.hover { background-position: -136px -263px; }
#buffBar div.anythingSlider .back.disabled a,
#buffBar .no-touch div.anythingSlider .back.disabled a:hover,
#buffBar div.anythingSlider .back.disabled a.hover { background-position: -122px -263px; }
.active_item_slider div.anythingSlider .forward.disabled a,
.no-touch .active_item_slider div.anythingSlider .forward.disabled a:hover,
.active_item_slider div.anythingSlider .forward.disabled a.hover { background-position: -90px -310px; }
.active_item_slider div.anythingSlider .back.disabled a,
.no-touch .active_item_slider div.anythingSlider .back.disabled a:hover,
.active_item_slider div.anythingSlider .back.disabled a.hover { background-position: -60px -310px; }

/* Navigation Links */
div.anythingSlider .anythingControls {
    outline: 0;
    display: none;
    top: 0;
}

div.anythingSlider .thumbNav { margin: 0; padding: 0; text-align: left;}
div.anythingSlider .thumbNav li { display: inline; }
div.anythingSlider .thumbNav a {
    display: inline-block;
    text-decoration: none;
    padding: 3px 8px 1px 8px;
    height: 18px;
    margin: 5px 3px;
    background: #172123;
    text-align: center;
    outline: 0;

      -webkit-box-shadow: 1px 1px 2px #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 1px 1px 2px #000; /* FF3.5 - 3.6 */
      box-shadow: 1px 1px 2px #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

    -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;
}
/* for active_item_slider on overview */
.active_item_slider div.anythingSlider .thumbNav span { display: none; }
.active_item_slider div.anythingSlider a {
    height: 16px;
    padding: 0;
    width: 16px;
}

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .thumbNav a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .thumbNav { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}

div#bannerSkyscrapercomponent {
    margin-left: 150px;
}
div#banner_skyscraper a.close_details {
    position: absolute;
    top: 0;
    right: -120px;
    margin: 0;
}
div#banner_skyscraper a {
    display: block;
}

/* -------------------------------------------------------------------
// markItUp! Universal MarkUp Engine, JQuery plugin
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/
.markItUp * {
    margin:0; padding:0;
    outline:none;
}

.markItUp  { width: auto; }

.markItUpHeader {
    overflow: visible;
    text-align: left;
    position: relative;
    z-index: 1;
}

.markItUpEditor {
    box-sizing: border-box;
    clear:both;
    font:12px 'Courier New', Courier, monospace;
    height: 100px;
    line-height:18px;
    margin: 5px 0 0 0;
    min-height: 100px;
    overflow:auto;
    padding:5px;
    width:100%;
}

/* ******* for displaying the preview div ********* */
.miu_footer { margin: 0 0 10px 0; }
.miu_preview_container	{
    background-color: #263240;
    border-radius: 3px;
    box-sizing: border-box;
    margin: 0 0 10px 0;
    min-height: 20px;
    overflow: auto;
    padding: 5px;
    width: 100%;
}
.miu_preview_container ul > li {
    display: flex;
    align-items: center;
    padding-left: 32px;
    margin: 5px 0;
    pointer-events: none;
}
.markItUp .preview_link:visited,
.no-touch .markItUp .preview_link:hover,
.markItUp .preview_link:active,
.markItUp .preview_link { /*background: none;*/ }

.markItUpFooter { width:100%; }

.markItUpResizeHandle {
    /*background-image:url("/cdn/img/markitup/handle.png");*/
    cursor:n-resize;
    height:5px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    width:22px;
}
/***************************************************************************************/
/* first row of buttons */
.markItUpHeader ul li	{
    list-style:none;
    display: inline-block;
}

.markItUpHeader ul .markItUpDropMenu {
    background-position: -497px -342px;
    padding-right: 15px;
    position: relative;
    width: 40px;
    z-index: 2;
}
.no-touch .markItUpHeader ul .markItUpDropMenu:hover,
.markItUpHeader ul .markItUpDropMenu:active { background-position: -440px -342px; }

.markItUpHeader ul .dropdown_arr {
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url("/img/icons/0b1f53b6226809a4aa178872fb76c0.png") no-repeat;
    position: absolute;
    top: 7px;
    right: 2px;
}
.markItUpHeader ul .markItUpDropMenu li {
    margin-right:0;
    width: auto;
}

/* next rows of buttons */
.markItUpHeader ul ul {
    display:none;
    position:absolute;
    top: 24px;
    background: #181F26;
    border: 1px solid black;
    right: 0;
    width: auto;
    z-index: 3;
    height: 250px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.markItUpHeader ul ul li,
.no-touch .markItUpHeader ul ul li:hover,
.markItUpHeader ul ul li:active {
    background: none;
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 3px;
    line-height: 17px;

}
.no-touch .markItUpHeader ul ul li:hover,
.markItUpHeader ul ul li:active { background: #2E3842; }

.markItUpHeader ul ul a { background: none; }

.markItUpHeader ul .markItUpSeparator {
    background: #1A2031;
    color: #1A2031;
    height: 24px;
    margin: 5px 0 0 -2px;
    width: 2px;
}
.no-touch .markItUpHeader ul .markItUpSeparator:hover,
.markItUpHeader ul .markItUpSeparator:active {
    background: #1A2031;
    color: #1A2031;
}

.markItUpHeader ul ul .markItUpSeparator {
    width:auto; height:1px;
    margin:0;
}
/* next rows of buttons */
.markItUpHeader ul ul ul {
    position:absolute;
    top:-1px; left:150px;
}
.markItUpHeader ul a {
    display:block;
    width:16px;
    height:16px;
    text-indent:-10000px;
    background-repeat:no-repeat;
}
.markItUpHeader ul ul a,
.markItUpHeader ul ul a:link {
    display:block;
    padding-left:0;
    text-indent:0;
    width: auto;
    padding: 2px 6px 2px 3px;
    background: none;
    text-decoration: none;
}
.no-touch .markItUpHeader ul ul a:hover  {
    color:#FFF !important;
    background:none;
    text-decoration: none !important;
}



/* -------------------------------------------------------------------
// markItUp!
// By Jay Salvat - http://markitup.jaysalvat.com/
// ------------------------------------------------------------------*/

.markItUp li {
    width:26px;
    height:26px;
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -527px -317px no-repeat;
    margin: 0 3px 5px 2px;
}

.markItUp .li_miu_advanced {
    background: none;
    width: auto;
}
.markItUp  .show_miu_advanced,
.markItUp  .hide_miu_advanced {
    color: #fff;
    display: block;
    margin: 10px 0 0 0;
}

.markItUp  .show_miu_advanced:before { content: '[+] '; }
.markItUp  .hide_miu_advanced:before { content: '[-] '; }

.markItUp .toggle_miu_advanced {
    cursor: pointer;
}

.no-touch .markItUp .toggle_miu_advanced:hover,
.markItUp .toggle_miu_advanced:active { text-decoration: underline; }

.markItUp .miu_basic,
.markItUp .miu_advanced { margin: 0 0 0 -2px; }

.markItUp .miu_advanced { border-top: 1px solid #26303C; }

.no-touch .markItUp li:hover,
.markItUp li:active { background-position: -500px -317px; }

.markItUp li a {
    display:block;
    width:24px;
    height:24px;
}

.markItUpHeader a:visited,
.no-touch .markItUpHeader a:hover,
.markItUpHeader a:active,
.markItUpHeader a { background: url("/img/icons/793e5a63fdb0dc4801340c12d3c426.png") no-repeat; }

.markItUp .bold a:visited,
.markItUp .bold a:hover,
.markItUp .bold a:active,
.markItUp .bold a {background-position: 0 0;}

.markItUp .italic a:visited,
.markItUp .italic a:hover,
.markItUp .italic a:active,
.markItUp .italic a {background-position: -24px 0;}

.markItUp .underline a:visited,
.markItUp .underline a:hover,
.markItUp .underline a:active,
.markItUp .underline a {background-position: -48px 0;}

.markItUp .strikeThrough a:visited,
.markItUp .strikeThrough a:hover,
.markItUp .strikeThrough a:active,
.markItUp .strikeThrough a {background-position: -72px 0;}

.markItUp .sub a:visited,
.markItUp .sub a:hover,
.markItUp .sub a:active,
.markItUp .sub a {background-position: -96px 0;}

.markItUp .sup a:visited,
.markItUp .sup a:hover,
.markItUp .sup a:active,
.markItUp .sup a {background-position: -120px 0;}

.markItUp .fontColor a:visited,
.markItUp .fontColor a:hover,
.markItUp .fontColor a:active,
.markItUp .fontColor a {background-position: -144px 0;}

.markItUp .fontSize a:visited,
.markItUp .fontSize a:hover,
.markItUp .fontSize a:active,
.markItUp .fontSize a {background-position: -168px 0;}

.markItUp .backgroundColor a:visited,
.markItUp .backgroundColor a:hover,
.markItUp .backgroundColor a:active,
.markItUp .backgroundColor a {background-position: -192px 0;}

.markItUp .backgroundImage a:visited,
.markItUp .backgroundImage a:hover,
.markItUp .backgroundImage a:active,
.markItUp .backgroundImage a {background-position: -216px 0;}

.markItUp .leftAlign a:visited,
.markItUp .leftAlign a:hover,
.markItUp .leftAlign a:active,
.markItUp .leftAlign a {background-position: -240px 0;}

.markItUp .centerAlign a:visited,
.markItUp .centerAlign a:hover,
.markItUp .centerAlign a:active,
.markItUp .centerAlign a {background-position: -264px 0;}

.markItUp .rightAlign a:visited,
.markItUp .rightAlign a:hover,
.markItUp .rightAlign a:active,
.markItUp .rightAlign a {background-position: -288px 0;}

.markItUp .justifyAlign a:visited,
.markItUp .justifyAlign a:hover,
.markItUp .justifyAlign a:active,
.markItUp .justifyAlign a {background-position: -312px 0;}

.markItUp .block a:visited,
.markItUp .block a:hover,
.markItUp .block a:active,
.markItUp .block a {background-position: -336px 0;}

.markItUp .code a:visited,
.markItUp .code a:hover,
.markItUp .code a:active,
.markItUp .code a {background-position: -360px 0;}

.markItUp .spoiler a:visited,
.markItUp .spoiler a:hover,
.markItUp .spoiler a:active,
.markItUp .spoiler a {background-position: -384px 0;}

.markItUp .list a:visited,
.markItUp .list a:hover,
.markItUp .list a:active,
.markItUp .list a {background-position: -408px 0;}

.markItUp .hr a:visited,
.markItUp .hr a:hover,
.markItUp .hr a:active,
.markItUp .hr a {background-position: -432px 0;}

.markItUp .picture a:visited,
.markItUp .picture a:hover,
.markItUp .picture a:active,
.markItUp .picture a {background-position: -456px 0;}

.markItUp .link a:visited,
.markItUp .link a:hover,
.markItUp .link a:active,
.markItUp .link a {background-position: -480px 0;}

.markItUp .email a:visited,
.markItUp .email a:hover,
.markItUp .email a:active,
.markItUp .email a {background-position: -504px 0;}

.markItUp .preview a:visited,
.markItUp .preview a:hover,
.markItUp .preview a:active,
.markItUp .preview a {background-position: -528px 0;}

.markItUp .player a:visited,
.markItUp .player a:hover,
.markItUp .player a:active,
.markItUp .player a {background-position: -552px 0;}

.markItUp .item a:visited,
.markItUp .item a:hover,
.markItUp .item a:active,
.markItUp .item a {background-position: -576px 0;}

.markItUp .coordinates a:visited,
.markItUp .coordinates a:hover,
.markItUp .coordinates a:active,
.markItUp .coordinates a {background-position: -600px 0;}

.markItUp .tooltip a:visited,
.markItUp .tooltip a:hover,
.markItUp .tooltip a:active,
.markItUp .tooltip a {background-position: -624px 0;}

.spoilerHeader {
    font-style: italic;
    font-size: 1.2em;
    display: block;
    cursor: pointer;
}
div.spoiler { border: 1px dotted #a9a9a9; }

.spoilerText {
    margin-top: 3px;
    display: none;
}



/* Color picker */
.ui-colorpicker,
.ui-dialog.ui-colorpicker {
    width:					auto;
    white-space:			nowrap;

    -webkit-touch-callout:	none;
    -webkit-user-select:	none;
    -khtml-user-select:		none;
    -moz-user-select:		none;
    -ms-user-select:		none;
    user-select:			none;
    background: #0D1014;
}

.ui-colorpicker-inline {
    position:				static;
}

.ui-colorpicker-buttonset {
    float:					left;
    margin-left:			.4em;
}

.ui-colorpicker-buttonset .ui-button {
    margin:					.5em 0 .5em 0;
    cursor:					pointer;
}

.ui-colorpicker-buttonpane {
    background-image:		none;
    margin:					.7em 0 0 0;
    padding:				0 .2em;
    border-left:			0;
    border-right:			0;
    border-bottom:			0;
}

.ui-colorpicker-buttonpane button {
    float:					right;
    margin:					.5em .2em .4em;
    cursor:					pointer;
    padding:				.2em .6em .3em .6em;
    width:					auto;
    overflow:				visible;
}

.ui-colorpicker-buttonpane button.ui-colorpicker-current {
    float:					left;
}

.ui-colorpicker table {
    font-size:				100%; /* Reset browser table font-size */
    margin:					0;
}

.ui-colorpicker table td {
    vertical-align:			top;
}

.ui-colorpicker-padding-left {
    padding-left:			10px;
}
.ui-colorpicker-padding-top {
    padding-top:			10px;
}

.ui-colorpicker-border {
    border:					1px inset;
    display:				inline-block;
}

/* Bar & map */
.ui-colorpicker-map > *,
.ui-colorpicker-bar > * {
    position:				absolute;
    cursor:					crosshair;
}

.ui-colorpicker-map-pointer,
.ui-colorpicker-bar-pointer {
    position:				absolute;
}
/* Map */
.ui-colorpicker-map,
.ui-colorpicker-map > * {
    display:				block;
    width:					256px;
    height:					256px;
    overflow:				hidden;
}

.ui-colorpicker-map-layer-1,
.ui-colorpicker-map-layer-2 {
    background:				url("/img/icons/163b6d98c20097ec791f4d7dd938fd.png") no-repeat;
}

.ui-colorpicker-map-layer-alpha {
    background:				url("/img/icons/f8b3d36bdb48db3e574b3d0db07bae.png");
}

.ui-colorpicker-map-pointer {
    display:				inline-block;
    width:					15px;
    height:					15px;
    background:				url("/img/icons/170890de7e269bc8a7f93637ff7697.png") no-repeat;
}

/* Bar */
.ui-colorpicker-bar,
.ui-colorpicker-bar > * {
    display:				block;
    width:					20px;
    height:					256px;
    overflow:				hidden;
    background-repeat:		repeat-x;
}

.ui-colorpicker-bar-layer-1,
.ui-colorpicker-bar-layer-2,
.ui-colorpicker-bar-layer-3,
.ui-colorpicker-bar-layer-4 {
    background:				url("/img/icons/b862a5e70ad9da47ce750b9609dee9.png") repeat-x;
}

.ui-colorpicker-bar-layer-alpha {
    background:				url("/img/icons/90604af0f32643c6b998778b902e29.png");
}

.ui-colorpicker-bar-layer-alphabar {
    background:				url("/img/icons/c65852a91947e9de85908d680a4f01.png");
}

.ui-colorpicker-bar-pointer {
    display:				inline-block;
    width:					20px;
    height:					7px;
    background:				url("/img/icons/73d358df6fa8924b19597b61b54a4e.png") no-repeat;
}

/* Preview */
.ui-colorpicker-preview {
    text-align:				center;
}

.ui-colorpicker-preview-initial {
    cursor:					pointer;
}

.ui-colorpicker-preview-initial,
.ui-colorpicker-preview-current {
    width:					50px;
    height:					20px;
    display:				inline-block;
}

.ui-colorpicker-preview-initial-alpha,
.ui-colorpicker-preview-current-alpha {
    width:					50px;
    height:					20px;
    display:				inline-block;
    background:				url("/img/icons/77ce6a3787756d5e2a39c6fb28ec41.png") repeat;
}

/* Inputs */
.ui-colorpicker-rgb label,
.ui-colorpicker-hsv label,
.ui-colorpicker-hsl label,
.ui-colorpicker-lab label,
.ui-colorpicker-cmyk label,
.ui-colorpicker-alpha label {
    width:					1.5em;
    display:				inline-block;
}

.ui-colorpicker-number {
    margin:					.1em;
    width:					4em;
}

/* Hex */
.ui-colorpicker-hex {
    text-align:				center;
}

/* Swatches */
.ui-colorpicker-swatches {
    width:					84px;
    height:					256px;
    overflow:				auto;
    background-color:		#f8f8f8;
}

.ui-colorpicker-swatch {
    cursor:					pointer;
    float:					left;
    width:					11px;
    height:					11px;
    border-right:			1px solid black;
    border-bottom:			1px solid black;
}

.ui-colorpicker.ui-draggable {
    cursor: move;
}




#backgroundImagePicker div {
    text-align: center;
    margin-top: 5px;
}

.bbcodepreview.showAtallianceBroadcast .newMessage {
    background: transparent;
    border: none;
}

.bbcodepreview.showAtallianceBroadcast {
    background-position: -160px -160px;
}
.bbcodepreview .textWrapper{
    max-height: none;
}

ul.markItUpOutpost {
    display:none;
    position:absolute;
    top: 24px;
    background: #181F26;
    border: 1px solid black;
    width: auto;
    height: 250px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    outline:none;
    margin:0; padding:0;
    z-index: 100000;
}


.markItUpOutpost li {
    outline:none;
    height:24px;
    position:relative;
    list-style-type: square;
    list-style-position: inside;
    margin-right:0;
    width: auto;
}
.markItUpOutpost li,
.no-touch .markItUpOutpost li:hover,
.markItUpOutpost li:active {
    background: none;
    border: none;
    box-shadow: none;
    float:none;
    display: block;
    white-space: nowrap;
    color: #848484;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 3px;
    line-height: 17px;

}


.markItUpOutpost a {
    height:24px;
    color: #848484 !important;
    text-align: left;
    list-style-type: square;
    list-style-position: inside;
    margin:0;
    outline:none;
    height:24px;
}
.markItUpOutpost a:link, .markItUpOutpost a:visited, .markItUpOutpost a:active {
    text-decoration: none;
    color:#fff;
}
.markItUpOutpost a,
.markItUpOutpost a:link {
    display:block;
    text-indent:0;
    width: auto;
    padding: 2px 6px 2px 3px;
    background: none;
    color: #848484 !important;
}

#buddiescomponent #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;
}

#buddiescomponent #buttonz .content {
    padding: 10px 15px 0;
}

#buddiescomponent .content {
    color: #848484;
    font-size: 11px;
}

#buddiescomponent #planet.shortHeader { background-image: url("/img/icons/791c268ded99f4150cfe8c17857f91.jpg"); }

#buddiescomponent .link_ignored {
    position: absolute;
    right: 38px;
    font-size: 11px;
    font-weight: normal;
}

#buddyRequests { margin: 0 0 10px 0; }
#buddyRequests .tabsbelow li { width: auto; }
#buddyRequests .tabsbelow a {
    color: #848484;
    padding: 0 10px;
    width: auto;
}
#buddyRequests .tabsbelow .ui-state-active a { color: #fff; }
.no-touch #buddyRequests .tabsbelow a:hover { text-decoration: none; }

#buddyRequests .no_req {
    padding: 10px;
}

#buddiescomponent .tab_ctn{
    border: 1px solid #1E242C;
    max-height: 330px;
    padding: 5px;
}

#buddiescomponent .online_count { padding: 13px 0 0 5px; }

#buddylist .playerstatus { margin: 1px 3px 0 0; }
.no_buddies { padding: 10px 0; }

#recruitBuddies {
    position: relative;
    z-index: 2;
    padding: 0 5px 7px 5px;
    margin: 10px 0;
}
/* ************************** Buddypoints *********************************** */

.buddy_reward { width: 326px; }
.buddy_reward .footer { width: 315px; }

.buddy_reward .content { padding: 5px 5px 0 5px; }

#buddiescomponent .box_points {
    height: 27px;
    line-height: 27px;
    margin: 10px 0;
    padding: 0 5px;
}
#buddiescomponent .points_amount {
    color: #fff;
    font-size: 16px;
    float: right;
}

#buddiescomponent .dm_img { padding: 2px 8px 8px 0; }
#buddiescomponent .conversion_rate { margin: 0 10px 0 0; }
#buddiescomponent .points_converted {
    color: #ffd700;
    padding: 0 7px 0 0;
}


/* ************************** Overlay: Buddy Recruitment ******************** */
.recruit_img_txt {
    margin: 0 0 0 140px;
    min-height: 90px;
    width: 640px;
}

/* old styles */

#buddypointsOverlay {
    width: 600px;
}

#buddypointsOverlay table,
#buddypremiumconvert table {
    width: 99%;
    background: #0D1014;
    line-height: 18px;
    margin: 5px 0;
}

#buddypointsOverlay table th,
#buddypointsOverlay table td,
#buddypremiumconvert table th,
#buddypremiumconvert table td {
    text-align:left;
    padding:2px 0;
    font-size:11px;
}

#buddypointsOverlay table th.no,
#buddypointsOverlay table td.no,
#buddypremiumconvert table th.no,
#buddypremiumconvert table td.no {
    width:30px;
}
#buddypointsOverlay table th,
#buddypremiumconvert table th {border-bottom:1px dotted #848484;}

#buddypointsOverlay table th,
#buddypremiumconvert table th {
    border-bottom: 1px dotted #848484;
    font-size:11px;
}

#buddypointsOverlay h3,
#buddypremiumconvert h3,
#buddypointsconvert h3 {
    font-weight: bold;
    color: #848484;
    line-height: 14px;
}

#buddypointsOverlay table th,
#buddypremiumconvert table th  {
    color: #fff;
    text-align:left;
    vertical-align:top;
}

/*
#buddiescomponent .ajaxContent .requestText {
    font-size:11px;
    width: 570px;
    overflow: hidden;
}*/
#buddiescomponent .deleteBuddy { margin: 0 0 0 4px; }

div#buddyinvite div {
    width: 50%;
    display: block;
}
div#buddyinvitelink {
    float: left;
}
div#buddyinvitereward {
    float: right;
}
div#buddyinvitereward_premium {
    float: right;
}

div#buddyinvitelink .code {
    width: 360px;
    border: #6F9FC8 dotted thin;
    font-size: 0.8em;
    position: relative;
}
div#buddyinvitelink code {
    width: 100%;
}
div#buddypointsOverlay table {
    float: left;
    width: 50% !important;
}
div#buddypointsconvert,
div#buddypremiumconvert {
    margin-top: 3em;
}


div#buddyinvite {
    text-align: left;
}

/*div#buddyinviteOverlay .code,
div#buddyCopyOverlay .code {
    word-wrap: break-word;
}*/

#buddiescomponent #buttonz .footer {
    bottom: -12px;
    left: -1px;
    z-index: -1;
}

.characterclass.boxes {
    position: relative;

    display: flex;
    flex-direction: row;
}

.characterclass.box {
    position: relative;
    box-sizing: border-box;

    width:200px;

    padding:20px !important;
    margin:5px;

    border-width: 1px;
    border-style: solid;
    border-color:#6F9FC8;

    color:#848484;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;

    transition: all 0.4s ease-in-out;

    cursor: pointer;
}

.characterclass.box:hover {
    transform: scale(1.05);
}

.characterclass.box .buttons {
    margin-bottom: 10px;
}

.characterclass.box .sprite {
    margin-bottom: 20px;
}
.characterclass.box h2 {
    font-size: 14px;
    font-weight: bold;
    color: #6F9FC8;
    text-align: center;
    margin-bottom: 10px;
}

.characterclass.box .bonus {
    position: relative;
    width:100%;
    text-align: left;
    margin:5px 0 !important;
    font-size: 11px;
}

.characterclass.box > ul {
    margin: 0 0 20px 10px !important;
    width: 100%;
}

.characterclass.box > ul > li {
    margin-bottom: 10px;
}

.characterclass.box .build-it.deactivate {
    filter: hue-rotate(270deg);
}

.characterclass.box ul li {
    list-style: square;
    line-height: 130%;
}

.characterclass .shipinfo {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.characterclass .pad20 {
    padding: 20px;
}

.characterclass .boxClassBoni {
    flex-grow: 1;
    margin-bottom: 10px;
}

.characterclass .shipdescription {
    text-align: left;
    margin: 0 !important;
    font-size: 9px;
}
.characterclass .shipinfo .sprite {
    margin: 7px auto;
}

#characterClassInfoComponent {
    width:400px;
}
.characterclassinfo {
    width:400px;

}

.characterclassinfo .characterclass {
    position: relative;

    width:400px;
}
.characterclassinfo .characterclass > .top {
    position: relative;
    flex-direction: row;
    display: flex;

    height: 200px;

    padding: 30px 0;
}
.characterclassinfo .characterclass > .top > .info {
    position: relative;
    width:150px;

    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
}
.characterclassinfo .characterclass > .top > .info h2 {
    color: #6F9FC8;
    font-size: 13px;
    font-weight: bold;
    margin: 20px 0;
}
.characterclassinfo .characterclass > .top > .boni {
    position: relative;

    width:240px;
    flex-direction: column;
    display: flex;
    justify-content: center;




    flex-shrink: 0;
}


.characterclassinfo .characterclass > .top > .boni .bonus {
    position: relative;

    margin: 4px 0;
}
.characterclassinfo .characterclass > .ship {
    position: relative;
    width:400px;
    height:100px;

    display: flex;
    flex-direction: row;
    background-color: #273746;
}
.characterclassinfo .characterclass > .ship > .sprite {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 10px;
}

.characterclassinfo .characterclass > .ship > .info {
    margin: 10px;
}

.characterclassinfo .characterclass > .ship > .info > h3 {
    font-size: 13px;
    font-weight: bold;
    color:#ffffff;

    margin-bottom: 5px;
}

.og-navigation {

}

.og-navigation ul {
    position: relative;

    height: 30px;

    display: flex;
    flex-direction: row;
    align-content: space-evenly;
}

.og-navigation li {
    position: relative;
    height: 30px;
    line-height: 30px;

    flex:1 1 0;

    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;

    margin: 0 5px;
/*
    border-width: 1px;
    border-style: solid;
    border-color: #35404f #0d1014 #0d1014 #0d1014;
    background: linear-gradient(#262e39 0%, #181e26 50%, #0d1014 100%);
*/
    background-color: #263b4c;

    border: 1px solid #6F9FC8;
    border-radius: 6px;

    font-weight: bold;
    text-align: center;
    color: #6F9FC8;

    cursor:pointer;
}

.og-navigation li > a  {
    width:100%;
    height:100%;
}

.og-navigation li:hover {
    background-color: #4F7Fa8;
    color: #ffffff;
}

.og-navigation li.active {
    /*
    background: linear-gradient(#363e49 0%, #282e36 50%, #1d2024 100%);
    */
    background-color: #4F7Fa8;

}



#characterclassselection #planet.header {
    background-image: url(/img/icons/7a8f00fc22aae3e3355d09de037655.jpg);
    height: 250px;
}

#characterclassselection #inhalt .shortCorner {top:4px;}

#characterclassselection .content {
}

#characterclassselection .boxWrapper .content div {
    padding: 0;
}

#characterclassselection .content h2 {
    color: #6F9FC8;
    font-size: 14px;
    font-weight: 700;
}

#characterclassselection .header 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;
}

#characterclassselection p {
    padding: 10px;
}


/* *****************************************************************************
   CHAT
***************************************************************************** */

#chatMsgListContainer { max-height: 500px; overflow: hidden; }

/* Sprite for images that are used exlusively on chat pages
 * (list and single view) */
.chat_msg .speechbubble_arrow,
.chat_msg .odd.speechbubble_arrow,
#chatMsgList .detail_arrow  {
    background-image: url("/img/icons/b2ce47d489fbbcd02d4053937ae9bf.png");
    background-repeat: no-repeat;
}


#chatList,
#chatContent { width: 480px; }

#chatList .footer,
#chatContent .footer { width: 466px; }

#chatList .content,
#chatContent .content { padding: 10px 5px 0; }

.referenceMsg {
    border-bottom: 1px solid #0e1114;
    border-top: 1px solid #1e252b;
    margin-top: 10px;
}

.replyText {
    margin-left: 50px;
    margin-bottom: 15px;
}

.replyText .author,
.referenceMsg .refAuthor {
    margin-bottom: 3px;
}

/* ***************** Player List (common) ********************************** */
.pl_search_link {
    display: block;
    padding: 0 0 5px 0;
}
.pl_filter_title { padding: 3px 0; }
.pl_filter_set { padding: 2px; }
.pl_filter {
    line-height: 18px;
    margin: 0 0 0 3px;
}
.pl_container { width: 180px; }
.pl_container .content { padding: 10px 5px 0 5px; }
.pl_container .footer {
    margin-top: -11px;
    width: 167px;
}
.pl_container .playerlist_box {
    background-position: -1493px 0;
    padding: 1px 0;
    width: 170px;
    margin: 0 0 0 -7px;
}

.pl_container .playerlist_box .scrollContainer {
    margin: -2px 0 -3px 0;
    padding: 0;
    max-height: 138px;
}

.pl_container .playerlist_box .playerlist_top_box .playerlist {
    line-height: 22px;
    height: 25px;
}

.pl_container .playerlist_box .playerlist_top_box .new_msg_count {
    right: 31px;
    top: 2px;
}

#sideBar .playerlist_box .playerlist_top_box .playerlist {
    width: 148px;
    cursor: pointer;
}

#chatBar .playerlist_box .playerlist_top_box .playerlist {
    width: 150px;
    cursor: pointer;
}

#plAliens,
#plAliens .playerlist { border-radius: 0 0 10px 10px; }

#chatBar .scrollbarPresent .playerlist { width: 150px; }
#sideBar .scrollbarPresent .playerlist { width: 135px; }

.playerlist_item {
    border-bottom: 1px solid #0e1114;
    border-top: 1px solid #1e252b;
    color: #848484;
    font-size: 11px;
    line-height: 22px;
    height: 22px;
    cursor: pointer;
    position: relative;
}

.playerlist_item[data-playerid] {
    width: 148px;
}

#chatBar .playerlist_box .playerlist_top_box .openAssociationChat {
    width: 148px;
}

.playerlist_item.first { border-top: none; }

.playerlist_item.active {
    background-color: #212a33;
}

.playerlist_item .playername {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 115px;
}

#sideBar .scrollbarPresent .playername {width: 121px }

/* *************** playerlist box (chatbar) ******************************* */
#chatBarPlayerList .pl_container {
    margin: 0 3px 0 -1px;
    width: 181px;
}

#chatBarPlayerList .header { margin: -3px 0 0 0; }
#chatBarPlayerList .header .c-left {
    top: initial;
    right: -4px;
}

#chatBarPlayerList .header .c-right {
    top: initial;
    right: -6px;
}

#chatBarPlayerList .content { margin: 0;}
#chatBarPlayerList .footer {
    margin-top: -17px;
    width: auto;
}

#playerlistFilters { color: #848484; }

#chatBarPlayerList .playerlist_box {
    margin: 0 0 0 0;
    width: 167px;
}
#chatBarPlayerList #plAliens,
#chatBarPlayerList #plAliens .playerlist { border-radius: 0; }

/* ***************** Chat List ********************************************** */
#chatMsgList .msg {
    cursor: pointer;
    min-height: 50px;
}
#chatMsgList .msg_head { padding: 3px 5px 5px 10px; }
#chatMsgList .msg_head .status {
    position: relative;
    top: 4px;
}
#chatMsgList .playerstatus { //margin: 0 -1px -4px 0px; }
/*#chatMsgList .msg_title { width: 290px; }*/
#chatMsgList .msg_title { width: inherit; }
#chatMsgList .msg_date { margin: 0 18px 0 0; }
#chatMsgList .msg_content { padding: 3px 23px 5px 28px; max-height: 100px; overflow: hidden; position: relative; }
#chatMsgList .msg_content_fadeout {
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(17,26,33,0) 0%, rgba(17,26,33,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,26,33,0)), color-stop(100%,rgba(17,26,33,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(17,26,33,0) 0%,rgba(17,26,33,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(17,26,33,0) 0%,rgba(17,26,33,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(17,26,33,0) 0%,rgba(17,26,33,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(17,26,33,0) 0%,rgba(17,26,33,1) 100%); /* W3C */
    visibility: hidden;
}

#chatMsgList .detail_arrow {
    display: inline-block;
    background-position: 0 0;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    right: 2px;
    top: 50%;
    width: 18px;
}
#chatMsgList .last { margin: 0 }
.no_msg { padding: 10px 0; }

.chat_back {
    position: absolute;
    left: 40px;
    line-height: 38px;
}
/* ***************** Single Chat ******************************************** */

.largeChatContainer { max-height: 500px; overflow: hidden; }

.chat_msg .msg_title { width: 270px; }

.chat_info .playerstatus { margin: 0 2px -3px 0; }

#chatContent .editor_wrap {
    float: right;
    width: 428px;
}

.chat_msg {
    background-color: #252f3a;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: inset 0 1px 2px rgba(62,81,100,0.4);
    margin: 3px 40px 15px 0;
    padding: 5px;
    position: relative;
}
.chat_msg .icon { margin: 0 0 0 3px; }
.chat_msg.odd {
    background-color: #182028;
    margin: 3px 0 15px 40px;
}
.chat_msg .speechbubble_arrow {
    background-position: 0 -53px;
    bottom: -13px;
    height: 14px;
    left: 10px;
    position: absolute;
    right: auto;
    width: 14px;
}
.chat_msg.odd .speechbubble_arrow {
    background-position: 0 -39px;
    left: auto;
    right: 10px;
}

.chat_msg .msg_head { padding: 0; }
.chat_msg .msg_date {
    margin: 0 2px 0 0;
    text-align: right;
}
.chat_msg .msg_content {
    padding: 5px 0 0 0;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.chat_msg .msg_actions { padding: 5px 0 0 0; }

/* ********************* Online, Comments and Chat Status **************************** */
#chatContent .status {
    display: inline-block;
    height: 23px;
    left: 75px;
    line-height: 38px;
    position: absolute;
    width: 74px;
}

.comments,
.chatstatus,
.playerstatus {
    background-image: url("/img/icons/91ad13c8f9a7e9390085d12adde508.png");
    display: inline-block;
    height: 13px;
    width: 13px;
}

.playerlist .playerstatus { margin: 0 2px -4px 2px; }
.playerlist .chatstatus { margin: 4px 1px 0 0; }

.playerstatus.online,
.icon.online {
    background-position: 0 -833px;
}

.playerstatus.offline,
.icon.offline {
    background-position: 0 -849px;
}

.playerstatus.disallowed,
.icon.disallowed {
    background-position: 0 -865px;
}

.playerstatus.blank,
.icon.blank {
    background-image: none;
}

.icon.buddy { background-position: 0 -402px; }
.icon.allianceMember { background-position: 0 -945px; }
.icon.allianceMember:hover { background-position: 0 -961px; }

.icon.noBuddy {
    background-image: none;
}

.icon.noAllianceMember {
    background-image: none;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") brightness(70%); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%) brightness(70%);
    -webkit-filter: grayscale(100%) brightness(70%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.grayscale-60 {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.6\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(60%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.hueRotate {
    filter: hue-rotate(275deg) contrast(130%); /* Firefox... */
    -webkit-filter: hue-rotate(275deg) contrast(130%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.comments,
.chatstatus.cs_active { background-position: 0 -877px; }
.chatstatus.cs_new { background-position: 0 -897px; }
.chatstatus.cs_no_chat { display: none; }

/* **************** Chat Bar (visible on all pages) ********************************** */
.chat_box .speechbubble_arrow,
.chat_box .odd .speechbubble_arrow,
.chat_box_title,
.chat_bar_pl_list_item,
.chat_bar_list_item {
    background-color: rgba(0,0,0,0.01);
    background-image: url("/img/icons/d03835718066a5a592a6426736e019.png");
    background-repeat: repeat-x;
}

#chatBar {
    bottom: 19px;
    font-size: 11px;
    height: 28px;
    position: fixed;
    right: 0;
    z-index:1;
}
#chatBar .icon { margin: 5px 3px 0 0; }

.chat_bar_pl_list_item,
.chat_bar_list_item {
    background-position: 0 -225px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: right;
    line-height: 28px;
    height: 28px;
    min-width: 180px;
    padding: 0 3px;
    position: relative;
}
.chat_bar_list_item.open { width: 270px; }
.more_chat_bar_items .chat_box { height: 255px; }

/* adjust with for custom scrollbar "mCustomScrollbar" */
.more_chat_bar_items .mCS_no_scrollbar .chat_bar_list_item {
    min-width: 180px;
    width: 180px;
}
.more_chat_bar_items .chat_bar_list_item {
    min-width: 160px;
    width: 160px;
}

.chat_bar_pl_list_item .playerstatus { margin: 0 3px -3px 0; }
.chat_bar_list_item .playerstatus {
    float: left;
    margin: 8px 3px 0 0;
}
.chat_bar_list_item .chatstatus { margin: 6px 3px 0 0; }

.chat_bar_list_item .new_msg_count {
    right: 24px;
    top: 4px;
}

.playerlist_item .new_msg_count {
    right: 16px;
    top: 2px;
}

#chatMsgList .new_msg_count {
    right: 12px;
    top: 11px;
}

.cb_playername {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 135px;
    display: inline-block;
    float: left;
}

.chat_bar_list_item.more_chat_bar_items .new_msg_count {
    right: 5px;
}

.chat_bar_list_item.more_chat_bar_items .cb_playername {
    width: 100px;
}

.cb_playerlist_box,
.chat_box {
    background: #0D1014;
    border: 1px solid #000;
    bottom: 27px;
    box-sizing: border-box;
    left: -1px;
    min-height: 250px;
    position: absolute;
    width: 100%;
}
.cb_playerlist_box {
    line-height: normal;
    min-height: 0;
}

.chat_box .speechbubble_arrow,
.chat_box .odd .speechbubble_arrow {
    top: 50%;
    height: 12px;
    margin: -6px 0 0 0;
    position: absolute;
    width: 10px;
}

.chat_box .speechbubble_arrow {
    background-position: 0 -409px;
    left: -9px;
    right: auto;
}
.chat_box .odd .speechbubble_arrow {
    background-position: 10px -409px;
    right: -9px;
    left: auto;
}

.chat_box_title {
    background-position: 0 -225px;
    line-height: 28px;
    height: 28px;
    width: 100%;
}

.chat_box_ctn {
    background: #171d24;
    padding: 3px;
    height: 184px;
}
.chat_box_textarea {
    height: 15px;
    line-height: 14px;
    margin: 3px 0 -5px 3px;
    min-height: 15px;
    max-height: 43px;
    max-width: 248px;
    width: 248px;
}

.chat_box .chat_msg {
    color: #848484;
    line-height: 14px;
    margin: 5px 0 5px 10px;
}
.chat_box .chat_msg.odd { margin: 5px 10px 5px 0; }

#combatsim {
    display:flex;
    flex-direction: row;
    width:100%;
    justify-content: center;
    margin-top: 40px;
    box-sizing: border-box;
    flex-wrap: wrap;
}

#combatsim .pulsate {
    position: absolute;
    top: -28px;
    left: -53px;
    font-size: 40px;
    font-weight: bold;
    transform: rotate(-16deg);
    z-index: 10 !important;
    color: cyan;
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.6;
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: 0.6;
    }
}
#combatsimComponent {
    display: flex;
    padding-bottom: 40px;
}
#standalonepage .maincontent {
    width: 100%;
}

#combatsim simulation-warning {
    width: 900px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 60px;
    background: linear-gradient(to bottom, #2b3e51 0%,#1f2630 100%);
    margin: 5px;
    border: rgb(220 38 38) 2px solid;
    gap: 5px;
}

#combatsim simulation-warning .warnsymbol {
    display: block;
    width: 32px;
    height: 32px;
    background: transparent url(/img/icons/992972c34e4757cd146f4358360c02.gif) 0 0 no-repeat;
    margin: 3px 0 3px 6px;
}

#combatsim simulation-warning .disclaimer {
    flex-grow: 1;
    max-width: 850px;
    padding: 3px 0;
}


#combatsim div, #combatsim span, #combatsim applet, #combatsim object,
#combatsim iframe, #combatsim h1, #combatsim h2, #combatsim h3, #combatsim h4, #combatsim h5, #combatsim h6,
#combatsim p, #combatsim blockquote, #combatsim pre, #combatsim a, #combatsim abbr, #combatsim acronym,
#combatsim address, #combatsim big, #combatsim cite, #combatsim code, #combatsim del, #combatsim dfn, #combatsim em,
#combatsim img, #combatsim ins, #combatsim kbd, #combatsim q, #combatsim s, #combatsim samp, #combatsim small,
#combatsim strike, #combatsim strong, #combatsim sub, #combatsim sup, #combatsim tt, #combatsim var, #combatsim b,
#combatsim u, #combatsim i, #combatsim center, #combatsim dl, #combatsim dt, #combatsim dd, #combatsim ol,
/*#combatsim ul, #combatsim li,*/
#combatsim fieldset, #combatsim form, #combatsim label, #combatsim legend, #combatsim table,
#combatsim caption, #combatsim tbody, #combatsim tfoot, #combatsim thead, #combatsim tr, #combatsim th, #combatsim td,
#combatsim article, #combatsim aside, #combatsim canvas, #combatsim details, #combatsim embed, #combatsim figure,
#combatsim figcaption, #combatsim footer, #combatsim header, #combatsim hgroup, #combatsim menu, #combatsim nav,
#combatsim output, #combatsim ruby, #combatsim section, #combatsim summary, #combatsim time, #combatsim mark,
#combatsim audio, #combatsim video {
    z-index: auto !important;
}
simulation-overview group-title {
    margin: 0 0 5px -7px !important;
}

simulation-overview combatsim-section[overview][minimized] {
    width: 526px !important;
}
simulation-details {
    display: flex;
    justify-content: center;
    flex-direction: row;
    column-gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}
combatsim-section group-title {
    margin: 8px 0 5px -12px;
}
combatsim-section lifeform-data group-title {
    margin: 8px 0 5px -12px !important;
}

fleet-section-clear gradient-button {
    width: 48%;
    height: 45px;
}
fleet-section-clear,
coordinates-section {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    width: 100%;
    z-index: 2;
}
coordinates-section .labeled-textfield {
    width: 75px !important;
}
coordinates-section .topAdjustment {
    margin-top: 6px;
}
coordinates-section coordinates-label {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}
coordinates-section coordinates-fields {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
}
#combatsim basic-data .labeled-textfield {
    width: 125px;
}
#combatsim fleet-content .labeled-textfield {
    width: 125px;
    z-index: 2 !important;
}
#combatsim fleet-content characterclass-bonus .labeled-textfield {
    width: 75px !important;
    z-index: 2 !important;
}
#serversettingsoverlay {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 370px;
    background: linear-gradient(to bottom, #1f2630 0%,#111921 100%);
    min-height:50px;
    max-width: 370px;
}
#serversettingsoverlay .technology-fullrow:hover {
    background-color: #2b3341;
}
#serversettingsoverlay thick-headline {
    color: white;
}
#serversettingsoverlay {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 370px;
    background: linear-gradient(to bottom, #1f2630 0%,#111921 100%);
    min-height:50px;
    max-width: 370px;
}

#serversettingsoverlay .technology-fullrow span {
    flex-grow: 1;
    max-width: 295px;
}
#serversettingsoverlay .technology-fullrow:hover {
    background-color: #2b3341;
}
#serversettingsoverlay thick-headline {
    color: white;
}

#serversettingsoverlay .technology-fullrow,
fleet-content[serversettings] .technology-fullrow {
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    height: 30px;
    z-index: 2 !important;
}
fleet-content[serversettings] span {
    color: #848484;
    font-size: 11px;
    line-height: 14px;
}
fleet-content[serversettings] {
    gap: 2px;
}
fleet-content[serversettings] .technology-fullrow:hover {
    background-color: #2b3341;
}
fleet-content[serversettings] span {
    flex-grow: 1;
    max-width: 295px;
}

#serversettingsoverlay .technology-fullrow,
fleet-content[serversettings] .technology-fullrow {
    width: 100% !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    height: 30px;
    z-index: 2 !important;
}
fleet-content[serversettings] span {
    color: #848484;
    font-size: 11px;
    line-height: 14px;
}
fleet-content[serversettings] {
    gap: 2px;
}
fleet-content[serversettings] .technology-fullrow:hover {
    background-color: #2b3341;
}
fleet-content[serversettings] span {
    flex-grow: 1;
    max-width: 295px;
}

#combatsim technology-icon,
#combatsim resource-icon {
    margin-top: 6px;
}

#combatsim fleet-content .load_data {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    gap: 4px;
}

basic-data {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 350px;
    margin: 0 auto 7px;
    padding: 0 5px 5px;
    min-height:50px;
}

misc-section,
defense-section,
research-section,
ship-section {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%;
    min-height:50px;
}

#combatsim .lifeform-bonus-icon {
    display: block;
    width: 27px;
    height: 27px;
    background: transparent url(/img/icons/ce44d444b7d14a3ea6fa51fa6c1148.png) 0 0 no-repeat;
    background-position: -405px 0;
    filter: brightness(150%);
    scale: 0.7;
}
#combatsim .double-row {
    display: flex;
    height: 42px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
lifeform-data {
    display: none;
    justify-content: flex-start;
    align-items: baseline;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 350px;
    margin: 0 auto 7px;
    padding: 0 5px 5px;
    min-height:50px;
}
combatsim-section[show-lifeform="1"] lifeform-data {
    display: flex;
}

basic-data .technology-fullrow {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
}
lifeform-data .technology-fullrow {
    width: 100% !important;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 36px;
}
combatsim-section[base-defender] lifeform-data {
    align-items: flex-end;
}
combatsim-section[base-defender] lifeform-data defensebonus-section {
    width: 190px;
    gap: 1px;
    display: flex;
    flex-wrap: wrap;
}
combatsim-section[base-defender] lifeform-data miscbonus-section {
    width: 150px;
    gap: 1px;
    display: flex;
    flex-wrap: wrap;
}
combatsim-section[base-defender] lifeform-data miscbonus-section .labeled-textfield {
    width: 106px !important;
}

combatsim-section[base-defender] + combatsim-section[show-lifeform="1"] {
    width: 740px;
}

combatsim-section[base-defender] lifeform-data .technology-fullrow {
    justify-content: space-evenly;
}

lifeform-data .unlabeled-textfield {
    width: 46px !important;
}
lifeform-data .icon-header {
    display: flex;
    width: 46px;
    height: 16px;
    justify-content: center;
    align-items: center;
}

lifeform-data .spacer {
    display:block;
    width:30px;
    height:16px;
}

#combatsim fleet-content .load_data .labeled-textfield {
    flex-grow: 1;
}

#combatsim fleet-content .load_data gradient-button {
    margin-top: 6px;
}

#combatsim .class-selection-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 2px;
    z-index: unset;
}
#combatsim .class-selection {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 50%;
    height: 40px;
    gap: 5px;
    padding: 5px;
    border-radius: 6px;
    background-color: #2b3341;
    z-index: unset;
}

#combatsim .class-selection:hover {
    background-color: #323b4b;
}

#combatsim .technology-row {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 50%;
    height: 36px;
    gap: 5px;
}
#combatsim misc-section .technology-row {
    justify-content: flex-start !important;
    z-index: 3 !important;
    margin: 3px -3px -3px 3px;
}
#combatsim misc-section .technology-fullrow {
    justify-content: flex-start !important;
    z-index: 3 !important;
    margin: 0 -3px 0 3px;
    gap: 3px;
}
#combatsim misc-section .textBeefy {
    color: rgba(200,200,200,0.87);
}

#combatsim .resource-row {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 50%;
    height: 40px;
    gap: 5px;
}

/***** Dropdown for planet Selection ******/

#combatsim .source {
    background: url("/img/icons/959a4123aecfd2de881188648e6f71.gif") no-repeat 0 0;
    display: inline-block;
    height: 30px;
    width: 37px;
    border-radius: 5px;
}
#combatsim .planetSelection .planet:hover,
#combatsim .planetSelection .planet.selected { background-position: 0 -30px; }

#combatsim .source.moon {
    background-position: -37px 0;
}
#combatsim .planetSelection .moon:hover,
#combatsim .planetSelection .moon.selected { background-position: -37px -30px; }
#combatsim .selectWrapper {
    display: flex;
    height: 40px;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
}
#combatsim .selectWrapper .planetSelection {
    background-color: #0e1115;
    height: 30px;
    border: solid 1px;
    border-color: rgba(var(--pure-material-onsurface-rgb, 200, 200, 200), 0.6);
    border-radius: 5px;
    margin-top: 1px;
}

#combatsim .selectWrapper .selectBoxWrapper {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    height: 31px;
    padding-left: 20px;
    position:relative;
    box-sizing: border-box;
    flex-grow: 1;
}
#combatsim .currentPlanet,
#combatsim .toggleLink {
    background: url(/img/icons/5a5779f124c72299cf7db15602deb2.png) repeat-x;
    color: #848484;
    display: inline-flex;
    height: 31px;
    text-align: left;
    text-decoration: none;
    width: calc(100% - 35px);
    vertical-align: top;
    gap: 2px;
    justify-content: center;
    align-items: center;
}

#combatsim .currentPlanet::before,
#combatsim .toggleLink::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 31px;
    background: url(/img/icons/ee095df9554e7cfe903d8f3782d260.png) bottom left no-repeat;
    content: "";
}

#combatsim .currentPlanet::after,
#combatsim .toggleLink::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 31px;
    background: url(/img/icons/609f6d19899d1b422ac70d587f9dd3.png) bottom left no-repeat;
    content: "";
}

#combatsim .option_source {
    position: relative;
    height: 15px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 15px;
    flex-grow: 1;
}

#combatsim .currentPlanet { margin: 0 0 0 240px; }

#combatsim .togglePanel {
    background: #181f26;
    border: 2px solid #000;
    color: #848484;
    margin: 0 38px 0 0;
    padding: 4px;
    text-align: left;
    text-decoration: none;
    width: 190px;
    position: absolute;
    z-index: 10 !important;
    border-top: none;
    top: 31px;
    left: 13px;
}

#combatsim .togglePanel li {
    cursor: pointer;
    list-style: none;
    padding: 0 0 0 3px;
}

#combatsim .togglePanel li:hover {
    background-color: #2c3448;
}

#combatsim .js_toggleLink {
    cursor: pointer;
}
/***** End Dropdown for planet Selection ******/

simulation-overview fleet-content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 5px;
    background: linear-gradient(to bottom, #2b3e51 0%,#1f2630 100%);
    min-height: 38px;
    gap: 5px;
}
combatsim-intro {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
combatsim-report {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}
combatsim-list {
    flex-grow:1;
    z-index: 2 !important;
}
combatsim-list .entryCount {
    margin-bottom: 6px;
}
combatsim-list single-simulation {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
    min-height: 24px;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 12px;
    color: #b2b2b3;
}
combatsim-shortinfo .shortName span,
combatsim-list single-simulation span.simName {
    display: inline-block;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
combatsim-shortinfo .shortName span {
    width: 100%;
    text-align: right;
}

combatsim-list single-simulation div {
    display: flex;
    align-items: center;
    gap: 3px;
    flex: 1 1 0;
    width: 0;
    max-width: 111px;
}
combatsim-list single-simulation div.attackerCount,
combatsim-list single-simulation div.defenderCount {
    width: 30px;
    max-width: 30px;
}
combatsim-list single-simulation div.creation {
    width: 80px;
    max-width: 80px;
}
combatsim-list single-simulation div.shipCount {
    width: 70px;
    max-width: 70px;
}
combatsim-list single-simulation div.state {
    width: 170px;
    max-width: 170px;
}

combatsim-list single-simulation:hover {
    background-color: #2b3341 !important;
}
combatsim-list single-simulation:not(:hover) > sim-actions-empty {
    width: 111px;
    max-width: 111px;
    flex: 1 1 0;
}
combatsim-list single-simulation:hover > sim-actions {
    display: flex;
    gap: 3px;
    justify-content: flex-end;
    width: 111px;
    max-width: 111px;
    flex: 1 1 0;
}
combatsim-list single-simulation sim-actions {
    display: none;
    flex: 1 1 0;
    width: 0;
}
combatsim-list single-simulation .planning {
    color: aqua;
}
combatsim-list single-simulation .pending {
    color: yellow;
}
combatsim-list single-simulation .done {
    color: greenyellow;
    font-weight: 700;
    text-decoration: none;
}
combatsim-list owned-sims single-simulation:nth-child(even),
combatsim-list joined-sims single-simulation:nth-child(even) {
    background-color: #1f2a49;
}
combatsim-list owned-sims,
combatsim-list joined-sims {
    min-height: 18px;
    display: block;
}
combatsim-shortinfo {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    flex-direction: column;
    width: 200px;
    min-height: 78px;
    gap: 4px;
    padding: 5px;
    border-radius: 6px;
    background-color: #0c0e10;
}
combatsim-name {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-grow: 1;
    margin-top: 3px;
}
combatsim-shortinfo div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
combatsim-shortinfo div .shortinfodesc {
    flex-grow: 1;
    font-size: 11px;
    color: #6F9FC8;
    font-weight: 600;
}
combatsim-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-direction: column;
    z-index: 3 !important;
}
combatsim-actions .savebutton .emoji {
    margin: 0;
    transform: scale(0.8);
}

#combatsim .newbutton,
#combatsim .savebutton,
#combatsim .deletebutton,
#combatsim .simulatebutton {
    height: 22px;
    width: 120px;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
}
gradient-button.newbutton .custom_btn span,
gradient-button.savebutton .custom_btn span,
gradient-button.deletebutton .custom_btn span,
gradient-button.simulatebutton .custom_btn span,
gradient-button.moredetails .custom_btn span,
gradient-button.moreDetailsShortInfo .custom_btn span
{
    font-size: 12px !important;
}
gradient-button.moreDetailsShortInfo {
    z-index: 3 !important;
}
gradient-button.moredetails .custom_btn span,
gradient-button.moreDetailsShortInfo .custom_btn span {
    max-width: 180px;
}

.lifeform-technology-icon {
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 6px;
    background-image: url(/img/icons/2d828476bacc6b1e6bbfaf2a9fb041.jpg) !important;
    width: 28px;
    height: 28px;
    background-size: 504px 829px;
    background-position-y: 0;
    background-position-x: 0;
    border-radius: 5px;
}
.lifeform-technology-row {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 50%;
    height: 40px;
    gap: 5px;
}

combatsim-section > fleet-content:only-child ~ participants-headline {
    display: none;
}

participants-headline {
    display: flex;
    flex-direction: row;
    width: calc(100% - 4px);
    background: url(/img/icons/0721fd07d84834abab94b85b6e7303.gif) repeat;
    position: relative;
    min-height:35px;
    flex-wrap: wrap;
}
participants-headline:after {
    background: url(/img/icons/1fea4e43d9fd16c47565067e83f0fb.png) repeat-y 0 0;
    content: "";
    height: 100%;
    width: 8px;
    display: block;
    position: absolute;
    right: -8px;
}
participants-headline thick-headline-background {
    background: url(/img/icons/0721fd07d84834abab94b85b6e7303.gif) repeat-x;
    height: 35px;
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 4px) !important;
    position: relative;
    --current-width: 350;
}
participants-headline thick-headline-background::after {
    background: url(/img/icons/1fea4e43d9fd16c47565067e83f0fb.png) no-repeat 0 0 !important;
    content: "";
    height: 35px;
    width: 25px;
    display: block;
    position: absolute;
    right: -25px;
}

participant-header {
    /*background: url(/img/icons/0a5ba5507cb9bfae1b615cd72fc051.png) repeat-x 0 0;*/
    background: url(/img/icons/cd5b0a0180da57f84aee065e1f552a.png) repeat-x 0 0;
    height: 35px;
    width: calc(100% / 10);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer;
    /*z-index: 2 !important;*/

}
participant-header::before {
    background: url(/img/icons/ecbdb336ee6ce8112e2875e389bbf9.png) no-repeat 0 0;
    content: "";
    height: 35px;
    width: 3px;
}
participant-header::after {
    /**/
    background: url(/img/icons/fe65a1e792675d684fa5d6291423fc.png) no-repeat 0 0;
    content: "";
    height: 35px;
    position: absolute;
    width: 8px;
    right: -8px;
    cursor: default;
}
participant-header.active {
    background: url(/img/icons/0a5ba5507cb9bfae1b615cd72fc051.png) repeat-x 0 0;
}

participant-header.active::after {
    background: url(/img/icons/fe65a1e792675d684fa5d6291423fc.png) no-repeat 0 0;
}

participant-header p {
    font-size: 18px;
    font-weight: 700;
    width:100%;
    text-align: center;
}


thick-headline-background::after {
    background: url(/img/icons/a43a0c46b4446617d53d9fd8249402.png) no-repeat 0 0;
    content: "";
    height: 35px;
    width: 25px;
    display: block;
    position: absolute;
    right: -25px;
}
thick-headline-background .minimizeBtn {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bolder;
    font-size: 14px;
    border: 1px solid #ada7a7;
    cursor: pointer;
}
.addParticipantBtn {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(160deg, rgba(232,225,225,1) 0%, rgba(6,148,11,1) 65%, rgba(2,24,2,1) 100%);
    font-weight: bolder;
    font-size: 14px;
    border: 1px solid #ada7a7;
    cursor: pointer;
}
.addParticipantBtn:hover {
    filter: brightness(130%);
}
.removeParticipantBtn {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(160deg, rgba(232,225,225,1) 0%, rgba(148,6,6,1) 65%, rgba(2,24,2,1) 100%);
    font-weight: bolder;
    font-size: 14px;
    border: 1px solid #ada7a7;
    cursor: pointer;
}
.removeParticipantBtn.disabled {
    border: 1px solid #999999 !important;
    opacity: 0.3;
    cursor: not-allowed;
}
.removeParticipantBtn:hover {
    filter: brightness(130%);
}
.refreshSimInfoBtn {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/img/icons/5f666fdcd134db000a804b66fac589.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    font-weight: bolder;
    font-size: 14px;
    border: 1px solid #ada7a7;
    cursor: pointer;
}
.refreshSimInfoBtn:hover {
    filter: brightness(130%);
}

/*combatsim-list single-simulation {*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*    gap: 3px;*/
/*    min-height: 24px;*/
/*    font-family: Verdana, Arial, SunSans-Regular, sans-serif;*/
/*    font-size: 12px;*/
/*    color: #b2b2b3;*/
/*}*/
/*combatsim-list single-simulation div {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 3px;*/
/*    flex: 1 1 0;*/
/*    width: 0;*/
/*}*/



fleet-content[siminfo] group-title {
    margin: 8px 0 5px -7px !important;
}
fleet-content[siminfo] share-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
fleet-content[siminfo] shared-to {
    width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
}
fleet-content[siminfo] share-adction {
    width: 45%;
    display: flex;
    flex-direction: column;
}
fleet-content[siminfo] search-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 3px;
    min-height: 24px;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 12px;
    color: #b2b2b3;
    flex-direction: row;
}

fleet-content[siminfo] search-row:hover {
    background-color: #2b3341 !important;
}
fleet-content[siminfo] search-row div {
    width: 0;
    flex-grow: 1;
}
fleet-content[siminfo] search-row:not(:hover) > search-actions-empty {
    width: 25px;
}
fleet-content[siminfo] search-row:hover > search-actions {
    display: flex;
    gap: 3px;
    justify-content: flex-end;
    width: 25px;
}
fleet-content[siminfo] search-row search-actions {
    display: none;
    width: 25px;
}
fleet-content[siminfo] shared-participant {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
fleet-content[siminfo] sim-log {
    display: flex;
    flex-direction: column;
    width: 100%;
    row-gap: 4px;
}
fleet-content[siminfo] .simLogEntry {
    font-size: 11px;
    font-style: italic;
}
fleet-content[siminfo] .simLogTime {
    font-family: monospace;
    font-style: normal;
}
fleet-content[siminfo] .simLogName {
    color: #6F9FC8;
    font-weight: 600;
}
fleet-content[siminfo] combatsim-shortinfo {
    margin-top: 7px;
}
fleet-content[siminfo] .noentries {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
fleet-content[siminfo] shared-to .emoji {
    min-width: 20px !important;
}
fleet-content[siminfo] shared-to .emoji.deactivated {
    cursor: pointer;
}
characterclass-bonus {
    width: 100%;
    padding: 0 5px 5px;
}
characterclass-bonus characterclass-icon {
    margin-top: 6px;
}
characterclass-bonus .technology-fullrow {
    justify-content: space-between;
}

.combatSimResultOverlay {
    overflow-y: auto;
}

#combatSimResultContainer {
    display: flex;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    overflow: auto;
}

#combatSimResultContainer > .resultHeader {
    width: 100%;
    height: 100px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

#combatSimReport {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}

.resultHeader > .ribbon {
    font-size: 20px;
    font-weight: bold;
    color: #fff;

    --s: 1.3em; /* the ribbon size */
    --d: .3em;  /* the depth */
    --c: .8em;  /* the cutout part */

    padding: 0 calc(var(--s) + .5em) var(--d);
    line-height: 1.8;
    background:
            conic-gradient(at left  var(--s) bottom var(--d),
            #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
            conic-gradient(at right var(--s) bottom var(--d),
            #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
    clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));

    width: fit-content;
}

.resultHeader > .ribbon.winAttacker {
    background-color: #127210;
}

.resultHeader > .ribbon.winDefender {
    background-color: #CC333F;
}

.resultHeader > .ribbon.draw {
    background-color: #085885;
}

/* COMBAT SIM ROUNDS START*/

#combatSimRoundsContainer {
    display: flex;
    width: 675px;
    flex-direction: column;
}

#combatSimRoundsContainer .combat_round_list {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 10px;
}

#combatSimRoundsContainer .combat_round_list .selectRoundBtn > span {
    font-size: 10px;
    padding: 2px;
}

#combatSimRoundsContainer .repairedDefensesContainer > li {
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

#combatSimRoundsContainer .repairedDefensesContainer > li > span.detail_list_txt {
    flex-grow: 1;
}

#combatSimRoundsContainer .roundStatistic {
    width: 95%;
    margin-left: 5px;
    margin-top: 5px;
    padding: 5px;
    background-color: rgba(66,66,66,0.3);
}

#combatSimRounds {
    display: flex;
    flex-direction: row;
}

#combatSimRounds .attackerCharacterClass,
#combatSimRounds .defenderCharacterClass,
#combatSimRounds .attackerAllianceClass,
#combatSimRounds .defenderAllianceClass {
    display: flex;
    gap: 5px;
    align-items: center;
}

#combatSimRounds .military_ships > li.odd,
#combatSimRounds .civil_ships > li.odd,
#combatSimRounds .defence_techs > li.odd {
    background-color: #0D1014;
}

#combatSimRounds .military_ships > li.even,
#combatSimRounds .civil_ships > li.even,
#combatSimRounds .defence_techs > li.even {
    background-color: #182028;
}

/* COMBAT SIM ROUNDS END*/

/* COMBAT SIM LOOT RESULTS START*/
#combatSimLootResults {
    display: flex;
    flex-direction: column;
    width: 425px;
    min-width: 500px;
}

#combatSimLootResults .tooltip {
    color: #848484;
}

#combatSimLootResults #resourceOutcome {
    border: 2px solid #3a75a7;
    height: 100%;
}
#resourceOutcome .lootDistribution,
#resourceOutcome .debrissum,
#resourceOutcome .debrissumAfterCombat,
#resourceOutcome .lossprofit {
    margin-left: 6px;
}
#resourceOutcome .lootPercentage {
    margin-left: 7px;
    font-weight: bold;
}

#resourceOutcome .debrisInfo {
    display: flex;
}
#resourceOutcome .debrisInfo .moonChanceInfo {
    width: 90%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    background-color: rgba(66,66,66,0.3);
}
#resourceOutcome .debrisInfo .moonChanceBg {
    justify-content: center;
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
}
#resourceOutcome .debrisInfo .moonChance {
    background: url(/img/icons/c9643df71b262232a4d66e591f7543.gif) no-repeat center;
    height: 30px;
    width: 37px;
    opacity: 0.4;
}
#resourceOutcome .debrisInfo .moonChancePercentage {
    font-weight: bold;
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    font-size: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    justify-content: center;
    display: flex;
    align-items: center;
    text-align: center;
}
#resourceOutcome .debrisInfo .moonContainer {
    position: relative;
    height: 30px;
    width: 37px;
    display: flex;
    justify-content: center;
}

#resourceOutcome .debrissumAfterCombat,
#resourceOutcome .debrissum {
    width: 400px;
    border: 2px solid #000000;
}
#resourceOutcome .lootDistribution {
    width: 97%;
    border: 2px solid #000000;
}
#resourceOutcome .lootDistribution div,
#resourceOutcome .debrissumAfterCombat div,
#resourceOutcome .debrissum div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
    min-height: 24px;
}
#resourceOutcome .lootDistribution > div:nth-child(even),
#resourceOutcome .debrissumAfterCombat > div:nth-child(even),
#resourceOutcome .debrissum > div:nth-child(even) {
    background-color: #0D1014;
}
#resourceOutcome .lootDistribution > div:nth-child(odd),
#resourceOutcome .debrissumAfterCombat > div:nth-child(odd),
#resourceOutcome .debrissum > div:nth-child(odd) {
    background-color: #182028;
}

#resourceOutcome .debrissumAfterCombat div.debDesc,
#resourceOutcome .debrissum div.debDesc {
    justify-content: flex-start;
    min-width: 150px;
}
#resourceOutcome .debrissumAfterCombat div.debHeader div,
#resourceOutcome .debrissum div.debHeader div {
    justify-content: center;
}
#resourceOutcome .debrissumAfterCombat div div,
#resourceOutcome .debrissum div div {
    flex: 1 1 0;
    width: 0;
    padding-right: 3px;
}
#resourceOutcome .lootDistribution div.lootDesc {
    justify-content: flex-start;
    min-width: 150px;
}
#resourceOutcome .lootDistribution div.lootHeader div {
    justify-content: center;
}
#resourceOutcome .lootDistribution div div {
    flex: 1 1 0;
    width: 0;
    padding-right: 3px;
}

#resourceOutcome .profitAttackers .desc,
#resourceOutcome .profitDefenders .desc {
    display: flex;
    justify-content: center;
    background-color: #182028;
    line-height: 20px;
    font-weight: bold;
}
#resourceOutcome .profitAttackers .lossprofit,
#resourceOutcome .profitDefenders .lossprofit {
    display: flex;
    width: 400px;
    gap: 3px;
    border: 2px solid #000000;
    background: #000;
}
#resourceOutcome .profitAttackers .lossprofit .losses,
#resourceOutcome .profitAttackers .lossprofit .profit,
#resourceOutcome .profitDefenders .lossprofit .losses,
#resourceOutcome .profitDefenders .lossprofit .profit {
    width: 50%;
}
#resourceOutcome .profitAttackers .lossprofit .details div,
#resourceOutcome .profitDefenders .lossprofit .details div {
    display: flex;
    align-items: center;
    line-height: 20px;
}
#resourceOutcome .profitAttackers .lossprofit .details > div:nth-child(odd),
#resourceOutcome .profitDefenders .lossprofit .details > div:nth-child(odd) {
    background-color: #0D1014;
}
#resourceOutcome .profitAttackers .lossprofit .details > div:nth-child(even),
#resourceOutcome .profitDefenders .lossprofit .details > div:nth-child(even) {
    background-color: #182028;
}
#resourceOutcome .profitAttackers .lossprofit .details div div,
#resourceOutcome .profitDefenders .lossprofit .details div div {
    justify-content: end;
}
#resourceOutcome .profitAttackers .lossprofit .details div div.totalDesc,
#resourceOutcome .profitDefenders .lossprofit .details div div.totalDesc {
    justify-content: start !important;
}
#resourceOutcome .profitAttackers .lossprofit .details div > resource-icon,
#resourceOutcome .profitAttackers .lossprofit .details div > div,
#resourceOutcome .profitDefenders .lossprofit .details div > resource-icon,
#resourceOutcome .profitDefenders .lossprofit .details div > div {
    flex: 1 1 0;
    width: 0;
    padding-right: 3px;
}

/* COMBAT SIM LOOT RESULTS END*/

#commandercomponent {
    position: absolute;
    top: 32px;
    right:0;
    float: right;
}

#officers {
    position: relative;
    left: auto !important;
    top: auto !important;
    display: inline-block;
}

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

.smallOfficer {
    background: transparent url("/img/icons/e34a98c3f2c9e66a2d3cdfee94c513.jpg") 0px 0px no-repeat;
    height: 26px;
    width: 26px;

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

.officer20 {
    background: transparent url("/img/icons/8568533160349e1bcd9b8ba6f00be2.jpg") 0px 0px no-repeat;
    height: 20px;
    width: 20px;
}
.officer20.admiral { background-position: -20px 0; }

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

#officers a.commander { background-position: -45px 0; }
#officers a.admiral { background-position: 0 0; }
#officers a.engineer { background-position: -90px 0; }
#officers a.geologist { background-position: -135px 0; }
#officers a.technocrat { background-position: -180px 0; }
#officers a.commander.on { background-position: -45px -45px; }
#officers a.admiral.on { background-position: 0 -45px; }
#officers a.engineer.on { background-position: -90px -45px; }
#officers a.geologist.on { background-position: -135px -45px; }
#officers a.technocrat.on { background-position: -180px -45px; }

#officers img {
    box-shadow: 0px 0px 5px black;
    border-width:1px;
    border-style: solid;
    border-radius: 2px;
    border-color: #000000;
}
#officers a { background-image: url("/img/icons/5cc4cca6a362b93d874107caabf3b4.png"); }
body.halloween .officer32, #officers a.halloween {background: url("/img/icons/1dd6f8cce2b0fadc6870494a75f83d.jpg") no-repeat}

#officers, #officers.all, #officers.one {
    height: 32px;
    padding: 3px;
    display: block;
    position: relative;
}

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

/* Offiziere */

#officers {
    text-align: left;
}

#officers a:link,
#officers a:visited,
.no-touch #officers a:hover,
#officers a:active {
    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;
}

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

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

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

/* ***************** Character Class Selection *********************************** */
#commandercomponent #characterclass {
    position: relative;
    width:36px;
    display: block;
    transition: all 0.2s ease-in;
    border-radius: 5px;
    border: 1px solid #767b84;
    height: 36px;
    padding: 1px;
}

#commandercomponent #characterclass:hover {
    transform: scale(1.2);
    z-index: 2;
}

#commandercomponent #characterclass .sprite.medium {
    width:32px;
    height:32px;
}

#commandercomponent #characterclass a:link,
#commandercomponent #characterclass a:visited,
.no-touch #commandercomponent #characterclass a:hover,
#commandercomponent #characterclass a:active {
    text-decoration:none;
    display: inline-block;
    height: 36px;
    width: 36px;

    border:1px solid #111111;
    border-radius: 2px;
    background-color: #111f;
    padding-left:1px;
    padding-top: 1px;

    box-sizing: border-box;
}

/* ***************** Lifeform link *********************************** */
#commandercomponent #lifeform {
    position: relative;
    width:36px;
    display: block;
    transition: all 0.2s ease-in;
    border-radius: 5px;
    border: 1px solid #767b84;
    height: 36px;
    padding: 1px;
}

#commandercomponent #lifeform:hover {
    transform: scale(1.2);
    z-index: 2;
}

#commandercomponent #lifeform a>div {
    width:32px;
    height:32px;
}
#commandercomponent #lifeform .resourceIcon.population {
    background-position-x: -344px;
}
#commandercomponent #lifeform .lifeform-item-icon {
    background-position-y: -280px;
}
#commandercomponent #lifeform .lifeform-item-icon.lifeform1 {
    background-position-x: -4px;
}
#commandercomponent #lifeform .lifeform-item-icon.lifeform2 {
    background-position-x: -40px;
}
#commandercomponent #lifeform .lifeform-item-icon.lifeform3 {
    background-position-x: -75px;
}
#commandercomponent #lifeform .lifeform-item-icon.lifeform4 {
    background-position-x: -110px;
}

#commandercomponent #lifeform a:link,
#commandercomponent #lifeform a:visited,
.no-touch #commandercomponent #lifeform a:hover,
#commandercomponent #lifeform a:active {
    text-decoration:none;
    display: inline-block;
    height: 36px;
    width: 36px;

    border:1px solid #111111;
    border-radius: 2px;
    background-color: #111f;
    padding-left:1px;
    padding-top: 1px;

    box-sizing: border-box;
}

/***
    Category UI elements
 */

/* start toggle-switch */
toggle-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #333;
    margin: -1px 3px 3px 3px;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);

    /* if different size is needed adjust this */
    width: 60px;
    height: 19px;
}

toggle-switch::after {
    content: "OFF";
    color: #000;
    position: absolute;
    z-index: 0 !important;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    text-transform: uppercase;

    /* if different size is needed adjust this */
    font: 11px/22px Arial, sans-serif;
    right: 5px;
}

toggle-switch::before {
    content: "ON";
    color: #27ae60;
    position: absolute;
    z-index: 0 !important;
    font-weight: bold;
    text-transform: uppercase;

    /* if different size is needed adjust this */
    left: 5px;
    font: 11px/22px Arial, sans-serif;
 }

toggle-switch > label {
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 1 !important;
    background: rgb(252,255,244);
    background: linear-gradient(180deg, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
    border-radius: 50px;
    transition: all 0.4s ease;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);

    /* if different size is needed adjust this */
    width: 27px;
    height: 13px;
    top: 4px;
    left: 3px;
}

toggle-switch > input[type=checkbox] {
    visibility: hidden;
}

toggle-switch > input[type=checkbox]:checked + label {
    /* if different size is needed adjust this */
    left: 30px;
}
/* end toggle-switch */

/* start square-checkbox*/
square-checkbox {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: rgba(252,255,244,1);
    background: linear-gradient(180deg, rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);

    /* if different size is needed adjust this */
    width: 20px;
    height: 20px;
}

square-checkbox > label {
    position: absolute;
    cursor: pointer;
    background: rgb(34,34,34);
    background: linear-gradient(180deg, rgba(34,34,34,1) 0%, rgba(69,72,77,1) 100%);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    /* if different size is needed adjust this */
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
}

square-checkbox > label::after {
    content: '';
    position: absolute;
    background: rgb(46,173,65);
    background: linear-gradient(180deg, rgba(46,173,65,1) 0%, rgba(20,91,50,1) 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    opacity: 0;

    /* if different size is needed adjust this */
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
}

square-checkbox > label:hover::after {
    opacity: 0.3;
}

square-checkbox > input[type=checkbox] {
    visibility: hidden;
}

square-checkbox > input[type=checkbox]:checked + label:after {
    opacity: 1;
}
/* end square-checkbox */

/* start round-radiobox */
round-radiobox {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #fcfff4;
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    border-radius: 50px;

    /* if different size is needed adjust this */
    width: 20px;
    height: 20px;
}
round-radiobox > label {
    position: absolute;
    cursor: pointer;
    background: rgb(34,34,34);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    /* if different size is needed adjust this */
    width: 16px;
    height: 16px;
    top: 2px;
    left: 2px;
}
round-radiobox > label::after {
    content: '';
    position: absolute;
    background: rgb(46,173,65);
    background: linear-gradient(180deg, rgba(46,173,65,1) 0%, rgba(20,91,50,1) 100%);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    opacity: 0;
    border-radius: 50px;

    /* if different size is needed adjust this */
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
}
round-radiobox > label:hover::after {
    opacity: 0.3;
}

round-radiobox > input[type=radio] {
    visibility: hidden;
}

round-radiobox > input[type=radio]:checked + label:after {
    opacity: 1;
}
/* end round-radiobox */

/***
    Category icons
 */

.menu-toggler:checked ~ ul > .menu-item {
        opacity: 1;
}

/* start characterclass-icon */
characterclass-icon {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
}

characterclass-icon[explorer][sq20]   {
    background-image: url(/img/icons/0361a8c680334eb802f0f35676a66c.png);
}
characterclass-icon[explorer][sq28]   {
    background-image: url(/img/icons/1433cc4b84f60df3034379f69f238a.png);
    background-size: cover;
}
characterclass-icon[explorer][sq40]   {
    background-image: url(/img/icons/1433cc4b84f60df3034379f69f238a.png);
}
characterclass-icon[explorer][sq100]   {
    background-image: url(/img/icons/6b04d094b1eaec68f470760db4c6ca.png);
}
characterclass-icon[explorer][sq200]   {
    background-image: url(/img/icons/a7226db4268e3c22d65a3fbd936975.png);
}
characterclass-icon[miner][sq20] {
    background-image: url(/img/icons/d8fef22d14bb70419405c4dceb5d3d.png);
}
characterclass-icon[miner][sq28] {
    background-image: url(/img/icons/f5b7a5620b23b5290ee5954f07d160.png);
    background-size: cover;
}
characterclass-icon[miner][sq40] {
    background-image: url(/img/icons/f5b7a5620b23b5290ee5954f07d160.png);
}
characterclass-icon[miner][sq100] {
    background-image: url(/img/icons/d31422123848b21d1fe5f877cbf23a.png);
}
characterclass-icon[miner][sq200] {
    background-image: url(/img/icons/ebadb2179a145168f234a9287786c1.png);
}
characterclass-icon[neutral][sq20] {
    background-image: url(/img/icons/b093c16b9d703f67b4959d0e1110c5.png);
}
characterclass-icon[neutral][sq40] {
    background-image: url(/img/icons/ca50f93455a3c6894f0c5ae03e665f.png);
}
characterclass-icon[neutral][sq100] {
    background-image: url(/img/icons/058a0dd0c45a1d05e8c52657c6c54f.png);
}
characterclass-icon[neutral][sq200] {
    background-image: url(/img/icons/7924c98af4dc3dc0def79275ebcd7f.png);
}
characterclass-icon[warrior][sq20] {
    background-image: url(/img/icons/a1f541e196f249a658175a40e9945a.png);
}
characterclass-icon[warrior][sq28] {
    background-image: url(/img/icons/c9a66d4b358353d42d503ca99388b6.png);
    background-size: cover;
}
characterclass-icon[warrior][sq40] {
    background-image: url(/img/icons/c9a66d4b358353d42d503ca99388b6.png);
}
characterclass-icon[warrior][sq100] {
    background-image: url(/img/icons/5484c3b846afe9be9c0a75abbf45d7.png);
}
characterclass-icon[warrior][sq200] {
    background-image: url(/img/icons/4820e3768f76849d1faa718d57b09e.png);
}
/* end characterclass-icon */

/* start allianceclass-icon */
allianceclass-icon {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    cursor: pointer;
}

allianceclass-icon[explorer][sq20]   {
    background-image: url(/img/icons/bb0ff2146d93887ff9bf2a14a25a45.png);
}
allianceclass-icon[explorer][sq40]   {
    background-image: url(/img/icons/eaa936531415467b959dfcd67bfcf9.png);
}
allianceclass-icon[explorer][sq100]   {
    background-image: url(/img/icons/fd0da2a874d163d64bcbe0189819ce.png);
}
allianceclass-icon[explorer][sq200]   {
    background-image: url(/img/icons/58ca35abbdfaf080563fe67fc08a6d.png);
}
allianceclass-icon[trader][sq20] {
    background-image: url(/img/icons/02614bfe12340c2d8f89ce58ad83c7.png);
}
allianceclass-icon[trader][sq40] {
    background-image: url(/img/icons/32c89f02522a44b46ca3dc359fe1e2.png);
}
allianceclass-icon[trader][sq100] {
    background-image: url(/img/icons/4c2481811140db89100f0bc2e7118a.png);
}
allianceclass-icon[trader][sq200] {
    background-image: url(/img/icons/dc5d139f79fa745594db047e57b26e.png);
}
allianceclass-icon[neutral][sq20] {
    background-image: url(/img/icons/91f4cdf171328d7cef3443860cd063.png);
}
allianceclass-icon[neutral][sq40] {
    background-image: url(/img/icons/17c83524ca049ab09fc5dee53e2004.png);
}
allianceclass-icon[neutral][sq100] {
    background-image: url(/img/icons/be2d91117e545679cb3aaa73e22af2.png);
}
allianceclass-icon[neutral][sq200] {
    background-image: url(/img/icons/7924c98af4dc3dc0def79275ebcd7f.png);
}
allianceclass-icon[warrior][sq20] {
    background-image: url(/img/icons/f2435fcc1304b0d181323254d3d3ec.png);
}
allianceclass-icon[warrior][sq40] {
    background-image: url(/img/icons/10ca470f74ddd86449c6b4c85f331c.png);
}
allianceclass-icon[warrior][sq100] {
    background-image: url(/img/icons/ee056f72d77c0bb3d511e51f1a693c.png);
}
allianceclass-icon[warrior][sq200] {
    background-image: url(/img/icons/c6136ea39904df0239a3d5eaa24bb8.png);
}
/* end allianceclass-icon */

/* start thick-headline for fleet-content */
thick-headline {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
}
thick-headline-header {
    background: url(/img/icons/0a5ba5507cb9bfae1b615cd72fc051.png) repeat-x 0 0;
    height: 35px;
    min-width: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2 !important;
}
thick-headline-header::before {
    background: url(/img/icons/ecbdb336ee6ce8112e2875e389bbf9.png) no-repeat 0 0;
    content: "";
    height: 35px;
    width: 3px;
}
thick-headline-header::after {
    background: url(/img/icons/56f8d5a932238db6b779e17bf9a9f8.png) no-repeat 0 0;
    content: "";
    height: 35px;
    position: absolute;
    width: 26px;
    right: -26px;
}

thick-headline-header p {
    font-size: 18px;
    font-weight: 700;
    padding-left: 10px;
}
thick-headline-background {
    background: url(/img/icons/0721fd07d84834abab94b85b6e7303.gif) repeat-x;
    height: 35px;
    /* flex-grow: 1; */
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 25px);
    position: relative;
    --current-width: 350;
    align-items: center;
    gap: 4px;
}

thick-headline-background::after {
    background: url(/img/icons/a43a0c46b4446617d53d9fd8249402.png) no-repeat 0 0;
    content: "";
    height: 35px;
    width: 25px;
    display: block;
    position: absolute;
    right: -25px;
}
/* end thick-headline for fleet-content */

/* start fleet-content for displaying fleetinformation in combatsim */
fleet-content {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    width: 100%;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px 5px;
    background: linear-gradient(to bottom, #1f2630 0%,#111921 100%);
    min-height:50px;
}

fleet-content::before {
    position: absolute;
    left: -9px;
    top: -2px;
    width: calc(100% + 18px);
    height: 28px;
    background: url(/img/icons/f333e15eb738b8ec692340f507e1ae.png) bottom left no-repeat, url(/img/icons/66551209db14e23b3001901b996cc6.png) bottom right no-repeat;
    content: "";
}

fleet-content::after {
    position: absolute;
    left: -9px;
    bottom: -5px;
    width: calc(100% + 18px);
    height: 50px;
    background: url(/img/icons/0330abcdca0d125d35a0ebace4b584.png) bottom left no-repeat, url(/img/icons/8003a40825bc96919c5fec01b018b8.png) bottom right no-repeat;
    content: "";
}
/* end fleet-content for displaying fleetinformation in combatsim */

/* start combatsim-section fir displaying a section in combatsim */
combatsim-section {
    display:flex;
    flex-direction: column;
    width:360px;
}
combatsim-section[show-lifeform="1"] {
    width:720px;
}
simulation-overview {
    width: 100%;
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
simulation-overview combatsim-section {
    width:990px !important;
}

/* end combatsim-section fir displaying a section in combatsim */

/* start gradient-button */
gradient-button {
    display: flex;
    justify-content: center;
    align-items: center;
}
gradient-button .custom_btn {
    width: 100%;
    height: 100%;
    border: 1px outset #696666 !important;
    border-radius: 4px;
    cursor: pointer;
    color: #bbb;
    font-size: 17px;
    background: linear-gradient(160deg, rgba(54,77,99,1) 0%, rgba(40,57,72,1) 33%, rgba(20,30,38,1) 66%, rgba(18,26,33,1) 100%);
    box-shadow: 0px 2px 3px 1px #0000008c;
    outline: none;
    transition: 300ms;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 0;
    padding-inline: 0;
    box-sizing: border-box;
}

gradient-button .custom_btn.send {
    font-size: 11px;
    font-weight: 700;
}

gradient-button button:not(:disabled):hover {
    background: linear-gradient(160deg, rgba(67,107,145,1) 0%, rgba(52,76,97,1) 33%, rgba(40,58,71,1) 66%, rgba(20,26,32,1) 100%);
    box-shadow: 0px 0px 0px 0px transparent;
}

gradient-button button:disabled,
gradient-button button[disabled] {
    border: 1px solid #999999 !important;
    opacity: 0.3;
    cursor: not-allowed;
}
/* end gradient-button */

/* start group title */
group-title {
    display: flex;
    justify-content: center;
    background: url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) -143px -162px no-repeat;
    height: 25px;
    width: 231px;
    font-size: 11px;
    line-height: 25px;
    margin: 8px 0 5px -7px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
group-title > group-title-label {
    display: block;
    color: #9c0;
    text-decoration: none;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

group-title-right {
    display: flex;
    justify-content: center;
    background: url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) -143px -162px no-repeat;
    height: 25px;
    width: 231px;
    font-size: 11px;
    line-height: 25px;
    margin: 8px 0 5px -7px;
}

group-title-right > group-title-label {
    display: block;
    color: #9c0;
    text-decoration: none;
}

.fullrow-title {
    display: flex;
    justify-content: end;
    flex-grow: 1;
    height: 40px;
}

.fullrow-title group-title-right {
    margin: 8px -14px 5px 0;
}
/* end group title */

/******************************************
 ******** TECHNOLOGY SPRITE IMAGES ********
 ******************************************/
/* There is no need at all to change anything in this complete section */
technology-icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    --var-width: 30;
    --var-height: 30;
    border-radius: 5px;
}

technology-icon[regular] {
    background-image: url(/img/icons/7a9861be0c38bf7de05a57c56d73cf.jpg) !important;
    background-size: calc(4000px * var(--var-width) * 0.005) calc(6000px * var(--var-height) * 0.005);
}

technology-icon[lifeform] {
    background-image: url(/img/icons/2d828476bacc6b1e6bbfaf2a9fb041.jpg) !important;
    background-size: calc(3600px * var(--var-width) * 0.005) calc(5920px * var(--var-height) * 0.005);
}
server-settings-icon[bordered],
resource-icon[bordered],
technology-icon[bordered] {
    border: 1px outset #ccc!important;
}

/* ~~~~~ BUILDINGS ~~~~~ */
technology-icon[metalmine] {
    background-position: 0 0;
}
technology-icon[crystalmine] {
    background-position: 5.25% 0;
}
technology-icon[deuteriumsynthesizer] {
    background-position: 10.52% 0;
}
technology-icon[solarplant] {
    background-position: 15.78% 0;
}
technology-icon[fusionplant] {
    background-position: 21.05% 0;
}
technology-icon[roboticsfactory] {
    background-position: 0 17.24%;
}
technology-icon[nanitefactory] {
    background-position: 26.31% 17.24%;
}
technology-icon[shipyard] {
    background-position: 5.25% 17.24%;
}
technology-icon[metalstorage] {
    background-position: 31.57% 0;
}
technology-icon[crystalstorage] {
    background-position: 36.84% 0;
}
technology-icon[deuteriumstorage] {
    background-position: 42.1% 0;
}
technology-icon[researchlaboratory] {
    background-position: 10.52% 17.24%;
}
technology-icon[terraformer] {
    background-position: 31.57% 17.24%;
}
technology-icon[alliancedepot] {
    background-position: 15.78% 17.24%;
}
technology-icon[moonbase] {
    background-position: 36.85% 17.24%;
}
technology-icon[sensorphalanx] {
    background-position: 42.1% 17.24%;
}
technology-icon[jumpgate] {
    background-position: 47.36% 17.24%;
}
technology-icon[missilesilo] {
    background-position: 21.05% 17.24%;
}
technology-icon[repairdock] {
    background-position: 52.62% 17.24%;
}
/* ~~~~~ RESEARCHES ~~~~~ */
/* ~~ BASICS ~~ */
technology-icon[energytechnology] {
    background-position: 0 68.96%;
}
technology-icon[lasertechnology] {
    background-position: 5.25% 68.96%;
}
technology-icon[iontechnology] {
    background-position: 10.52% 68.96%;
}
technology-icon[hyperspacetechnology] {
    background-position: 15.78% 68.96%;
}
technology-icon[plasmatechnology] {
    background-position: 21.05% 68.96%;
}
/* ~~ DRIVES ~~ */
technology-icon[combustiondrivetechnology] {
    background-position: 26.31% 68.96%;
}
technology-icon[impulsedrivetechnology] {
    background-position: 31.57% 68.96%;
}
technology-icon[hyperspacedrivetechnology] {
    background-position: 36.84% 68.96%;
}
/* ~~ ADVANCED~~ */
technology-icon[espionagetechnology] {
    background-position: 42.1% 68.96%;
}
technology-icon[computertechnology] {
    background-position: 47.36% 68.96%;
}
technology-icon[astrophysicstechnology] {
    background-position: 52.62% 68.96%;
}
technology-icon[researchnetworktechnology] {
    background-position: 57.88% 68.96%;
}
technology-icon[gravitontechnology] {
    background-position: 63.15% 68.96%;
}
/* ~~ COMBAT ~~ */
technology-icon[weaponstechnology] {
    background-position: 73.68% 68.96%;
}
technology-icon[shieldingtechnology] {
    background-position: 78.94% 68.96%;
}
technology-icon[armortechnology] {
    background-position: 68.42% 68.96%;
}
/* ~~~~~ SHIPS ~~~~~ */
/* ~~ CIVIL ~~ */
technology-icon[transportersmall] {
    background-position: 42.1% 51.72%;
}
technology-icon[transporterlarge] {
    background-position: 47.36% 51.72%;
}
technology-icon[colonyship] {
    background-position: 52.62% 51.72%;
}
technology-icon[recycler] {
    background-position: 57.89% 51.72%;
}
technology-icon[espionageprobe] {
    background-position: 63.15% 51.72%;
}
technology-icon[solarsatellite] {
    background-position: 26.31% 0;
}
/* ~~ MILITARY ~~ */
technology-icon[fighterlight] {
    background-position: 0 51.72%;
}
technology-icon[fighterheavy] {
    background-position: 5.25% 51.72%;
}
technology-icon[cruiser] {
    background-position: 10.53% 51.72%;
}
technology-icon[battleship] {
    background-position: 15.78% 51.72%;
}
technology-icon[interceptor] {
    background-position: 21.05% 51.72%;
}
technology-icon[bomber] {
    background-position: 26.31% 51.72%;
}
technology-icon[destroyer] {
    background-position: 31.57% 51.72%;
}
technology-icon[deathstar] {
    background-position: 36.84% 51.72%;
}
technology-icon[resbuggy] {
    background-position: 84.20% 51.72%;
}
technology-icon[explorer] {
    background-position: 78.94% 51.72%;
}
technology-icon[reaper] {
    background-position: 73.68% 51.72%;
}
/* ~~~~~ DEFENSES ~~~~~ */
technology-icon[rocketlauncher] {
    background-position: 0 34.48%;
}
technology-icon[lasercannonlight] {
    background-position: 5.25% 34.48%;
}
technology-icon[lasercannonheavy] {
    background-position: 10.52% 34.48%;
}
technology-icon[gausscannon] {
    background-position: 15.78% 34.48%;
}
technology-icon[ioncannon] {
    background-position: 21.05% 34.48%;
}
technology-icon[plasmacannon] {
    background-position: 26.31% 34.48%;
}
technology-icon[shielddomesmall] {
    background-position: 31.57% 34.48%;
}
technology-icon[shielddomelarge] {
    background-position: 36.84% 34.48%;
}
/* ~~~~~ MISSILES ~~~~~ */
technology-icon[missileinterceptor] {
    background-position: 42.1% 34.48%;
}
technology-icon[missileinterplanetary] {
    background-position: 47.36% 34.48%;
}
/**** LIFEFORM TECHNOLOGY IMAGES ****/
/* ~~~~~ BUILDINGS ~~~~~ */
technology-icon[lifeformtech11101],
technology-icon[lifeformtech11102],
technology-icon[lifeformtech11103],
technology-icon[lifeformtech11104],
technology-icon[lifeformtech11105],
technology-icon[lifeformtech11106],
technology-icon[lifeformtech11107],
technology-icon[lifeformtech11108],
technology-icon[lifeformtech11109],
technology-icon[lifeformtech11110],
technology-icon[lifeformtech11111],
technology-icon[lifeformtech11112]
{
    background-position-y: 0;
}
technology-icon[lifeformtech12101],
technology-icon[lifeformtech12102],
technology-icon[lifeformtech12103],
technology-icon[lifeformtech12104],
technology-icon[lifeformtech12105],
technology-icon[lifeformtech12106],
technology-icon[lifeformtech12107],
technology-icon[lifeformtech12108],
technology-icon[lifeformtech12109],
technology-icon[lifeformtech12110],
technology-icon[lifeformtech12111],
technology-icon[lifeformtech12112]
{
    background-position-y: 25.87%;
}
technology-icon[lifeformtech13101],
technology-icon[lifeformtech13102],
technology-icon[lifeformtech13103],
technology-icon[lifeformtech13104],
technology-icon[lifeformtech13105],
technology-icon[lifeformtech13106],
technology-icon[lifeformtech13107],
technology-icon[lifeformtech13108],
technology-icon[lifeformtech13109],
technology-icon[lifeformtech13110],
technology-icon[lifeformtech13111],
technology-icon[lifeformtech13112]
{
    background-position-y: 51.74%;
}
technology-icon[lifeformtech14101],
technology-icon[lifeformtech14102],
technology-icon[lifeformtech14103],
technology-icon[lifeformtech14104],
technology-icon[lifeformtech14105],
technology-icon[lifeformtech14106],
technology-icon[lifeformtech14107],
technology-icon[lifeformtech14108],
technology-icon[lifeformtech14109],
technology-icon[lifeformtech14110],
technology-icon[lifeformtech14111],
technology-icon[lifeformtech14112]
{
    background-position-y: 77.62%;
}

technology-icon[lifeformtech11101],
technology-icon[lifeformtech12101],
technology-icon[lifeformtech13101],
technology-icon[lifeformtech14101]
{
    background-position-x: 0;
}
technology-icon[lifeformtech11102],
technology-icon[lifeformtech12102],
technology-icon[lifeformtech13102],
technology-icon[lifeformtech14102]
{
    background-position-x: 5.88%;
}
technology-icon[lifeformtech11103],
technology-icon[lifeformtech12103],
technology-icon[lifeformtech13103],
technology-icon[lifeformtech14103]
{
    background-position-x: 11.76%;
}
technology-icon[lifeformtech11104],
technology-icon[lifeformtech12104],
technology-icon[lifeformtech13104],
technology-icon[lifeformtech14104]
{
    background-position-x: 17.65%;
}
technology-icon[lifeformtech11105],
technology-icon[lifeformtech12105],
technology-icon[lifeformtech13105],
technology-icon[lifeformtech14105]
{
    background-position-x: 23.53%;
}
technology-icon[lifeformtech11106],
technology-icon[lifeformtech12106],
technology-icon[lifeformtech13106],
technology-icon[lifeformtech14106]
{
    background-position-x: 29.42%;
}
technology-icon[lifeformtech11107],
technology-icon[lifeformtech12107],
technology-icon[lifeformtech13107],
technology-icon[lifeformtech14107]
{
    background-position-x: 35.29%;
}
technology-icon[lifeformtech11108],
technology-icon[lifeformtech12108],
technology-icon[lifeformtech13108],
technology-icon[lifeformtech14108]
{
    background-position-x: 41.17%;
}
technology-icon[lifeformtech11109],
technology-icon[lifeformtech12109],
technology-icon[lifeformtech13109],
technology-icon[lifeformtech14109]
{
    background-position-x: 47.06%;
}
technology-icon[lifeformtech11110],
technology-icon[lifeformtech12110],
technology-icon[lifeformtech13110],
technology-icon[lifeformtech14110]
{
    background-position-x: 52.94%;
}
technology-icon[lifeformtech11111],
technology-icon[lifeformtech12111],
technology-icon[lifeformtech13111],
technology-icon[lifeformtech14111]
{
    background-position-x: 58.82%;
}
technology-icon[lifeformtech11112],
technology-icon[lifeformtech12112],
technology-icon[lifeformtech13112],
technology-icon[lifeformtech14112]
{
    background-position-x: 64.70%;
}
/* ~~~~~ Researches ~~~~~ */
technology-icon[lifeformtech11201],
technology-icon[lifeformtech11202],
technology-icon[lifeformtech11203],
technology-icon[lifeformtech11204],
technology-icon[lifeformtech11205],
technology-icon[lifeformtech11206],
technology-icon[lifeformtech11207],
technology-icon[lifeformtech11208],
technology-icon[lifeformtech11209],
technology-icon[lifeformtech11210],
technology-icon[lifeformtech11211],
technology-icon[lifeformtech11212],
technology-icon[lifeformtech11213],
technology-icon[lifeformtech11214],
technology-icon[lifeformtech11215],
technology-icon[lifeformtech11216],
technology-icon[lifeformtech11217],
technology-icon[lifeformtech11218]
{
    background-position-y: 12.93%;
}
technology-icon[lifeformtech12201],
technology-icon[lifeformtech12202],
technology-icon[lifeformtech12203],
technology-icon[lifeformtech12204],
technology-icon[lifeformtech12205],
technology-icon[lifeformtech12206],
technology-icon[lifeformtech12207],
technology-icon[lifeformtech12208],
technology-icon[lifeformtech12209],
technology-icon[lifeformtech12210],
technology-icon[lifeformtech12211],
technology-icon[lifeformtech12212],
technology-icon[lifeformtech12213],
technology-icon[lifeformtech12214],
technology-icon[lifeformtech12215],
technology-icon[lifeformtech12216],
technology-icon[lifeformtech12217],
technology-icon[lifeformtech12218]
{
    background-position-y: 38.81%;
}
technology-icon[lifeformtech13201],
technology-icon[lifeformtech13202],
technology-icon[lifeformtech13203],
technology-icon[lifeformtech13204],
technology-icon[lifeformtech13205],
technology-icon[lifeformtech13206],
technology-icon[lifeformtech13207],
technology-icon[lifeformtech13208],
technology-icon[lifeformtech13209],
technology-icon[lifeformtech13210],
technology-icon[lifeformtech13211],
technology-icon[lifeformtech13212],
technology-icon[lifeformtech13213],
technology-icon[lifeformtech13214],
technology-icon[lifeformtech13215],
technology-icon[lifeformtech13216],
technology-icon[lifeformtech13217],
technology-icon[lifeformtech13218]
{
    background-position-y: 64.69%;
}
technology-icon[lifeformtech14201],
technology-icon[lifeformtech14202],
technology-icon[lifeformtech14203],
technology-icon[lifeformtech14204],
technology-icon[lifeformtech14205],
technology-icon[lifeformtech14206],
technology-icon[lifeformtech14207],
technology-icon[lifeformtech14208],
technology-icon[lifeformtech14209],
technology-icon[lifeformtech14210],
technology-icon[lifeformtech14211],
technology-icon[lifeformtech14212],
technology-icon[lifeformtech14213],
technology-icon[lifeformtech14214],
technology-icon[lifeformtech14215],
technology-icon[lifeformtech14216],
technology-icon[lifeformtech14217],
technology-icon[lifeformtech14218]
{
    background-position-y: 90.56%;
}
technology-icon[lifeformtech11201],
technology-icon[lifeformtech12201],
technology-icon[lifeformtech13201],
technology-icon[lifeformtech14201]
{
    background-position-x: 0;
}
technology-icon[lifeformtech11202],
technology-icon[lifeformtech12202],
technology-icon[lifeformtech13202],
technology-icon[lifeformtech14202]
{
    background-position-x: 5.88%;
}
technology-icon[lifeformtech11203],
technology-icon[lifeformtech12203],
technology-icon[lifeformtech13203],
technology-icon[lifeformtech14203]
{
    background-position-x: 11.76%;
}
technology-icon[lifeformtech11204],
technology-icon[lifeformtech12204],
technology-icon[lifeformtech13204],
technology-icon[lifeformtech14204]
{
    background-position-x: 17.65%;
}
technology-icon[lifeformtech11205],
technology-icon[lifeformtech12205],
technology-icon[lifeformtech13205],
technology-icon[lifeformtech14205]
{
    background-position-x: 23.53%;
}
technology-icon[lifeformtech11206],
technology-icon[lifeformtech12206],
technology-icon[lifeformtech13206],
technology-icon[lifeformtech14206]
{
    background-position-x: 29.41%;
}
technology-icon[lifeformtech11207],
technology-icon[lifeformtech12207],
technology-icon[lifeformtech13207],
technology-icon[lifeformtech14207]
{
    background-position-x: 35.29%;
}
technology-icon[lifeformtech11208],
technology-icon[lifeformtech12208],
technology-icon[lifeformtech13208],
technology-icon[lifeformtech14208]
{
    background-position-x: 41.17%;
}
technology-icon[lifeformtech11209],
technology-icon[lifeformtech12209],
technology-icon[lifeformtech13209],
technology-icon[lifeformtech14209]
{
    background-position-x: 47.06%;
}
technology-icon[lifeformtech11210],
technology-icon[lifeformtech12210],
technology-icon[lifeformtech13210],
technology-icon[lifeformtech14210]
{
    background-position-x: 52.94%;
}
technology-icon[lifeformtech11211],
technology-icon[lifeformtech12211],
technology-icon[lifeformtech13211],
technology-icon[lifeformtech14211]
{
    background-position-x: 58.82%;
}
technology-icon[lifeformtech11212],
technology-icon[lifeformtech12212],
technology-icon[lifeformtech13212],
technology-icon[lifeformtech14212]

{
    background-position-x: 64.70%;
}
technology-icon[lifeformtech11213],
technology-icon[lifeformtech12213],
technology-icon[lifeformtech13213],
technology-icon[lifeformtech14213]
{
    background-position-x: 70.58%;
}
technology-icon[lifeformtech11214],
technology-icon[lifeformtech12214],
technology-icon[lifeformtech13214],
technology-icon[lifeformtech14214]
{
    background-position-x: 76.46%;
}
technology-icon[lifeformtech11215],
technology-icon[lifeformtech12215],
technology-icon[lifeformtech13215],
technology-icon[lifeformtech14215]
{
    background-position-x: 82.35%;
}
technology-icon[lifeformtech11216],
technology-icon[lifeformtech12216],
technology-icon[lifeformtech13216],
technology-icon[lifeformtech14216]
{
    background-position-x: 88.23%;
}
technology-icon[lifeformtech11217],
technology-icon[lifeformtech12217],
technology-icon[lifeformtech13217],
technology-icon[lifeformtech14217]
{
    background-position-x: 94.11%;
}
technology-icon[lifeformtech11218],
technology-icon[lifeformtech12218],
technology-icon[lifeformtech13218],
technology-icon[lifeformtech14218]
{
    background-position-x: 100%;
}
/******************************************
 ****** END TECHNOLOGY SPRITE IMAGES ******
 ******************************************/

/* start resource icons */
/* for resizing use a seperate class or an attribute sq20/sq28/... don't touch anything below */
resource-icon {
    width: 512px;
    height: 512px;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 5px;
}
resource-icon.metal {
    background-image: url(/img/icons/4230ff01e100a38a72dadfa7de0661.png) !important;
    background-size: contain;
}
resource-icon.crystal {
    background-image: url(/img/icons/596ba85baa74145390e04f7428d93e.png) !important;
    background-size: contain;
}
resource-icon.deuterium {
    background-image: url(/img/icons/7a7bf2b8edcd74ebafe31dfbae14aa.png) !important;
    background-size: contain;
}
resource-icon.energy {
    background-image: url(/img/icons/9e2afdb81e238e0c0968f9cd0d9ca4.png) !important;
    background-size: contain;
}
resource-icon.darkmatter {
    background-image: url(/img/icons/4de426cb95e11af9cdabb901dfe802.png) !important;
    background-size: contain;
}
resource-icon.food {
    background-image: url(/img/icons/c1e0f3a58ccc09677455f19d8792a1.png) !important;
    background-size: contain;
}
resource-icon.population {
    background-image: url(/img/icons/9e6c01dbcd3acd2e1fb3b5d0a02fba.png) !important;
    background-size: contain;
}
/* end ressource icons */

/* start server settings icons */
/* for resizing use a seperate class or an attribute sq20/sq28/... don't touch anything below */
server-settings-icon {
    width: 52px;
    height: 52px;
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 5px;
    box-sizing: border-box;
}
server-settings-icon.acs_active {
    background-image: url(/img/icons/bba367fbf3e7613a914f57d22e5abd.png) !important;
    background-size: contain;
}
server-settings-icon.darkmatter_bonus {
    background-image: url(/img/icons/9e5b03f98d1c4c8e14e5845a2a3f68.png) !important;
    background-size: contain;
}
server-settings-icon.debris_defense {
    background-image: url(/img/icons/312addcee32380091e0e5a75682993.png) !important;
    background-size: contain;
}
server-settings-icon.debris_fleet {
    background-image: url(/img/icons/cc4a9fba32f0aded9d723f7ae433fa.png) !important;
    background-size: contain;
}
server-settings-icon.debris_deuterium {
    background-image: url(/img/icons/da952f61e88f03853d2fcd6a7d12f7.png) !important;
    background-size: contain;
}
server-settings-icon.deuterium_save {
    background-image: url(/img/icons/9ef61a360aa80295751971aa90867d.png) !important;
    background-size: contain;
}
server-settings-icon.fleetspeed_holding {
    background-image: url(/img/icons/ea2d90bb5d0e29194a13b05d5acf82.png) !important;
    background-size: contain;
}
server-settings-icon.fleetspeed_peace {
    background-image: url(/img/icons/7191f3633561f7ba3a0922186b268d.png) !important;
    background-size: contain;
}
server-settings-icon.fleetspeed_war {
    background-image: url(/img/icons/dfa174a8875044e7b3ab080264e18a.png) !important;
    background-size: contain;
}
server-settings-icon.ignore_empty {
    background-image: url(/img/icons/025c93acb8b7550a42a02c0517ddbf.png) !important;
    background-size: contain;
}
server-settings-icon.ignore_inactive {
    background-image: url(/img/icons/f3f46bd8e55815109eeb33078d63ee.png) !important;
    background-size: contain;
}
server-settings-icon.lifetime {
    background-image: url(/img/icons/481c443464ea6f39dd9b16f868dec9.png) !important;
    background-size: contain;
}
server-settings-icon.number_galaxies {
    background-image: url(/img/icons/8dc157e3f067cd311f7f6639f4ff9d.png) !important;
    background-size: contain;
}
server-settings-icon.planetfield_bonus {
    background-image: url(/img/icons/1995d3be4ec69ecd07333ce75ceb51.png) !important;
    background-size: contain;
}
server-settings-icon.speedfactor {
    background-image: url(/img/icons/1ad7545bd6e855e8aee5cc3a7542c0.png) !important;
    background-size: contain;
}
server-settings-icon.speedfactor_research {
    background-image: url(/img/icons/4ac3e1a16a2592451996c7223582b1.png) !important;
    background-size: contain;
}
/* end server settings icons */


/* start class selection in radial menu */
class-selection {
    display: inline-block;
    height: 40px;
    width: 40px;
    z-index:5 !important;
    position: relative;
}
class-selection .classselection-menu {
    position: absolute;
    display: block;
    top:0;
    bottom:0;
    right:0;
    left:0;
    width:40px;
    height:40px;
    z-index:4 !important;
    opacity:0;
    cursor:pointer;
}
class-selection .classselection-menu + label {
    width: 40px;
    height: 40px;
    display: block;
    z-index: 3 !important;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

class-selection .classselection-menu.characterClass[data-class-id="0"] + label {
    background-image: url(/img/icons/ca50f93455a3c6894f0c5ae03e665f.png);
}
class-selection .classselection-menu.characterClass[data-class-id="1"] + label {
    background-image: url(/img/icons/f5b7a5620b23b5290ee5954f07d160.png);
}
class-selection .classselection-menu.characterClass[data-class-id="2"] + label {
    background-image: url(/img/icons/c9a66d4b358353d42d503ca99388b6.png);
}
class-selection .classselection-menu.characterClass[data-class-id="3"] + label {
    background-image: url(/img/icons/1433cc4b84f60df3034379f69f238a.png);
}
class-selection .classselection-menu.allianceClass[data-class-id="0"] + label {
    background-image: url(/img/icons/17c83524ca049ab09fc5dee53e2004.png);
}
class-selection .classselection-menu.allianceClass[data-class-id="1"] + label {
    background-image: url(/img/icons/10ca470f74ddd86449c6b4c85f331c.png);
}
class-selection .classselection-menu.allianceClass[data-class-id="2"] + label {
    background-image: url(/img/icons/32c89f02522a44b46ca3dc359fe1e2.png);
}
class-selection .classselection-menu.allianceClass[data-class-id="3"] + label {
    background-image: url(/img/icons/eaa936531415467b959dfcd67bfcf9.png);
}

class-selection .classselection-menu:hover + label {
    filter: brightness(150%);
}

class-selection .classselection-menu:checked ~ ul .menu-item {
    opacity: 1;
    pointer-events: all;
}
class-selection .classselection-menu:checked ~ ul .menu-item:nth-child(1) {
    transform: rotate(30deg) translate(-55px);
}
class-selection .classselection-menu:checked ~ ul .menu-item:nth-child(2) {
    transform: rotate(90deg) translateX(-55px);
}
class-selection .classselection-menu:checked ~ ul .menu-item:nth-child(3) {
    transform: rotate(150deg) translateX(-55px);
}
class-selection .classselection-menu:checked ~ ul .menu-item:nth-child(4) {
    transform: rotate(210deg) translateX(-55px);
}
class-selection .menu-item {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 40px;
    opacity: 0;
    transition: 0.5s;
    z-index: 2 !important;
    pointer-events: none;
}
class-selection .menu-item:after {
    z-index: -1 !important;
}
class-selection .menu-item characterclass-icon:hover,
class-selection .menu-item allianceclass-icon:hover {
    filter: brightness(150%);
}
class-selection ul .menu-item:nth-child(1) characterclass-icon {
    transform: rotate(-30deg);
}
class-selection ul .menu-item:nth-child(2) characterclass-icon {
    transform: rotate(-90deg);
}
class-selection ul .menu-item:nth-child(3) characterclass-icon {
    transform: rotate(-150deg);
}
class-selection ul .menu-item:nth-child(4) characterclass-icon {
    transform: rotate(-210deg);
}
class-selection ul .menu-item:nth-child(1) allianceclass-icon {
    transform: rotate(-30deg);
}
class-selection ul .menu-item:nth-child(2) allianceclass-icon {
    transform: rotate(-90deg);
}
class-selection ul .menu-item:nth-child(3) allianceclass-icon {
    transform: rotate(-150deg);
}
class-selection ul .menu-item:nth-child(4) allianceclass-icon {
    transform: rotate(-210deg);
}
/* end class selection in radial menu */

/* selected language styling start */
selected-language-icon {
    display: inline-block;
    width: 16px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* selected language styling end */

/* fleet speed bar start */
fleetspeed-section {
    width: 334px;
    height: 18px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
fleetspeed-section .speed {
    height: 100%;
    width: 100%;
    padding: 2px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
    z-index: 1 !important;
}
fleetspeed-section .speed-bar {
    height: 16px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
    margin-top:-16px;
}
fleetspeed-section .radio {
    display: none;
}
fleetspeed-section .label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #666;
    text-shadow: 0 1px black;
    border-radius: 3px;
    cursor: pointer;
    height: 16px;
    width: calc(100% / 10);
}
fleet-content:not([style*="display: none"]) fleetspeed-section .radio[data-attack-type="1"]:checked + .label,
fleet-content:not([style*="display: none"]) fleetspeed-section .radio[data-attack-type="2"]:checked + .label {
    color: white;
    background: rgba(0, 0, 0, 0.25);
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="1"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="1"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 10%;
    background-color: #f63a0f;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="2"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="2"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 20%;
    background-color: #f54810;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="3"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="3"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 30%;
    background-color: #f36311;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="4"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="4"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 40%;
    background-color: #f27d14;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="5"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="5"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 50%;
    background-color: #f2b01e;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="6"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="6"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 60%;
    background-color: #f2be1d;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="7"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="7"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 70%;
    background-color: #f2cc1c;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="8"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="8"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 80%;
    background-color: #dcd61c;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="9"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="9"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 90%;
    background-color: #b1db1d;
}
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="10"][data-attack-type="1"]:checked ~ .speed-bar,
fleet-content:not([style*="display: none"]) fleetspeed-section > .speed > input[value="10"][data-attack-type="2"]:checked ~ .speed-bar {
    width: 100%;
    background-color: #86e01e;
}
/* fleet speed bar end */


/* notification box start */
body#standalonepage {
    position: relative !important;
}

notification-container {
    position: fixed;
    top: 10px;
    right: 10px;
    min-width: 10px;
    min-height: 10px;
    z-index: 9999 !important;
    display: flex;
    justify-content: flex-end;
    align-items: normal;
    flex-direction: column-reverse;
    row-gap: 5px;
    overflow: hidden;
}
notification {
    border-radius: 5px;
    background: #fff;
    padding: 5px 25px 5px 5px;
    box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transform: translateX(calc(100% + 30px));
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
    position: relative;
}
notification.active {
    transform: translateX(0%);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);
}
notification notification-close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    cursor: pointer;
    font-weight: bolder;
    opacity: 0.7;
    color: #fff;
}
notification notification-close:hover {
    opacity: 1;
}
notification notification-container {
    display: flex;
    align-items: flex-start;
}
notification {
    background: #3d576d;
}
notification-content {
    display: flex;
    gap: 5px;
    padding: 3px;
}

notification-content notification-message {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 160px;
    max-width: 160px;
}
notification-content notification-message span {
    font-size: 11px;
    font-weight: 400;
    color: #fff;
}
notification-content notification-message span.headline {
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
}

notification notification-sign {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    min-width: 16px;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
}
notification.notification-error::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ffdddd !important;
}
notification.notification-info:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ddffff !important;
}
notification.notification-success:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ddffdd !important;
}
notification.notification-warning:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #ffffcc !important;
}
notification.notification-error notification-sign {
    background-color: #830F07 !important
}
notification.notification-info notification-sign {
    background-color: #064374 !important
}
notification.notification-success notification-sign {
    background-color: #214A22 !important;
}
notification.notification-warning notification-sign {
    background-color: #ffeb3b !important;
    color: #000;
}
notification notification-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
}
notification notification-progress:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #647ab7;
}
notification notification-progress.active:before {
    animation: notification-progress-animation 5s linear forwards;
}
@keyframes notification-progress-animation {
    100% {
        right: 100%;
    }
}

/* notification box end */

/* input radio selection start */
.shipyardSelection .radioShipyardSelection {
    -webkit-appearance: none; /* remove default */
    display: block;
    margin: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsl(226.47deg 32.08% 64.28% / 50%) 0 0 0 1px;
    background-color: hsla(0,0%,0%,.2);
    background-image: -webkit-radial-gradient( hsla(200,100%,90%,1) 0%, hsla(200,100%,70%,1) 15%, hsla(200,100%,60%,.3) 28%, hsla(200,100%,30%,0) 70% );
    background-repeat: no-repeat;
    -webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1),
    -webkit-transform .25s cubic-bezier(.8, 0, 1, 1);
    outline: none;
}

.shipyardSelection .radioShipyardSelection:checked {
    -webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1),
    -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
}
.shipyardSelection .radioShipyardSelection:active {
    -webkit-transform: scale(1.5);
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
}

.shipyardSelection input,
.shipyardSelection input:active {
    background-position: 0 24px;
}
.shipyardSelection input:checked {
    background-position: 0 0;
}
.shipyardSelection input:checked ~ input,
.shipyardSelection input:checked ~ input:active {
    background-position: 0 -24px;
}
.shipyardSelection {
    width: 50%;
    display: grid;
    grid-template-columns: 20px 150px;
    grid-row: auto;
    grid-column-gap: 5px;
    grid-row-gap: 2px;
    align-items: center;
}
.shipyardSelection label {
    cursor: pointer;
    color: #848484 !important;
}

/* input radio selection end */

/***
    General section
 */

*[sq20] {
    width: 20px !important;
    height: 20px !important;
    --var-width: 20 !important;
    --var-height: 20 !important;
}
*[sq22] {
    width: 22px !important;
    height: 22px !important;
    --var-width: 22 !important;
    --var-height: 22 !important;
}
*[sq28] {
    width: 28px !important;
    height: 28px !important;
    --var-width: 28 !important;
    --var-height: 28 !important;
}
*[sq30] {
    width: 30px !important;
    height: 30px !important;
    --var-width: 30 !important;
    --var-height: 30 !important;
}
*[sq40] {
    width: 40px !important;
    height: 40px !important;
    --var-width: 40 !important;
    --var-height: 40 !important;
}
*[sq50] {
    width: 50px !important;
    height: 50px !important;
    --var-width: 50 !important;
    --var-height: 50 !important;
}
*[sq100] {
    width: 100px !important;
    height: 100px !important;
    --var-width: 100 !important;
    --var-height: 100 !important;
}
*[sq200] {
    width: 200px !important;
    height: 200px !important;
    --var-width: 200 !important;
    --var-height: 200 !important;
}
*[w100] {
    width: 100px !important;
    --var-width: 100 !important;
}
*[w150] {
    width: 150px !important;
    --var-width: 150 !important;
}
*[w200] {
    width: 200px !important;
    --var-width: 200 !important;
}
*[h16] {
    height: 16px !important;
    --var-height: 16 !important;
}
*[h18] {
    height: 18px !important;
    --var-height: 18 !important;
}
*[h20] {
    height: 20px !important;
    --var-height: 20 !important;
}
*[h22] {
    height: 22px !important;
    --var-height: 22 !important;
}

#defense header {
    position: relative;
    width: 654px;
    height: 250px;
    margin: 0 auto 8px;
    background: url("/img/icons/90f5ba1a698a8c5a6155717f3072df.jpg");
}

#defense header::after {
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 670px;
    height: 39px;
    background: url("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") bottom left no-repeat, url("/img/icons/7c3b7bb7038a638e9c122542398514.gif") bottom right no-repeat ;
    content: "";
}

#defense header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#defense #technologies {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
}

#defense #technologies::before,
#defense #technologies::after {
    pointer-events: none;
}

#defense #technologies::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#defense #technologies::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

#defense #technologies h3 {
    position: relative;
    width: 100%;
    margin: -2px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

#defense #technologies h3::before,
#defense #technologies h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#defense #technologies h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#defense #technologies h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#defense #technologies .icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 7px;
}

#defense #technologies .icons::after {
    display: inline-block;
    content: "";
    width: 208px;
}

.emoji {
    background: url("/img/icons/5a565a8596ded258f57ed2e1c66027.png");
    height: 20px;
    width: 20px;
    display: inline-block;
    margin: 0 4px 0 0;
}
.emoji.deactivated {
    background-position: -280px -360px;
}
.emoji.activated {
    background-position: -300px -360px;
}
.emoji.smile {
    background-position: -420px -380px;
}
.emoji.lol {
    background-position: -320px -260px;
}
.emoji.angry {
    background-position: -540px -140px;
}
.emoji.sad {
    background-position: -320px -240px;
}
.emoji.sleep {
    background-position: 0 -320px;
}
.emoji.sos {
    background-position: -40px 0;
}
.emoji.cool {
    background-position: -320px 0;
}
.emoji.moon {
    background-position: 0 -80px;
}
.emoji.kiss {
    background-position: -540px -180px;
}
.emoji.coffee {
    background-position: -420px -40px;
}
.emoji.cry {
    background-position: -540px -40px;
}
.emoji.angel {
    background-position: -420px -220px;
}
.emoji.skull {
    background-position: -440px -160px;
}
.emoji.mad {
    background-position: -320px -160px;
}
.emoji.eyes {
    background-position: -540px -200px;
}
.emoji.pray {
    background-position: -540px -280px;
}
.emoji.alarm {
    background-position: -100px -340px;
}
.emoji.thumbup {
    background-position: -160px -380px;
}
.emoji.thumbdown {
    background-position: -540px -360px;
}
.emoji.poo {
    background-position: -40px -420px;
}
.emoji.present {
    background-position: -400px -420px;
}
.emoji.rocket {
    background-position: -300px -420px;
}
.emoji.ghost {
    background-position: -440px -140px;
}
.emoji.win {
    background-position: -320px -420px;
}
.emoji.sheep {
    background-position: -140px -180px;
}
.emoji.warningsign {
    background-position: -500px -220px;
}
.emoji.leader {
    background-position: -320px -420px;
}

#empireComponent {
    background-color: #000000;
    background-image: url("/img/icons/d07c90d96bbc823d6d53953a94aacb.jpg");
    background-position: 0 -100px;
    background-repeat: no-repeat;
    color:#f1f1f1;
    font: 100 11px Verdana, Arial, SunSans-Regular, Sans-Serif;
    /*	height:101%; */
    height:100%;
}

#empireComponent #mainContent {
    margin: 0 auto;
    width: 1000px;
}

#empireComponent #empireTab {
    color:#f1f1f1;
    height: 35px;
    line-height:35px;
}


#empireComponent #mainWrapper {
    margin: 0 auto;
    padding:30px 0 50px;
    min-width: 840px;
    font-size: 11px;
}

#empireComponent #loading { margin-top: -50px;}

#empireComponent .header {
    float: left;
    width: 180px;
    margin: 0;
    padding:15px 0 0 0;
    color:#ffffff;
}

#empireComponent .planetWrapper {
    padding: 0;
    margin: 0;
}

#empireComponent .planet {
    float:left;
    margin:0;
    width:165px;
}

#empireComponent .move {
    cursor: move;
}

#empireComponent .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;
}


#empireComponent .textCenter { text-align:center;}
#empireComponent .textLeft { text-align:left;}
#empireComponent .textRight { text-align:right;}

#empireComponent .planetname {
    color:#A26D00;
    font-size:11px;
    height:24px;
    line-height:24px;
    text-align:center;
    width:145px;
    margin:0 auto;
    white-space:nowrap;
    overflow:hidden;
}

#empireComponent .planetImg {
    margin:4px auto 0;
    width:156px;
    overflow:hidden;
}

#empireComponent .planetData {
    padding:0 5px;
    line-height:26px;
    height:77px;
    color:#848484;
    position: relative;
}

#empireComponent .planetData div {
    height: 24px;
    padding-left: 4px;
}

#empireComponent .no-touch .planetData:hover { cursor:move;}

#empireComponent .planetData a:link {
    color:#848484;
    text-decoration:none;
}

#empireComponent .planetDataTop li{
    float:left;
    width:70px;
}

#empireComponent .planetDataBottom li{
    width:140px;
    float: left;
}

#empireComponent .neutral {color: #FFFFFF;}

#empireComponent .firstCat,
#empireComponent h3 { text-align:left;}

#empireComponent h2 {
    font-size: 18px;
    font-weight: 700;
    padding-left:20px;
    position:absolute;
    top:0;
    left:0;
}

#empireComponent .header h3 {
    background: url("/img/icons/48f9f2b022ed5310e29c6d138c04dd.gif") no-repeat;
    color: #576472;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 26px;
    overflow:hidden;
    width: 180px;
    cursor: pointer;
}


#empireComponent h3.open {	background-position: -88px -83px;}
#empireComponent h3.openhover {
    background-position: -88px -111px;
    color: #6F9FC8;
}
#empireComponent h3.close {	background-position: -88px -27px;}
#empireComponent h3.closehover {	background-position: -88px -55px;
    color: #6F9FC8;
}



#empireComponent h3 span { padding-left:40px;}

#empireComponent .secondCat { width:172px; margin-left:5px;}

#empireComponent .catbox-end,
#empireComponent .box-end {
    border-bottom: 1px solid #000;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomleft: 10px;
}

#empireComponent .secondCat li.catbox-end {
    height: 24px;
}

#empireComponent .secondCat li {
    background: #0d1014;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    color:#fff;
    display: block;
    height: 23px;
    line-height: 23px;
    overflow:hidden;
    text-align: left;
    width: 170px;
}

#empireComponent .secondCat li span  { padding-left:15px;}



#empireComponent div.values {
    text-align: center;
    margin:0 auto 1px;
    width:158px;
}

#empireComponent div.values div.even,
#empireComponent div.values div.odd {
    background:#0d1014 url("/img/icons/93c3e0cb04b4dd9e0ed5c331690c81.gif") center no-repeat;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    height: 23px;
    line-height: 23px;
    overflow:hidden;
}


#empireComponent div.values div.odd { background:#0d1014 none;}

#empireComponent div.values .box-end { height:22px;}

#empireComponent div.row {
    background: url("/img/icons/f5cbcd1ce792c000c5f40dcf657b33.gif") center no-repeat;
    height: 28px;
    margin: 0 auto;
    width: 164px;
}

#empireComponent .planetHead {
    background: url("/img/icons/2a79578123dfab859b1440d465bf6b.gif") 0 0 no-repeat;
    width: 158px;
    margin: 0 auto;
    margin-bottom: 1px;
}


#empireComponent a.save {
    background: url("/img/icons/48f9f2b022ed5310e29c6d138c04dd.gif") 0 0 no-repeat;
    border: 0 none;
    color:#0c0c0c;
    cursor: pointer;
    display:block;
    font-size: 10px;
    font-weight: 700;
    height: 27px;
    line-height: 27px;
    margin:0 auto;
    overflow:hidden;
    text-align:center;
    text-decoration:none;
    width:153px;
}

#empireComponent div.adjustable {
    padding-left:5px;
    padding-right:10px;
}

#empireComponent .no-touch a.save:hover { color:#fff;}

#empireComponent .values a.save {
    background: url("/img/icons/48f9f2b022ed5310e29c6d138c04dd.gif") 0 -27px no-repeat;
    width:88px;
}

#empireComponent .secondCat li.set-end {padding-top:6px; height:40px;}
#empireComponent .planet .values .set-end { height:40px; padding-top:5px;}


#empireComponent div.values div.set-element { line-height:18px; padding: 5px 5px 5px 0; }
#empireComponent .set-element span { float:left; width:50px; }


#empireComponent .overmark {color:#fe0000;}
#empireComponent .undermark {color:#00f200;}

#empireComponent select:focus{border-color: transparent; outline:0 none; }

#empireComponent .figures {
    float:left;
    height:23px;
    line-height:23px;
    width:90px;
    overflow:hidden;
}

#empireComponent .ddown {
    float:right;
    width:50px;
    padding-top:3px;
}

#empireComponent .planetData a:link,
#empireComponent .planetData a:visited,
#empireComponent .no-touch .planetData a:hover,
#empireComponent .planetData a:active{
    color:#6f9fC8;
    text-decoration:none;
}

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

#empireComponent div.planetData div.odd {
    background:#0d1014 url("/img/icons/93c3e0cb04b4dd9e0ed5c331690c81.gif") center no-repeat;
    height: 24px;
    line-height: 22px;
}

#empireComponent #wrapTL { height: 248px; }

#empireComponent #tab-left {
    height:152px;
    float:right;
    margin:18px -4px 0 0;
    position:relative;
    width:98px;
}

#empireComponent #tab-left a:link,
#empireComponent #tab-left a:visited,
#empireComponent .no-touch #tab-left a:hover,
#empireComponent #tab-left a:active {
    cursor:pointer;
    display:block;
    height:76px;
    width:98px;
}

#empireComponent #tab-left a:link span,
#empireComponent #tab-left a:visited span,
#empireComponent .no-touch #tab-left a:hover span,
#empireComponent #tab-left a:active span {
    display:block;
    height:0;
    overflow:hidden;
    width:0;
}

#empireComponent #tab-left a#planetsTab:link,
#empireComponent #tab-left a#planetsTab:visited,
#empireComponent .no-touch #tab-left a#planetsTab:hover,
#empireComponent #tab-left a#planetsTab:active {			background:url("/img/icons/1f090fbf07ac01c46401e1849fbceb.gif") no-repeat 0 -228px; }

#empireComponent .no-touch #tab-left a#planetsTab:hover,
#empireComponent #tab-left a#planetsTab.active {		background:url("/img/icons/1f090fbf07ac01c46401e1849fbceb.gif") no-repeat 0 -152px; }

#empireComponent #tab-left a#moonsTab:link,
#empireComponent #tab-left a#moonsTab:visited,
#empireComponent .no-touch #tab-left a#moonsTab:hover,
#empireComponent #tab-left a#moonsTab:active {				background:url("/img/icons/1f090fbf07ac01c46401e1849fbceb.gif") no-repeat 0 -76px; }

#empireComponent .no-touch #tab-left a#moonsTab:hover,
#empireComponent #tab-left a#moonsTab.active {	background:url("/img/icons/1f090fbf07ac01c46401e1849fbceb.gif") no-repeat 0 0; }

#empireComponent #tab-left a#moonsTab.nomoons:link,
#empireComponent #tab-left a#moonsTab.nomoons:visited,
#empireComponent .no-touch #tab-left a#moonsTab.nomoons:hover,
#empireComponent #tab-left a#moonsTab.nomoons:active {
    background:url("/img/icons/1f090fbf07ac01c46401e1849fbceb.gif") no-repeat 0 -76px;
    cursor:default;
}

/* Schriftfarbe bei Ausbau etc. */

#empireComponent .values div a.active,
#empireComponent .values div span.active {
    color:#FF00FF;
}

#empireComponent .values div a.loop { color:#EF801F; }
#empireComponent .values div span.loop { color:#EF801F; }
#empireComponent .values div a.disabled,
#empireComponent .values div span.disabled {
    color:#F10000;
}


#empireComponent .values div { color:#a19491; }

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

#empireComponent .values div a:link,
#empireComponent .values div a:visited,
#empireComponent .no-touch .values div a:hover,
#empireComponent .values div a:active {
    border:1px solid transparent;
    padding: 1px 4px;
    text-decoration:none;
    -moz-border-radius: 3px;
}

#empireComponent .no-touch .values div a:hover { border-color:#A1a491;}
#empireComponent .values div img { padding:0 4px}
#empireComponent .imghover { cursor:help;}

#empireComponent .secondCat li.saveWrap span { padding-left:0; }

#empireComponent #planet0 .values div { color:#fff;}

#empireComponent .tab-part01 {
    background:url("/img/icons/ab3159806baaa54a1447a45e570687.gif") no-repeat 0 0;
    height: 35px;
    position:absolute;
    width: 226px;
    top:0;
    left:0;
}

#empireComponent .wrapTab {
    background:url("/img/icons/0721fd07d84834abab94b85b6e7303.gif") repeat-x;
    margin-left:184px; height:35px; position:relative;
}
#empireComponent .wrapCorner {
    background:url("/img/icons/ab3159806baaa54a1447a45e570687.gif") no-repeat 0 -35px;
    position:absolute;
    right:0;
    top:0;
    width:24px;
    height:35px;
}

#empireComponent .reset { position:absolute; left: 50%;}

#empireComponent .reset img { vertical-align:middle; padding-right:5px;}

#empireComponent .reset a:link,
#empireComponent .reset a:visited,
#empireComponent .no-touch .reset a:hover,
#empireComponent .reset a:active {
    color:#fff;
    font-size:10px;
}

#empireComponent .secondCat li.equipment,
#empireComponent div.values div.equipment {
    background: #0D1014;
    border: 1px solid black;
    height: 187px;
    text-align: left;
}
#empireComponent .secondCat li.equipment {
    height: 188px;
}

#empireComponent .empireItems>li {
    height: 190px;
    overflow-y: auto;
}
#empireComponent .overview_equipment .anythingSlider {
    height: 186px;
    padding: 0 35px;
}
#empireComponent .empireItems>li>div {
    float:left;
    margin: 2px;
}
#empireComponent .empireItems>li .item_img {
    margin:auto;
}

#empireComponent .no-touch .values div .arrow a:hover { border-color: transparent; }

#empireComponent .overview_equipment .anythingSlider .arrow a {
    width: 20px;
    margin: -67px 0 0;
}

/* middleSliderArrows: Koordinaten und Groesse der mittelgrossen Pfeile aus dem Shop-Sprite */
#empireComponent .middleSliderArrows .anythingSlider .arrow a {
    height: 130px;
    width: 22px;
}

#empireComponent .middleSliderArrows div.anythingSlider .back.disabled a,
#empireComponent .no-touch .middleSliderArrows div.anythingSlider .back.disabled a:hover,
#empireComponent .middleSliderArrows div.anythingSlider .back.disabled a.hover    { background-position:  -53px -310px; }
#empireComponent .middleSliderArrows div.anythingSlider .back a                   { background-position:  -23px -310px; }
#empireComponent .no-touch .middleSliderArrows div.anythingSlider .back a:hover,
#empireComponent .middleSliderArrows div.anythingSlider .back a.hover             { background-position:  7px -310px; }
#empireComponent .middleSliderArrows div.anythingSlider .forward.disabled a,
#empireComponent .no-touch .middleSliderArrows div.anythingSlider .forward.disabled a:hover,
#empireComponent .middleSliderArrows div.anythingSlider .forward.disabled a.hover { background-position:  -88px -310px; }
#empireComponent .middleSliderArrows div.anythingSlider .forward a                { background-position: -118px -310px; }
#empireComponent .no-touch .middleSliderArrows div.anythingSlider .forward a:hover,
#empireComponent .middleSliderArrows div.anythingSlider .forward a.hover          { background-position:  -148px -310px; }

#empireComponent .hovered {
    background: #212a33 !important;
}

#empire div#resources {
    display: block;
}

.errorBox {
    position: relative;
    z-index: 999;
}

/* ************************* Eventlist ************************************** */

.eventFleet td,
.allianceAttack td {
    font-size: 11px;
    padding: 1px 0;
}
.detailsFleet {
    width: 55px;
}

#eventContent {
    background: transparent url("/img/icons/4f73643e86a952be4aed7fdd61805a.gif") 5px 0px  repeat-y;
    width: 100%;
    margin: 0;
    padding: 5px 10px 0 10px;
    text-align: center;
    border-spacing: 0;
}

#eventContent .originFleet span,
#eventContent .destFleet span {
    overflow: hidden;
    width: 110px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}

#eventFooter {
    background: transparent url("/img/icons/aa3e8edec0a2681915b3c9c6795e6f.gif") 2px 0px no-repeat;
    height: 17px;
}

#eventContent .odd,
#eventContent .part-even{ background-color: #13181d;}


.missionFleet {
    text-align: left;
}


#eventHeader a.close_details {
    right: 5px;
    position: absolute;
    margin: 7px 30px 7px 7px;
}
#eventHeader a.close_details:link,
#eventHeader a.close_details:visited,
.no-touch #eventHeader a.close_details:hover,
#eventHeader a.close_details:active {
    background: transparent url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") no-repeat scroll -207px 0px;
}

.no-touch #eventHeader a.close_details:hover {
    background: transparent url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") no-repeat scroll -207px -17px;
}

.eventFleet .missionFleet img{
    vertical-align:middle;
}

.eventFleet a.toggleInfos {
    cursor: pointer;
    line-height:normal;
}

.icon_movement {
    background:url("/img/icons/f9cb590cdf265f499b0e2e5d91fc75.gif") no-repeat;
}

.icon_movement_reserve {
    background:url("/img/icons/014a5d88b102d4b47ab5146d4807c6.gif") no-repeat;
}
.icon_movement, .icon_movement_reserve {
    width:16px;
    height: 16px;
    display: block;
}

.icon_movement_reserve span, .icon_movement span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.eventFleet a.toggleInfos {
    cursor: pointer;
    line-height:normal;
}

.sendMail { width: 17px; }
.sendProbe { width: 20px; }

#eventContent .reversal {
    cursor: pointer;
}

.countDown,
.arrivalTime {
    white-space: nowrap;
}


table.fleetinfo td,
table.fleetinfo th { text-align:left;}

table.fleetinfo th { font-weight:700; color:#848484 }

table.fleetinfo td.value { padding-left:5px; text-align:right;}

.exodus h2 {
    color: #6F9FC8;
    font-size: 13px;
    font-weight: 700;
}
.exodus h3 {
    color: #6F9FC8;
    font-size: 12px;
    font-weight: 700;
}

.exodus .side_navigation a {
    font-weight: 700;
    text-decoration: none;
    display:block;
    line-height: 20px;
    font-size: 13px;
}
.exodus .side_navigation a.active {
    color:#ffffff;
}

.exodus a.historylink {
    font-weight: 700;
    text-decoration: underline;

    display:block;
    line-height: 20px;
    font-size: 13px;
}

.exodus .c-left, .marketplace .c-right {
    top:213px;
}

.exodus header {
    position: relative;
    width: 654px;
    height: 250px;
    background: url("/img/icons/505a4e2bfa28586bc525a891e5b043.jpg");
    margin: 0 auto;
}

.exodus header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

.exodus .wrapper .header {
    position: relative;
    height: 28px;
    background-image: url("/img/icons/10e31cd5234445e4084558ea3506ea.gif");
    background-repeat: no-repeat;
}

.exodus .wrapper .content {
    position: relative;
    background: url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    min-height: 150px;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
}

.exodus .wrapper .content .filter-wrapper {
    margin-top: -10px;
}

.exodus .wrapper .content .content-wrapper {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.exodus .wrapper .footer {
    position: relative;
    background: url("/img/icons/997fd607a76c0b713e24cb7f2d41f5.png") no-repeat;
    height: 50px;
    width: 667px;
    z-index: 1;
}

.exodus #restrictions {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.exodus .break {
    flex-basis: 100%;
    height: 0;
}

.exodus .spacer {
    width: 100px;
}

.exodus .singleDesc {
    flex-grow: 2;
    display: flex;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.66);
    margin:1px;
    align-items: center;
    padding: 3px;
    line-height: 20px;
}
.exodus .restrictionOk,
.exodus .restrictionNack {
    background: url("/img/icons/8a1f887e234e345bf032302d5d81fe.png") no-repeat;
    height: 20px;
    width: 20px;
    z-index: 1;
}

.exodus .restrictionOk {
    background-position-x: 0px;
}
.exodus .restrictionNack {
    background-position-x: -20px;
}

.exodus .content .inner-box {
    border-radius: 2px;
    background: linear-gradient(
            to bottom,
            rgba(19, 28, 38, 1) 0%,
            rgba(30, 43, 56, 1) 50%,
            rgba(30, 43, 57, 1) 51%,
            rgba(30, 43, 57, 1) 100%
    ) 0 28px;
    border: 1px solid #1d2228;
    border-top-color: #2e363e;
    border-bottom-color: #000;
    margin:5px;
}

.exodus .content h2 {
    padding: 0 11px 0;
    background: linear-gradient(
            to bottom,
            rgba(20,30,38,1) 0%,
            rgba(20,30,38,1) 50%,
            rgba(16,24,31,1) 51%,
            rgba(16,24,31,1) 100%
    );
}

.exodus .content .clearfix {
    display: block;
}

.exodus .content h2 {
    color: #619fc8;
    font-size: 15px;
    height: 27px;
    line-height: 27px;
    margin: 0 0 5px;
    text-shadow: -1px -1px 0 #000;
}

.exodus .content p {
    color: #848484;
    font-size: 12px;
    line-height: normal;
    padding: 0 11px 0;
    margin: 15px 0;
}

.exodus #incentiveContainer {
    display: flex;
    flex-direction: row;
    padding: 0 11px;
    margin-bottom: 5px;
}

.exodus .incentiveItem,
.exodus .incentiveOfficer {
    border-radius: 5px;
    border: 1px solid #767b84;
    width: 32px;
    height: 32px;
    margin-right: 3px;
}

.exodus .incentiveOfficer {
    background-repeat: no-repeat;
    background-image: url("/img/icons/f593aa158c734df9e6223f00721981.jpg");
}

.officer32.admiral { background-position: -32px 0; }
.officer32.engineer { background-position: -64px 0; }
.officer32.geologe { background-position: -96px 0; }
.exodus .commander { background-position: 0 0; }
.exodus .admiral { background-position: -32px 0; }
.exodus .engineer { background-position: -64px 0; }
.exodus .geologist { background-position: -96px 0; }
.exodus .technocrat { background-position: -128px 0; }



#exodus-indicator {
    position: relative;
    width: 138px;
    height: 63px;

    margin-top: 10px;
    margin-bottom: 10px;

    background: url("/img/icons/475a1ccd7c3d81e9bb757f1548557a.png");
    cursor: pointer;
}

#exodus-indicator div {
    position: absolute;
    left: 47px;
    top: 21px;

    width: 35px;
    height: 20px;

    background-position: 0 0;
    background-repeat: no-repeat;
}

#exodus-indicator-acknowledged {
    background-image: url("/img/icons/95a15ec4094e2f5ba1f12349d302eb.png");
}

#exodus-indicator-waiting {
    background-image: url("/img/icons/a64bb7a1b9620875f071a00c08b64e.gif");
}

#exodus-indicator-processed {
    position: relative;
    width: 138px;
    height: 63px;

    margin-top: 10px;
    margin-bottom: 10px;

    background: url("/img/icons/635528fe5c717cda8a97c8f16dd36f.png");
}

#exodus-overlay {
    z-index: 999;

    position: fixed;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
    overflow: hidden;

    background-color: #000000;

    opacity: 0.75;
    filter: alpha(opacity=75);
}

#exodus-dialog {
    z-index: 1000;

    position: absolute;
    left: 50%;
    top: 50px;

    width: 793px;
    margin-left: -398px;

    background-color: #0d1014;
    border: 1px solid #000000;
    text-align: left;

    -moz-box-shadow: 0 0 0 1px #0d1014, 0 0 0 3px #000000, 0 0 4px 3px #ffffff;
    -webkit-box-shadow: 0 0 0 1px #0d1014, 0 0 0 3px #000000, 0 0 4px 3px #ffffff;
    box-shadow: 0 0 0 1px #0d1014, 0 0 0 3px #000000, 0 0 4px 3px #ffffff;

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

#exodus-close {
    position: absolute;
    top: 0;
    right: 3px;
    cursor: pointer;
}

#exodus-header {
    height: 35px;
    overflow: hidden;
    margin: 2px 4px 0 2px;

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 -35px repeat-x;
}

#exodus-header-content {
    position: relative;
    display: inline-block;

    height: 33px;
    overflow: hidden;
    padding: 6px 30px 0 30px;

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

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 -70px repeat-x;

    text-shadow: #000000 -1px -1px 2px;
}

#exodus-header-content:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 30px;
    height: 35px;
    overflow: hidden;
    content: '';

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 -105px no-repeat;
}

#exodus-header-content:after {
    position: absolute;
    top: 0;
    right: 0;

    width: 30px;
    height: 35px;
    overflow: hidden;
    content: '';

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 0 no-repeat;
}

#exodus-content {
    margin: 2px 4px 4px 4px;
    padding: 5px 7px;

    background-color: #14181d;
    border-top: 2px solid #16202a;
}

#exodus-top-content {
    padding: 2px 5px 5px 5px;
    margin-bottom:10px;

}

#exodus-tab-content,
#exodus-ally-content,
#exodus-rules-content,
#exodus-buddy-content {
    padding: 5px;

    border: 1px solid #000000;
    background-color: #0d1014;
}

.exodus .og-table {
    padding: 0 11px 0;
    margin: 15px 0;
}

.exodus .serverselect h2{
    color: #6F9FC8;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 3px 0;
    padding: 0;
    background: none;
    height: 15px;
    line-height: 15px;
}
.exodus .serverselect .og-table {
    margin: 8px 0;
}

.exodus .serverselect select,
.exodus .serverselect .og-input,
.exodus .serverselect .og-button {
    margin-top: 3px;
}
.exodus .serverselect .og-button {
    height: 24px;
    line-height: 24px;
}

.exodus .serverselect #noServer {
    display: block;
    position: relative;
    font-size: 11px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 4px;
}

.exodus .disabled {
    pointer-events: none;
    cursor: not-allowed !important;
    background-color: #333333 !important;
    background: none !important;
}

.exodus .serverselect {
    background: none !important;
}

.exodus .og-loading > .og-loading-overlay > .og-loading-indicator {
    position:absolute;
    left:50%;
    top:50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background: url("/img/icons/6e0f46d7504242302bc8055ad9c8c2.gif");
    background-size: 100%;
}

#expeditionFleetTemplates.list {
    background: rgba(0, 0, 0, 0.6);
    background: transparent url(/img/icons/6ed70123ac0cf419b30c31d99ae208.png) repeat;
    margin: 0 0 10px 0;
}

#expeditionFleetTemplates td {
    padding: 2px 0;
}
#expeditionFleetTemplates td {
    height: 35px;
}

#expeditionFleetTemplates a {
    text-decoration: inherit;
}

#expeditionFleetTemplatesEdit {
    width: 335px !important;
    box-sizing: border-box;
    padding: 0;
}

#expeditionFleetTemplatesEdit * {
    box-sizing: border-box;
}

#expeditionFleetTemplatesEdit form {
    color:#6F9FC8;
    overflow:hidden;
    background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6);
    padding: 5px;
}

#expeditionFleetTemplatesEdit #expeditionFleetTemplateName {
    width: 287px;
    height: 25px;
}

#expeditionFleetTemplatesEdit ship-section {
    gap: 5px;
    margin-top: 10px
}

#expeditionFleetTemplatesEdit .expeditionFleetTemplateActionsContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

#expeditionFleetTemplatesEdit .expeditionFleetTemplateActionsContainer gradient-button {
    height: 30px;
    width: 150px;
}
#expeditionFleetTemplateHoldingTime,
#expeditionFleetTemplateSpeed {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

#expeditionFleetTemplateSpeed {
    flex-direction: column;
}

#expeditionFleetTemplateHoldingTimeSelect,
#expeditionFleetTemplateSpeedSelect {
    width: 60px;
}

#expeditionFleetTemplateSpeedWarning {
    justify-content: center;
    align-items: center;
    text-align: center;
    color: red;
    font-size: 9px;
    display: none;
}

#facilities header {
    position: relative;
    width: 654px;
    height: 300px;
    margin: 0 auto 8px;
}

#facilities header::after {
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 670px;
    height: 39px;
    background: url("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") bottom left no-repeat, url("/img/icons/7c3b7bb7038a638e9c122542398514.gif") bottom right no-repeat ;
    content: "";
}

#facilities header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#facilities .exhausted,
#facilities .exhausted a {
    color: #d43635;
    display: inline;
}

#facilities #technologies {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
}

#facilities #technologies::before,
#facilities #technologies::after {
    pointer-events: none;
}

#facilities #technologies::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#facilities #technologies::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

#facilities #technologies h3 {
    position: relative;
    width: 100%;
    margin: -2px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

#facilities #technologies h3::before,
#facilities #technologies h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#facilities #technologies h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#facilities #technologies h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#facilities #technologies .icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 7px;
    gap: 2px;
}

#facilities #technologies .icons::after {
    display: inline-block;
    content: "";
    width: 422px;
}

/* *************** Overlay - Federationlayer ******************************** */


#FederationLayer #changefleetname .wrapInner {
    float:left;
    width: 202px;
}

#FederationLayer #changefleetname .buttonWrap {
    float: left;
    margin: 25px 0 0;
    padding: 5px 0;
    text-align: center;
    width: 225px;
}

#FederationLayer #buddyselect,
#FederationLayer #participantselect {
    background: #1C242B;
    border-radius: 3px;
    height: 150px;
    overflow-y: scroll;
    margin: 5px 0 0 0;
}

#FederationLayer #buddyselect li,
#FederationLayer #participantselect li {
    border: 1px solid transparent;
    line-height: 15px;
    padding: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: default;
}

#FederationLayer .no-touch .no-touch #buddyselect li:hover,
#FederationLayer #buddyselect li:active,
#FederationLayer .no-touch .no-touch #participantselect li:hover,
#FederationLayer #participantselect li:active { background: #26303B; }

#FederationLayer #buddyselect li.ui-selected,
#FederationLayer #participantselect li.ui-selected {
    background: #2E3A48;
    border: 1px solid #3C4B5D;
    color: #fff;
}

#FederationLayer #fleetOK {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 10px;
}

#FederationLayer #holdtimeline select, #expeditiontimeline select {
    width: 45px;
}
#FederationLayer #fleet1 .allornonewrap .firstcol {
    width: 300px;
}

#FederationLayer #fleet3 #buttonz ul#missions {
    height: 75px;
    margin: 0 15px;
}
#FederationLayer #fleet3 #buttonz ul#missions li a {
    font-size: 9px;
    text-align: center;
    text-decoration: none;
}
#FederationLayer #fleet3 ul#missions span.textlabel {
    display: inline-block;
    left: -3px;
    height: 25px;
    position: relative;
    text-overflow: ellipsis;
    top: 54px;
    width: 60px;
}
#FederationLayer #fleet3 #buttonz ul#missions a:active,
#FederationLayer .no-touch #fleet3 #buttonz ul#missions a:hover,
#FederationLayer #fleet3 #buttonz ul#missions  a.selected { color:#F1F1F1; }

#FederationLayer #fleet3 #missionNameWrapper {
    font-size: 12px;
    padding: 10px 18px;
    text-align: left;
}
#FederationLayer #fleet3 #missionNameWrapper .mission_description { font-weight: 100; }
#FederationLayer #fleet3 #missionNameWrapper.off { color: #848484; }


#fleetdispatchcomponent #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;
}

#fleetdispatchcomponent #planet.shortHeader,
#fleet2 #planet.shortHeader {
    background: transparent no-repeat;
    height: 40px !important;
    position: relative;
    width: 654px;
}

#fleet1 #planet.shortHeader { background-image: url("/img/icons/b273a68d316bd137d6d28e68a4bf79.jpg"); }
#fleet2 #planet.shortHeader { background-image: url("/img/icons/70fb73489c34883a2e015e76b8f7d5.jpg"); }

#fleetdispatchcomponent .fadeBox {top: 40%;}

#fleet2 #sendfleet h2 {
    color: #6F9FC8;
    font: 700 12px/28px Verdana,Arial,Helvetica,sans-serif;
}

#fleetdispatchcomponent .content input[type="number"] {
    height: 17px;
    line-height: 17px;
}


/* *****************************************************************************
   FLEET 1 and FLEET 2
***************************************************************************** */

#fleetdispatchcomponent #fleet1 #buttonz .content { padding: 0; }
#fleet2 #planet,
#fleetdispatchcomponent #planet {
    background-repeat: no-repeat;
    height: 250px;
    position: relative;
    width: 654px;
    margin: 0 auto 3px;
}

#fleet2 #planet {background-image:url("/img/icons/260bd2d0f00df0dc483087f430bcfe.jpg");}
#fleetdispatchcomponent #planet {background-image:url("/img/icons/914bfb88ef92ee476420e282108544.jpg");}

/* shortHeader - kurze */

/*#fleetdispatchcomponent #planet.shortHeader {background: transparent url("/img/icons/b273a68d316bd137d6d28e68a4bf79.jpg") no-repeat;}
#fleet2 #planet.shortHeader {background: transparent url("/img/icons/70fb73489c34883a2e015e76b8f7d5.jpg") no-repeat;}*/

#fleetdispatchcomponent .fleetStatus #movements {
    display:inline;
    margin-right:12px;
}

#fleetdispatchcomponent .fleetStatus a,
#fleetdispatchcomponent .fleetStatus a:link,
#fleet2 .fleetStatus a,
#fleet2 .fleetStatus a:link {
    color: #9c0;
    line-height:25px;
    text-decoration:none;
}

.fleetStatus ul {
    list-style-type: none;
    margin-left:11px;
    text-align: justify;
}

.fleetStatus ul li {
    display: inline;
    margin: 0 20px 0 0;
    line-height: 15px;
}

.fleetStatus span.title {
    color: #6F9FC8;
    font-weight: 700;
}

.fleetStatus span.sprite.characterclass.small {
    display: inline-block;
    float: left;
}

.no-touch #fleetdispatchcomponent .fleetStatus a:hover span,
.no-touch #fleet2 .fleetStatus a:hover span {text-decoration: underline;}

#fleetdispatchcomponent .fleetStatus a img,
#fleet2 .fleetStatus a img {
    margin-right: 7px;
    vertical-align: middle;
}
#fleetdispatchcomponent #slots a.disabled { color: #444; }

#fleetdispatchcomponent #inhalt .shortCorner,
#fleetdispatchcomponent #inhalt .shortCorner,
#fleet2 #inhalt .shortCorner,
#fleet2 #inhalt .shortCorner,
#movement #inhalt .shortCorner {top: 4px;}

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

#fleet2 #mission {
    position: relative;
    width:640px;
    margin:-37px auto 0 auto;
}

#fleet2 div#mission {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
}

ul.fleetBriefing {margin: 12px 0 12px 20px;}
ul#fleetBriefingPart1_2 {
    margin-left: 30px;
}
ul.fleetBriefing { width: 290px;}

#fleet2 div#mission .missionHeader {
    color:#6F9FC8;
    font-weight:bold;
    padding:7px 0 5px 10px;
}
#fleet2 div#mission .percentageBarWrapper {
    grid-column: 1/3;
}
#fleet2 #buttonz { text-align: center; overflow: auto; }

#fleet2 #start,
#fleet2 #target {
    background: #0d151b url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -1130px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #0d1014 0%, #0d1014 48%, #192026 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d1014), color-stop(48%,#0d1014), color-stop(100%,#192026)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* IE10+ */
    background: linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* W3C */
}

#fleet2 #resources {
    background: #0d151b url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -1130px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #0d1014 0%, #0d1014 48%, #192026 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d1014), color-stop(48%,#0d1014), color-stop(100%,#192026)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* IE10+ */
    background: linear-gradient(top,  #0d1014 0%,#0d1014 48%,#192026 100%); /* W3C */
}

#fleet2 #distance {width:115px;}
#fleet2 #target {width:165px;}
#fleet2 #shortcuts {width:190px;}

#fleet2 #start a:not(.dropdown a),
#fleet2 #target a:not(.dropdown a) {
    display:block;
    float:left;
    height:36px;
    width:44px;
    background: transparent url("/img/icons/b63220183e356430158dc998a2bb99.gif") no-repeat;
}

#fleet2 #start a.planet,
#fleet2 #start a.planet_source,
#fleet2 #start a.planet_selected,
#fleet2 #start a.planet_source_selected {
    margin-left:47px;
}

#fleet2 #target a.planet,
#fleet2 #target a.planet_source,
#fleet2 #target a.planet_selected,
#fleet2 #target a.planet_source_selected {
    margin-left:20px;
    padding: 0;
}


#fleet2 #mission a:not(.dropdown a).planet,
#fleet2 #mission a:not(.dropdown a).planet_source {background-position:0 0;}

.no-touch #fleet2 #mission a:not(.dropdown a).planet:hover,
#fleet2 #mission a:not(.dropdown a).planet_selected,
#fleet2 #mission a:not(.dropdown a).planet_source_selected {background-position:0 -36px;}

#fleet2 #mission a:not(.dropdown a).moon,
#fleet2 #mission a:not(.dropdown a).moon_source {background-position:-44px 0;}

.no-touch #fleet2 #mission a:not(.dropdown a).moon:hover,
#fleet2 #mission a:not(.dropdown a).moon_selected,
#fleet2 #mission a:not(.dropdown a).moon_source_selected {background-position:-44px -36px;}

.no-touch #fleet2 #mission a:not(.dropdown a).moon:hover,
.no-touch #fleet2 #mission a:not(.dropdown a).planet:hover,
.no-touch #fleet2 #mission a:not(.dropdown a).debris:hover {cursor:pointer;}

#fleet2 #mission a:not(.dropdown a).debris {background-position:-88px 0;}

.no-touch #fleet2 #mission a:not(.dropdown a).debris:hover,
#fleet2 #mission a:not(.dropdown a).debris_selected {background-position:-88px -36px;}

#fleet2 .planetname {
    color: #a26d00;
    font-size: 12px;
    font-weight: bold;
    height: 17px;
    padding-top: 7px;
    overflow: hidden;
    text-align: center;
    width: 170px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#fleet2 .target { padding: 10px 0; }

#fleet2 #distanceValue {
    background: url("/img/icons/2ffc68d87ae69f098d429b9fa18bf0.png") no-repeat;
    height: 36px;
    line-height: 36px;
    margin: 50px 0 0;
    width: 115px;
}
#fleet2 .coords {
    color:#848484;
    font-size:11px;
    height: 44px;
}

#fleet2 #mission #shortcuts {
    color:#a1a1a1;
    font-size:11px;
}

#fleet2 #mission #shortcuts a:link,
#fleet2 #mission #shortcuts a:visited {
    text-decoration:none;
    color:#a1a1a1;
}
.no-touch #fleet2 #mission #shortcuts a:hover {
    text-decoration:underline;
    color:#a1a1a1;
}

#fleet2 #mission #shortcuts div {text-align:left;}

#fleet2 #mission #shortcuts a:active,
#fleet2 #mission #shortcuts a:focus {
    text-decoration:none;
    color:#a1a1a1;
}

#fleet2 .planets,
#fleet2 .combatunits,
#fleetdispatchcomponent .combatunits,
#fleetdispatchcomponent .expeditionFleetTemplateSelect{
    /*	background-color:#000000;
        border:1px solid #191e23;
        color:#c2c2c2;
        font-size:11px;
        text-align:center;*/
    width: 144px;
    overflow:hidden;
    float: right;
}
#fleet2 .glow {
    -webkit-box-shadow: 0 0 10px 3px #192026; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 0 0 10px 3px #192026; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
    display: inline-block;
    margin: 5px 0 0;
}

#fleet2 #mission #shortcuts #shortlinks,
#fleet2 #mission #shortcuts #combatunits,
#fleetdispatchcomponent #buttonz a#combatunits,
#fleetdispatchcomponent #buttonz a#expeditionFleetTemplateBtn {
    height:18px;
    width:125px;
    display:inline-block;
    cursor:pointer;
}
#fleetdispatchcomponent #buttonz a#expeditionFleetTemplateBtn {
    min-width: 125px;
    width: auto;
}
#fleetdispatchcomponent .icon_combatunits { margin: 0 0 -4px 0; }


.no-touch #fleet2 #mission #shortcuts #shortlinks:hover,
.no-touch #fleetdispatchcomponent #buttonz a#combatunits:hover,
.no-touch #fleetdispatchcomponent #buttonz a#expeditionFleetTemplateBtn:hover {
    text-decoration:underline;
}

#fleet2 #mission #shortcuts #combatunits {cursor:auto;}

#fleet2 #mission #shortcuts #shortlinks {width:125px;}

#fleetdispatchcomponent #buttonz a#combatunits,
#fleetdispatchcomponent #buttonz a#combatunits:link,
#fleetdispatchcomponent #buttonz a#expeditionFleetTemplateBtn,
#fleetdispatchcomponent #buttonz a#expeditionFleetTemplateBtn:link {
    color:#6F9FC8;
    display:inline-block;
}

#fleetdispatchcomponent #slots {margin-left:10px;}
#fleet1 #slots div {margin-left:10px;}

#fleetdispatchcomponent #slots div { line-height: 24px;margin-left:10px; display: inline-block; vertical-align: middle;}
#fleetdispatchcomponent #slots div img { padding-top:4px;vertical-align:top;}

#fleet2 #shortcuts { padding: 23px 0 0 23px; }

#fleetdispatchcomponent #buttonz a:not(.dropdown a):link,
#fleetdispatchcomponent #buttonz a:not(.dropdown a):visited,
.no-touch #fleetdispatchcomponent #buttonz a:not(.dropdown a):hover,
#fleetdispatchcomponent #buttonz a:not(.dropdown a):active {
    color:#848484;
    text-decoration:none;
}

.no-touch #fleetdispatchcomponent #buttonz a:not(.dropdown a):hover {text-decoration:underline;}

#fleet2 .coords .coordsSection {
    display: inline-block;
    margin: 3px 1px 1px 1px;
    padding: 0 1px 2px 1px;
}
#fleet2 .coords .galaxy,
#fleet2 .coords .system,
#fleet2 .coords .planet {
    padding:0;
    text-align:center;
    font-weight:700;
    width: 40px;
}

#fleet2 #buttonz ul#missions {
    width:648px;
    height:75px;
    margin:10px auto 0 15px;
    position:relative;
    list-style-type:none;
}

#fleet2 #buttonz ul#missions div.buildingimg { height:54px; }

#fleet2 #buttonz ul#missions li.on a,
.no-touch #fleet2 #buttonz ul#missions li.on a:hover,
#fleet2 #buttonz ul#missions li.on a.active,
#fleet2 #buttonz ul#missions li.off a {background: url("/img/icons/f45a18b5e55d2d38e7bdc3151b1fee.jpg") no-repeat;}


#fleet2 #buttonz ul#missions li {
    width:54px;
    height:54px;
    background-repeat:no-repeat;
    float:left;
    margin:0 5px;
}

#fleet2 #buttonz ul#missions li a {
    display:block;
    width:54px;
    height:54px;
    font-size:9px;
    text-align: center;
    color: #848484;
}
#fleet2 ul#missions span.textlabel,
#fleet2 #mission span.textlabel {
    height:1px;
    left:-9999px;
    overflow:hidden;
    position:absolute;
    width:1px;
}

#fleet2 ul#missions span.textlabel {
    display:inline-block;
    left:-3px;
    height:26px;
    position:relative;
    text-overflow: ellipsis;
    top:54px;
    width:60px;
}

#fleet2 #speedLinks>a.speed,
#fleet2 #speedLinks>a.speed:link,
#fleet2 #speedLinks>a.speed:visited,
#fleet2 #speedLinks>a.speed:active {
    text-decoration: none;
    color: #6F9FC8;
    padding: 2px 4px;
    display: inline-block;
    border: 1px solid transparent;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#fleet2 #speedPercentage { margin-top: 20px; }
#fleet2 #speedPercentage { height:20px; line-height: 20px; }

#speedLinks {
    margin-top: 20px;
}
#fleet2.no-touch #speedLinks>a.speed:hover,
#fleet2 #speedLinks>a.speed:focus{
    border-color: black;
    background-color: #181F26;
}
#fleet2 #speedLinks>a.speed.selected:link {
    border-color: #FF9600;
}
#fleet2 #speedLinks>a.speed.selected,
#fleet2 #speedLinks>a.speed.selected:link,
#fleet2.no-touch #speedLinks>a.speed:hover,
#fleet2 #speedLinks>a.speed:focus{
    color: #99CC00;
}
#fleet2 #speedLinks>a.speed.middle.selected,
#fleet2 #speedLinks>a.speed.middle.selected:link,
#fleet2.no-touch #speedLinks>a.speed.middle:hover,
#fleet2 #speedLinks>a.speed.middle:focus{
    color: #D29D00;
}
#fleet2 #speedLinks>a.speed.low.selected,
#fleet2 #speedLinks>a.speed.low.selected:link,
#fleet2.no-touch #speedLinks>a.speed.low:hover,
#fleet2 #speedLinks>a.speed.low:focus{
    color: #D43635;
}

/* Expedition */
#fleet2 #buttonz ul#missions li#button15.on a:link,
#fleet2 #buttonz ul#missions li#button15.on a:visited,
#fleet2 #buttonz ul#missions li#button15.on a:active {background-position: 0 0;}
#fleet2 #buttonz ul#missions li#button15.off a:link,
#fleet2 #buttonz ul#missions li#button15.off a:visited,
#fleet2 #buttonz ul#missions li#button15.off a:active {background-position: 0 -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button15.on a:hover,
#fleet2 #buttonz ul#missions li#button15.on a.selected {background-position: 0 -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button15.off a:hover,
#fleet2 #buttonz ul#missions li#button15.off a.selected {background-position: 0 -161px;}

/* Kolonisieren */
#fleet2 #buttonz ul#missions li#button7.on a:link,
#fleet2 #buttonz ul#missions li#button7.on a:visited,
#fleet2 #buttonz ul#missions li#button7.on a:active,
#fleet2 #buttonz ul#missions li#button7.on a:focus{background-position: -108px 0;}
#fleet2 #buttonz ul#missions li#button7.off a:link,
#fleet2 #buttonz ul#missions li#button7.off a:visited,
#fleet2 #buttonz ul#missions li#button7.off a:active,
#fleet2 #buttonz ul#missions li#button7.off a:focus {background-position: -108px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button7.on a:hover,
#fleet2 #buttonz ul#missions li#button7.on a.selected{background-position: -108px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button7.off a:hover ,
#fleet2 #buttonz ul#missions li#button7.off a.selected{background-position: -108px -161px;}

/* Trümmerfeld abbauen */
#fleet2 #buttonz ul#missions li#button8.on a:link,
#fleet2 #buttonz ul#missions li#button8.on a:visited,
#fleet2 #buttonz ul#missions li#button8.on a:active,
#fleet2 #buttonz ul#missions li#button8.on a:focus{background-position: -216px 0;}
#fleet2 #buttonz ul#missions li#button8.off a:link,
#fleet2 #buttonz ul#missions li#button8.off a:visited,
#fleet2 #buttonz ul#missions li#button8.off a:active,
#fleet2 #buttonz ul#missions li#button8.off a:focus {background-position: -216px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button8.on a:hover,
#fleet2 #buttonz ul#missions li#button8.on a.selected{background-position: -216px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button8.off a:hover ,
#fleet2 #buttonz ul#missions li#button8.off a.selected{background-position: -216px -161px;}

/* Transport */
#fleet2 #buttonz ul#missions li#button3.on a:link,
#fleet2 #buttonz ul#missions li#button3.on a:visited,
#fleet2 #buttonz ul#missions li#button3.on a:active,
#fleet2 #buttonz ul#missions li#button3.on a:focus{background-position: -270px 0;}
#fleet2 #buttonz ul#missions li#button3.off a:link,
#fleet2 #buttonz ul#missions li#button3.off a:visited,
#fleet2 #buttonz ul#missions li#button3.off a:active,
#fleet2 #buttonz ul#missions li#button3.off a:focus {background-position: -270px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button3.on a:hover,
#fleet2 #buttonz ul#missions li#button3.on a.selected {background-position: -270px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button3.off a:hover ,
#fleet2 #buttonz ul#missions li#button3.off a.selected {background-position: -270px -161px;}

/* Stationieren */
#fleet2 #buttonz ul#missions li#button4.on a:link,
#fleet2 #buttonz ul#missions li#button4.on a:visited,
#fleet2 #buttonz ul#missions li#button4.on a:active,
#fleet2 #buttonz ul#missions li#button4.on a:focus {background-position: -162px 0;}
#fleet2 #buttonz ul#missions li#button4.off a:link,
#fleet2 #buttonz ul#missions li#button4.off a:visited,
#fleet2 #buttonz ul#missions li#button4.off a:active,
#fleet2 #buttonz ul#missions li#button4.off a:focus {background-position: -162px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button4.on a:hover,
#fleet2 #buttonz ul#missions li#button4.on a.selected{background-position: -162px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button4.off a:hover,
#fleet2 #buttonz ul#missions li#button4.off a.selected{background-position: -162px -161px;}

/* Spionieren */
#fleet2 #buttonz ul#missions li#button6.on a:link,
#fleet2 #buttonz ul#missions li#button6.on a:visited,
#fleet2 #buttonz ul#missions li#button6.on a:active,
#fleet2 #buttonz ul#missions li#button6.on a:focus {background-position: -324px 0;}
#fleet2 #buttonz ul#missions li#button6.off a:link,
#fleet2 #buttonz ul#missions li#button6.off a:visited,
#fleet2 #buttonz ul#missions li#button6.off a:active,
#fleet2 #buttonz ul#missions li#button6.off a:focus {background-position: -324px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button6.on a:hover,
#fleet2 #buttonz ul#missions li#button6.on a.selected {background-position: -324px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button6.off a:hover ,
#fleet2 #buttonz ul#missions li#button6.off a.selected {background-position: -324px -161px;}

/* Halten */
#fleet2 #buttonz ul#missions li#button5.on a:link,
#fleet2 #buttonz ul#missions li#button5.on a:visited,
#fleet2 #buttonz ul#missions li#button5.on a:active,
#fleet2 #buttonz ul#missions li#button5.on a:focus {background-position: -378px 0;}
#fleet2 #buttonz ul#missions li#button5.off a:link,
#fleet2 #buttonz ul#missions li#button5.off a:visited,
#fleet2 #buttonz ul#missions li#button5.off a:active,
#fleet2 #buttonz ul#missions li#button5.off a:focus {background-position: -378px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button5.on a:hover,
#fleet2 #buttonz ul#missions li#button5.on a.selected {background-position: -378px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button5.off a:hover ,
#fleet2 #buttonz ul#missions li#button5.off a.selected {background-position: -378px -161px;}

/* Angreifen */
#fleet2 #buttonz ul#missions li#button1.on a:link,
#fleet2 #buttonz ul#missions li#button1.on a:visited,
#fleet2 #buttonz ul#missions li#button1.on a:active,
#fleet2 #buttonz ul#missions li#button1.on a:focus {background-position: -432px 0;}
#fleet2 #buttonz ul#missions li#button1.off a:link,
#fleet2 #buttonz ul#missions li#button1.off a:visited,
#fleet2 #buttonz ul#missions li#button1.off a:active,
#fleet2 #buttonz ul#missions li#button1.off a:focus {background-position: -432px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button1.on a:hover,
#fleet2 #buttonz ul#missions li#button1.on a.selected {background-position: -432px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button1.off a:hover ,
#fleet2 #buttonz ul#missions li#button1.off a.selected {background-position: -432px -161px;}

/* Verbandsangriff */
#fleet2 #buttonz ul#missions li#button2.on a:link,
#fleet2 #buttonz ul#missions li#button2.on a:visited,
#fleet2 #buttonz ul#missions li#button2.on a:active,
#fleet2 #buttonz ul#missions li#button2.on a:focus {background-position: -540px 0;}
#fleet2 #buttonz ul#missions li#button2.off a:link,
#fleet2 #buttonz ul#missions li#button2.off a:visited,
#fleet2 #buttonz ul#missions li#button2.off a:active,
#fleet2 #buttonz ul#missions li#button2.off a:focus {background-position: -540px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button2.on a:hover,
#fleet2 #buttonz ul#missions li#button2.on a.selected {background-position: -540px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button2.off a:hover ,
#fleet2 #buttonz ul#missions li#button2.off a.selected {background-position: -540px -161px;}

/* Zerstören */
#fleet2 #buttonz ul#missions li#button9.on a:link,
#fleet2 #buttonz ul#missions li#button9.on a:visited,
#fleet2 #buttonz ul#missions li#button9.on a:active,
#fleet2 #buttonz ul#missions li#button9.on a:focus {background-position: -486px 0;}
#fleet2 #buttonz ul#missions li#button9.off a:link,
#fleet2 #buttonz ul#missions li#button9.off a:visited,
#fleet2 #buttonz ul#missions li#button9.off a:active,
#fleet2 #buttonz ul#missions li#button9.off a:focus {background-position: -486px -108px;}
.no-touch #fleet2 #buttonz ul#missions li#button9.on a:hover,
#fleet2 #buttonz ul#missions li#button9.on a.selected {background-position: -486px -54px;}
.no-touch #fleet2 #buttonz ul#missions li#button9.off a:hover ,
#fleet2 #buttonz ul#missions li#button9.off a.selected {background-position: -486px -161px;}

/***********************************************************
***************** Fleet 2                 *******************
*************************************************************/
#fleet2 .briefing {
    background: -moz-linear-gradient(top,  #192026 0%, #0d1014 13%, #0d1014 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#192026), color-stop(13%,#0d1014), color-stop(100%,#0d1014)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #192026 0%,#0d1014 13%,#0d1014 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #192026 0%,#0d1014 13%,#0d1014 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #192026 0%,#0d1014 13%,#0d1014 100%); /* IE10+ */
    background: linear-gradient(top,  #192026 0%,#0d1014 13%,#0d1014 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192026', endColorstr='#0d1014',GradientType=0 ); /* IE6-9 */
    left: 15px;
    margin: 13px 0 0;
    min-height: 145px;
    position: relative;
    width: 637px;
    z-index: 2;
}

body#fleetdispatchcomponent {overflow:visible;}

#fleetdispatchcomponent #buttonz #technologies {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#fleetdispatchcomponent #buttonz #battleships { width:400px; }
#fleetdispatchcomponent #buttonz #civilships { width:270px; }

#fleetdispatchcomponent #buttonz #battleships .header { background-position-x: left; }
#fleetdispatchcomponent #buttonz #civilships .header { background-position-x: right; }

#fleetdispatchcomponent #fleet1 #buttonz ul {
    position: relative;
    list-style-type:none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding:0 20px 0 20px;
}

#fleetdispatchcomponent #buttonz #battleships ul { padding: 0 10px 0 20px; }
#fleetdispatchcomponent #buttonz #civilships ul { padding: 0 20px 0 10px; }

.shipImage {
    float: left;
    width: 28px;
    height: 28px;
}
.shipImage img{
    background: transparent url("/img/icons/3b19b4263662f5a383524052047f4f.png") 0 0 no-repeat;
}
.shipImage img.tech202 { background-position: 0 0; }
.shipImage img.tech203 { background-position: -28px 0; }
.shipImage img.tech204 { background-position: -56px 0; }
.shipImage img.tech205 { background-position: -84px 0; }
.shipImage img.tech206 { background-position: -112px 0; }
.shipImage img.tech207 { background-position: -140px 0; }
.shipImage img.tech208 { background-position: -168px 0; }
.shipImage img.tech209 { background-position: -196px 0; }
.shipImage img.tech210 { background-position: -224px 0; }
.shipImage img.tech211 { background-position: -252px 0; }
.shipImage img.tech212 {
    background: transparent url("/img/icons/0adc600b59f15369f1c82ac6a35db7.png") no-repeat -56px -140px;
}
.shipImage img.tech213 { background-position: -308px 0; }
.shipImage img.tech214 { background-position: -336px 0; }
.shipImage img.tech215 { background-position: -364px 0; }
.shipImage img.tech217 { background-position: -448px 0; }
.shipImage img.tech218 { background-position: -392px 0; }
.shipImage img.tech219 { background-position: -420px 0; }
.shipImage img.tech202.off { background-position: 0 -56px; }
.shipImage img.tech203.off { background-position: -28px -56px; }
.shipImage img.tech204.off { background-position: -56px -56px; }
.shipImage img.tech205.off { background-position: -84px -56px; }
.shipImage img.tech206.off { background-position: -112px -56px; }
.shipImage img.tech207.off { background-position: -140px -56px; }
.shipImage img.tech208.off { background-position: -168px -56px; }
.shipImage img.tech209.off { background-position: -196px -56px; }
.shipImage img.tech210.off { background-position: -224px -56px; }
.shipImage img.tech211.off { background-position: -252px -56px; }
.shipImage img.tech213.off { background-position: -308px -56px; }
.shipImage img.tech214.off { background-position: -336px -56px; }
.shipImage img.tech215.off { background-position: -364px -56px; }
.shipImage img.tech217.off { background-position: -448px -56px; }
.shipImage img.tech218.off { background-position: -392px -56px; }
.shipImage img.tech219.off { background-position: -420px -56px; }



/*#fleetdispatchcomponent #buttonz ul li.on div.buildingimg,
#div_traderScrap div.anythingWindow li.on div.buildingimg
{background: url("/cdn/img/navigation/ships-on.png") no-repeat;}
#fleetdispatchcomponent #buttonz ul li.off div.buildingimg,
#div_traderScrap div.anythingWindow li.off div.buildingimg
{background: url("/cdn/img/navigation/ships-off.png") no-repeat;}
#fleetdispatchcomponent #buttonz ul li.disabled div.buildingimg,
#div_traderScrap div.anythingWindow li.disabled div.buildingimg
{background: url("/cdn/img/navigation/ships-disabled.png") no-repeat;}*/

#fleetdispatchcomponent #buttonz ul li a:not(.dropdown a),
#div_traderScrap .image a:not(.dropdown a),
#div_traderScrap div.anythingWindow li div.buildingimg{
    display:block;
    width:80px;
    height:80px;
}

#fleetdispatchcomponent #buttonz ul li a:not(.dropdown a):link,
#fleetdispatchcomponent #buttonz ul li a:not(.dropdown a):visited,
#div_traderScrap div.anythingWindow li a:not(.dropdown a):link,
#div_traderScrap div.anythingWindow li a:not(.dropdown a):visited {
    background:url("/img/icons/e3d481656bab1b216428a98a2e022e.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}
.no-touch #fleetdispatchcomponent #buttonz ul li a:not(.dropdown a):hover,
#fleetdispatchcomponent #buttonz ul li a:not(.dropdown a):focus,
#fleetdispatchcomponent #buttonz ul li a:not(.dropdown a).active,
.no-touch #div_traderScrap div.anythingWindow li a:not(.dropdown a):hover{
    background:url("/img/icons/85ac39e8f55c11b1634688f52030a6.gif") no-repeat;
}
#fleetdispatchcomponent #buttonz ul li a:not(.dropdown a):active {
    background:url("/img/icons/e3d481656bab1b216428a98a2e022e.gif") no-repeat;
}

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

#fleetdispatchcomponent #buttonz ul span.level,
#rocketattack #number span.level {
    color:#ff9600;
    font-size:11px;
}

/*
#fleetdispatchcomponent #buttonz ul span.textlabel {
    height:1px;
    left:-9999px;
    overflow:hidden;
    position:absolute;
    width:1px;
}
*/


#fleetdispatchcomponent #allornone,
#div_traderScrap #allornone {
    text-align:left;
    color:#A1A1A1;
    font-size:11px;
    padding-left:15px;
    z-index: 2;
}
#fleetdispatchcomponent #allornone .info {
    color: #848484;
    text-align: right;
}
#fleetdispatchcomponent .allornonewrap{
    background:#13181D;
    border:1px solid #030303;
    padding:15px 7px;
    width:623px;
}

#fleetdispatchcomponent .allornonewrap .secondcol {
    background:#13181D;
    display:inline; /* IE6 */
    margin-right:13px;
    padding:5px 10px;
    border:1px solid #030303;
    width: 78px;
}
/*#fleetdispatchcomponent #allornone .firstcol {	float:left;	}*/

#fleet1 .allornonewrap .firstcol {
    width:320px;
    margin-right: 5px;
    line-height: 24px;
    margin-bottom: 2px;
}

#fleetdispatchcomponent #allornone img {vertical-align: middle; }

/*#fleetdispatchcomponent #sendfleet h3 {	font-size:12px;	}*/

#fleetdispatchcomponent #sendfleet #options,

#fleet2 #resources {
    float:left;
    height:150px;
    width:305px;
    margin: 0;
    padding: 0;
    display:inline;
    position: relative;
}

#fleet2 #resources.lifeforms-enabled {
    height: 215px;
}

#fleetdispatchcomponent #sendfleet #information {
    float:left;
    margin-left:25px;
    display:inline;
}

#fleet2 #sendfleet #resources {
    margin-left:18px;
    position:relative;
}

#fleetdispatchcomponent #sendfleet #options .content,
#fleetdispatchcomponent #sendfleet #information .content {
    padding:25px 0 0 33px;
    line-height:15px;
}

#fleetdispatchcomponent #planet .content span.value,
#fleetdispatchcomponent #planet .content span.order,
#fleetdispatchcomponent #planet .content span.destination,
#fleet2 #planet span.value,
#fleetdispatchcomponent #planet span.value {color:#fff;}

#fleet2 #resources .res_wrap {
    background: #0d151b url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -60px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #0d151b 0%, #1f2a35 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d151b), color-stop(100%,#1f2a35)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0d151b 0%,#1f2a35 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0d151b 0%,#1f2a35 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0d151b 0%,#1f2a35 100%); /* IE10+ */
    background: linear-gradient(top,  #0d151b 0%,#1f2a35 100%); /* W3C */
    border: 1px solid #252f3a;
    height: 32px;
    margin:5px 0 8px 0;
    padding: 2px;
    width: 152px;
}

#fleet2 #resources .fleet_dispatch_toggle_wrap {
    display: flex;
    align-items: center;
    height: 25px;
    margin:5px 0 0 0;
    padding: 2px;
    min-width: 152px;
    box-sizing: border-box;
}

#fleet2 .res input {
    height: 17px;
    margin: 1px 0;
    width: 76px;
    font-size: 11px;
    padding: 0 2px;
}

#fleet2 .res_img {
    margin: 1px 0 0;
    position: absolute;
}
#fleet2 .res {
    margin: 0 0 0 50px;
    width: 82px;
}

#fleet2 #resources.lifeforms-enabled .res_wrap {
    width: 146px;
}
#fleet2 .lifeforms-enabled .res {
    width: 95px;
}
#fleet2 .lifeforms-enabled .res input {
    width: 89px;
}

#loadAllResources {
    background: url("/img/icons/fcc481845b0bec05eef8bdc2d22309.png") no-repeat;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 160px;
    font-size: 11px;
    width: 139px;
    height: 103px;
    z-index: 0;
}

#fleet2 #sendfleet #resources a.max,
#fleet2 #sendfleet #resources a.min { }
#fleet2 #sendfleet #resources a.max {	margin-left:48px;  }

#fleet2 #resources .allResourcesWrap {
    height: 32px;
    width: 32px;
    margin: 10px auto;
}
#fleet2 a#allresources {
    display:block;
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -374px -162px no-repeat;
    height: 32px;
    width: 32px;
}

.no-touch #fleet2 #resources a#allresources:hover { background-position: -374px -194px; }

#loadRoom {
    font-size: 11px;
    left: 161px;
    position: absolute;
    text-align: center;
    top: 92px;
    z-index: 0;
}

#fleet2 .bar_container {
    margin: 3px 5px;
    width: 130px;
}

#fleet2 #sendfleet #summary {margin-top:50px;}

#fleet2 #sendfleet #summary img {
    vertical-align:middle;
    padding-bottom:5px;
}

#fleet2 #sendfleet #summary .order,
#fleet2 #sendfleet #summary .destination {	color:#fff;	}

#fleet2 a.start:link,
#fleet2 a.start:visited,
.no-touch #fleet2 a.start:hover,
#fleet2 a.start:active {
    display:block;
    float:right;
    cursor:pointer;
    width: 276px;
    height: 56px;
    background:url("/img/icons/d5c8b4d6c6b63467b8392874a373b7.jpg") no-repeat 0 -56px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    margin:0 auto 0;
}

.no-touch #fleet2 a.start:hover {	background:url("/img/icons/d5c8b4d6c6b63467b8392874a373b7.jpg") no-repeat;		}

#fleet2 a.start.off:link,
#fleet2 a.start.off:visited,
.no-touch #fleet2 a.start.off:hover,
#fleet2 a.start.off:active {	background:url("/img/icons/d5c8b4d6c6b63467b8392874a373b7.jpg") 0 -112px no-repeat;		}

#fleet1 a.continue:active,
#fleet1 a.continue:link,
#fleet1 a.continue:visited,
#fleet2 a.continue:link,
#fleet2 a.continue:visited,
#fleet2 a.back:active,
#fleet2 a.back:link,
#fleet2 a.back:visited
{
    display:block;
    width:104px;
    height:38px;
    background:transparent url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") 0 -240px;
    margin: 0 10px 0 10px;
    float:right;
    overflow:hidden;
    padding:0;
    text-decoration:none;
}

#naviActions {
    padding: 10px 20px;
    position: relative;
    z-index: 2;
}

#fleet1 a.continue:active,
#fleet2 a.continue:active,
.no-touch #fleet1 a.continue:hover,
.no-touch #fleet2 a.continue:hover,
.no-touch #station #jumpgate a#continue:hover,
.no-touch #station-moon #jumpgate a#continue:hover {
    background-position:-104px -240px;
    cursor:pointer;
    text-decoration:none;
}

#fleet2 a.back:link,
#fleet2 a.back:visited,
#fleet2 a.back:active,

.no-touch #fleet2 a.back:hover {
    background-position: -104px -278px;
    cursor:pointer;
    text-decoration:none;
}

#fleet1 a.continue.off:link,
#fleet1 a.continue.off:visited,
#fleet2 a.continue.off:link,
#fleet2 a.continue.off:visited

#fleet1 a.continue.off:active,
#fleet2 a.continue.off:active,
.no-touch #fleet1 a.continue.off:hover,
.no-touch #fleet2 a.continue.off:hover
{ background-position: -206px -240px;}

#fleet1 a.continue span,
#fleet2 a.continue span,
#fleet2 a.start span,
#fleet2 a.back span,
#fleet1 a.continue.on:link span,
#fleet1 a.continue.off:link span,
#fleet2 a.continue.on:link span,
#fleet2 a.continue.off:link span {
    display:block;
    color:#fff;
    text-align:center;
    height:38px;
    line-height:38px;
    overflow:hidden;
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px;
}

#fleet2 a.start span { padding-top:20px; }

#fleet2 .briefing_overlay {
    background: rgba(12, 16, 20, 0.95);
    color: #848484;
    min-height: calc(100% - 30px);
    padding: 12px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 3;
    box-sizing: border-box;
    margin-top: 30px;
}

#fleetdispatchcomponent #planet #movements,
#fleetdispatchcomponent #planet #slots {
    height:25px;
    width:231px;
    position:absolute;
    right:3px;
    bottom:36px;
    text-align:center;
    font-size:11px;
}

#fleetdispatchcomponent #planet #movements a:link,
#fleetdispatchcomponent #planet #movements a:visited,
.no-touch #fleetdispatchcomponent #planet #movements a:hover,
#fleetdispatchcomponent #planet #movements a:active {text-decoration:none;}

#fleetdispatchcomponent #planet #slots {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -143px -162px no-repeat;
    bottom:9px;
    height:19px;
    font-size:11px;
    width:217px;
    padding:6px 7px 0 7px;
}

#movement #planet #slots {
    position:absolute;
    right:3px;
    bottom:9px;
}

#fleetdispatchcomponent #planet #movements img {
    vertical-align:middle;
    margin-right:5px;
}



#fleet2 #buttonz ul#missions a:active,
.no-touch #fleet2 #buttonz ul#missions a:hover,
#fleet2 #buttonz ul#missions  a.selected { color:#F1F1F1; }

#fleetdispatchcomponent #planet div a:link,
#fleetdispatchcomponent #planet div a:visited,
#fleetdispatchcomponent #planet div a:active,
#fleetdispatchcomponent #planet div {
    color:#848484;
    text-decoration:none;
}

.no-touch #fleetdispatchcomponent #planet div a:hover {	text-decoration:underline;	}

#fleetdispatchcomponent #warning,
#fleet2 #warning,
#movement #warning {
    height:150px;
    width:670px;
    background:url("/img/icons/77c5d0b60f22b387b9dc90e2c4a30e.gif") no-repeat;
    margin:1px auto;
}

#fleetdispatchcomponent #warning h3,
#fleet2 #warning h3,
#movement #warning h3 { padding:7px 0;}

#fleetdispatchcomponent #warning p,
#fleet2 #warning p,
#movement #warning p { padding:15px;}

#fleetdispatchcomponent #warning p,
#fleet2 #warning p,
#fleetdispatchcomponent #warning h3,
#fleet2 #warning h3,
#movement #warning p,
#movement #warning h3 {
    text-align:center;
    font-weight:700;
    color:#B00000;
}

#fleetdispatchcomponent #warning p img,
#fleet2 #warning p img,
#movement #warning p img {
    vertical-align:top;
    padding-right:5px;
}

#fleetdispatchcomponent .icon_warning { margin: 0 0 -3px 0; }

#fleet2 #buttonz ul {
    list-style-type:square;
    color:#848484;
    float:left;
    display:inline; /* IE6 fix */
    text-align:left;
}

#fleet2 #buttonz ul li {
    color:#6F9FC8;
    font: 700 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

#fleet2 #buttonz ul li span {
    color:#6F9FC8;
    font-weight:100;
}
#fleet2 #buttonz ul li span.tooltip {
    color: #fff;
    cursor: help;
    font-weight: 600;
    margin-bottom: 4px;
}
#fleet2 #buttonz ul li#fightAfterRetreat {
    margin-bottom: 6px;
}

#fleet1 a.continue.on:link,
#fleet1 a.continue.off:link {
    margin: 0;
    padding:0;
    height:38px;
    width:104px;
    float:right;
    position:static;
    display:inline;
}

#fleet2 #holdtimeline select, #fleet2 #expeditiontimeline select {
    width: 45px;
}

/*******************************
STANDARTFLOTTEN
*******************************/
#fleetTemplatesEdit .fleet_tpl_name {
    display: inline-block;
    min-height: 30px;
    padding: 5px;
    text-align: right;
    width: 205px;
}

#fleetTemplates.list {
    background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6);
    margin: 0 0 10px 0;
}
#fleetTemplates td {height:35px;}

#fleetTemplates td.textCenter {text-align:center;}

#fleetTemplates td.fleetDesc .fleetDescCont {
    width:185px;
    overflow:hidden;
}

#sftcontainer th.label {padding:5px 3px 10px 3px;}
#sftcontainer th {padding:3px 0;}
#fleetTemplates td { padding:2px 0;}

#sftcontainer th {text-align:center;}

#sftcontainer tr.separator th {border-bottom:1px dotted #848484;}

#sftcontainer th.fleet_id {width:30px;}
#sftcontainer th.fleet_name {width:200px;}
#sftcontainer th.fleet_actions {width:90px;}

#sftcontainer td a:link,
#sftcontainer td a:visited,
.no-touch #sftcontainer td a:hover,
#sftcontainer td a:active,
#jumpgate a:link,
#jumpgate a:visited,
#jumpgate a:active {
    text-decoration:none;
}
.no-touch #jumpgate a:hover {	text-decoration:underline;}

#sftcontainer td input.textinput {
    color:#848484;
    font-size:11px;
    border:1px solid #141a1e;
    background-color:#274650;
    padding:2px 5px;
}

#sftcontainer td input.textinput { height:13px; line-height:13px; padding:1px 3px;margin:0;}

#fleetdispatchcomponent #sftcontainer a.close {
    float:right;
    display:inline;
    margin-right:10px;
}

#fleet2 #missionNameWrapper {
    color:#A26D00;
    font-size:12px;
    font-weight:bold;
    text-align:left;
    position: relative;
    z-index: 2;
    padding: 18px;
}
#fleet2 #missionNameWrapper.off {
    color:#848484;
}

#fleet2 .mission_description { font-weight: 100; }

#fleetdispatchcomponent #planet #slots img {
    float:left;
    margin: -3px 0 0 2px;
    display:inline;
}

#fleet2 #remainingresources {
    float:none;
    margin:0 5px 0 0;
    text-align:center;
    width:100%;
}

#fleetdispatchcomponent a#sendall:link,
#fleetdispatchcomponent a#sendall:visited,
.no-touch #fleetdispatchcomponent a#sendall:hover,
#fleetdispatchcomponent a#sendall:active { text-decoration:none;}

#sftcontainer a.close_details {margin: -1px 8px 0 0
}

#sftcontainer #fleetTemplatesEdit .shipDesc{ padding:4px 5px;}
#sftcontainer #fleetTemplatesEdit .shipDesc img { float:left;margin:1px 10px 2px 0;}
#sftcontainer .fleetDesc a:link,
#sftcontainer .fleetDesc a:visited,
.no-touch #sftcontainer .fleetDesc a:hover,
#sftcontainer .fleetDesc a:active { display:block;}
#sftcontainer .fleetDesc-hover { background-color:#212933}


/* *****************************************************************************
   FILL LEVEL BAR FOR STORAGE ROOMS AND CARGO SPACE
***************************************************************************** */
.bar_container,
.filllevel_bar,
.filllevel_undermark,
.filllevel_middlemark,
.filllevel_overmark,
.premium_bar {
    background-image: url(/img/icons/fbe2638880f7c292a43439c0f328ad.png);
    background-repeat: repeat-x;
}

.bar_container {
    background-position: 0 -24px;
    height: 8px;
    width: 290px;
    border: 1px solid black;
    border-radius: 3px;
    box-shadow: 0 0 3px #000;
}

.filllevel_bar {
    border-radius: 3px;
    box-shadow: inset 0 0 1px #000;
    height: 100%;
    float: left;
    width: 0;
}
.premium_bar {
    background-position: 0 -32px;
    height: 100%;
    float: left;
    width: 0;
}
.filllevel_undermark { background-position: 0 -16px; }
.filllevel_middlemark { background-position: 0 -8px; }
.filllevel_overmark { background-position: 0 0; }



/* **************************
AJAX LOADING INDICATOR
************************** */

.ajax_loading {
    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:100%;

    box-sizing: border-box;

    padding:5px 10px;

    z-index:10;

    display:none;
}

.ajax_loading > .ajax_loading_overlay {
    position:relative;

    width:100%;
    height:100%;

    background-color:rgba(0,0,0,0.7);

    box-shadow: 0 0 20px #000;
}
.ajax_loading > .ajax_loading_overlay > .ajax_loading_indicator {
    position:absolute;

    left:50%;
    top:50%;

    width:128px;
    height:128px;

    margin-left:-64px;
    margin-top:-64px;

    background:url(/img/icons/6e0f46d7504242302bc8055ad9c8c2.gif);
}

#fleetRetreatSquareCheckbox {
    height: 16px;
    width: 16px;
}

#fleetRetreatSquareCheckbox > label {
    width: 12px;
    height: 12px;
}

#fleetRetreatSquareCheckbox > label::after {
    width: 8px;
    height: 8px;
}


/*
 * FLEET STATUS BOX
 */
.fleetStatus {
    background: transparent url("/img/icons/8b1b8753656d41d90d32e41a2000af.gif") no-repeat;
    color: #7c8e9a;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    height: 28px;
    line-height:28px;
    margin:0 auto;
    overflow: hidden;
    position:relative;
    width:658px;
}


.fleetStatus span a img {
    margin-right:7px;
    vertical-align:middle;
}

.fleetStatus span a,
.fleetStatus span a:link { text-decoration:none;}

.no-touch .fleetStatus span a:hover span{
    color:#6F9FC8;
    text-decoration:underline;
}

.fleetStatus .icon_reload { margin: 0 0 -4px; }

.fleetStatus span.current,
.fleetStatus span.all { color:#fff;}

.fleetStatus .fleetSlots,
.fleetStatus .expSlots { margin-left:108px;}

.fleetStatus .closeAll,
.fleetStatus .newWindow {
    line-height:normal;
    right:-1px;
    position:absolute;
    top:3px;
}

.fleetStatus .closeAll a {
    background: url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 0;
    height: 22px;
    width: 22px;
    display: block;
}
.fleetStatus .closeAll .all_closed { background-position: 0 0; }
.fleetStatus .closeAll .all_open { background-position: 0 -22px; }

.fleetStatus .newWindow { top:6px; right:35px; }
.fleetStatus .newWindow a img { margin:0;}


#galaxytable td.position {
    padding-right: 3px;
    padding-left: 3px;
    width: 28px;
}

#galaxytable td.allytag {
    padding-left: 4px;
    padding-right: 3px;
}

#expeditionbutton:before,
.galaxy_icons {
    background-image: url("/img/icons/e81e8e6d5e6a45e1ad45505ef3dc52.png");
    background-repeat: no-repeat;
}

#expeditionbutton:before,
#sendExpeditionFleetTemplateFleet:before,
.galaxy_icons {
    float: left;
    display: block;
    height: 16px;
    margin: 0 1px;
    width: 16px;
}
.galaxy_icons.prev { background-position: 0px 0px; }
.galaxy_icons.next { background-position: 0px -16px; }
no-touch .galaxy_icons.prev:hover { background-position: 0px -32px; }
no-touch .galaxy_icons.next:hover { background-position: 0px -48px; }
.galaxy_icons.galaxy { background-position: 0px -65px; }
.galaxy_icons.solarsystem { background-position: 0px -82px; }

.galaxy_icons.galaxy,
.galaxy_icons.solarsystem {
    height: 17px;
    width: 18px;
}

/* ************* Header: Common, adapted for Galaxy ************************* */
#galaxytable #message-wrapper {
    background: transparent url("/img/icons/101294706c45bb61bc8bc933bfa1a8.png") no-repeat;
    height: 52px;
    left: 163px;
    padding: 9px 0 0 22px;
    top: 81px;
    width: 665px;
}
#galaxytable .comm_menu {
    height: 20px;
    width: 60px;
}

#galaxytable #messages_collapsed {
    margin: 2px 0 0 15px;
    width: 435px;
}

#galaxytable #messages_collapsed a:link,
#galaxytable #messages_collapsed a:visited,
#galaxytable.no-touch #messages_collapsed a:hover,
#messages_collapsed a:active { margin: -17px 1px 0 0; }

#galaxytable #eventboxBlank,
#galaxytable #eventboxLoading { line-height: 20px; }


/* ************* Header: Galaxy specific ************************************ */
#galaxyHeader {
    height: 21px;
/*    margin: -24px 0 0 15px;*/
/*  width: 567px;*/
    padding:5px 4px 2px 2px;
    margin:0px 8px;

    border-left-width: 3px;
    border-right-width: 3px;
    border-bottom:0px;
}

.solarsystem { margin: 0 2px 0 6px; }

#galaxyHeader .btn_blue {
    display: block;
    float: left;
    height: 14px;
    line-height: 13px;
    margin: 0 2px;
    min-width: 0px;
    padding: 0 5px;
}

#galaxyHeader .btn_system_action {
    min-width: 65px;
}
#galaxyHeader .systembuttons {
    float: right;
}

#discoverSystemBtn {
    display: flex !important;
    line-height: 14px;
}

#discoverSystemBtn > div {
    background-image: url("/img/icons/1bcb107d4cdd48d0878fe850157e46.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    background-position: -126px;
    background-size: 154px 14px;
    display: inline-block;
    line-height: 14px;
    margin-left: -5px;
}

#discoverSystemBtn > div.disabled {
    background-position: -140px;
}

#galaxy_input,
#system_input {
    display: block;
    float: left;
    height: 14px;
    line-height: 16px;
    margin: 0 2px;
    padding: 0px 3px;
    text-align: center;
    width: 26px;
    -moz-appearance: textfield;
}
#expeditionbutton.btn_blue,
#sendExpeditionFleetTemplateFleet.btn_blue {
    float: right;
    padding: 0 5px 0 20px;
    display: flex;
    align-items: center;
}
#expeditionbutton:before {
    background-position: 0px -99px;
    content: '';
    height: 14px;
    margin: 0 0 0 -16px;
    position: absolute;
    width: 20px;
}
#sendExpeditionFleetTemplateFleet:before {
    background-image: url(/img/icons/580a1e90c314d97d0dbb9b60645c28.png);
    background-repeat: no-repeat;
    content: '';
    height: 13px;
    margin: 1px 0 0 -16px;
    position: absolute;
    width: 20px;
    background-size: contain;
    left: 20px;
}

/* ************* Other Galaxy Stuff ************************************ */
#galaxytable {
    width:654px;
}

table.legende {
    width:250px;
    margin:0px auto;
}

#legendTT dt {
    clear: left;
    float: left;
    width: 20px;
}

#legendTT dd {
    float: left;
}

table.legende td.abbreviation {
    text-align:center;
}


#extendedgalaxy {
    width: 200px;
    padding-top: 2px;
    display: inline; /* IE6 */
    text-align: right;
}

#extendedgalaxy a {
    color: #7c7c7c;
    text-decoration: none;
}

#galaxytable td.emptyspace {
    height: 31px;
}

#galaxyheadbg2 {
    background-position: 0 -2px;
    /*display: block;*/
    height: 26px;
    position: relative;
    width: 654px;
}
#galaxyheadbg2 th {
    height: 25px;
    text-align: center;
}

#galaxytable {
    min-height: 610px;
    height: 610px;
    border: 1px solid black;
    border-spacing: 2px 2px;
}

#galaxytable tbody {
    width: 652px;
    border-spacing: 5px 3px;
}

#galaxytable tbody td {
    background-color: rgba(0, 0, 0, 0.66);
    border-radius: 6px;
    line-height: 20px;
    height: 20px;

}

#galaxytable td.microplanet,
#galaxytable td.moon,
#galaxytable td.debris,
#galaxytable td.action {
    border: none;
    background: none;
}

#galaxytable .ListImage .planetTooltip,
#galaxytable tr.row td.moon img,
#galaxytable tr.row td.debris img {
    position: absolute;
    top: 0px;
}

#galaxytable .moon,
#galaxytable .moon_a,
#galaxytable .noMoon,
.moonTooltip.micromoon.moon,
.moonTooltip.micromoon.moon_a,
.moonTooltip.micromoon.noMoon {
    width: 30px;
    height: 30px;
    background: url('/img/icons/c9643df71b262232a4d66e591f7543.gif') no-repeat center;
    background-size: 90%;
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}
#galaxytable .moon_c,
.moonTooltip.micromoon.moon_c {
    width: 30px;
    height: 30px;
    background: url('/img/icons/eb809a4e639ccc9fb943e15a4b25bb.gif') no-repeat center;
    background-size:90%;
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

#galaxytable .debrisField,
#galaxytable .noDebrisField,
.debrisTooltip.microdebris.debris_1 {
    width: 30px;
    height: 30px;
    background: url('/img/icons/fa3e396b8af2ae31e28ef3b44eca91.gif') no-repeat center;
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

#galaxytable .noMoon,
#galaxytable .noDebrisField {
    background-image: none;
}

#galaxytable .moon:hover,
#galaxytable .debrisField:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

#galaxytable .planetEmpty,
#galaxytable .action {
    padding: 5px 0 0;
}

#galaxytable,
#galaxytableHead {
    color: #CFCBC2;
    margin: 0 auto 1px auto;
    overflow: hidden;
}

#galaxytable td.planetname a:link,
#galaxytable td.planetname a:visited,
.no-touch #galaxytable  td.planetname a:hover,
#galaxytable td.planetname a:active,
#galaxytable td.planetname1 a:link,
#galaxytable td.planetname1 a:visited,
.no-touch #galaxytable  td.planetname1 a:hover,
#galaxytable td.planetname1 a:active {
    color: #1A1313;
}

#galaxytable  td.planetname a.phalanxlink:link,
#galaxytable  td.planetname a.phalanxlink:visited,
.no-touch #galaxytable  td.planetname a.phalanxlink:hover,
#galaxytable  td.planetname a.phalanxlink:active {
    color: #8cacdc;
    text-decoration:none;
}
.no-touch #galaxytable  td.planetname a.phalanxlink:hover {
    color:#9c0;
    text-decoration:none;
}

.no-touch #galaxytable  td.planetname a:hover,
.no-touch #galaxytable  td.planetname1 a:hover {
    color: #99cc00;
}

#galaxyContent table th {
    font-weight: 700;
}

#galaxytable  tr.row {
    position: relative;
    height: 30px;
}



.no-touch #galaxytable  tr.row td.microplanet:hover,.no-touch .no-touch #galaxytable  tr.row td.microplanet1:hover,.no-touch .no-touch #galaxytable  tr.row td.moon img:hover,.no-touch .no-touch #galaxytable  tr.row td.debris img:hover,.no-touch .no-touch #galaxytable  tr.row td.playername:hover,.no-touch .no-touch #galaxytable  tr.row td.allytag span.allytagwrapper:hover
{
    color: #55ccdd;
    cursor: pointer;
}
#galaxytable .planetEmpty {
    cursor: default !important;
}

#galaxytable  tr.row td.playername a {
    text-decoration: none;
}

#galaxytable  tr.row td span.status {
    font-size: 10px;
}

#galaxytable  td.toppad {
    padding-top: 3px;
}


#galaxytable  td.microplanet,
#galaxytable  td.microplanet1 {
    width: 40px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    position: relative;
}

.no-touch #galaxytable  td.microplanet1:hover {
    cursor: auto;
}

#galaxytable  tr.row td.planetname,
#galaxytable  tr.row td.planetname1
{
    width: 161px;
    vertical-align: middle;
}

.no-touch #galaxytable  td.planetname1:hover {
    cursor: auto;
}

#galaxytable  td.moon {
    width: 34px;
    text-align: center;
    position: relative;
}

#galaxytable  td.moon a, #galaxytable  td.debris a {
    height: 30px;
    width: 30px;
    display: block;
}

#galaxytable  td.spacer02 {
    width: 14px;
}

#galaxytable  td.debris {
    vertical-align:top;
    width: 38px;
    position: relative;
}

/*#galaxytable  td.debris a {
}

#galaxytable  td.debris img {
}*/

#galaxytable  td.playername {
    width: 151px;
    padding-top: 2px;
}

#galaxytable  td.spacer03 {
    width: 5px;
}

#galaxytable  tr.row td.allytag {
    width: 101px;
    padding-top: 2px;
    vertical-align: middle;
}


#galaxytable  td.end {
    width: 4px;
}

#galaxytable  tr.footer td {
    height: 28px;
    color: #ccd3cf;
    font-size: 11px;
}

#galaxytable  tr.footer span {
    padding: 0px 10px;
}

.no-touch #galaxytable  tr.footer span#probes :hover,#galaxytable  tr.footer span#recycler
.no-touch :hover,.no-touch .no-touch #galaxytable  tr.footer span#rockets :hover,#galaxytable  tr.footer span#slots
.no-touch :hover {
    color: #5cd;
    cursor: help;
}

#galaxytable  tr.footer span span {
    padding: 0px;
}

/***************** rocketattack *********************/
#extendedgalaxy {
    position: absolute;
}

#extendedgalaxy {
    top: 0px;
    left: 402px;
}


#extendedgalaxy {
    width:200px;
    padding-top:2px;
    display:inline; /* IE6 */
    text-align:right;
}
#extendedgalaxy a{
    color:#7c7c7c;
    text-decoration:none;
}

.no-touch #extendedgalaxy a:hover {
    color:#99CC00;
}

#galaxytable  td.emptyspace {
    height:31px;
}

#galaxytable  td.planetname a:link,
#galaxytable  td.planetname a:visited,
.no-touch #galaxytable  td.planetname a:hover,
#galaxytable  td.planetname a:active,
#galaxytable  td.planetname1 a:link,
#galaxytable  td.planetname1 a:visited,
.no-touch #galaxytable  td.planetname1 a:hover,
#galaxytable  td.planetname1 a:active {	color:#1A1313;}

.no-touch #galaxytable  td.planetname a:hover,
.no-touch #galaxytable  td.planetname1 a:hover {
    color:#99cc00;
    text-decoration:none;
}

#galaxyContent table th,
#galaxyContent table td {
    text-align:center;
    padding:0px 0px;
    font-size:12px;
}

#galaxyContent table th {font-weight:700;}

#galaxyContent table .info_header th {font-weight: normal;}

#galaxytable  tr.row {
    /*background: transparent url("/img/icons/ce3b330c9755b61ee541ef6df7d105.gif") no-repeat;*/
    /*position:relative;*/
    /*display: block;*/ /* breaks iOS10 table rows */
    /*width:654px;*/
}

#galaxytable  tr.row td {
    vertical-align:middle;
    font-size:11px;
    height:23px;
    /*overflow:hidden;*/
}
#galaxytable  tr.row td.action>span {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 76px;
}

#galaxytable  tr.row td.moon img{
    margin: 0 0 0 2px;
}

.no-touch #galaxytable  tr.row td.microplanet:hover,
.no-touch #galaxytable  tr.row td.microplanet1:hover,
.no-touch #galaxytable  tr.row td.moon img:hover,
.no-touch #galaxytable  tr.row td.debris img:hover,
.no-touch #galaxytable  tr.row td.playername:hover,
.no-touch #galaxytable  tr.row td.allytag span.allytagwrapper:hover {
    /*  https://jira.gameforge.com/browse/OGAME-4658 */
    /*color:#55ccdd;*/
    /* cursor:pointer;*/
}
#galaxytable  tr.row td.playername a{
    text-decoration:none;
}

#galaxytable  tr.row td span.status { font-size:10px;}

#galaxytable  td.toppad { padding-top:3px;}
#galaxytable  td {
    vertical-align:top;
}

#galaxytable  tr.none {
    background:none;
    position:relative;
}



#galaxytable  td.spacer01 {width:6px;}


#galaxytable  td.position {
    width: 16px;
    text-align: center;
}

#galaxytable  td.microplanet1 {
    background-repeat: no-repeat;
    background-position: 4px 0;
    width:38px;
    padding:0;
    text-align:left;
    position: relative;
}

.no-touch #galaxytable  td.microplanet1:hover { cursor:auto;}

#galaxytable  tr.row td.planetname,
#galaxytable  tr.row td.planetname1 {
    width:140px;
    vertical-align:middle;
}

.no-touch #galaxytable  td.planetname1:hover { cursor:auto;}

#galaxytable  td.moon {
    width: 38px;
    text-align:center;
}

#galaxytable  td.spacer02 {	width:14px;}

#galaxytable  td.playername {
    width: 140px;
    padding-top:2px;
}

#galaxytable  td.spacer03 {	width:5px;}

#galaxytable  tr.row td.allytag {
    width:101px;
    padding-top:1px;
    vertical-align:middle;
}

#galaxytable  td.spacer04 {	width: 5px;}

#galaxytable  td.action {
    margin: 0 0 0 1px;
    /*padding:0 0 0 2px;*/
    /*text-align:left;*/
    /*vertical-align:top;*/
    width: 83px;
    white-space:nowrap;
}

#galaxytable  td.action a {
    width:16px;
    height: 16px;
    display: inline-block; /*IE6 */
    /*position: absolute;*/
    top: 0;
}
#galaxytable  td.action a.espionage{
    left: 0px;
}
#galaxytable .action .sendMail{
    left: 18px;
}
#galaxytable  td.action a.buddyrequest{
    left: 36px;
}
#galaxytable  td.action a.missleattack {
    left: 54px;
}
#galaxytable  td.action img {
    padding:0px;
    margin:0;
    border:none 0px;
    width: 16px;
    height: 16px;
}

#galaxytable  td.end { width:4px; }


/* Tabellenende Footer/Info */

#galaxytable .footer,
#galaxytable .info,
#galaxytableHead .info {
    background-position: 0 -2px;
    position:relative;
}

#galaxytable  tr.footer td,
#galaxytable  tr.info th,
#galaxytable  tr.info td,
#galaxytable Head tr.footer td,
#galaxytable Head tr.info th {
    border-right: 2px solid #000;
    border-left: 2px solid #000;
    color: #ccd3cf;
    font-size: 11px;
    height: 27px;
    padding-top: 0;
}

#galaxyheadbg2 .first { border-left: 2px solid #000; }
#galaxyheadbg2 .last { border-right: 2px solid #000; }

#galaxytable #inhalt #fleetstatusrow {
    padding:0px;
    height: 25px;
    /*display: block;*/
    overflow: hidden;
}

td#fleetstatusrow div {
    border: none;
    font-weight:700;
    padding:5px 5px 7px 5px;
    background: url(/img/icons/d03835718066a5a592a6426736e019.png) 0 -29px repeat-x;
    height: 13px;
}


#fleetstatusrow .success { color: #149B0D; }
#fleetstatusrow .error { color: #D43635; }
#fleetstatusrow .notice { color: #D43635; }
#fleetstatusrow .vacation { color: #6f9fc8; }

#galaxytable .footer span,
#galaxytableHead .info span,
#galaxytable .info span  {
    color: #6f9fc8;
    padding: 0px 4px;
}

#galaxytable .info_header span {
    color: #616161;
    display: inline-block;
}

.no-touch #galaxytable  tr.footer span#probes:hover,
.no-touch #galaxytable  tr.footer span#recycler:hover,
.no-touch #galaxytable  tr.footer span#rockets:hover,
.no-touch #galaxytable  tr.footer span#slots:hover {
    color:#6f9fc8;
    cursor:help;
}

.no-touch #galaxytable  tr.footer span:hover {
    color:#99cc00;
    cursor:help;
}

#galaxytable  tr.footer span span,
#galaxytable  tr.info span span {
    padding:0px;
}


/***************** rocketattack *********************/
#extendedgalaxy { top:0px; left:402px;	}



/***************************************
		Raketenangriff
***************************************/


#galaxyadv #rocketattack .textinput,
#galaxytable #rocketattack .textinput { width: 60px; }

.fleetAction {
    height:12px;
    margin-left:25px;
    overflow:hidden;
    text-align:center;
    width:12px;
    bottom: 0px;
    position: absolute;
    z-index: 10;
}

.fleetNormal {	background: url("/img/icons/190f40521bd19ab1ddf1f8873a83bc.gif") no-repeat; }
.fleetHostile {	background: url("/img/icons/6c1943c1f05410dea6cdaa048af470.gif") no-repeat; }
.fleetNeutral {	background: url("/img/icons/87ece81b17235b551e68a5ca7a91c9.gif") no-repeat; }

#galaxytable tr.info span#colonized {
    float:left;
}

#galaxytable #legend {
    float: right;
}
#galaxytable #legend a {
    height: 16px;
    width: 16px;
    display: block;
}

.galaxyTooltip { min-width: 220px; }
.galaxyTooltip h1 { margin: 0 16px 0 0; }

.galaxyTooltip ul {
    list-style: none;
}
.galaxyTooltip .ListImage {
    display: block;
    float: left;
}

.galaxyTooltip .ListLinks {
    display: block;
    float: left;
    margin-left: 5px;
    width: 170px
}

#rocketattack {
    text-align: center;
    width: 420px;
}

#rocketattack #target {
    font-weight: bold;
    font-size: 1.2em;
}
#rocketattack #arrivalTime {
    margin-bottom: 10px
}

#rocketattack .btn_blue {
    margin-top: 15px;
}
#number.amount_input {
    /* field for amount of ships/defense to build */
    font-size: 20px;
}
#rocketattack #number {
    color: white;
}
#rocketattack #priority {
    margin-top: 20px;
    font-size: 1.1em;
    font-weight: bold;
}
#rocketattack #priority a {
    background: none;
}
#rocketattack #priority a:hover,
#rocketattack #priority a.active {
    background:url("/img/icons/dff15e77d7fbbc0f963f8dd2a68886.gif") no-repeat;
}
#rocketattack #priority ul {
    margin-top: 5px;
}
#rocketattack #numberrockets {
    height: 120px;
}
#rocketattack #numberrockets li {
    float: none;
    height: 80px;
    width: 80px;
    margin: 0 0 3px 0;
    display: inline-block;
}

/* *********************** Galaxy Planet Images ************************************** */
/*#galaxyContent td.microplanet.colonized,*/
.ListImage img.planetTooltip {
    background-image: url("/img/icons/f247669201ef59cce65def611f0c59.png");
    background-repeat: no-repeat;
}

#galaxyContent td.microplanet.desert_1,
.ListImage img.planetTooltip.desert_1 { background-position: 0px 0px; }
#galaxyContent td.microplanet.desert_2,
.ListImage img.planetTooltip.desert_2 { background-position: -38px 0px; }
#galaxyContent td.microplanet.desert_3,
.ListImage img.planetTooltip.desert_3 { background-position: -76px 0px; }
#galaxyContent td.microplanet.desert_4,
.ListImage img.planetTooltip.desert_4 { background-position: -114px 0px; }
#galaxyContent td.microplanet.desert_5,
.ListImage img.planetTooltip.desert_5 { background-position: -152px 0px; }
#galaxyContent td.microplanet.desert_6,
.ListImage img.planetTooltip.desert_6 { background-position: -190px 0px; }
#galaxyContent td.microplanet.desert_7,
.ListImage img.planetTooltip.desert_7 { background-position: -228px 0px; }
#galaxyContent td.microplanet.desert_8,
.ListImage img.planetTooltip.desert_8 { background-position: -266px 0px; }
#galaxyContent td.microplanet.desert_9,
.ListImage img.planetTooltip.desert_9 { background-position: -304px 0px; }
#galaxyContent td.microplanet.desert_10,
.ListImage img.planetTooltip.desert_10 { background-position: -342px 0px; }

#galaxyContent td.microplanet.dry_1,
.ListImage img.planetTooltip.dry_1 { background-position: 0px -33px; }
#galaxyContent td.microplanet.dry_2,
.ListImage img.planetTooltip.dry_2 { background-position: -38px -33px; }
#galaxyContent td.microplanet.dry_3,
.ListImage img.planetTooltip.dry_3 { background-position: -76px -33px; }
#galaxyContent td.microplanet.dry_4,
.ListImage img.planetTooltip.dry_4 { background-position: -114px -33px; }
#galaxyContent td.microplanet.dry_5,
.ListImage img.planetTooltip.dry_5 { background-position: -152px -33px; }
#galaxyContent td.microplanet.dry_6,
.ListImage img.planetTooltip.dry_6 { background-position: -190px -33px; }
#galaxyContent td.microplanet.dry_7,
.ListImage img.planetTooltip.dry_7 { background-position: -228px -33px; }
#galaxyContent td.microplanet.dry_8,
.ListImage img.planetTooltip.dry_8 { background-position: -266px -33px; }
#galaxyContent td.microplanet.dry_9,
.ListImage img.planetTooltip.dry_9 { background-position: -304px -33px; }
#galaxyContent td.microplanet.dry_10,
.ListImage img.planetTooltip.dry_10 { background-position: -342px -33px; }

#galaxyContent td.microplanet.gas_1,
.ListImage img.planetTooltip.gas_1 { background-position: 0px -66px; }
#galaxyContent td.microplanet.gas_2,
.ListImage img.planetTooltip.gas_2 { background-position: -38px -66px; }
#galaxyContent td.microplanet.gas_3,
.ListImage img.planetTooltip.gas_3 { background-position: -76px -66px; }
#galaxyContent td.microplanet.gas_4,
.ListImage img.planetTooltip.gas_4 { background-position: -114px -66px; }
#galaxyContent td.microplanet.gas_5,
.ListImage img.planetTooltip.gas_5 { background-position: -152px -66px; }
#galaxyContent td.microplanet.gas_6,
.ListImage img.planetTooltip.gas_6 { background-position: -190px -66px; }
#galaxyContent td.microplanet.gas_7,
.ListImage img.planetTooltip.gas_7 { background-position: -228px -66px; }
#galaxyContent td.microplanet.gas_8,
.ListImage img.planetTooltip.gas_8 { background-position: -266px -66px; }
#galaxyContent td.microplanet.gas_9,
.ListImage img.planetTooltip.gas_9 { background-position: -304px -66px; }
#galaxyContent td.microplanet.gas_10,
.ListImage img.planetTooltip.gas_10 { background-position: -342px -66px; }

#galaxyContent td.microplanet.ice_1,
.ListImage img.planetTooltip.ice_1 { background-position: 0px -99px; }
#galaxyContent td.microplanet.ice_2,
.ListImage img.planetTooltip.ice_2 { background-position: -38px -99px; }
#galaxyContent td.microplanet.ice_3,
.ListImage img.planetTooltip.ice_3 { background-position: -76px -99px; }
#galaxyContent td.microplanet.ice_4,
.ListImage img.planetTooltip.ice_4 { background-position: -114px -99px; }
#galaxyContent td.microplanet.ice_5,
.ListImage img.planetTooltip.ice_5 { background-position: -152px -99px; }
#galaxyContent td.microplanet.ice_6,
.ListImage img.planetTooltip.ice_6 { background-position: -190px -99px; }
#galaxyContent td.microplanet.ice_7,
.ListImage img.planetTooltip.ice_7 { background-position: -228px -99px; }
#galaxyContent td.microplanet.ice_8,
.ListImage img.planetTooltip.ice_8 { background-position: -266px -99px; }
#galaxyContent td.microplanet.ice_9,
.ListImage img.planetTooltip.ice_9 { background-position: -304px -99px; }
#galaxyContent td.microplanet.ice_10,
.ListImage img.planetTooltip.ice_10 { background-position: -342px -99px; }

#galaxyContent td.microplanet.jungle_1,
.ListImage img.planetTooltip.jungle_1 { background-position: 0px -132px; }
#galaxyContent td.microplanet.jungle_2,
.ListImage img.planetTooltip.jungle_2 { background-position: -38px -132px; }
#galaxyContent td.microplanet.jungle_3,
.ListImage img.planetTooltip.jungle_3 { background-position: -76px -132px; }
#galaxyContent td.microplanet.jungle_4,
.ListImage img.planetTooltip.jungle_4 { background-position: -114px -132px; }
#galaxyContent td.microplanet.jungle_5,
.ListImage img.planetTooltip.jungle_5 { background-position: -152px -132px; }
#galaxyContent td.microplanet.jungle_6,
.ListImage img.planetTooltip.jungle_6 { background-position: -190px -132px; }
#galaxyContent td.microplanet.jungle_7,
.ListImage img.planetTooltip.jungle_7 { background-position: -228px -132px; }
#galaxyContent td.microplanet.jungle_8,
.ListImage img.planetTooltip.jungle_8 { background-position: -266px -132px; }
#galaxyContent td.microplanet.jungle_9,
.ListImage img.planetTooltip.jungle_9 { background-position: -304px -132px; }
#galaxyContent td.microplanet.jungle_10,
.ListImage img.planetTooltip.jungle_10 { background-position: -342px -132px; }

#galaxyContent td.microplanet.normal_1,
.ListImage img.planetTooltip.normal_1 { background-position: 0px -165px; }
#galaxyContent td.microplanet.normal_2,
.ListImage img.planetTooltip.normal_2 { background-position: -38px -165px; }
#galaxyContent td.microplanet.normal_3,
.ListImage img.planetTooltip.normal_3 { background-position: -76px -165px; }
#galaxyContent td.microplanet.normal_4,
.ListImage img.planetTooltip.normal_4 { background-position: -114px -165px; }
#galaxyContent td.microplanet.normal_5,
.ListImage img.planetTooltip.normal_5 { background-position: -152px -165px; }
#galaxyContent td.microplanet.normal_6,
.ListImage img.planetTooltip.normal_6 { background-position: -190px -165px; }
#galaxyContent td.microplanet.normal_7,
.ListImage img.planetTooltip.normal_7 { background-position: -228px -165px; }
#galaxyContent td.microplanet.normal_8,
.ListImage img.planetTooltip.normal_8 { background-position: -266px -165px; }
#galaxyContent td.microplanet.normal_9,
.ListImage img.planetTooltip.normal_9 { background-position: -304px -165px; }
#galaxyContent td.microplanet.normal_10,
.ListImage img.planetTooltip.normal_10 { background-position: -342px -165px; }

#galaxyContent td.microplanet.water_1,
.ListImage img.planetTooltip.water_1 { background-position: 0px -198px; }
#galaxyContent td.microplanet.water_2,
.ListImage img.planetTooltip.water_2 { background-position: -38px -198px; }
#galaxyContent td.microplanet.water_3,
.ListImage img.planetTooltip.water_3 { background-position: -76px -198px; }
#galaxyContent td.microplanet.water_4,
.ListImage img.planetTooltip.water_4 { background-position: -114px -198px; }
#galaxyContent td.microplanet.water_5,
.ListImage img.planetTooltip.water_5 { background-position: -152px -198px; }
#galaxyContent td.microplanet.water_6,
.ListImage img.planetTooltip.water_6 { background-position: -190px -198px; }
#galaxyContent td.microplanet.water_7,
.ListImage img.planetTooltip.water_7 { background-position: -228px -198px; }
#galaxyContent td.microplanet.water_8,
.ListImage img.planetTooltip.water_8 { background-position: -266px -198px; }
#galaxyContent td.microplanet.water_9,
.ListImage img.planetTooltip.water_9 { background-position: -304px -198px; }
#galaxyContent td.microplanet.water_10,
.ListImage img.planetTooltip.water_10 { background-position: -342px -198px; }

#galaxytable #galaxyContent td.moon div.activity {
    margin-left: -3px;
}

#galaxytable #galaxyContent td.moon div.fleetAction {
    margin-left:21px;
}

#galaxytable span.filter {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    cursor: pointer;

    border-radius: 3px;
    background: linear-gradient(#6E899E, #829CAF);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;

}

.filtered_filter_empty {
    opacity: 0.2;
}

.filtered_filter_inactive {
    opacity: 0.2;
}

.filtered_filter_newbie {
    opacity: 0.2;
}

.filtered_filter_strong {
    opacity: 0.2;
}

.filtered_filter_vacation {
    opacity: 0.2;
}

#galaxytable span.filter_active {
    background: linear-gradient(#561f1f, #7d4747);
}

#filter_empty {
    background-position: 0px 0px;
}

#filter_inactive {
    background-position: -16px 0px;
}

#filter_newbie {
    background-position: -32px 0px;
}

#filter_strong {
    background-position: -48px 0px;
}

#filter_vacation {
    background-position: -64px 0px;
}


.debris .fleetAction {
    margin-left:21px;
}

#galaxyContent .gatenetworkActive {
    box-shadow: 0px 0px 10px 1px #F00ECE, inset 0px 0px 2px 2px #F00ECE;
    border-radius: 16px;
}

/* ************** GALAXY EXPEDITION DEBRIS SLOT ************* */
#galaxyHeader .wreckFieldIcon {
    float:right;
}


#galaxytable tr.expeditionDebrisSlot {
    /* background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6); */
}

#galaxytable tr.expeditionDebrisSlot td {
    background: none;
}

#galaxytable tr.expeditionDebrisSlot .expeditionDebrisSlotBox {
    background: #090d12 url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -590px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(20,29,37,0.8) 0%, rgba(9,13,18,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,29,37,0.8)), color-stop(100%,rgba(9,13,18,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* W3C */
    border: 1px solid #23303A;
    border-color: #24323D #131A20 #131A20 #131A20;
    border-radius: 3px;
    box-shadow: 0 0 2px 1px black, inset 0 1px 2px 1px hsl(205, 33%, 11%);
    box-shadow: 0 0 2px 1px black, inset 0 1px 2px 1px hsl(205, 33%, 11%);
    font-size: 11px;
    line-height: 15px;
    margin: 3px 4px 3px 5px;
    min-height: 41px;
    padding: 4px 4px 5px 4px;
    flex-direction: row;
    width: calc(100% - 32px);
    box-sizing: border-box;
    display: inline-flex;
}
#galaxytable tr.expeditionDebrisSlot .expeditionDebrisSlotBox .title {
    color: #3a7fb4;
    font-weight: 700;
    padding: 6px 10px;
    text-align: left;
    text-shadow: 1px 1px 1px black, 0 0 7px hsl(200, 60%, 35%);
    width: 205px;
}
#galaxytable tr.expeditionDebrisSlot .expeditionDebrisSlotBox img { margin: 0 5px 0 0; }

/*NEW GALAXY LAYOUT START */

#galaxycomponent #warning{
    height:150px;
    width:670px;
    background:url("/img/icons/77c5d0b60f22b387b9dc90e2c4a30e.gif") no-repeat;
    margin:1px auto;
}

#galaxycomponent #warning h3 { padding:7px 0;}

#galaxycomponent #warning p { padding:15px;}

#galaxycomponent #warning p,
#galaxycomponent #warning h3 {
    text-align:center;
    font-weight:700;
    color:#B00000;
}

#galaxycomponent #warning p img {
    vertical-align:top;
    padding-right:5px;
}

#galaxycomponent .icon_warning { margin: 0 2px -3px 2px; }
#galaxycomponent .icon_allianceBonus {
    width: 14px;
    height: 14px;
    float: left;
    margin-left: -5px;
}

#galaxyContent .galaxyTable {
    width: 654px;
    margin: 0 auto 1px auto;
    border: 1px solid black;
    gap: 2px 2px;
    display: flex;
    flex-direction: column;
}
#galaxyContent .ctGalaxyHead,
#galaxyContent .ctGalaxyFleetInfo,
#galaxyContent .ctGalaxyFooter
{
    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 */
    height: 24px !important;
    min-height: 24px !important;
}
#galaxyContent .ctGalaxyFooter {
    color: #6f9fc8;
}
#galaxyContent .ctGalaxyFleetInfo {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 11px;
}

#galaxyContent .ctGalaxyFleetInfo>div {
    border: 0;
}

#galaxyContent .ctGalaxyFooter #colonized {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    font-size: 11px;
    padding-left: 5px;
}

#galaxyContent .galaxyRow {
    display: flex;
    min-height: 33px;
    gap: 5px 3px;
    flex-direction: row;
    box-sizing: border-box;
}

#galaxyContent .ctContentRow .galaxyCell {
    background-color: rgba(0, 0, 0, 0.66);
    border-radius: 6px;
    font-size: 11px;
    color: #CFCBC2;
}

#galaxyContent .galaxyRow .galaxyCell.cellPlayerName > span:not(.ownPlayerRow) {
    cursor: pointer;
}

#galaxyContent .galaxyRow .galaxyCell.cellPlayerName > pre > span {
    cursor: pointer;
}

#galaxyContent .ctContentRow .cellPlanet,
#galaxyContent .ctContentRow .cellMoon,
#galaxyContent .ctContentRow .cellDebris,
#galaxyContent .ctContentRow .cellAction
{
    border: none;
    background: none;
}

#galaxyContent .galaxyRow .galaxyCell {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    gap: 2px;
}

#galaxyContent .galaxyRow .galaxyCell.cellPlayerName span.playerName {
    word-break: break-word;
}

#galaxyContent .span1-2 {
    width: 64px;
}

#galaxyContent .span11 {
    flex: 1;
    gap: 10px;
    color: #616161;
    font-size: 11px;
}

#galaxyContent .headBold {
    font-weight: 700;
}

#galaxyContent .filterCell {
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
    align-items: center;
    padding-right: 5px;
}

#galaxyContent .filterCell>div {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 3px;
    background: linear-gradient(#6E899E, #829CAF);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

#galaxyContent .filterCell>div.filter_active {
    background: linear-gradient(#6e9e74, #82af88);
}

#galaxyContent .cellPosition {
    width: 22px;
}
#galaxyContent .cellPlanet {
    width: 40px;
}
#galaxyContent .cellPlanetName,
#galaxyContent .cellPlayerName{
    flex: 1;
}
#galaxyContent .cellPlanetName {
    gap: 3px;
}
#galaxyContent .cellMoon {
    width: 38px;
    position: relative;
}
#galaxyContent .cellDebris {
    width: 38px;
    position: relative;
}
#galaxyContent .cellAlliance {
    width: 70px;
}
#galaxyContent .cellAction {
    width: 101px;
}

#galaxyContent .ctContentRow .cellPlanet .microplanet,
#galaxyContent .ctContentRow .cellPlanet a {
    height: 33px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#galaxyContent .ctContentRow .cellMoon a,
#galaxyContent .ctContentRow .cellDebris a {
    height: 30px;
    width: 30px;
    display: block;
}

#galaxyContent .ctContentRow .cellMoon .moon,
#galaxyContent .ctContentRow .cellMoon .moon_a,
#galaxyContent .ctContentRow .cellMoon .moon_c,
#galaxyContent .ctContentRow .cellDebris .debris_1 {
    width: 30px;
    height: 30px;
    background-size: 90%;
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

#galaxyContent .ctContentRow .cellMoon .moon_a {
    background: url('/img/icons/c9643df71b262232a4d66e591f7543.gif') no-repeat center;
}

#galaxyContent .ctContentRow .cellMoon .moon_c {
    background: url('/img/icons/eb809a4e639ccc9fb943e15a4b25bb.gif') no-repeat center;
}

#galaxyContent .ctContentRow .cellDebris .debris_1 {
    background: url('/img/icons/fa3e396b8af2ae31e28ef3b44eca91.gif')  no-repeat center;
}

#galaxy #galaxytable .moon:hover,
#galaxyContent .ctContentRow .cellPlanet .microplanet:hover,
#galaxyContent .ctContentRow .cellMoon .moon_a:hover,
#galaxyContent .ctContentRow .cellMoon .moon_c:hover,
#galaxyContent .ctContentRow .cellDebris .debris_1:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

/* *********************** Galaxy Planet Images ************************************** */
#galaxyContent .ctContentRow .cellPlanet .microplanet,
.planetTooltip.microplanet {
    background-image: url("/img/icons/f247669201ef59cce65def611f0c59.png");
    background-repeat: no-repeat;
}
.planetTooltip.microplanet {
    height: 33px;
    width: 38px;
}
#galaxyContent .ctContentRow .cellPlanet .desert_1,
.planetTooltip.microplanet.desert_1 { background-position: -2px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_2,
.planetTooltip.microplanet.desert_2 { background-position: -40px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_3,
.planetTooltip.microplanet.desert_3 { background-position: -78px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_4,
.planetTooltip.microplanet.desert_4 { background-position: -116px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_5,
.planetTooltip.microplanet.desert_5 { background-position: -154px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_6,
.planetTooltip.microplanet.desert_6 { background-position: -192px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_7,
.planetTooltip.microplanet.desert_7 { background-position: -230px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_8,
.planetTooltip.microplanet.desert_8 { background-position: -268px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_9,
.planetTooltip.microplanet.desert_9 { background-position: -306px 1px; }
#galaxyContent .ctContentRow .cellPlanet .desert_10,
.planetTooltip.microplanet.desert_10 { background-position: -344px 1px; }

#galaxyContent .ctContentRow .cellPlanet .dry_1,
.planetTooltip.microplanet.dry_1 { background-position: -2px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_2,
.planetTooltip.microplanet.dry_2 { background-position: -40px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_3,
.planetTooltip.microplanet.dry_3 { background-position: -78px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_4,
.planetTooltip.microplanet.dry_4 { background-position: -116px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_5,
.planetTooltip.microplanet.dry_5 { background-position: -154px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_6,
.planetTooltip.microplanet.dry_6 { background-position: -192px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_7,
.planetTooltip.microplanet.dry_7 { background-position: -230px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_8,
.planetTooltip.microplanet.dry_8 { background-position: -268px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_9,
.planetTooltip.microplanet.dry_9 { background-position: -306px -32px; }
#galaxyContent .ctContentRow .cellPlanet .dry_10,
.planetTooltip.microplanet.dry_10 { background-position: -344px -32px; }

#galaxyContent .ctContentRow .cellPlanet .gas_1,
.planetTooltip.microplanet.gas_1 { background-position: -2px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_2,
.planetTooltip.microplanet.gas_2 { background-position: -40px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_3,
.planetTooltip.microplanet.gas_3 { background-position: -78px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_4,
.planetTooltip.microplanet.gas_4 { background-position: -116px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_5,
.planetTooltip.microplanet.gas_5 { background-position: -154px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_6,
.planetTooltip.microplanet.gas_6 { background-position: -192px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_7,
.planetTooltip.microplanet.gas_7 { background-position: -230px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_8,
.planetTooltip.microplanet.gas_8 { background-position: -268px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_9,
.planetTooltip.microplanet.gas_9 { background-position: -306px -65px; }
#galaxyContent .ctContentRow .cellPlanet .gas_10,
.planetTooltip.microplanet.gas_10 { background-position: -344px -65px; }

#galaxyContent .ctContentRow .cellPlanet .ice_1,
.planetTooltip.microplanet.ice_1 { background-position: -2px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_2,
.planetTooltip.microplanet.ice_2 { background-position: -40px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_3,
.planetTooltip.microplanet.ice_3 { background-position: -78px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_4,
.planetTooltip.microplanet.ice_4 { background-position: -116px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_5,
.planetTooltip.microplanet.ice_5 { background-position: -154px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_6,
.planetTooltip.microplanet.ice_6 { background-position: -192px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_7,
.planetTooltip.microplanet.ice_7 { background-position: -230px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_8,
.planetTooltip.microplanet.ice_8 { background-position: -268px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_9,
.planetTooltip.microplanet.ice_9 { background-position: -306px -98px; }
#galaxyContent .ctContentRow .cellPlanet .ice_10,
.planetTooltip.microplanet.ice_10 { background-position: -344px -98px; }

#galaxyContent .ctContentRow .cellPlanet .jungle_1,
.planetTooltip.microplanet.jungle_1 { background-position: -2px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_2,
.planetTooltip.microplanet.jungle_2 { background-position: -40px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_3,
.planetTooltip.microplanet.jungle_3 { background-position: -78px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_4,
.planetTooltip.microplanet.jungle_4 { background-position: -116px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_5,
.planetTooltip.microplanet.jungle_5 { background-position: -154px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_6,
.planetTooltip.microplanet.jungle_6 { background-position: -192px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_7,
.planetTooltip.microplanet.jungle_7 { background-position: -230px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_8,
.planetTooltip.microplanet.jungle_8 { background-position: -268px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_9,
.planetTooltip.microplanet.jungle_9 { background-position: -306px -131px; }
#galaxyContent .ctContentRow .cellPlanet .jungle_10,
.planetTooltip.microplanet.jungle_10 { background-position: -344px -131px; }

#galaxyContent .ctContentRow .cellPlanet .normal_1,
.planetTooltip.microplanet.normal_1 { background-position: -2px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_2,
.planetTooltip.microplanet.normal_2 { background-position: -40px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_3,
.planetTooltip.microplanet.normal_3 { background-position: -78px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_4,
.planetTooltip.microplanet.normal_4 { background-position: -116px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_5,
.planetTooltip.microplanet.normal_5 { background-position: -154px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_6,
.planetTooltip.microplanet.normal_6 { background-position: -192px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_7,
.planetTooltip.microplanet.normal_7 { background-position: -230px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_8,
.planetTooltip.microplanet.normal_8 { background-position: -268px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_9,
.planetTooltip.microplanet.normal_9 { background-position: -306px -164px; }
#galaxyContent .ctContentRow .cellPlanet .normal_10,
.planetTooltip.microplanet.normal_10 { background-position: -344px -164px; }

#galaxyContent .ctContentRow .cellPlanet .water_1,
.planetTooltip.microplanet.water_1 { background-position: -2px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_2,
.planetTooltip.microplanet.water_2 { background-position: -40px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_3,
.planetTooltip.microplanet.water_3 { background-position: -78px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_4,
.planetTooltip.microplanet.water_4 { background-position: -116px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_5,
.planetTooltip.microplanet.water_5 { background-position: -154px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_6,
.planetTooltip.microplanet.water_6 { background-position: -192px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_7,
.planetTooltip.microplanet.water_7 { background-position: -230px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_8,
.planetTooltip.microplanet.water_8 { background-position: -268px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_9,
.planetTooltip.microplanet.water_9 { background-position: -306px -197px; }
#galaxyContent .ctContentRow .cellPlanet .water_10,
.planetTooltip.microplanet.water_10 { background-position: -344px -197px; }

#galaxyContent .ctContentRow div.activity {
    position: absolute;
    top: 0;
    left: 3px;
    height:15px;
    width:12px;
}

#galaxyContent .ctContentRow .micromoon div.activity {
    left: 0;
}

#galaxyContent .ctContentRow div.fleetAction {
    position: absolute;
    right: 3px;
    bottom: 0;
    height: 12px;
    width: 12px;
    overflow: hidden;
    text-align: center;
    z-index: 10;
    margin-left: 0;
}

#galaxyContent .ctContentRow .micromoon div.fleetAction,
#galaxyContent .ctContentRow .microdebris div.fleetAction {
    right: 0;
}

#galaxyContent .ctContentRow div.activity.minute15 {
    background: url("/img/icons/91ad13c8f9a7e9390085d12adde508.png") no-repeat 0 -656px;
    z-index: 10;
}
#galaxyContent .ctContentRow  div.activity.minute60 {
    background: url("/img/icons/91ad13c8f9a7e9390085d12adde508.png") no-repeat 0 -640px;
    z-index: 10;
}

#galaxyContent .ctContentRow  div.activity.showMinutes {
    width: 15px;
    background-color: #000000;
    color: #ffa800;
    padding: 0 1px 0px 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;
}

#galaxyContent .ctContentRow  div.phalanxActive,
#galaxyContent .ctContentRow  div.phalanxInctive {
    height: 16px;
    width: 16px;
    margin-left: 3px;
}
#galaxyContent .ctContentRow  div.phalanxActive {
    background-image: url(/img/icons/1cae570e41fc188133be9d548d6523.gif);
}
#galaxyContent .ctContentRow  div.phalanxInctive {
    background-image: url(/img/icons/a2971aab52113ceb949b180e408f16.gif);
}

#galaxyContent .expeditionDebrisSlotBoxRow,
#galaxyContent .eventSlotRow {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

#galaxyContent .expeditionDebrisSlotBoxCell,
#galaxyContent .eventSlotBoxCell {
    background-color: rgba(0, 0, 0, 0.66);
    border-radius: 6px;
    font-size: 11px;
    color: #CFCBC2;
    height: 43px;
    width: 22px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#galaxyContent .expeditionDebrisSlotBox,
#galaxyContent .bdaySlotBox {
    background: #090d12 url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -590px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(20,29,37,0.8) 0%, rgba(9,13,18,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,29,37,0.8)), color-stop(100%,rgba(9,13,18,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* W3C */
    border: 1px solid #23303A;
    border-color: #24323D #131A20 #131A20 #131A20;
    border-radius: 3px;
    box-shadow: 0 0 2px 1px black, inset 0 1px 2px 1px hsl(205, 33%, 11%);
    font-size: 11px;
    line-height: 15px;
    margin: 3px 4px 3px 5px;
    min-height: 41px;
    padding: 4px 4px 5px 4px;
    flex-direction: row;
    width: calc(100% - 32px);
    box-sizing: border-box;
    display: inline-flex;
}

#galaxyContent .expeditionDebrisSlotBox > div,
#galaxyContent .bdaySlotBox > div {
    display: flex;
    width: 38%;
    justify-content: center;
    align-items: center;
}

#galaxyContent .bdaySlotBox > div.birthdayNameWrapper {
    width: 62%;
    justify-content: flex-start;
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotDebrisContainer {
    flex-direction: column;
    width: 9%;
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotActions {
    width: 53%;
    align-items: center;
    justify-content: flex-end;
    gap: 2px;
    flex-direction: row;
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotActions #sendExpeditionFleetTemplateFleet {
    justify-content: center;
    position: relative;
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotActions > div#galaxyExpeditionFleetTemplateContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: calc(100% - 100px);
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotActions > div#galaxyExpeditionFleetTemplateContainer > a#expeditionFleetTemplateBtn {
    color: #6F9FC8;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2px;
    line-height: 12px;
    width: calc(100% - 80px);
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotActions > div#galaxyExpeditionFleetTemplateContainer.disabled > a#expeditionFleetTemplateBtn {
    color: #444444;
    cursor: not-allowed !important;
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotActions #expeditionFleetTemplateBtn > span.expedtionFleetTemplateBtnTitle {
    word-break: break-all;
    max-width: calc(100% - 20px);
}

#galaxyContent .expeditionDebrisSlotBox > div#expeditionDebrisSlotActions > div#galaxyExpeditionFleetTemplateContainer > select {
    width: 80px;
    overflow: hidden;
    float: right;
}

#galaxyContent .expeditionDebrisSlotBox .title,
#galaxyContent .bdaySlotBox .title {
    color: #3a7fb4;
    font-weight: 700;
    padding: 6px 10px;
    text-align: left;
    text-shadow: 1px 1px 1px black, 0 0 7px hsl(200, 60%, 35%);
    width: 100%;
}
#galaxyContent .expeditionDebrisSlotBox img { margin: 0 5px 0 0; }

#galaxyContent #birthdayName,
#galaxyContent #expeditionDebris {
    display: flex;
    align-items: center;
    gap: 10px;
}

#galaxyContent #birthdayName {
    padding-left: 12px;
    justify-content: flex-start;
}

#galaxyContent .ctContentRow .cellAction {
    gap: 2px;
}
#galaxyContent .ctContentRow .cellAction .emptyAction,
#galaxyContent .ctContentRow .cellAction>span {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
}
#galaxyContent .ctContentRow .cellAction a {
    width:16px;
    height: 16px;
    display: inline-block; /*IE6 */
    /*position: absolute;*/
    top: 0;
}
#galaxyContent .ctContentRow .cellAction img {
    padding:0px;
    margin:0;
    border:none 0px;
    width: 16px;
    height: 16px;
}

/* NEW GALAXY LAYOUT END */

.graveyard h2 {
    color: #6F9FC8;
    font-size: 13px;
    font-weight: 700;
}
.graveyard h3 {
    color: #6F9FC8;
    font-size: 12px;
    font-weight: 700;
}

.graveyard .side_navigation a {
    font-weight: 700;
    text-decoration: none;
    display:block;
    line-height: 20px;
    font-size: 13px;
}
.graveyard .side_navigation a.active {
    color:#ffffff;
}

.graveyard a.historylink {
    font-weight: 700;
    text-decoration: underline;

    display:block;
    line-height: 20px;
    font-size: 13px;
}

.graveyard .c-left, .marketplace .c-right {
    top:213px;
}

.graveyard header {
    position: relative;
    width: 654px;
    height: 250px;
    background: url("/img/icons/505a4e2bfa28586bc525a891e5b043.jpg");
    margin: 0 auto;
}

.graveyard header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

.graveyard .wrapper .header {
    position: relative;
    height: 28px;
    background-image: url("/img/icons/10e31cd5234445e4084558ea3506ea.gif");
    background-repeat: no-repeat;
}

.graveyard .wrapper .content {
    position: relative;
    background: url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    min-height: 150px;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
}

.graveyard .wrapper .content .filter-wrapper {
    margin-top: -10px;
}

.graveyard .wrapper .content .content-wrapper {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.graveyard .wrapper .footer {
    position: relative;
    background: url("/img/icons/997fd607a76c0b713e24cb7f2d41f5.png") no-repeat;
    height: 50px;
    width: 667px;
    z-index: 1;
}

.graveyard #restrictions {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.graveyard .break {
    flex-basis: 100%;
    height: 0;
}

.graveyard .spacer {
    width: 100px;
}

.graveyard .singleDesc {
    flex-grow: 2;
    display: flex;
    justify-content: space-between;
    background-color: rgba(0, 0, 0, 0.66);
    margin:1px;
    align-items: center;
    padding: 3px;
    line-height: 20px;
}
.graveyard .restrictionOk,
.graveyard .restrictionNack {
    background: url("/img/icons/8a1f887e234e345bf032302d5d81fe.png") no-repeat;
    height: 20px;
    width: 20px;
    z-index: 1;
}

.graveyard .restrictionOk {
    background-position-x: 0px;
}
.graveyard .restrictionNack {
    background-position-x: -20px;
}

.graveyard .content .inner-box {
    border-radius: 2px;
    background: linear-gradient(
            to bottom,
            rgba(19, 28, 38, 1) 0%,
            rgba(30, 43, 56, 1) 50%,
            rgba(30, 43, 57, 1) 51%,
            rgba(30, 43, 57, 1) 100%
    ) 0 28px;
    border: 1px solid #1d2228;
    border-top-color: #2e363e;
    border-bottom-color: #000;
    margin:5px;
}

.graveyard .content h2 {
    padding: 0 11px 0;
    background: linear-gradient(
            to bottom,
            rgba(20,30,38,1) 0%,
            rgba(20,30,38,1) 50%,
            rgba(16,24,31,1) 51%,
            rgba(16,24,31,1) 100%
    );
}

.graveyard .content .clearfix {
    display: block;
}

.graveyard .content h2 {
    color: #619fc8;
    font-size: 15px;
    height: 27px;
    line-height: 27px;
    margin: 0 0 5px;
    text-shadow: -1px -1px 0 #000;
}

.graveyard .content p {
    color: #848484;
    font-size: 12px;
    line-height: normal;
    padding: 0 11px 0;
    margin: 15px 0;
}

.graveyard #incentiveContainer {
    display: flex;
    flex-direction: row;
    padding: 0 11px;
    margin-bottom: 5px;
}

.graveyard .incentiveItem,
.graveyard .incentiveOfficer {
    border-radius: 5px;
    border: 1px solid #767b84;
    width: 32px;
    height: 32px;
    margin-right: 3px;
}

.graveyard .incentiveOfficer {
    background-repeat: no-repeat;
    background-image: url("/img/icons/f593aa158c734df9e6223f00721981.jpg");
}

.officer32.admiral { background-position: -32px 0; }
.officer32.engineer { background-position: -64px 0; }
.officer32.geologe { background-position: -96px 0; }
.graveyard .commander { background-position: 0 0; }
.graveyard .admiral { background-position: -32px 0; }
.graveyard .engineer { background-position: -64px 0; }
.graveyard .geologist { background-position: -96px 0; }
.graveyard .technocrat { background-position: -128px 0; }



#exodus-indicator {
    position: relative;
    width: 138px;
    height: 63px;

    margin-top: 10px;
    margin-bottom: 10px;

    background: url("/img/icons/475a1ccd7c3d81e9bb757f1548557a.png");
    cursor: pointer;
}

#exodus-indicator div {
    position: absolute;
    left: 47px;
    top: 21px;

    width: 35px;
    height: 20px;

    background-position: 0 0;
    background-repeat: no-repeat;
}

#exodus-indicator-acknowledged {
    background-image: url("/img/icons/95a15ec4094e2f5ba1f12349d302eb.png");
}

#exodus-indicator-waiting {
    background-image: url("/img/icons/a64bb7a1b9620875f071a00c08b64e.gif");
}

#exodus-indicator-processed {
    position: relative;
    width: 138px;
    height: 63px;

    margin-top: 10px;
    margin-bottom: 10px;

    background: url("/img/icons/635528fe5c717cda8a97c8f16dd36f.png");
}

#exodus-overlay {
    z-index: 999;

    position: fixed;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
    overflow: hidden;

    background-color: #000000;

    opacity: 0.75;
    filter: alpha(opacity=75);
}

#exodus-dialog {
    z-index: 1000;

    position: absolute;
    left: 50%;
    top: 50px;

    width: 793px;
    margin-left: -398px;

    background-color: #0d1014;
    border: 1px solid #000000;
    text-align: left;

    -moz-box-shadow: 0 0 0 1px #0d1014, 0 0 0 3px #000000, 0 0 4px 3px #ffffff;
    -webkit-box-shadow: 0 0 0 1px #0d1014, 0 0 0 3px #000000, 0 0 4px 3px #ffffff;
    box-shadow: 0 0 0 1px #0d1014, 0 0 0 3px #000000, 0 0 4px 3px #ffffff;

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

#exodus-close {
    position: absolute;
    top: 0;
    right: 3px;
    cursor: pointer;
}

#exodus-header {
    height: 35px;
    overflow: hidden;
    margin: 2px 4px 0 2px;

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 -35px repeat-x;
}

#exodus-header-content {
    position: relative;
    display: inline-block;

    height: 33px;
    overflow: hidden;
    padding: 6px 30px 0 30px;

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

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 -70px repeat-x;

    text-shadow: #000000 -1px -1px 2px;
}

#exodus-header-content:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 30px;
    height: 35px;
    overflow: hidden;
    content: '';

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 -105px no-repeat;
}

#exodus-header-content:after {
    position: absolute;
    top: 0;
    right: 0;

    width: 30px;
    height: 35px;
    overflow: hidden;
    content: '';

    background: url("/img/icons/a2521ce1d8e2bc37d89c654a1c1382.png") 0 0 no-repeat;
}

#exodus-content {
    margin: 2px 4px 4px 4px;
    padding: 5px 7px;

    background-color: #14181d;
    border-top: 2px solid #16202a;
}

#exodus-top-content {
    padding: 2px 5px 5px 5px;
    margin-bottom:10px;

}

#exodus-tab-content,
#exodus-ally-content,
#exodus-rules-content,
#exodus-buddy-content {
    padding: 5px;

    border: 1px solid #000000;
    background-color: #0d1014;
}

.graveyard .og-table {
    padding: 0 11px 0;
    margin: 15px 0;
}

.graveyard .serverselect h2{
    color: #6F9FC8;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 3px 0;
    padding: 0;
    background: none;
    height: 15px;
    line-height: 15px;
}
.graveyard .serverselect .og-table {
    margin: 8px 0;
}

.graveyard .serverselect select,
.graveyard .serverselect .og-input,
.graveyard .serverselect .og-button {
    margin-top: 3px;
}
.graveyard .serverselect .og-button {
    height: 24px;
    line-height: 24px;
}

.graveyard .serverselect #noServer {
    display: block;
    position: relative;
    font-size: 11px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 4px;
}

.graveyard .disabled {
    pointer-events: none;
    cursor: not-allowed !important;
    background-color: #333333 !important;
    background: none !important;
}

.graveyard .serverselect {
    background: none !important;
}

.graveyard .og-loading > .og-loading-overlay > .og-loading-indicator {
    position:absolute;
    left:50%;
    top:50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background: url("/img/icons/6e0f46d7504242302bc8055ad9c8c2.gif");
    background-size: 100%;
}

#happyedit #traderEdit li {
    margin-left: 20px;
}

#happyedit ul#items {
    list-style-type: none;
}
#happyedit ul#items>li {
    display: inline-block;
    margin-left: 3px;
}
#happyedit ul#items>li>a {
    display: block;
}

#dbedit h3{
    font-size: 18px;
    font-weight: bold;
}

#dbedit p {
    margin-top: 30px;
}

#saveDBForm .backupName {
    width: 200px;
}
#restoreDBForm .backupName {
    width: 213px;
}
.dropdown .redWarning {
    color: red;
}
.happyedit {
    background: #000000;
}
.happyedit .content {
    padding-left: 5px;
}
.happyedit .happyeditTask:nth-child(odd) {
    background-color: #2f3744;
}
.happyedit .happyeditTask:nth-child(even) {
    background-color: #142433;
}
.happyedit .happyeditTask {
    padding: 5px;
}
.happyedit .happyeditTask span {
    font-weight: bold;
}
.happyedit .smallDesc {
    color: #848484;
    font-size: 11px;
    line-height: 130%;
    margin: 3px 0 0 4px;
    height: 12px;
}
.happyedit .changes {
    line-height: 10px;
}
.happyedit .changes input {
    margin-right: 5px;
}
.happyedit .tabs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.happyedit .tabs div {
    position: relative;
    width: auto;
    height: 30px;
    text-align: center;
    margin-bottom: 30px;
    flex-basis: 20%;
}
.happyedit .tabs div a {
    position: relative;
    min-width: 110px;
    height: 30px;
    box-sizing: border-box;
    line-height: 28px;

    border: 1px solid #89c2f3;
    border-radius: 8px;

    display: inline-block;
    text-decoration: none;

    font-weight: 700;

    white-space: nowrap;
    padding:0 5px;
}
.happyedit .tabs div a span {
    color: #ffffff;
}
.happyedit .tabs div.active a {
    background-color: #628ed2;
}

.happyedit .tabs div a:hover {
    background-color: #628ed2;
}
.happyedit .happyedit-items {
    display: flex;
    flex-wrap: wrap;
}
.happyedit .happyedit-itembox {
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    padding: 2px;
    position: relative;
}
.happyedit .happyedit-itembox .amount{
    position: absolute;
    bottom: 0;
    right: 2px;
    background: black;
    color: white;
    padding: 2px;
    font-size: 9px;
}
.happyedit .happyedit-itembox img {
    width: 100%;
}
.happyedit .marginLeft25 {
    margin-left: 25px;
}
.happyedit hr {
    margin: 20px 0;
}
.happyedit table {
    border-spacing: 10px;
    /*table-layout: fixed;*/
}
.happyedit .debrisTable input {
    width: 100px;
}
.happyedit .happyedit-finish-fleet {
    cursor: pointer;
}
.happyedit .allInputHolder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px 0 10px;
}
.happyedit h2 {
    font-size: 1rem;
    padding-bottom: 20px;
    border-bottom: 2px solid #f1f1f1;
}
.happyedit .isFlex {
    display: flex;
}
.happyedit .marginRight25 {
    margin-right: 25px;
}
.happyedit .verticalPadding20 {
    padding: 20px 0;
}
.happyedit .width100 {
    width: 100px;
}

.happyedit #eventContent .originFleet span,
.happyedit #eventContent .destFleet span {
    width: 70px;
}

.happyedit .detailsFleet {
    max-width: 55px;
    min-width: 55px;
}

.happyedit .detailsFleet span {
    word-break: break-all;
}

#happyeditcomponent header,
#happyeditcomponent .row {
    display: flex;
}
#happyeditcomponent .col {
    flex: 1;
}
#happyeditcomponent .lifeformSel {
    width: 38px;
}

#happyeditcomponent #lifeformSettings >p,
#happyeditcomponent #lifeformBuilding >p
{
    text-align: left;
    font-weight: 300;
    padding: 15px;
}
#happyeditcomponent .icon.icon_warning {
    background: url(/img/icons/91ad13c8f9a7e9390085d12adde508.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
    background-position: 0 -208px;
}
#happyeditcomponent #lifeformSettings .icon_warning,
#happyeditcomponent #lifeformBuilding .icon_warning
{
    margin: 0 5px -3px 0;
}
#happyeditcomponent section hr {
    margin: 3px 0;
}
/* The container */
#happyeditcomponent section .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 25px;
}

/* Hide the browser's default checkbox */
#happyeditcomponent section .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#happyeditcomponent section .checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
#happyeditcomponent section .container:hover input ~ .checkmark
{
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#happyeditcomponent section .container input:checked ~ .checkmark
{
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
#happyeditcomponent section .checkmark:after
{
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#happyeditcomponent section .container input:checked ~ .checkmark:after
{
    display: block;
}

/* Style the checkmark/indicator */
#happyeditcomponent section .container .checkmark:after
{
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#happyeditcomponent header {
    width: inherit !important;
    height: inherit !important;
}

/* Create a custom radio button */
#happyeditcomponent section .radiocheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
#happyeditcomponent section .container:hover input ~ .radiocheckmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
#happyeditcomponent section .container input:checked ~ .radiocheckmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#happyeditcomponent section .radiocheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
#happyeditcomponent section .container input:checked ~ .radiocheckmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
#happyeditcomponent section .container .radiocheckmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

#happyeditcomponent section .lifeformsection {
    display: flex;
    align-items: center;
    gap: 3px;
}

#happyeditcomponent .lifeformimg {
    position: relative;
    width:36px;
    display: block;
    transition: all 0.2s ease-in;
    border-radius: 5px;
    border: 1px solid #767b84;
    height: 36px;
    padding: 1px;
}

#happyeditcomponent .lifeformimg:hover {
    transform: scale(1.2);
}

#happyeditcomponent .lifeform-item-icon {
    width:32px;
    height:32px;
    background-position-y: -280px;
}
#happyeditcomponent .lifeform-item-icon.lifeform0 {
    display: block;
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 3px;
    background: linear-gradient(#445982, #253249);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
}
#happyeditcomponent .lifeformTech0 {
    display: block;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 3px;
    background: linear-gradient(#445982, #253249);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
}

#happyeditcomponent .lifeform-item-icon.lifeform1 {
    background-position-x: -4px;
}
#happyeditcomponent .lifeform-item-icon.lifeform2 {
    background-position-x: -45px;
}
#happyeditcomponent .lifeform-item-icon.lifeform3 {
    background-position-x: -80px;
}
#happyeditcomponent .lifeform-item-icon.lifeform4 {
    background-position-x: -115px;
}
#happyeditcomponent .infodetail {
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 3px;
    background: linear-gradient(#445982, #253249);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
}
#happyeditcomponent .infodetail:hover {
    background: linear-gradient(#6b86b4, #384c6b);
}

#happyeditcomponent .queuePic.lifeformqueuetiny {
    margin-top: 1px;
    margin-bottom: 1px;
}

#happyeditcomponent .happyedit-buffs-list {
    padding-right: 5px;
}

#happyeditcomponent .happyedit-buffs-list li:nth-child(even) {
    background-color: #111111;
}

#happyeditcomponent .happyedit-buffs-buff {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    margin: 10px 10px 0 10px;
    padding: 5px;
}

#happyeditcomponent .happyedit-buffs-buff .happyedit-buffs-buffimage {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #89c2f3;
}

#happyeditcomponent .happyedit-buffs-groupactions {
    margin: 10px 10px 10px 15px;
    text-align: center;
}

#happyeditcomponent .happyedit-buffs-groupactions button {
    margin: 0 5px 0 5px;
}
#happyeditcomponent .classSelector {
    cursor: pointer;
}

#happyeditcomponent #resetBashing {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 10px;
}

#happyeditcomponent #resetBashingInput {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    gap: 15px;
}

#happyeditcomponent #resetBashingInput span {
    width: 200px;
}

#headerbarcomponent {
    position: absolute;
    top:0;
    width: 100%;
}
#headerbarcomponent .OGameClock {
    color:#848484;
    font-weight: 700;
}

#siteHeader {
    /* Positioning */
    position: absolute;
    /* Box-Model */
    height: 19px;
    width: 100%;
    /* Typography */
    /* Visual */
    background: transparent url("/img/icons/92e5dcfd750b5ecd8734e3d13b7fee.gif") repeat-x 0px 0px;
    /* Misc */
}

body.no-commander #pageContent {
    top:35px;
}

#pageContentEnd {
    clear: both;
    margin-bottom: 20px;
}

#top {
    height: 143px;
    background-image: url("/img/icons/0d9cdd8b2ddfd7664a3e29c86a1436.png");
}

#left {
    width: 160px;
    float: left;
    position: relative;
    top: -32px;
}

#middle {
    width: 670px;
    margin-left: 10px;
    float: left;
}

#right {
    width: 150px;
    float: right;
}

#bottom {
    clear: both;
}

.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale") brightness(70%); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    filter: grayscale(100%) brightness(70%);
    -webkit-filter: grayscale(100%) brightness(70%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.grayscale-60 {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.6\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(60%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.hueRotate {
    filter: hue-rotate(275deg) contrast(130%); /* Firefox... */
    -webkit-filter: hue-rotate(275deg) contrast(130%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/* *****************************************************************************
   STATION: JUMPGATE OVERLAY
***************************************************************************** */
#jumpgate,
#fleetTemplatesEdit #submit_std {
    color:#6F9FC8;
    overflow:hidden;
    background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6);
    padding: 5px;
    width: 630px;
}

#jumpgate div.fright {
    width: 300px;
}

#jumpgate h4 {
    background-color: #13181d;
    border:1px solid #030303;
    font-weight:100;
    font-size:11px;
    margin: 10px 0;
    padding:5px 0;
    text-align:center;
}

#jumpgate .quantity {
    color:#ffffff;
    font-size: 10px;
}
#jumpgate .secondcol {
    margin: 10px 0 2px 0;
    width: 100%;
    height: 42px;
}
#jumpgate .secondcol span { padding: 5px; }

#jumpgate span.standardJumpGate {
    display:block;
    float:right;
    padding:3px 0;
}

#jumpgate span.standardJumpGate a:link,
#jumpgate span.standardJumpGate a:visited,
#jumpgate span.standardJumpGate a:active{ font-size: 11px; color:#6F9FC8; text-decoration:none;}
.no-touch #jumpgate span.standardJumpGate a:hover { font-size: 11px; color:#9C0; text-decoration:underline;}

#jumpgateNotReady {
    background: #332126; /* Old browsers */
    background: -moz-linear-gradient(top,  #332126 0%, #0f080e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#332126), color-stop(100%,#0f080e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #332126 0%,#0f080e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #332126 0%,#0f080e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #332126 0%,#0f080e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #332126 0%,#0f080e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#332126', endColorstr='#0f080e',GradientType=0 ); /* IE6-9 */

    border-radius: 5px;
    border: 1px solid;
    border-color: hsl(342, 18%, 23%) hsl(308, 22%, 10%) hsl(308, 22%, 7%) hsl(308, 22%, 10%);
    line-height: 25px;
    margin: 25px auto;
    padding:30px 0;
    width:450px;
}

#jumpgateNotReady p {
    text-align:center;
    font-size:18px;
    color:#ff0000;
}

#jumpgateNotReady p.countdown {
    font-weight:700;
    margin-top:10px;
    color:#FF3300;
}

#fleet1 #sftcontainer #fleetTemplatesEdit table {
    margin: 0 auto;
    width: 600px;
}
/* *****************************************************************************
    .ship_selection_table - used in #jumpgate and #fleetTemplatesEdit Overlays
***************************************************************************** */
.ship_selection_table {
    width: 616px;
    table-layout: fixed;
}
.ship_selection_table .ship_txt_row {
    color: #848484;
    padding: 5px;
    width: 210px;
}
.ship_selection_table .ship_txt_row p {
    line-height: 25px;
    margin: 0 0 0 35px;
}
.ship_selection_table .ship_input_row {
    padding: 3px 0;
    width: 90px;
}

#fleet1 #sftcontainer #fleetTemplatesEdit td{
    color:#848484;
    line-height:16px;
    overflow: visible;
}

/* *****************************************************************************
   Combat reports (from /html//gf2.geo.gfsrv.net/cdnd0/0635da115aae0f2498db515cf73987.css)
***************************************************************************** */
.ship_list_28 {
    position:relative;
    list-style-type:none;
    margin:10px 0 0 0;
    padding:0;
}

.ship_list_28 li {
    width:28px;
    height:28px;
    background-repeat:no-repeat;
    float:left;
    margin:0 5px 10px 5px;
    position:relative;
}

.ship_list_28 .buildingimg {
    background-image: url("/img/icons/3b19b4263662f5a383524052047f4f.png");
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
}

.ship_list_28 .defenseimg {
    background-image: url("/img/icons/f558e785801d91bd366b6423150266.png");
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
}

.ship_list_28 .defense401 { background-position: 0 0; }
.ship_list_28 .defense401.off { background-position: 0 -56px; }

.ship_list_28 .defense402 { background-position: -28px 0; }
.ship_list_28 .defense402.off { background-position: -28px -56px; }

.ship_list_28 .defense403 { background-position: -56px 0; }
.ship_list_28 .defense403.off { background-position: -56px -56px; }

.ship_list_28 .defense404 { background-position: -84px 0; }
.ship_list_28 .defense404.off { background-position: -84px -56px; }

.ship_list_28 .defense405 { background-position: -112px 0; }
.ship_list_28 .defense405.off { background-position: -112px -56px; }

.ship_list_28 .defense406 { background-position: -140px 0; }
.ship_list_28 .defense406.off { background-position: -140px -56px; }

.ship_list_28 .defense407 { background-position: -168px 0; }
.ship_list_28 .defense407.off { background-position: -168px -56px; }

.ship_list_28 .defense408 { background-position: -196px 0; }
.ship_list_28 .defense408.off { background-position: -196px -56px; }

.ship_list_28 .defense502 { background-position: -224px 0; }
.ship_list_28 .defense502.off { background-position: -224px -56px; }

.ship_list_28 .defense503 { background-position: -252px 0; }
.ship_list_28 .defense503.off { background-position: -252px -56px; }

/* Kleiner Transporter */
.ship_list_28 .civil202 { background-position: 0 0; }
.ship_list_28 .civil202.off { background-position: 0 -56px; }

/* Großer Transporter */
.ship_list_28 .civil203 { background-position: -28px 0; }
.ship_list_28 .civil203.off { background-position: -28px -56px; }

/* Leichter Jäger */
.ship_list_28 .military204 { background-position: -56px 0; }
.ship_list_28 .military204.off { background-position: -56px -56px; }

/* Schwerer Jäger */
.ship_list_28 .military205 { background-position: -84px 0; }
.ship_list_28 .military205.off { background-position: -84px -56px; }

/* Kreuzer */
.ship_list_28 .military206 { background-position: -112px 0; }
.ship_list_28 .military206.off { background-position: -112px -56px; }

/* Schlachtschiff */
.ship_list_28 .military207 { background-position: -140px 0; }
.ship_list_28 .military207.off { background-position: -140px -56px; }

/* Kolonieschiff */
.ship_list_28 .civil208 { background-position: -168px 0; }
.ship_list_28 .civil208.off { background-position: -168px -56px; }

/* Recycler */
.ship_list_28 .civil209 { background-position: -196px 0; }
.ship_list_28 .civil209.off { background-position: -196px -56px; }

/* Spionagesonde */
.ship_list_28 .civil210 { background-position: -224px 0; }
.ship_list_28 .civil210.off { background-position: -224px -56px; }

/* Bomber */
.ship_list_28 .military211 { background-position: -252px 0; }
.ship_list_28 .military211.off { background-position: -252px -56px; }

/* Zerstörer */
.ship_list_28 .military213 { background-position: -308px 0; }
.ship_list_28 .military213.off { background-position: -308px -56px; }

/* Todesstern */
.ship_list_28 .military214 { background-position: -336px 0; }
.ship_list_28 .military214.off { background-position: -336px -56px; }

/* Schlachtkreuzer */
.ship_list_28 .military215 { background-position: -364px 0; }
.ship_list_28 .military215.off { background-position: -364px -56px; }

/* Solarsatelit */
.ship_list_28 .civil212 { background-position: -280px 0; }
.ship_list_28 .civil212.off { background-position: -280px -56px; }

/* Reaper */
.ship_list_28 .military218 { background-position: -392px 0; }
.ship_list_28 .military218.off { background-position: -392px -56px; }

/* Pathfinder */
.ship_list_28 .military219 { background-position: -420px 0; }
.ship_list_28 .military219.off { background-position: -420px -56px; }

/* Crawler */
.ship_list_28 .civil217 { background-position: -448px 0; }
.ship_list_28 .civil217.off { background-position: -448px -56px; }

#introcomponent {
    position: absolute;
    top: 30px;
    left: unset;
}

#intro #headerImage {
    background-image: url(/img/icons/eeef0ab9d961b9022fffdb3f07d774.jpg);
    background-size: cover;
    height: 250px;
    margin: 0 8px 3px 8px;
    border-radius: 5px;
}

#intro #inhalt {
    position: absolute;
    text-align: center;
}

#intro .content div {
    padding: 0;
}

#intro .content div.spacer {
    padding: 10px;
}

#intro h1 {
    color: #6F9FC8;
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 15px 0;
}

#intro .content h2 {
    color: #6F9FC8;
    font-size: 14px;
    font-weight: 700;
}

#intro input[type="text"] {
    text-align: center;
}

#intro .header 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;
}

#intro p {
    padding: 5px 50px;
}

#blocker {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0.1, 0.1, 0.1, 0.9);
    background-image: url(/img/icons/5a93e1a7b8dba6d3612f495db45ee0.jpg);
    background-size: cover;
}

#right {
    opacity: 0.99;
}

#intro .boxWrapper .content {
    opacity: 0.86;
}

#intro .boxes {
    position: relative;
    display: flex;
    flex-direction: row;
}

#intro .box {
    position: relative;
    box-sizing: border-box;

    width: 100%;

    padding:20px !important;
    margin:5px;

    border-width: 1px;
    border-style: solid;
    border-color:#333333;

    color:#848484;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;

    transition: transform 0.4s ease-in-out;

    cursor: pointer;
}

#intro .box.selected {
    border-color:#6F9FF8;
}

#intro a.box {
    text-decoration: none;
}

#intro .box:hover {
    transform: scale(1.05);
}

#intro .boxContent {
    flex-grow: 1;
    margin-bottom: 10px;
}

#ipimenucomponent a {
    text-decoration: none;
    color: white;
}

#ipimenucomponent .ipiMenuTrackedAction {
    width: 165px;
    margin: 0 0 10px 0;
}

#ipimenucomponent .ipiMenuTrackedAction:hover {
    filter: brightness(1.2);
}

#ipimenucomponent .ipiMenuHead {
    background: url("/img/icons/41e941f1dba8d329d19555deab2aaf.gif") no-repeat;
    height: 29px;
    width: 100%;
    background-size: cover;
    text-align: center;
    line-height: 29px;
    position: relative;
}

#ipimenucomponent .ipiMenuBody {
    background: url("/img/icons/8b7c1229aa38b7feeef224b5bdd5b6.gif") repeat-y;
    background-size: contain;
    text-align: center;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    word-wrap: break-word;
}

#ipimenucomponent .ipiMenuFooter {
    background: url("/img/icons/94ae7afab3b437156abf147af013e6.gif") no-repeat;
    height: 12px;
    width: 100%;
    background-size: contain;
}

#ipimenucomponent .ipiHintCollect {
    background: #9c0;
    border: 1px solid #9c0;
    border-radius: 18px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    text-align: center;
    color: #000;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: -2px;
    right: -2px;
}

.ipiHintable {
    position: relative;
}

.ipiHintable.ipiHintActive::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #ffd700;
    border-radius: 5px;
    filter: blur(1px);
    content: '';
    box-sizing: border-box;
    z-index: 100;
    pointer-events: none;
    animation-name: ipiHintBlink;
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
    transform: scale(1);
}

.technology.metalStorage.ipiHintable.ipiHintActive::after,
.technology.crystalStorage.ipiHintable.ipiHintActive::after,
.technology.deuteriumStorage.ipiHintable.ipiHintActive::after {
    width: 100% !important;
    left: 5px;
}

.introductionMessageWrapper .boxWrapper .introductionMessageHeading {
    text-align: center;
    line-height: 29px;
    color: white;
}

.introductionMessageWrapper .introductionMessageContent {
    padding: 6px;
    display: flex;
}

.introductionMessageWrapper .introductionMessageContent .introductionMessageImage {
    background: url("/img/icons/7e81fd6abb319907e7db2753aab275.png") no-repeat center;
    background-size: contain;
    width: 100px;
    height: 100px;
    margin-right: 12px;
    min-width: 100px;
}

.introductionMessageWrapper .introductionMessageContent .introductionMessageMessage {
    align-self: center;
    color: white;
}

.introductionMessageWrapper .introductionMessageFooter {
    display: flex;
    width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 6px;
    align-items: center;
}

.introductionMessageWrapper .introductionMessageEmphasis {
    color: white;
    font-weight: bold;
    font-size: 1.1em;
}

.introductionMessageWrapper .introductionMessageFooter .introductionMessageButton {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -244px no-repeat;
    color: #fff;
    font-weight: 600;
    height: 24px;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 183px;
    cursor: pointer;
    background-size: 717px 551px;
    line-height: 22px;
    display: inline-block;
}

@keyframes ipiHintBlink {
    0% {filter: blur(1px); transform: scale(1);}
    50% {filter: blur(1.5px); transform: scale(1.02);}
    100% {filter: blur(1px); transform: scale(1);}
}

#ipioverviewlayer {
    max-width: 900px;
    width: 900px;
    padding-bottom: 10px;
}

#ipiOverviewHeadbar {
    background: transparent url("/img/icons/8b1b8753656d41d90d32e41a2000af.gif") no-repeat;
    background-size: cover;
    height: 32px;
    color: #6f9fc8;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
}

#ipiOverviewChapters {
    display: flex;
    margin: 5px 5px 0 5px;
    flex-wrap: nowrap;
    gap: 3px;
}

#ipiOverviewChapterTitle {
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#ipiOverviewContent {
    padding: 0 18px;
    background: url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    background-size: contain;
    position: relative;
}

#ipiOverviewTasklist {
    overflow: auto;
    padding-bottom: 100px;
}

#ipiOverviewFooter {
    background: transparent url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") 0 0 repeat-y;
    height: 29px;
    background-position: bottom;
    background-size: cover;
}

#ipiOverviewChapters .ipiChapterItem {
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    padding: 0;
}
#ipiOverviewChapters .ipiChapterItem a {
    height: 44px;
    line-height: 34px;
    color: white;
    text-decoration: none;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 10px;
    box-sizing: border-box;
}
#ipiOverviewChapters .ipiChapterItem.active {
    background: #355d4a url(/img/icons/f31afc335e98da94533966b41da2be.png) 0 2px repeat-x;
    background: -moz-linear-gradient(top, #52866e 0%, #579675 17%, #629b7f 51%, #44755b 53%, #3d7e5e 85%, #609479 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52866e), color-stop(17%,#579675), color-stop(51%,#629b7f), color-stop(53%,#44755b), color-stop(85%,#3d7e5e), color-stop(100%,#609479));
    background: -webkit-linear-gradient(top, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    background: -o-linear-gradient(top, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    background: -ms-linear-gradient(top, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    background: linear-gradient(to bottom, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    border-color: #70a388 #579676 #547e6a #62a282;
    color: #fff !important;
    text-shadow: 0 1px 2px #2d5240;
}

.ipiTaskItem {
    background-color: #13181D;
    margin: 0 0 10px 0
}

.ipiTaskItem .ipiTaskItemHeader {
    display: flex;
    text-align: center;
    background: #13181D url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat;
    line-height: 20px;
    height: 22px;
}
.ipiTaskItem .ipiTaskItemHeader:hover {
    background-color: #23282D;
}
.ipiTaskItem.active .ipiTaskItemHeader {
    background-position-y: bottom;
}

.ipiTaskItem .ipiTaskItemHeader div {
    border: 1px solid #000;
    box-sizing: border-box;
}
.ipiTaskItem .ipiTaskItemHeader:hover div {
    border: 1px solid #13181d;
}

.ipiTaskItem .ipiTaskItemTitle {
    cursor: pointer;
    width: 60%;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    padding: 0 10px 0 35px;
    white-space: nowrap;
}
.ipiTaskItem .ipiTaskItemProgress {
    text-shadow: 1px 1px 2px black;
    width: 15%;
}
.ipiTaskItem .ipiTaskItemTrack {
    cursor: pointer;
    width: 25%;
    color: #FFF;
}
.ipiTaskItem[data-state="collected"] .ipiTaskItemTrack {
    color: #848484;
}
.ipiTaskItem[data-state="tracked"] .ipiTaskItemTrack {
    color: #ffd700;
}
.ipiTaskItem[data-state="completed"] .ipiTaskItemTrack {
    color: #9c0;
}

.ipiTaskItem .ipiTaskItemContent {
    overflow: hidden;
    background-color: #23282D;
    display: none;
}
.ipiTaskItem .ipiTaskItemContent .ipiTaskItemContentInner {
    border: 1px solid #000;
    border-top: 0;
    overflow-y: auto;
}

.ipiTaskItem .ipiTaskItemDescription {
    border-bottom: 1px solid #848484;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    display: flex;
    align-items: center;
}

.ipiTaskItem .ipiTaskItemImage {
    height: 100px;
    width: 100px;
    background-color: transparent;
    background-image: url("/img/icons/1c31f5aabe222ec0ec58ebbcdc9586.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

.ipiTaskItem .ipiTaskItemDescriptionInner {
    padding: 10px 20px;
    width: 80%;
}

.ipiTaskItem .ipiTaskItemContentSplit {
    display: flex;
}
.ipiTaskItem .ipiTaskItemActions {
    width: 60%;
    padding: 10px 5px;
    box-sizing: border-box;
}
.ipiTaskItem .ipiTaskItemActionsList {
    margin: 5px 0 0 0;
}
.ipiTaskItem .ipiActionItem {
    color: #6F9FC8;
    max-width: 350px;
    margin-left: 5px;
    list-style-type: square;
    list-style-position: inside;
}
.ipiTaskItem .ipiTaskItemContentCollect {
    padding: 15px 40px 15px 40px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}


.ipiOverviewCollectRewards {
    display: inline-block;
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -244px no-repeat;
    color: #fff;
    font-weight: 600;
    height: 24px;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 183px;
    cursor: pointer;
    background-size: 717px 551px;
    line-height: 22px;
}
.ipiOverviewCollectRewards:hover {
    color: #ccc !important;
}
.ipiOverviewCollectRewards.disabled {
    background-position: 0 -210px;
    color: #ccc;
    cursor: default;
}
.ipiOverviewCollectRewards.disabled:hover {
    color: #ccc !important;
}

#ipiOverviewChapterRewards {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    align-items: center;
    border: 1px solid #000;
    background-color: #13181D;
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    box-sizing: border-box;
}
.ipiTaskItem .ipiTaskItemRewards {
    width: 40%;
    padding: 10px 5px;
    box-sizing: border-box;
}
.ipiRewardsList span {
    color: #FFF;
}
.ipiRewardsList span.resourceReward::before {
    display: block;
    width: 48px;
    height: 32px;
    margin: 0 0 2px 0;
    background: url("/img/icons/7f14c18b15064d2604c5476f5d10b3.png") no-repeat 0 -160px;
    content: "";
}
.ipiRewardsList span.resourceReward.resource-1::before {
    background-position-x: -48px;
}
.ipiRewardsList span.resourceReward.resource-2::before {
    background-position-x: -96px;
}
.ipiRewardsList span.resourceReward.resource-4::before {
    background-position-x: -192px;
}
.ipiRewardsList span.technologyReward img {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 0 2px 0;
}
ul.ipiRewardsList {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0 0 0;
    gap: 5px;
}
ul.ipiRewardsList li {
    text-align: center;
}
ul.ipiRewardsList li.fullwidth {
    width: 100%;
    text-align: left;
}

#ipioverviewlayer .ipiHintCollect {
    background: #9c0;
    border: 1px solid #9c0;
    border-radius: 18px;
    width: 18px;
    height: 18px;
    line-height: 15px;
    text-align: center;
    color: #000;
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    top: -5px;
    right: 0;
}

#ipioverviewlayer .ipiTaskCompletedMark {
    display: none;
}

#ipioverviewlayer .ipiTaskItem[data-state="collected"] .ipiTaskCompletedMark {
    display: inline-block;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container{ /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}



/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container{ margin-right: 15px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container{
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal{
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper{
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container{
    padding-right: 30px;
    padding-bottom: 30px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{
    padding-right: 0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{
    padding-bottom: 0;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    /*-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;*/
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
    /*-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;*/
}



/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/

/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/

/* default theme ("light") */

.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.4);
    filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.85);
    filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.9);
    filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACQCAYAAACPtWCAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxMURDMzE5NzIzQkNFMTExOTY0QkYwNzFDNzkwNTlDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOTMwRUZENEMxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOTMwRUZEM0MxMUUxMUUzOUYxQkJGN0E1MDMzNTg1MCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MGJlMjMyZC1hNzgzLTI1NGQtOTI4Yy02NDI0YmQxNTg0YWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTFEQzMxOTcyM0JDRTExMTk2NEJGMDcxQzc5MDU5QzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ZvSKsAAAH5ElEQVR42uyd3Y3jNhRGpZSQ7SJA3lyACtg+psEUoAL2zZjtIgtMBYqcWBsvh5e8/Cel8wECPLZ5JZMHpHj5UTNv2zYh1EozACIARACIUI8AHh/Oja6v9fnTKnee/73+vY7nK54/FUDzg7kRfNOIEB6N//PHVIag9flTAZSonBvBNxSEZuPXhqD1+VMB9N0UzhEgzRngq3X+Io0fA0HMENr6/KkAbkZDb5bX2gaNGUK1M6JS588G36PRXhvQ/KzEEOqDr/T5cwI4K//OPYTmArDJEG72GL6/cw+huQCsOYSXmAXbesotAoLYHiznEF59FmrrKUN7z5QeLOcQ3gJAF2ijDeHVAXSBNtoQ3hrAOUO8ywIofT8k3lUBLJmKGS4Z3TIRPHoeEAABEAABEAARAkAEgAgBIAJAhAAQASBCAIjODyCJ6JTKJRENgAAIgAAIgNUAxI6VACB2rHwA2spgSA0AAENq/BCMJT9hCL66JZ9NSRmBY1NSPIBHY7EtM/LGn22Z8UMwG9Mzzj5TepErbkxvOoR1dP4iEPJojrBJCA8nyggBDyeqNwsuASGPZxvw/DkARAgAEQAiBIAIABECQASACFUDsGQuLkfsrq+vZC4uR+zW16dNRJdo4Byxu76+GBtVzdg9XJ92Ka53+HJfY3LskeDLfY0hsTVmhBHgc9ZHhtjzmeFzVkbgOWyxQwEMnZXMHcOXcn1RMUIaN7SBa8OXcn0ACIDDAsgQzBDcdAhmEsIkpPkkhDQMaZjmaRizIUhEJzQEieh4ABEqJgBEAIgAECEARACIULcAnj5lUvL6zpAyKREjBsCUBrpsYvssiePcMUKH4J4bOcfSXNHHgfQMYY6luagnekXcA7aGsGsjQu8Q9mREkAAsaXfKAeFl7Vg5ILy6HxAAAZAhmCG47yGYSQiTkC4nIaRhSMM0TcOQiM7QwCSi0+8BEcoHPgAiAEQAiBAAIgBEqDWAt/34uh/Lfvz5fO++H+t+/LUf3zwxU8uPXaHz7Pz9e31/K1l+OD0AfDne9uN9k/X+/M4kHKnlhz52ve3H+/RfPtF2PD57K1V+yDoz4PnY/PoQIEotfwb4PhzwHMeHDaLU8qMDeBN6ruNzW092e/n85un5fOVHh+9m67lePrf1ZDdfeU9PeIr6++05Ej/uOf4wb0eE19Pzu19f/raVP8rZlmXM8uIdwhRuv2qhT7//dTnKsjSlqr9HOWFZS1V/j6WxUPtVbR0ALg74pPcW4bUGYKmMCZ/tdY9aJPgc7znrzwOwt/5ewesZwmMW/Pd+/O6AxQbGj/348nz9Wt4V47UiXsu7vjcp4rae+f78/V7/2/8w/Ni/+8Us74phgPSzvOd7ky9uDz1gzh5odgyhmgrYHEP4MEnL2B7oFRJzCFX564zvm/F6BfCuuO8y378Lr7UA3wNA7v3/Bd99912W9531pwD4rgW55/8XfAC4RpRdhddagFcHeHPA+z0oW/0FALxK4En3oD0PwY8Viu8B5b4/y0yZyo8u6i/DSgiJaBLRTVdCWIpjKa76gRkh/+wXM0JEHhAhAEQAiBAAIgBECADRNQEkDZNSoaRhwkQimkQ0e0JYiksuz54Q9oSwJyTznhCXtHtCtOVHF/UXKWlPiEaL8Frr55POqfUT9qRs9Rfg51uESYzWT9jVLNi2J2RzvH5I2hNis9Db3pP2hNgs/CWfrJpj5vtpT8ijsaXXx++37QmxWegFW711T4jNwl/yyaq5esBJ6LFiGj11T0fqnpJesgtRlvjUPR2pe0paAXhXQqLd07B5ytrKTB7QeobvroFEuydEGkK19afcFtoVgGsEQKvw2vZ9W7w1oCfsvedbIwBy1p9iU9JaogduBaBtT4ILIO2eBmnioN3TME9jDLuffr8HIFX9OSYOqvrrdSOStBJCIppENHtCWIpjTwhmhLSUDGaEiDwgQgCIABAhAEQAWGIycanJSe7JxGknJ5XSKZdKz+ROp5w5PTNVSChfKkGdO6F89gS1+UaqM1obT4qZ6pQ2Yw/ljNbGc8RMckqbsWs6og/5npZvyufMdT09Pyae826igzsa59Pyc9WfI2Z0/bUyq5oALg5QpAtcHPEXD3xbYDwNfC0X3xcJFEcDB9WfIuaSAl9t84I5C059Wr4p19PzpQZxxesZvuSn5bviBQAtxusNPlsPiFBTAF3OaPNG2FZmcsTT9lb3wN/Q079xEJ3Rh7fP87R8Z10oe6ug+mv9bxxMANcIYFZH/DViyFxjRr9OIFwjgAmqP0XM4PprCaEJoM8ZbcrnzHU5pWPiaSFsJaczOlf9OWJG118z5zSJaBLRva2EsBTHUlxTR/QhzAhpKRnMCBF5QIQAEAEgQzBDcLNZMJMQJiH4AUnD4Acs5QeUYsX6AZt6AGv7AR2xovyAUwMPYKgf0LXaEOsHlFYuTucH9Kw2RNefsHJxOj+grXFnZRnpM99a8JKwBNcawsXXuBZwgupPsRYcVH+tzQi1/YAacEL9gFqwa8x8i/oBleAE+QEDwK7SAyLUdAg2/YA2/5/Z24T4ATXD5j3id/Tiiv7FDyj4/6ZYP6By2Ayuv5auaJ8fUAPM6oi/RtyzrYPCJ167B5ig+lPcs62jwGcDUPLvScDE+gEl+E7nB/TMNKPrL+XJqQGz6iYrISSiSUTjB2QpDj8gZoS0lAxmhIg8IEJV9Y8AAwCuz3H3j+GlGwAAAABJRU5ErkJggg=="); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp{
    background-position: 0 0;
    /*
    sprites locations
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */
}

.mCSB_scrollTools .mCSB_buttonDown{
    background-position: 0 -20px;
    /*
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */
}

.mCSB_scrollTools .mCSB_buttonLeft{
    background-position: 0 -40px;
    /*
    sprites locations
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */
}

.mCSB_scrollTools .mCSB_buttonRight{
    background-position: 0 -56px;
    /*
    sprites locations
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    width: 4px;
    background-color: #fff; background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background-color: #fff; background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 8px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: #000; background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools{
    opacity: 1;
    filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #000; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
    background-color: #fff; background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #fff; background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #000; background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
    width: 6px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
    width: 12px;
    background-color: #000; background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

/* ---------------------------------------- */

.mCS-ogame.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #3d5b75;
    filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";
}
.mCS-ogame.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: #567394;
    filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";
}
.mCS-ogame.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-ogame.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background: #627f9b;
    filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";
}

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
/*.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }*/
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,%20Arial,%20Helvetica,%20sans-serif&fwDefault=bold&fsDefault=11px&cornerRadius=2px&bgColorHeader=333333&bgTextureHeader=02_glass.png&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=01_flat.png&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=02_glass.png&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=222222&bgTextureHover=02_glass.png&bgImgOpacityHover=40&borderColorHover=222222&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=000000&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=000000&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=eeeeee&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=02_glass.png&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
/*.ui-widget { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }*/
/*.ui-widget-content {
    border: 1px solid #1F2833;
    background: #000000;
    color: #848484;
    font-size: 11px;
    line-height: 14px;
}*/
/*.ui-widget-content a { color: #ffffff; }*/
/*.ui-widget-header {
    background: #3d4b5b url("/cdn/img/shop/ie-grad-sprite.png") 0 -990px repeat-x;  Old browsers
    background: -moz-linear-gradient(top,  #3d4b5b 0%, #2b343f 49%, #1f262d 50%, #1f2934 100%);  FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d4b5b), color-stop(49%,#2b343f), color-stop(50%,#1f262d), color-stop(100%,#1f2934));  Chrome,Safari4+
    background: -webkit-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%);  Chrome10+,Safari5.1+
    background: -o-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%);  Opera 11.10+
    background: -ms-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%);  IE10+
    background: linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%);  W3C
    border: 1px solid #111a22;
    color: #6F9FC8;
    font-weight: 700;
}*/
/*.ui-widget-header a { color: #ffffff; }*/

/* Interaction states
----------------------------------*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #666666; background: #555555 url("/img/icons/0c3ec3ee54a9faec0e79ac152ab6a3.png") 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; }*/
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: -moz-linear-gradient(top,  #4c5d70 0%, #3c4856 49%, #313c47 50%, #303e4e 100%);  FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5d70), color-stop(49%,#3c4856), color-stop(50%,#313c47), color-stop(100%,#303e4e));  Chrome,Safari4+
    background: -webkit-linear-gradient(top,  #4c5d70 0%,#3c4856 49%,#313c47 50%,#303e4e 100%);  Chrome10+,Safari5.1+
    background: -o-linear-gradient(top,  #4c5d70 0%,#3c4856 49%,#313c47 50%,#303e4e 100%);  Opera 11.10+
    background: -ms-linear-gradient(top,  #4c5d70 0%,#3c4856 49%,#313c47 50%,#303e4e 100%);  IE10+
    background: linear-gradient(top,  #4c5d70 0%,#3c4856 49%,#313c47 50%,#303e4e 100%);  W3C
    border: 1px solid #111a22;
    font-weight: bold; color: #ffffff;
}*/
/*.ui-state-hover a,.no-touch  .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #000000; background: #000000 url("/img/icons/7c5bd10a80c2efd710d91db1bbb539.png") 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }*/
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #eeeeee url("/img/icons/01d1b38ed269e02de83d13feaf35e1.png") 50% top repeat-x; color: #2e7db2; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #2e7db2; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ffb73d; background: #ffc73d url("/img/icons/6d5bd86bbf5251e1bb312c67649615.png") 50% 50% repeat-x; color: #111111; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #111111; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #111111; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 15px; height: 15px; background-image: url("/img/icons/b15372a722a9d55d2e8f1af98c3439.png"); }
/*.ui-widget-content .ui-icon {background-image: url("/img/icons/b15372a722a9d55d2e8f1af98c3439.png"); }*/
/*.ui-widget-header .ui-icon {background-image: url("/cdn/img/navigation/close-details.jpg"); }
.ui-state-default .ui-icon { background-image: url("/img/icons/b15372a722a9d55d2e8f1af98c3439.png"); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url("/img/icons/ae48c526ee99428bfacf15becd8248.png"); }
.ui-state-active .ui-icon {background-image: url("/img/icons/ae48c526ee99428bfacf15becd8248.png"); }
.ui-state-highlight .ui-icon {background-image: url("/img/icons/a85e6852635a174b050e71b25631b4.png"); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url("/img/icons/bb183fd896e7df443fe12b97a23737.png"); }*/

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-closethick { background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -208px -1px no-repeat; }
.ui-state-hover .ui-icon-closethick { background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -208px -18px no-repeat; }
/*.ui-icon-closethick { background-position: -96px -128px; }*/

.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */

/*.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
*/

/* Overlays */
.ui-widget-overlay {
    background: transparent url("/img/icons/e5e55ee761820a45c11bbce63a8170.png") repeat;
    background: rgba(20, 26, 30,0.8);
}
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url("/img/icons/8f9d4d9f79fff1a4bf39b593f36255.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60"); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*!
 * jQuery UI Resizable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Accordion 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */

.ui-accordion { width: 100%; }

.ui-accordion .ui-accordion-header:after,
.ui-accordion .ui-accordion-header,
.ui-accordion .ui-accordion-header .ui-icon {
    background-image:url(/img/icons/d03835718066a5a592a6426736e019.png);
    background-repeat: repeat-x;
}

.ui-accordion .ui-accordion-header {
    color: #576472;
    cursor: pointer;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 35px;
    position: relative;
    zoom: 1;
}
.ui-accordion .ui-accordion-header:after {
    content: '';
    display: block;
    background-position: -21px -169px;
    position: absolute;
    right: -2px;
    top: 1px;
    width: 10px;
    height: 26px;
}
.ui-accordion .ui-accordion-header.ui-state-hover {
    background-position: 0 -28px;
    color: #6f9fc8;
}
.ui-accordion .ui-accordion-header.ui-state-hover:after { background-position: -21px -196px; }

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: -4px;
    top: 0;
    width: 31px;
    height: 27px;
}
.ui-accordion .ui-icon-triangle-1-e { background-position: 0 -57px; }
.ui-accordion .ui-state-hover .ui-icon-triangle-1-e { background-position: 0 -85px; }
.ui-accordion .ui-icon-triangle-1-s { background-position: 0 -113px; }
.ui-accordion .ui-state-hover .ui-icon-triangle-1-s { background-position: 0 -141px; }

.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-content {
    background-color: #0d1014;
    border: 2px solid #000;
    display: none;
    margin: -2px 0 2px 0;
    overflow: auto;
    padding: 10px;
    position: relative;
    top: 1px;
    zoom: 1;
}
.ui-accordion .ui-accordion-content-active { display: block; }

/*!
 * jQuery UI Autocomplete 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
/* * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.21
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
/*!
 * jQuery UI Button 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*!
 * jQuery UI Dialog 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */

.ui-dialog {
    position: absolute;
    width: 300px;
    overflow: hidden;
    -webkit-box-shadow: 5px 8px 15px  #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    box-shadow: 5px 8px 15px  #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ui-dialog {
        box-shadow: none;/* IE10 Hack. zeichnet schatten der seite zu spaet neu. abgeschaltet. */
    }
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em; position: relative;
    background: #3d4b5b url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -990px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #3d4b5b 0%, #2b343f 49%, #1f262d 50%, #1f2934 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d4b5b), color-stop(49%,#2b343f), color-stop(50%,#1f262d), color-stop(100%,#1f2934)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* IE10+ */
    background: linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* W3C */
    border: 1px solid #111a22;
    color: #6F9FC8;
    font-weight: 700;
}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; min-width: 0; background: transparent !important; border: none;}
/* .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.no-touch  .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } */
.ui-dialog .ui-dialog-content, #popupContent {
    position: relative;
    padding: 5px; overflow: auto; zoom: 1;
    background: #0D1014;
    border: 1px solid #1F2833;
    color: #848484;
    font-size: 11px;
    line-height: 14px;
}
.ui-dialog .ui-dialog-content.payment{
    padding: 0;
}
#popupContent {
    border: none;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    background-image: none;
    background-color: #0D1014;
    border-style: solid;
    border-color: #1F2833;
    border-width: 0 1px 1px 1px;
    margin: 0;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.errorBox .ui-dialog-titlebar {display:none}
.errorBox.ui-dialog, .errorBox .ui-dialog-content {
    padding: 0;
    background: transparent;
    border: none;
}
/*!
 * jQuery UI Slider 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
/*.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }*/
/*!
 * jQuery UI Tabs 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
/*.ui-tabs { position: relative; padding: .2em; zoom: 1; }   position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }  first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere...
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }*/


/*!
 * jQuery UI Datepicker 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.no-touch .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.no-touch .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*!
 * jQuery UI Progressbar 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

/*.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }*/

/* A class used by the jQuery UI CSS framework for their dialogs. */
.ui-front {
    z-index: 99999; /* The default is 100. !important overrides the default. */
}

*[w50] {
    width: 50px;
}

*[w68] {
    width: 68px;
}

*[w100] {
    width: 100px;
}

*[w150] {
    width: 150px;
}
*[w310] {
    width: 310px;
}

*[w380] {
    width: 380px;
}

*[w390] {
    width: 390px;
}

*[w400] {
    width: 400px;
}

*[w420] {
    width: 420px;
}

*[w450] {
    width: 450px;
}

*[w100p] {
    width: 100%;
}

*[h30] {
    height: 30px;
}

*[p4] {
    padding: 4px;
}

*[ml4] {
    margin-left: 4px;
}

*[mb4] {
    margin-bottom: 4px;
}

*[mt4] {
    margin-top: 4px;
}

*[mr4] {
    margin-right: 4px;
}

*[mr8] {
    margin-right: 8px;
}

*[sq16] {
    width: 16px!important;
    height: 16px!important;
    --var-width: 16 !important;
    --var-height: 16 !important;
}

*[text-blue] {
    color: #6f9fc8;
}

*[light-background] {
    background: #1b2028;
}
*[text-center] {
    text-align: center;
}

*[text-left] {
    text-align: left;
}

*[fontsize-9] {
    font-size: 9px;
}

*[fontsize-11] {
    font-size: 11px;
}

*[font-weight-normal] {
    font-weight: normal;
}

*[blue-bordered-container] {
    border: 1px solid #6f9fc8;
    border-radius: 4px;
}

*[flex] {
    display: flex;
}

*[justify-content-center] {
    justify-content: center;
}

*[justify-content-evenly] {
    justify-content: space-evenly;
}

*[flex-direction-row] {
    flex-direction: row;
}

*[align-items-center] {
    align-items: center;
}

*[align-items-baseline] {
    align-items:baseline;
}

*[display-block] {
    display: block;
}

*[block] {
    display: block;
}

*[icon-blue] {
    filter: invert(66%) sepia(63%) saturate(277%) hue-rotate(169deg) brightness(120%) contrast(94%);
}

#lfbonusescomponent .shortHeader {
    height: 90px!important;
    background-size: cover;
}

#lfbonusescomponent .headerRS,
#lfbonusescomponent .footerRS {
    background: transparent url("/img/icons/32469184f13227d35e7cb4bdab93ae.gif") no-repeat;
    line-height:normal;
    height: 29px;
}

#lfbonusescomponent .mainRS {
    background: transparent url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    padding-top:10px;
}

#lfbonusescomponent .footerRS {
    background: transparent url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") no-repeat;
    margin-top: -4px;
}

#lfbonusescomponent .info {
    width: 16px;
    height: 18px;
}

.bonusesButtonHolder {
    display: flex;
    justify-content: end;
    margin-bottom: 14px;
}

#lfbonusescomponent .bonusesButton {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -143px -162px no-repeat;
    height: 25px;
    font-size: 11px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    padding: 0;
    width: 231px;
    margin-right: 0;
}

.bonusesButton:hover {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -143px -187px no-repeat;
    color:#ccc;
}

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

#lfbonusescomponent #planet.shortHeader {
    background-image: url("/img/icons/4f6e70340afdf44aeab2f5d69fbaaf.jpg");
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#lfbonusescomponent #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;
}

#lfbonusescomponent .bonusesButtonHolder {
    margin-bottom: 0;
}
bonus-items-holder {
    display: block;
    width: 100%;
}

bonus-item-heading {
    position: relative;
    width: 100%;
    margin: -2px 0 2px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

bonus-item-heading::before,
bonus-item-heading::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

bonus-item-heading::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

bonus-item-heading::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

arrow-icon {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #2dad40;
    margin-top: 6px;
    margin-bottom: 0;
}

bonus-item-heading.active arrow-icon {
    border: 7px solid transparent;
    border-bottom-color: #2dad40;
    margin-top: 0;
    margin-bottom: 6px;
}

bonus-item-heading arrow-icon {
    margin-left: 25px;
}

bonus-item-heading .info {
    margin-right: 25px;
    display: flex;
}

toggable-target {
    min-width: 100%;
}

bonus-item-content {
    display: none;
    justify-content: space-around;
    padding: 4px 0;
}

bonus-item-content-holder {
    display: flex;
    padding: 4px;
    width: 100%;
    flex-direction: column;
    box-sizing: border-box;
}

lifeform-items {
    display: flex;
    justify-content: space-around;
}

lifeform-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

lifeform-item .currentlevel {
    margin-bottom: 4px;
}

lifeform-avatar-xp-holder {
    position: relative;
    margin-bottom: 4px;
    display: block;
}

lifeform-avatar {
    display: flex;
    flex-direction: column;
    align-items: center;
}

lifeform-avatar .bonusValue {
    margin-top: 4px;
}

lifeform-avatar .xpHolder {
    position: absolute;
    top: -4px;
    left: -4px;
}

lifeform-avatar .lifeform-item-icon {
    border-radius: 50%;
}

inner-bonus-item-heading {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    height: 22px;
    padding: 2px 4px;
    margin-bottom: 4px;
    cursor: pointer;
}

inner-bonus-item-heading:nth-of-type(odd) {
    background: #12171c;
}

inner-bonus-item-heading:hover {
    background: #2a3642;
}

inner-bonus-item-heading .subCategoryBonus {
    margin-left: auto;
}

inner-bonus-item-heading .icon {
    margin-left: 4px;
}

space-object-technology {
    display: flex;
    margin: 1px 0;
    gap: 2px;
}

space-object-technology-item {
    border-radius: 4px;
    box-sizing: border-box;
}

bonus-items {
    display: flex;
    margin-left: auto;
    gap: 1px;
}

bonus-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px;
}

.lfsettingsContentWrapper {
    margin: 10px 2px 0 5px;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000;
    background: #0d1014;
    position: relative;
    flex-direction: column;
}

.lfsettingsContentWrapper:last-of-type {
    margin-bottom: 40px;
}

.lfsettingsContentWrapper.informationalContent {
    padding: 10px;
}

.lfsettingsContentWrapper .lfsettingsContent {
    margin-top: 10px;
    width: 640px;
    position: relative;
}

.lfsettingsContentWrapper::before{
    position: absolute;
    left: -6px;
    top: -1px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

.lfsettingsContentWrapper::after {
    position: absolute;
    left: -8px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
    pointer-events: none;
}

weapon-icon {
    background: url("/img/icons/3dac46b58d42e2b9dd24b3173ed6bc.png");
    background-size: contain;
}

shield-icon {
    background: url("/img/icons/889df7e44004ab002079d4eb02171e.png");
    background-size: contain;
}

armor-icon {
    background: url("/img/icons/cd660cca0a44fe853c7bb717943fb7.png");
    background-size: contain;
}

cargo-icon {
    background: url("/img/icons/8b50b66ce6e5a68fbc80149dcf8eba.png");
    background-size: contain;
}

speed-icon {
    background: url("/img/icons/aa1c3eb3681a7f05a3a11fdd0676e7.png");
    background-size: contain;
}

fuel-icon {
    background: url("/img/icons/a096745e2e4822b8a9249a0c702992.png");
    background-size: contain;
}

cost-reduction-icon {
    background: url("/img/icons/28a655c1a63e16d7da2e42acba48f6.png");
    background-size: contain;
}

time-reduction-icon {
    background: url("/img/icons/886794df2c7c9a917d63ac6b49e448.png");
    background-size: contain;
}

phalanx-icon {
    background: url("/img/icons/0ff64469efe01b88171dc229ac90a9.png");
    background-size: contain;
}

energy-icon {
    background: url("/img/icons/afcace9d3d84b1ae6e76603f9316e7.png");
    background-size: contain;
}

.lfBonusReportWrapper {
    width: 663px;
    max-width: 663px;
    margin: 5px 10px;
}

#lfbuildings header {
    position: relative;
    width: 654px;
    height: 300px;
    margin: 0 auto 8px;
}

#lfbuildings header::after {
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 670px;
    height: 39px;
    background: url("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") bottom left no-repeat, url("/img/icons/7c3b7bb7038a638e9c122542398514.gif") bottom right no-repeat ;
    content: "";
}

#lfbuildings header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#lfbuildings .exhausted,
#lfbuildings .exhausted a {
    color: #d43635;
    display: inline;
}

#lfbuildings #technologies {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
}

#lfbuildings #technologies::before,
#lfbuildings #technologies::after {
    pointer-events: none;
}

#lfbuildings #technologies::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#lfbuildings #technologies::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

#lfbuildings #technologies h3 {
    position: relative;
    width: 100%;
    margin: -2px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

#lfbuildings #technologies h3::before,
#lfbuildings #technologies h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#lfbuildings #technologies h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#lfbuildings #technologies h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#lfbuildings #technologies .icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 7px;
}

#lfbuildings #technologies .icons::after {
    display: inline-block;
    content: "";
    width: 422px;
}

header div.lfSlot a::before {
    content: "";
    display: block;
    position: absolute;
    width: 27px;
    height: 27px;
    background: transparent url(/img/icons/ce44d444b7d14a3ea6fa51fa6c1148.png) 0 0 no-repeat;
    background-position: -405px 0;
    z-index: 2;
    bottom: -2px;
    scale: 0.7;
}

header div.lfSlot a:hover::before {
    background-position: -405px -27px;
}

#lfresearch header {
    position: relative;
    width: 654px;
    height: 300px;
    margin: 0 auto 8px;
}

#lfresearch header::after {
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 670px;
    height: 39px;
    background: url("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") bottom left no-repeat, url("/img/icons/7c3b7bb7038a638e9c122542398514.gif") bottom right no-repeat ;
    content: "";
}

#lfresearch header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#lfresearch .exhausted,
#lfresearch .exhausted a {
    color: #d43635;
    display: inline;
}

#lfresearch #additionalinformation,
#lfresearch #technologies {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
    display: flex;
}
#lfresearch #additionalinformation
{
    justify-content: center;
    align-items: center;
}

#lfresearch #additionalinformation::before,
#lfresearch #additionalinformation::after,
#lfresearch #technologies::before,
#lfresearch #technologies::after {
    pointer-events: none;
}

#lfresearch #additionalinformation::before,
#lfresearch #technologies::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#lfresearch #additionalinformation::after,
#lfresearch #technologies::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}
#lfresearch #additionalinformation p {
    text-align: center;
    font-weight: 300;
    color: #6f9fc8;
    min-height: 16px;
}

#lfresearch #additionalinformation p .icon.icon-warning {
    margin: 0 2px -3px 0 !important;
}

#lfresearch #technologies h3 {
    position: relative;
    width: 100%;
    margin: -2px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

#lfresearch #technologies h3::before,
#lfresearch #technologies h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#lfresearch #technologies .tier1Container h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#lfresearch #technologies .tier3Container h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#lfresearch #technologies .icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-bottom: 7px;
    padding: 0 4px;
}

#lfresearch #technologies .icons::after {
    display: inline-block;
    content: "";
    width: 422px;
}

#lfresearch #technologies .tier1Container,
#lfresearch #technologies .tier2Container,
#lfresearch #technologies .tier3Container {
    display: flex;
    flex-grow: 1;
    width: 33%;
    flex-direction: column;
}

#lfresearch #technologies .populationSubHeading {
    color: #6f9fc8;
    font: 10px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    margin-bottom: 5px;
}

.lfresearchlayer .lfsettingsContent {
    min-height: 100px;
}

.lfresearchlayer .lifeform-item {position: relative;}

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

.lfresearchlayer .lifeform-research-item-icon {
    position: absolute;
    top: 5px;
    left: 10px;
}

.lfresearchlayer .lifeform-item-text > h3 {
    font-weight: 600;
    margin: 4px 115px 6px 15px;
}

.lfresearchlayer .lifeform-item-text {
    font-size: 11px;
    line-height: 150%;
    margin: 0px 0 0 100px;
    padding: 8px 0 0;
    width: 521px;
}

.lfresearchlayer .lifeform-item a.reward-button {
    background: transparent url(/img/icons/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;
}
.lfresearchlayer .lifeformclaimed {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
    margin-bottom: 12px;
}

.lfresearchlayer .lifeformcanclaim {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
    margin-bottom: 12px;
}

.lfresearchlayer .lifeformnotclaim {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
    margin-bottom: 12px;
}

.lfresearchlayer .lifeform-item-wrapper {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -640px 0;
    min-height: 30px;
    padding: 6px 14px;
}

.lfresearchlayer .lifeform-item-wrapper > p {
    width: 490px;
}

.lfresearchlayer .lifeform-item-bottom {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -100px -85px;
    height: 7px;
    width: 519px;
}

.lifeform-research-item-icon.small {
    width: 36px;
    height: 36px;
}
.lifeform-research-item-icon.small.lifeform1,
.lifeform-research-item-icon.small.lifeform2,
.lifeform-research-item-icon.small.lifeform3,
.lifeform-research-item-icon.small.lifeform4 {
    background-position-y: -278px;
}
.lifeform-research-item-icon.small.lifeform1 {
    background-position-x: -3px;
}
.lifeform-research-item-icon.small.lifeform2 {
    background-position-x: -42px;
}
.lifeform-research-item-icon.small.lifeform3 {
    background-position-x: -78px;
}
.lifeform-research-item-icon.small.lifeform4 {
    background-position-x: -114px;
}

.lfresearchlayer .lifeform-research-item-icon {
    width: 77px;
    height: 76px;
    margin-top: 1px;
}
.lfresearchlayer .lifeform-research-item-icon.lifeform1,
.lfresearchlayer .lifeform-research-item-icon.lifeform2,
.lfresearchlayer .lifeform-research-item-icon.lifeform3,
.lfresearchlayer .lifeform-research-item-icon.lifeform4 {
    background-position-y: -200px;
}
.lfresearchlayer .lifeform-research-item-icon.lifeform1 {
    background-position-x: 0;
}
.lfresearchlayer .lifeform-research-item-icon.lifeform2 {
    background-position-x: -78px;
}
.lfresearchlayer .lifeform-research-item-icon.lifeform3 {
    background-position-x: -156px;
}
.lfresearchlayer .lifeform-research-item-icon.lifeform4 {
    background-position-x: -234px;
}

.lfresearchlayer #warning {
    height:150px;
    width:670px;
    background:url("/img/icons/77c5d0b60f22b387b9dc90e2c4a30e.gif") no-repeat;
    margin:1px auto;
}

.lfresearchlayer #warning h3 { padding:7px 0;}

.lfresearchlayer #warning p { padding:15px;}

.lfresearchlayer #warning p,
.lfresearchlayer #warning h3 {
    text-align:center;
    font-weight:700;
    color:#B00000;
}

.lfresearchlayer #warning p img {
    vertical-align:top;
    padding-right:5px;
}

.lfresearchlayer .lifeform-item-holder > p {
    text-align:left;
    font-weight:300;
    width: 598px;
    color: white;
}

.lfresearchlayer .lifeform-item-holder > p img {
    vertical-align:top;
    padding-right:5px;
}

.lfresearchlayer .lifeform-item-holder .icon_warning { margin: 0 5px -3px 0; }

.lfresearchlayer .lifeform-item-holder {
    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;
    padding: 8px 6px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lfresearchlayer .lifeform-technology-bg {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
    margin-bottom: 12px;
    width: 619px;
}

.lfResearchLayerContent {
    width: 690px;
    height: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

#lfresearch .icon.research-locked {
    background: url(/img/icons/5395f4191666be14fe8d735eea568a.png) no-repeat;
    background-size: contain;
}

#lfresearch .icon.research-allowed {
    background: url(/img/icons/551f9ed5cf4e3d83aa405ff41af141.png) no-repeat;
    background-size: contain;
}

#lfresearch .icon.research-disallowed {
    background: url(/img/icons/861798cf20465176615c8c7db91182.png) no-repeat;
    background-size: contain;
    position: relative;
}

#lfresearch .icon.research-disallowed::after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: repeating-linear-gradient(-45deg, rgba(255, 150, 0, .33), rgba(255, 150, 0, .33) 2px, transparent 3px, transparent 7px);
}

#lfresearch .buttons {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}

#lfresearch a.build-it,
.lfresearchlayer a.select-button-artifacts,
.lfresearchlayer a.select-button-100,
.lfresearchlayer a.select-button,
#lfresearch a.build-it_disabled,
.lfresearchlayer a.select-button-artifacts_disabled {
    background: transparent url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") 0 0 no-repeat;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 54px;
    text-decoration: none;
    text-align: center;
    width: 142px;
    float: none;
}

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

#lfresearch a.build-it_disabled,
.lfresearchlayer a.select-button-artifacts_disabled,
#lfresearch a.build-it_disabled:hover,
.lfresearchlayer a.select-button-artifacts_disabled:hover {
    color:#848484;
}

#lfresearch .no-touch a.build-it:hover,
.lfresearchlayer a.select-button-artifacts:hover,
.lfresearchlayer a.select-button-100:hover,
.lfresearchlayer a.select-button:hover,
#lfresearch a.build-it:active,
.lfresearchlayer a.select-button-artifacts:active,
.lfresearchlayer a.select-button-100:active,
.lfresearchlayer a.select-button:active {
    background-position: 0 -54px;
    color: #fff;
    cursor: pointer;
}

#lfresearch a.build-it_disabled,
.lfresearchlayer a.select-button-artifacts_disabled {
    background-position: 0 -108px;
    cursor: default;
}

.lfresearchlayer a.select-button-artifacts,
.lfresearchlayer a.select-button-100,
.lfresearchlayer a.select-button-artifacts_disabled {
    position: absolute;
    bottom: 15px;
    right: 18px;
    font-weight: 600;
    font-size: 11px;
    display: flex;
    align-items: center;
}

.lfresearchlayer a.select-button {
    right: 18px;
    font-weight: 600;
    font-size: 11px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.lfResearchLayerContent .holder {
    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;
    padding: 8px 6px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lfResearchLayerContent .holder h2 {
    color: #6F9FC8;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.lfResearchLayerContent .holder .main-text {
    font-weight: 600;
    margin: 0 0 8px 2px;
    padding: 0 20px;
}

.lfResearchLayerContent .holder .main-text p:first-of-type {
    margin-bottom: 4px;
    color: #f1f1f1;
}

.lfResearchLayerContent .holder .sub-text {
    margin-bottom: 14px;
}

.lfResearchLayerContent .holder .button-holder {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
    margin-bottom: 10px;
}

.lfResearchLayerContent .holder .button-holder a {
    display: block;
    float: none;
    width: 142px;
}

.lfResearchLayerContent .lifeform-item-text .details {
    align-self: center;
}

.lfResearchLayerContent .lifeform-item-text .details {
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 3px;
    background: linear-gradient(#445982, #253249);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 3px 3px 0px 8px;
}

.lfResearchLayerContent .lifeform-item-text .details:hover {
    background: linear-gradient(#6b86b4, #384c6b);
}

.lfResearchLayerContent .slot {
    color: white;
    position: absolute;
    bottom: 5px;
    right: 37px;
}

#lfresearch .tech-tree-locked-message {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
    display: flex;
}

#lfresearch .tech-tree-locked-message::before,
#lfresearch .tech-tree-locked-message::after {
    pointer-events: none;
}

#lfresearch .tech-tree-locked-message::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#lfresearch .tech-tree-locked-message::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

#lfresearch .tech-tree-locked-message {
    color: #B00000;
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

#lfresearch .tech-tree-locked-message p {
    margin: 0 4px;
}

.lfresearchresetlayer .lifeformTechnology {
    position: relative;
    margin-left: 7px;
    margin-bottom: 11px;
    width: 612px;
}

.lfresearchresetlayer .technologyRow {
    width: 612px;
    display: flex;
    justify-content: center;
    margin: 1px 0;
    gap: 2px;
}
.lfresearchresetlayer .technologyInfo {
    display: flex;
    width: 200px;
    box-sizing: border-box;
    min-height: 38px;
    padding: 5px;
    border-radius: 6px;
    background: #1b2028;
    color: #fff;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 11px;
}
.lfresearchresetlayer .technologyName {
    flex: 1;
}
.lfresearchresetlayer .technologyShort {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 11px;
    padding: 5px;
    border-radius: 6px;
    background: #1b2028;
    color: #fff;
    height: 100%;
    min-height: 38px;
}

.lfresearchresetlayer .technologyPosition {
    display: flex;
    box-sizing: border-box;
    min-height: 38px;
    padding: 5px;
    border-radius: 6px;
    background: #1b2028;
    align-items: center;
    justify-content: center;
    color: #6F9FC8;
    font-size: 14px;
    font-weight: 700;
}

.lfresearchresetlayer .technologyRow:hover .technologyShort {
    background: #29313d;
}
.lfresearchresetlayer .technologyRow:hover .technologyInfo {
    background: #29313d;
}
.lfresearchresetlayer .technologyRow:hover .technologyPosition {
    background: #29313d;
}

#lfoverviewcomponent #netz #planet,
#lfsettingscomponent #netz #planet {
    background: url(/img/icons/6dafcd306b27d77508ef115722b6b0.jpg) no-repeat;
    height: 250px;
}

#lfoverviewcomponent #planet h2,
#lfsettingscomponent #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;
}

#lfoverviewcomponent #netz #planet.shortHeader,
#lfsettingscomponent #netz #planet.shortHeader {
    background-image: url("/img/icons/29ebfe0c3f1c5000219cdd3325bed4.jpg");
}

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

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

#lfoverviewcomponent #planet .toggleHeader,
#lfsettingscomponent #planet .toggleHeader {
    background: url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 -22px;
}

#lfoverviewcomponent #technologies,
#lfsettingscomponent #technologies {
    position: relative;
    box-sizing: border-box;
    width: 664px;
    margin-bottom: 30px;
}

#lfoverviewcomponent #technologies::before,
#lfoverviewcomponent #technologies::after,
#lfsettingscomponent #technologies::before,
#lfsettingscomponent #technologies::after {
    pointer-events: none;
}

#lfsettingscomponent #technologies .lfsettingsContentWrapper {
    margin: 10px 2px 0px 5px;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #000;
    background: #0d1014;
    position: relative;
    flex-direction: column;
}

#lfsettingscomponent #technologies .lfsettingsContentWrapper.informationalContent {
    padding: 10px;
}

#lfsettingscomponent #technologies .lfsettingsContentWrapper .lfsettingsContent {
    margin-top: 10px;
    width: 640px;
    position: relative;
}

#lfoverviewcomponent #technologies .lfsettingsContentWrapper::before,
#lfsettingscomponent #technologies .lfsettingsContentWrapper::before {
    position: absolute;
    left: -6px;
    top: -1px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#lfoverviewcomponent #technologies .lfsettingsContentWrapper::after,
#lfsettingscomponent #technologies .lfsettingsContentWrapper::after {
    position: absolute;
    left: -8px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

.lfsettingsContent > h3 {
    position: relative;
    width: 100%;
    margin: -10px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}

.lfsettingsContent > h3::before,
.lfsettingsContent > h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

.lfsettingsContent > h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

.lfsettingsContent > h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#lfoverviewcomponent .lfsettingsContent,
#lfsettingscomponent .lfsettingsContent {
    min-height: 100px;
}

#lfoverviewcomponent .lifeform-item,
#lfsettingscomponent .lifeform-item {position: relative;}

#lfoverviewcomponent .lifeformimg,
#lfsettingscomponent .lifeformimg {
    display: block;
    height: 90px;
    margin: 0 auto;
    width: 621px;
}

#lfoverviewcomponent .lifeform-item-icon,
#lfsettingscomponent .lifeform-item-icon {
    position: absolute;
    top: 5px;
    left: 10px;
}

#lfoverviewcomponent .lifeform-item-text,
#lfsettingscomponent .lifeform-item-text {
    font-size: 11px;
    line-height: 150%;
    margin: 0px 0 0 100px;
    padding: 8px 0 0;
    width: 521px;
}

#lfsettingscomponent .lifeform-item a.reward-button {
    background: transparent url(/img/icons/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;
}
#lfoverviewcomponent .lifeformclaimed,
#lfsettingscomponent .lifeformclaimed {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
    margin-bottom: 5px;
}

#lfsettingscomponent .lifeformcanclaim {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
    margin-bottom: 5px;
}

#lfsettingscomponent .lifeformnotclaim {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
    margin-bottom: 5px;
}

#lfoverviewcomponent .lifeform-item-wrapper {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -640px 0;
    min-height: 135px;
    padding: 6px 14px;
    display: flex;
}
#lfsettingscomponent .lifeform-item-wrapper {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -640px 0;
    min-height: 135px;
    padding: 6px 14px;
}

#lfoverviewcomponent .lifeform-item-wrapper > p,
#lfsettingscomponent .lifeform-item-wrapper > p {
    width: 490px;
}

#lfoverviewcomponent .lifeform-item-bottom,
#lfsettingscomponent .lifeform-item-bottom {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -100px -85px;
    height: 7px;
    width: 519px;
}

.lifeform-item-icon {
    background: url("/img/icons/5681003b4f1fcb30edc5d0e62382a2.png") no-repeat 0 0;
}

.lifeform-item-icon.small {
    width: 36px;
    height: 36px;
}
.lifeform-item-icon.small.lifeform1,
.lifeform-item-icon.small.lifeform2,
.lifeform-item-icon.small.lifeform3,
.lifeform-item-icon.small.lifeform4 {
    background-position-y: -278px;
}
.lifeform-item-icon.small.lifeform1 {
    background-position-x: -3px;
}
.lifeform-item-icon.small.lifeform2 {
    background-position-x: -42px;
}
.lifeform-item-icon.small.lifeform3 {
    background-position-x: -78px;
}
.lifeform-item-icon.small.lifeform4 {
    background-position-x: -114px;
}

#lfoverviewcomponent .lifeform-item-icon,
#lfsettingscomponent .lifeform-item-icon {
    width: 77px;
    height: 76px;
    margin-top: 1px;
}
#lfoverviewcomponent .lifeform-item-icon.lifeform1,
#lfoverviewcomponent .lifeform-item-icon.lifeform2,
#lfoverviewcomponent .lifeform-item-icon.lifeform3,
#lfoverviewcomponent .lifeform-item-icon.lifeform4,
#lfsettingscomponent .lifeform-item-icon.lifeform1,
#lfsettingscomponent .lifeform-item-icon.lifeform2,
#lfsettingscomponent .lifeform-item-icon.lifeform3,
#lfsettingscomponent .lifeform-item-icon.lifeform4 {
    background-position-y: -200px;
}
#lfoverviewcomponent .lifeform-item-icon.lifeform1,
#lfsettingscomponent .lifeform-item-icon.lifeform1 {
    background-position-x: 0;
}
#lfoverviewcomponent .lifeform-item-icon.lifeform2,
#lfsettingscomponent .lifeform-item-icon.lifeform2 {
    background-position-x: -78px;
}
#lfoverviewcomponent .lifeform-item-icon.lifeform3,
#lfsettingscomponent .lifeform-item-icon.lifeform3 {
    background-position-x: -156px;
}
#lfoverviewcomponent .lifeform-item-icon.lifeform4,
#lfsettingscomponent .lifeform-item-icon.lifeform4 {
    background-position-x: -234px;
}

#lfsettingscomponent a.select-button {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -188px no-repeat;
    bottom: 15px;
    color: #fff;
    font-weight: 600;
    height: 15px;
    padding: 5px 0;
    position: absolute;
    right: 36px;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 141px;
    cursor: pointer;
}
#lfsettingscomponent a.select-button:hover {background-position: 0 -214px;}

#lfsettingscomponent a.select-button.disabled,
#lfsettingscomponents a.select-button.disabled:hover {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -162px no-repeat;
    cursor: not-allowed;
}


#lfsettingscomponent #warning {
    height:150px;
    width:670px;
    background:url("/img/icons/77c5d0b60f22b387b9dc90e2c4a30e.gif") no-repeat;
    margin:1px auto;
}

#lfsettingscomponent #warning h3 { padding:7px 0;}

#lfsettingscomponent #warning p { padding:15px;}

#lfsettingscomponent #warning p,
#lfsettingscomponent #warning h3 {
    text-align:center;
    font-weight:700;
    color:#B00000;
}

#lfsettingscomponent #warning p img {
    vertical-align:top;
    padding-right:5px;
}

#lfoverviewcomponent #technologies .lfsettingsContentWrapper >ul,
#lfsettingscomponent #technologies .lfsettingsContentWrapper >ul {
    padding: 0 10px 10px 31px;
    list-style: disc;
}
#lfoverviewcomponent #technologies .lfsettingsContentWrapper >p,
#lfsettingscomponent #technologies .lfsettingsContentWrapper  >p {
    text-align:left;
    font-weight:300;
    padding:15px;
}

#lfoverviewcomponent #technologies .lfsettingsContentWrapper >p img,
#lfsettingscomponent #technologies .lfsettingsContentWrapper >p img {
    vertical-align:top;
    padding-right:5px;
}


#lfsettingscomponent #warning .icon_warning { margin: 0 0 -3px 0; }
#lfsettingscomponent #technologies .icon_warning { margin: 0 5px -3px 0; }


.levelinformation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 80px;
}
.xpbar {
    position: relative;
    height: 88px;
    width: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.xpbar .outer {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    box-shadow: 0 0 1em black;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
}
.xpbar .inner {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: inset 2px 0 1px rgba(0,0,0,0.7),
                inset -2px -2px 3px rgba(255,255,255,0.2);
}
/* lifeform XP bars*/
.xpbar .progress-ring__circle {
    stroke-dasharray: 10 20;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.xpbar .currentlevel {
    color: #f1f1f1;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 12px;
}

/*#lfoverviewcomponent #technologies .lifeformTechnology > h1::before,*/
/*#lfsettings #technologies .lifeformTechnology > h1::before {*/
/*    top: calc(50% - 4px);*/
/*}*/
#lfoverviewcomponent #technologies .lifeformTechnology,
#lfsettings #technologies .lifeformTechnology {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-left: 7px;
    margin-bottom: 11px;
    width: 625px;
}

#lfoverviewcomponent #technologies .lifeformTechnology  > h1,
#lfsettings #technologies .lifeformTechnology  > h1 {
    position: relative;
    width: 100%;
    margin: -2px 0 2px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
    cursor: pointer;
}

#lfsettings #technologies .lifeformTechnology > h1::before,
#lfsettings #technologies .lifeformTechnology > h1::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#lfsettings #technologies .lifeformTechnology > h1::before,
#lfsettings #technologies .lifeformTechnology > h1::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#lfsettings #technologies .lifeformTechnology > h1::after,
#lfsettings #technologies .lifeformTechnology > h1::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#lfoverviewcomponent #technologies .lifeformTechnology h1 span::before,
#lfsettings #technologies .lifeformTechnology h1 span::before {
    position: absolute;
    right: 20px;
    top: 11px;
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #2dad40;
    content: "";
}

#lfoverviewcomponent .technologyRow,
#lfsettings .technologyRow {
    width: 625px;
    display: flex;
    justify-content: center;
    margin: 1px 0;
    gap: 2px;
}
#lfoverviewcomponent .technologyInfo,
#lfsettings .technologyInfo {
    display: flex;
    width: 200px;
    box-sizing: border-box;
    min-height: 38px;
    padding: 5px;
    border-radius: 6px;
    background: #1b2028;
    color: #fff;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2px;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 11px;
}
#lfoverviewcomponent .technologyName,
#lfsettings .technologyName {
    flex: 1;
}
#lfoverviewcomponent .technologyShort,
#lfsettings .technologyShort {
    display: flex;
    flex: 1;
    box-sizing: border-box;
    font-family: Verdana, Arial, SunSans-Regular, sans-serif;
    font-size: 11px;
    padding: 5px;
    border-radius: 6px;
    background: #1b2028;
    color: #fff;
    height: 100%;
    min-height: 38px;
}
#lfoverviewcomponent .technologyRow:hover .technologyShort,
#lfsettings .technologyRow:hover .technologyShort
{
    background: #29313d;
}
#lfoverviewcomponent .technologyRow:hover .technologyInfo,
#lfsettings .technologyRow:hover .technologyInfo
{
    background: #29313d;
}

.lifeformDetailsTitleWrapper {
    display: flex;
    flex-direction: row;
    padding: 5px 15px;
    align-items: center;
}

.lifeformDetailsTitleWrapper .lifeformDetailsTitle {
    font-size: 14px;
    font-weight: bold;
}

LifeformIcon {
    position: relative;
}

LifeformIcon .lifeformSelectedIcon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    top: 2px;
}

.lfsettingsContent .lifeformTechnology .technologyInfo > button.details {
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 3px;
    background: linear-gradient(#445982, #253249);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
}

#productionboxlfbuildingcomponent a.abortNow {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) -208px -71px no-repeat;
    height: 15px;
    position: absolute;
    width: 15px;
    right: 1px;
    bottom: 0;
}

/********************************************************
 ********************************************************
 ******************* SPRITE IMAGES **********************
 ********************************************************
 ********************************************************/
.lifeformsprite_before::before,
.lifeformsprite_after::after,
.queuePic.lifeformqueue,
.queuePic.lifeformqueuetiny,
.lifeformsprite {
    background-image: url('/img/icons/2d828476bacc6b1e6bbfaf2a9fb041.jpg') !important;
}

/********************************************************
 ************** *  SIZES AND MODES  * *******************
 ********************************************************/
.sprite_before.sprite_large::before,
.sprite_after.sprite_large::after,
.lifeformsprite_before.sprite_large::before,
.lifeformsprite_after.sprite_large::after,
.lifeformsprite.sprite_large {
    width: 200px;
    height: 200px;
    /*background-size: 3600px 5920px;*/
}

.sprite_before.sprite_medium::before,
.sprite_after.sprite_medium::after,
.lifeformsprite_before.sprite_medium::before,
.lifeformsprite_after.sprite_medium::after,
.lifeformsprite.sprite_medium {
    width: 100px;
    height: 100px;
}

.sprite_before.sprite_small::before,
.sprite_after.sprite_small::after,
.lifeformsprite_before.sprite_small::before,
.lifeformsprite_after.sprite_small::after,
.lifeformsprite.sprite_small {
    width: 80px;
    height: 80px;
}

.sprite_before.sprite_tiny::before,
.sprite_after.sprite_tiny::after,
.lifeformsprite_before.sprite_tiny::before,
.lifeformsprite_after.sprite_tiny::after,
.lifeformsprite.sprite_tiny {
    width: 28px;
    height: 28px;
}
/* ~~~~~ LIFEFORM1 ~~~~~ */
/* ~~~~~ BUILDINGS ~~~~~ */
/* Large */
.lifeformsprite_before.lifeformTech11101::before,
.lifeformsprite_before.lifeformTech11102::before,
.lifeformsprite_before.lifeformTech11103::before,
.lifeformsprite_before.lifeformTech11104::before,
.lifeformsprite_before.lifeformTech11105::before,
.lifeformsprite_before.lifeformTech11106::before,
.lifeformsprite_before.lifeformTech11107::before,
.lifeformsprite_before.lifeformTech11108::before,
.lifeformsprite_before.lifeformTech11109::before,
.lifeformsprite_before.lifeformTech11110::before,
.lifeformsprite_before.lifeformTech11111::before,
.lifeformsprite_before.lifeformTech11112::before,
.lifeformsprite_after.lifeformTech11101::after,
.lifeformsprite_after.lifeformTech11102::after,
.lifeformsprite_after.lifeformTech11103::after,
.lifeformsprite_after.lifeformTech11104::after,
.lifeformsprite_after.lifeformTech11105::after,
.lifeformsprite_after.lifeformTech11106::after,
.lifeformsprite_after.lifeformTech11107::after,
.lifeformsprite_after.lifeformTech11108::after,
.lifeformsprite_after.lifeformTech11109::after,
.lifeformsprite_after.lifeformTech11110::after,
.lifeformsprite_after.lifeformTech11111::after,
.lifeformsprite_after.lifeformTech11112::after,
.lifeformsprite.sprite_large.lifeformTech11101,
.lifeformsprite.sprite_large.lifeformTech11102,
.lifeformsprite.sprite_large.lifeformTech11103,
.lifeformsprite.sprite_large.lifeformTech11104,
.lifeformsprite.sprite_large.lifeformTech11105,
.lifeformsprite.sprite_large.lifeformTech11106,
.lifeformsprite.sprite_large.lifeformTech11107,
.lifeformsprite.sprite_large.lifeformTech11108,
.lifeformsprite.sprite_large.lifeformTech11109,
.lifeformsprite.sprite_large.lifeformTech11110,
.lifeformsprite.sprite_large.lifeformTech11111,
.lifeformsprite.sprite_large.lifeformTech11112
{
    background-position-y: 0;
}
.lifeformsprite_before.lifeformTech12101::before,
.lifeformsprite_before.lifeformTech12102::before,
.lifeformsprite_before.lifeformTech12103::before,
.lifeformsprite_before.lifeformTech12104::before,
.lifeformsprite_before.lifeformTech12105::before,
.lifeformsprite_before.lifeformTech12106::before,
.lifeformsprite_before.lifeformTech12107::before,
.lifeformsprite_before.lifeformTech12108::before,
.lifeformsprite_before.lifeformTech12109::before,
.lifeformsprite_before.lifeformTech12110::before,
.lifeformsprite_before.lifeformTech12111::before,
.lifeformsprite_before.lifeformTech12112::before,
.lifeformsprite_after.lifeformTech12101::after,
.lifeformsprite_after.lifeformTech12102::after,
.lifeformsprite_after.lifeformTech12103::after,
.lifeformsprite_after.lifeformTech12104::after,
.lifeformsprite_after.lifeformTech12105::after,
.lifeformsprite_after.lifeformTech12106::after,
.lifeformsprite_after.lifeformTech12107::after,
.lifeformsprite_after.lifeformTech12108::after,
.lifeformsprite_after.lifeformTech12109::after,
.lifeformsprite_after.lifeformTech12110::after,
.lifeformsprite_after.lifeformTech12111::after,
.lifeformsprite_after.lifeformTech12112::after,
.lifeformsprite.sprite_large.lifeformTech12101,
.lifeformsprite.sprite_large.lifeformTech12102,
.lifeformsprite.sprite_large.lifeformTech12103,
.lifeformsprite.sprite_large.lifeformTech12104,
.lifeformsprite.sprite_large.lifeformTech12105,
.lifeformsprite.sprite_large.lifeformTech12106,
.lifeformsprite.sprite_large.lifeformTech12107,
.lifeformsprite.sprite_large.lifeformTech12108,
.lifeformsprite.sprite_large.lifeformTech12109,
.lifeformsprite.sprite_large.lifeformTech12110,
.lifeformsprite.sprite_large.lifeformTech12111,
.lifeformsprite.sprite_large.lifeformTech12112
{
    background-position-y: -1480px;
}
.lifeformsprite_before.lifeformTech13101::before,
.lifeformsprite_before.lifeformTech13102::before,
.lifeformsprite_before.lifeformTech13103::before,
.lifeformsprite_before.lifeformTech13104::before,
.lifeformsprite_before.lifeformTech13105::before,
.lifeformsprite_before.lifeformTech13106::before,
.lifeformsprite_before.lifeformTech13107::before,
.lifeformsprite_before.lifeformTech13108::before,
.lifeformsprite_before.lifeformTech13109::before,
.lifeformsprite_before.lifeformTech13110::before,
.lifeformsprite_before.lifeformTech13111::before,
.lifeformsprite_before.lifeformTech13112::before,
.lifeformsprite_after.lifeformTech13101::after,
.lifeformsprite_after.lifeformTech13102::after,
.lifeformsprite_after.lifeformTech13103::after,
.lifeformsprite_after.lifeformTech13104::after,
.lifeformsprite_after.lifeformTech13105::after,
.lifeformsprite_after.lifeformTech13106::after,
.lifeformsprite_after.lifeformTech13107::after,
.lifeformsprite_after.lifeformTech13108::after,
.lifeformsprite_after.lifeformTech13109::after,
.lifeformsprite_after.lifeformTech13110::after,
.lifeformsprite_after.lifeformTech13111::after,
.lifeformsprite_after.lifeformTech13112::after,
.lifeformsprite.sprite_large.lifeformTech13101,
.lifeformsprite.sprite_large.lifeformTech13102,
.lifeformsprite.sprite_large.lifeformTech13103,
.lifeformsprite.sprite_large.lifeformTech13104,
.lifeformsprite.sprite_large.lifeformTech13105,
.lifeformsprite.sprite_large.lifeformTech13106,
.lifeformsprite.sprite_large.lifeformTech13107,
.lifeformsprite.sprite_large.lifeformTech13108,
.lifeformsprite.sprite_large.lifeformTech13109,
.lifeformsprite.sprite_large.lifeformTech13110,
.lifeformsprite.sprite_large.lifeformTech13111,
.lifeformsprite.sprite_large.lifeformTech13112
{
    background-position-y: -2960px;
}
.lifeformsprite_before.lifeformTech14101::before,
.lifeformsprite_before.lifeformTech14102::before,
.lifeformsprite_before.lifeformTech14103::before,
.lifeformsprite_before.lifeformTech14104::before,
.lifeformsprite_before.lifeformTech14105::before,
.lifeformsprite_before.lifeformTech14106::before,
.lifeformsprite_before.lifeformTech14107::before,
.lifeformsprite_before.lifeformTech14108::before,
.lifeformsprite_before.lifeformTech14109::before,
.lifeformsprite_before.lifeformTech14110::before,
.lifeformsprite_before.lifeformTech14111::before,
.lifeformsprite_before.lifeformTech14112::before,
.lifeformsprite_after.lifeformTech14101::after,
.lifeformsprite_after.lifeformTech14102::after,
.lifeformsprite_after.lifeformTech14103::after,
.lifeformsprite_after.lifeformTech14104::after,
.lifeformsprite_after.lifeformTech14105::after,
.lifeformsprite_after.lifeformTech14106::after,
.lifeformsprite_after.lifeformTech14107::after,
.lifeformsprite_after.lifeformTech14108::after,
.lifeformsprite_after.lifeformTech14109::after,
.lifeformsprite_after.lifeformTech14110::after,
.lifeformsprite_after.lifeformTech14111::after,
.lifeformsprite_after.lifeformTech14112::after,
.lifeformsprite.sprite_large.lifeformTech14101,
.lifeformsprite.sprite_large.lifeformTech14102,
.lifeformsprite.sprite_large.lifeformTech14103,
.lifeformsprite.sprite_large.lifeformTech14104,
.lifeformsprite.sprite_large.lifeformTech14105,
.lifeformsprite.sprite_large.lifeformTech14106,
.lifeformsprite.sprite_large.lifeformTech14107,
.lifeformsprite.sprite_large.lifeformTech14108,
.lifeformsprite.sprite_large.lifeformTech14109,
.lifeformsprite.sprite_large.lifeformTech14110,
.lifeformsprite.sprite_large.lifeformTech14111,
.lifeformsprite.sprite_large.lifeformTech14112
{
    background-position-y: -4440px;
}

.lifeformsprite_before.lifeformTech11101::before,
.lifeformsprite_after.lifeformTech11101::after,
.lifeformsprite.sprite_large.lifeformTech11101,
.lifeformsprite_before.lifeformTech12101::before,
.lifeformsprite_after.lifeformTech12101::after,
.lifeformsprite.sprite_large.lifeformTech12101,
.lifeformsprite_before.lifeformTech13101::before,
.lifeformsprite_after.lifeformTech13101::after,
.lifeformsprite.sprite_large.lifeformTech13101,
.lifeformsprite_before.lifeformTech14101::before,
.lifeformsprite_after.lifeformTech14101::after,
.lifeformsprite.sprite_large.lifeformTech14101 {
    background-position-x: 0;
}
.lifeformsprite_before.lifeformTech11102::before,
.lifeformsprite_after.lifeformTech11102::after,
.lifeformsprite.sprite_large.lifeformTech11102,
.lifeformsprite_before.lifeformTech12102::before,
.lifeformsprite_after.lifeformTech12102::after,
.lifeformsprite.sprite_large.lifeformTech12102,
.lifeformsprite_before.lifeformTech13102::before,
.lifeformsprite_after.lifeformTech13102::after,
.lifeformsprite.sprite_large.lifeformTech13102,
.lifeformsprite_before.lifeformTech14102::before,
.lifeformsprite_after.lifeformTech14102::after,
.lifeformsprite.sprite_large.lifeformTech14102 {
    background-position-x: -200px;
}
.lifeformsprite_before.lifeformTech11103::before,
.lifeformsprite_after.lifeformTech11103::after,
.lifeformsprite.sprite_large.lifeformTech11103,
.lifeformsprite_before.lifeformTech12103::before,
.lifeformsprite_after.lifeformTech12103::after,
.lifeformsprite.sprite_large.lifeformTech12103,
.lifeformsprite_before.lifeformTech13103::before,
.lifeformsprite_after.lifeformTech13103::after,
.lifeformsprite.sprite_large.lifeformTech13103,
.lifeformsprite_before.lifeformTech14103::before,
.lifeformsprite_after.lifeformTech14103::after,
.lifeformsprite.sprite_large.lifeformTech14103 {
    background-position-x: -400px;
}
.lifeformsprite_before.lifeformTech11104::before,
.lifeformsprite_after.lifeformTech11104::after,
.lifeformsprite.sprite_large.lifeformTech11104,
.lifeformsprite_before.lifeformTech12104::before,
.lifeformsprite_after.lifeformTech12104::after,
.lifeformsprite.sprite_large.lifeformTech12104,
.lifeformsprite_before.lifeformTech13104::before,
.lifeformsprite_after.lifeformTech13104::after,
.lifeformsprite.sprite_large.lifeformTech13104,
.lifeformsprite_before.lifeformTech14104::before,
.lifeformsprite_after.lifeformTech14104::after,
.lifeformsprite.sprite_large.lifeformTech14104 {
    background-position-x: -600px;
}
.lifeformsprite_before.lifeformTech11105::before,
.lifeformsprite_after.lifeformTech11105::after,
.lifeformsprite.sprite_large.lifeformTech11105,
.lifeformsprite_before.lifeformTech12105::before,
.lifeformsprite_after.lifeformTech12105::after,
.lifeformsprite.sprite_large.lifeformTech12105,
.lifeformsprite_before.lifeformTech13105::before,
.lifeformsprite_after.lifeformTech13105::after,
.lifeformsprite.sprite_large.lifeformTech13105,
.lifeformsprite_before.lifeformTech14105::before,
.lifeformsprite_after.lifeformTech14105::after,
.lifeformsprite.sprite_large.lifeformTech14105 {
    background-position-x: -800px;
}
.lifeformsprite_before.lifeformTech11106::before,
.lifeformsprite_after.lifeformTech11106::after,
.lifeformsprite.sprite_large.lifeformTech11106,
.lifeformsprite_before.lifeformTech12106::before,
.lifeformsprite_after.lifeformTech12106::after,
.lifeformsprite.sprite_large.lifeformTech12106,
.lifeformsprite_before.lifeformTech13106::before,
.lifeformsprite_after.lifeformTech13106::after,
.lifeformsprite.sprite_large.lifeformTech13106,
.lifeformsprite_before.lifeformTech14106::before,
.lifeformsprite_after.lifeformTech14106::after,
.lifeformsprite.sprite_large.lifeformTech14106 {
    background-position-x: -1000px;
}
.lifeformsprite_before.lifeformTech11107::before,
.lifeformsprite_after.lifeformTech11107::after,
.lifeformsprite.sprite_large.lifeformTech11107,
.lifeformsprite_before.lifeformTech12107::before,
.lifeformsprite_after.lifeformTech12107::after,
.lifeformsprite.sprite_large.lifeformTech12107,
.lifeformsprite_before.lifeformTech13107::before,
.lifeformsprite_after.lifeformTech13107::after,
.lifeformsprite.sprite_large.lifeformTech13107,
.lifeformsprite_before.lifeformTech14107::before,
.lifeformsprite_after.lifeformTech14107::after,
.lifeformsprite.sprite_large.lifeformTech14107 {
    background-position-x: -1200px;
}
.lifeformsprite_before.lifeformTech11108::before,
.lifeformsprite_after.lifeformTech11108::after,
.lifeformsprite.sprite_large.lifeformTech11108,
.lifeformsprite_before.lifeformTech12108::before,
.lifeformsprite_after.lifeformTech12108::after,
.lifeformsprite.sprite_large.lifeformTech12108,
.lifeformsprite_before.lifeformTech13108::before,
.lifeformsprite_after.lifeformTech13108::after,
.lifeformsprite.sprite_large.lifeformTech13108,
.lifeformsprite_before.lifeformTech14108::before,
.lifeformsprite_after.lifeformTech14108::after,
.lifeformsprite.sprite_large.lifeformTech14108 {
    background-position-x: -1400px;
}
.lifeformsprite_before.lifeformTech11109::before,
.lifeformsprite_after.lifeformTech11109::after,
.lifeformsprite.sprite_large.lifeformTech11109,
.lifeformsprite_before.lifeformTech12109::before,
.lifeformsprite_after.lifeformTech12109::after,
.lifeformsprite.sprite_large.lifeformTech12109,
.lifeformsprite_before.lifeformTech13109::before,
.lifeformsprite_after.lifeformTech13109::after,
.lifeformsprite.sprite_large.lifeformTech13109,
.lifeformsprite_before.lifeformTech14109::before,
.lifeformsprite_after.lifeformTech14109::after,
.lifeformsprite.sprite_large.lifeformTech14109 {
    background-position-x: -1600px;
}
.lifeformsprite_before.lifeformTech11110::before,
.lifeformsprite_after.lifeformTech11110::after,
.lifeformsprite.sprite_large.lifeformTech11110,
.lifeformsprite_before.lifeformTech12110::before,
.lifeformsprite_after.lifeformTech12110::after,
.lifeformsprite.sprite_large.lifeformTech12110,
.lifeformsprite_before.lifeformTech13110::before,
.lifeformsprite_after.lifeformTech13110::after,
.lifeformsprite.sprite_large.lifeformTech13110,
.lifeformsprite_before.lifeformTech14110::before,
.lifeformsprite_after.lifeformTech14110::after,
.lifeformsprite.sprite_large.lifeformTech14110 {
    background-position-x: -1800px;
}
.lifeformsprite_before.lifeformTech11111::before,
.lifeformsprite_after.lifeformTech11111::after,
.lifeformsprite.sprite_large.lifeformTech11111,
.lifeformsprite_before.lifeformTech12111::before,
.lifeformsprite_after.lifeformTech12111::after,
.lifeformsprite.sprite_large.lifeformTech12111,
.lifeformsprite_before.lifeformTech13111::before,
.lifeformsprite_after.lifeformTech13111::after,
.lifeformsprite.sprite_large.lifeformTech13111,
.lifeformsprite_before.lifeformTech14111::before,
.lifeformsprite_after.lifeformTech14111::after,
.lifeformsprite.sprite_large.lifeformTech14111 {
    background-position-x: -2000px;
}
.lifeformsprite_before.lifeformTech11112::before,
.lifeformsprite_after.lifeformTech11112::after,
.lifeformsprite.sprite_large.lifeformTech11112,
.lifeformsprite_before.lifeformTech12112::before,
.lifeformsprite_after.lifeformTech12112::after,
.lifeformsprite.sprite_large.lifeformTech12112,
.lifeformsprite_before.lifeformTech13112::before,
.lifeformsprite_after.lifeformTech13112::after,
.lifeformsprite.sprite_large.lifeformTech13112,
.lifeformsprite_before.lifeformTech14112::before,
.lifeformsprite_after.lifeformTech14112::after,
.lifeformsprite.sprite_large.lifeformTech14112 {
    background-position-x: -2200px;
}
/* Medium */
.lifeformsprite.sprite_medium.lifeformTech11101,
.lifeformsprite.sprite_medium.lifeformTech11102,
.lifeformsprite.sprite_medium.lifeformTech11103,
.lifeformsprite.sprite_medium.lifeformTech11104,
.lifeformsprite.sprite_medium.lifeformTech11105,
.lifeformsprite.sprite_medium.lifeformTech11106,
.lifeformsprite.sprite_medium.lifeformTech11107,
.lifeformsprite.sprite_medium.lifeformTech11108,
.lifeformsprite.sprite_medium.lifeformTech11109,
.lifeformsprite.sprite_medium.lifeformTech11110,
.lifeformsprite.sprite_medium.lifeformTech11111,
.lifeformsprite.sprite_medium.lifeformTech11112
{
    background-position-y: -200px;
}

.lifeformsprite.sprite_medium.lifeformTech12101,
.lifeformsprite.sprite_medium.lifeformTech12102,
.lifeformsprite.sprite_medium.lifeformTech12103,
.lifeformsprite.sprite_medium.lifeformTech12104,
.lifeformsprite.sprite_medium.lifeformTech12105,
.lifeformsprite.sprite_medium.lifeformTech12106,
.lifeformsprite.sprite_medium.lifeformTech12107,
.lifeformsprite.sprite_medium.lifeformTech12108,
.lifeformsprite.sprite_medium.lifeformTech12109,
.lifeformsprite.sprite_medium.lifeformTech12110,
.lifeformsprite.sprite_medium.lifeformTech12111,
.lifeformsprite.sprite_medium.lifeformTech12112
{
    background-position-y: -1680px;
}

.lifeformsprite.sprite_medium.lifeformTech13101,
.lifeformsprite.sprite_medium.lifeformTech13102,
.lifeformsprite.sprite_medium.lifeformTech13103,
.lifeformsprite.sprite_medium.lifeformTech13104,
.lifeformsprite.sprite_medium.lifeformTech13105,
.lifeformsprite.sprite_medium.lifeformTech13106,
.lifeformsprite.sprite_medium.lifeformTech13107,
.lifeformsprite.sprite_medium.lifeformTech13108,
.lifeformsprite.sprite_medium.lifeformTech13109,
.lifeformsprite.sprite_medium.lifeformTech13110,
.lifeformsprite.sprite_medium.lifeformTech13111,
.lifeformsprite.sprite_medium.lifeformTech13112
{
    background-position-y: -3160px;
}

.lifeformsprite.sprite_medium.lifeformTech14101,
.lifeformsprite.sprite_medium.lifeformTech14102,
.lifeformsprite.sprite_medium.lifeformTech14103,
.lifeformsprite.sprite_medium.lifeformTech14104,
.lifeformsprite.sprite_medium.lifeformTech14105,
.lifeformsprite.sprite_medium.lifeformTech14106,
.lifeformsprite.sprite_medium.lifeformTech14107,
.lifeformsprite.sprite_medium.lifeformTech14108,
.lifeformsprite.sprite_medium.lifeformTech14109,
.lifeformsprite.sprite_medium.lifeformTech14110,
.lifeformsprite.sprite_medium.lifeformTech14111,
.lifeformsprite.sprite_medium.lifeformTech14112
{
    background-position-y: -4640px;
}

.lifeformsprite.sprite_medium.lifeformTech11101,
.lifeformsprite.sprite_medium.lifeformTech12101,
.lifeformsprite.sprite_medium.lifeformTech13101,
.lifeformsprite.sprite_medium.lifeformTech14101 {
    background-position-x: 0;
}
.lifeformsprite.sprite_medium.lifeformTech11102,
.lifeformsprite.sprite_medium.lifeformTech12102,
.lifeformsprite.sprite_medium.lifeformTech13102,
.lifeformsprite.sprite_medium.lifeformTech14102 {
    background-position-x: -100px;
}
.lifeformsprite.sprite_medium.lifeformTech11103,
.lifeformsprite.sprite_medium.lifeformTech12103,
.lifeformsprite.sprite_medium.lifeformTech13103,
.lifeformsprite.sprite_medium.lifeformTech14103 {
    background-position-x: -200px;
}
.lifeformsprite.sprite_medium.lifeformTech11104,
.lifeformsprite.sprite_medium.lifeformTech12104,
.lifeformsprite.sprite_medium.lifeformTech13104,
.lifeformsprite.sprite_medium.lifeformTech14104 {
    background-position-x: -300px;
}
.lifeformsprite.sprite_medium.lifeformTech11105,
.lifeformsprite.sprite_medium.lifeformTech12105,
.lifeformsprite.sprite_medium.lifeformTech13105,
.lifeformsprite.sprite_medium.lifeformTech14105 {
    background-position-x: -400px;
}
.lifeformsprite.sprite_medium.lifeformTech11106,
.lifeformsprite.sprite_medium.lifeformTech12106,
.lifeformsprite.sprite_medium.lifeformTech13106,
.lifeformsprite.sprite_medium.lifeformTech14106 {
    background-position-x: -500px;
}
.lifeformsprite.sprite_medium.lifeformTech11107,
.lifeformsprite.sprite_medium.lifeformTech12107,
.lifeformsprite.sprite_medium.lifeformTech13107,
.lifeformsprite.sprite_medium.lifeformTech14107 {
    background-position-x: -600px;
}
.lifeformsprite.sprite_medium.lifeformTech11108,
.lifeformsprite.sprite_medium.lifeformTech12108,
.lifeformsprite.sprite_medium.lifeformTech13108,
.lifeformsprite.sprite_medium.lifeformTech14108 {
    background-position-x: -700px;
}
.lifeformsprite.sprite_medium.lifeformTech11109,
.lifeformsprite.sprite_medium.lifeformTech12109,
.lifeformsprite.sprite_medium.lifeformTech13109,
.lifeformsprite.sprite_medium.lifeformTech14109 {
    background-position-x: -800px;
}
.lifeformsprite.sprite_medium.lifeformTech11110,
.lifeformsprite.sprite_medium.lifeformTech12110,
.lifeformsprite.sprite_medium.lifeformTech13110,
.lifeformsprite.sprite_medium.lifeformTech14110 {
    background-position-x: -900px;
}
.lifeformsprite.sprite_medium.lifeformTech11111,
.lifeformsprite.sprite_medium.lifeformTech12111,
.lifeformsprite.sprite_medium.lifeformTech13111,
.lifeformsprite.sprite_medium.lifeformTech14111 {
    background-position-x: -1000px;
}
.lifeformsprite.sprite_medium.lifeformTech11112,
.lifeformsprite.sprite_medium.lifeformTech12112,
.lifeformsprite.sprite_medium.lifeformTech13112,
.lifeformsprite.sprite_medium.lifeformTech14112 {
    background-position-x: -1100px;
}
/* Small */
/* Medium */
.lifeformsprite.sprite_small.lifeformTech11101,
.lifeformsprite.sprite_small.lifeformTech11102,
.lifeformsprite.sprite_small.lifeformTech11103,
.lifeformsprite.sprite_small.lifeformTech11104,
.lifeformsprite.sprite_small.lifeformTech11105,
.lifeformsprite.sprite_small.lifeformTech11106,
.lifeformsprite.sprite_small.lifeformTech11107,
.lifeformsprite.sprite_small.lifeformTech11108,
.lifeformsprite.sprite_small.lifeformTech11109,
.lifeformsprite.sprite_small.lifeformTech11110,
.lifeformsprite.sprite_small.lifeformTech11111,
.lifeformsprite.sprite_small.lifeformTech11112
{
    background-position-y: -500px;
}
.lifeformsprite.sprite_small.lifeformTech12101,
.lifeformsprite.sprite_small.lifeformTech12102,
.lifeformsprite.sprite_small.lifeformTech12103,
.lifeformsprite.sprite_small.lifeformTech12104,
.lifeformsprite.sprite_small.lifeformTech12105,
.lifeformsprite.sprite_small.lifeformTech12106,
.lifeformsprite.sprite_small.lifeformTech12107,
.lifeformsprite.sprite_small.lifeformTech12108,
.lifeformsprite.sprite_small.lifeformTech12109,
.lifeformsprite.sprite_small.lifeformTech12110,
.lifeformsprite.sprite_small.lifeformTech12111,
.lifeformsprite.sprite_small.lifeformTech12112
{
    background-position-y: -1980px;
}
.lifeformsprite.sprite_small.lifeformTech13101,
.lifeformsprite.sprite_small.lifeformTech13102,
.lifeformsprite.sprite_small.lifeformTech13103,
.lifeformsprite.sprite_small.lifeformTech13104,
.lifeformsprite.sprite_small.lifeformTech13105,
.lifeformsprite.sprite_small.lifeformTech13106,
.lifeformsprite.sprite_small.lifeformTech13107,
.lifeformsprite.sprite_small.lifeformTech13108,
.lifeformsprite.sprite_small.lifeformTech13109,
.lifeformsprite.sprite_small.lifeformTech13110,
.lifeformsprite.sprite_small.lifeformTech13111,
.lifeformsprite.sprite_small.lifeformTech13112
{
    background-position-y: -3460px;
}
.lifeformsprite.sprite_small.lifeformTech14101,
.lifeformsprite.sprite_small.lifeformTech14102,
.lifeformsprite.sprite_small.lifeformTech14103,
.lifeformsprite.sprite_small.lifeformTech14104,
.lifeformsprite.sprite_small.lifeformTech14105,
.lifeformsprite.sprite_small.lifeformTech14106,
.lifeformsprite.sprite_small.lifeformTech14107,
.lifeformsprite.sprite_small.lifeformTech14108,
.lifeformsprite.sprite_small.lifeformTech14109,
.lifeformsprite.sprite_small.lifeformTech14110,
.lifeformsprite.sprite_small.lifeformTech14111,
.lifeformsprite.sprite_small.lifeformTech14112
{
    background-position-y: -4940px;
}
.lifeformsprite.sprite_small.lifeformTech11101,
.lifeformsprite.sprite_small.lifeformTech12101,
.lifeformsprite.sprite_small.lifeformTech13101,
.lifeformsprite.sprite_small.lifeformTech14101 {
    background-position-x: 0;
}
.lifeformsprite.sprite_small.lifeformTech11102,
.lifeformsprite.sprite_small.lifeformTech12102,
.lifeformsprite.sprite_small.lifeformTech13102,
.lifeformsprite.sprite_small.lifeformTech14102 {
    background-position-x: -80px;
}
.lifeformsprite.sprite_small.lifeformTech11103,
.lifeformsprite.sprite_small.lifeformTech12103,
.lifeformsprite.sprite_small.lifeformTech13103,
.lifeformsprite.sprite_small.lifeformTech14103 {
    background-position-x: -160px;
}
.lifeformsprite.sprite_small.lifeformTech11104,
.lifeformsprite.sprite_small.lifeformTech12104,
.lifeformsprite.sprite_small.lifeformTech13104,
.lifeformsprite.sprite_small.lifeformTech14104 {
    background-position-x: -240px;
}
.lifeformsprite.sprite_small.lifeformTech11105,
.lifeformsprite.sprite_small.lifeformTech12105,
.lifeformsprite.sprite_small.lifeformTech13105,
.lifeformsprite.sprite_small.lifeformTech14105 {
    background-position-x: -320px;
}
.lifeformsprite.sprite_small.lifeformTech11106,
.lifeformsprite.sprite_small.lifeformTech12106,
.lifeformsprite.sprite_small.lifeformTech13106,
.lifeformsprite.sprite_small.lifeformTech14106 {
    background-position-x: -400px;
}
.lifeformsprite.sprite_small.lifeformTech11107,
.lifeformsprite.sprite_small.lifeformTech12107,
.lifeformsprite.sprite_small.lifeformTech13107,
.lifeformsprite.sprite_small.lifeformTech14107 {
    background-position-x: -480px;
}
.lifeformsprite.sprite_small.lifeformTech11108,
.lifeformsprite.sprite_small.lifeformTech12108,
.lifeformsprite.sprite_small.lifeformTech13108,
.lifeformsprite.sprite_small.lifeformTech14108 {
    background-position-x: -560px;
}
.lifeformsprite.sprite_small.lifeformTech11109,
.lifeformsprite.sprite_small.lifeformTech12109,
.lifeformsprite.sprite_small.lifeformTech13109,
.lifeformsprite.sprite_small.lifeformTech14109 {
    background-position-x: -640px;
}
.lifeformsprite.sprite_small.lifeformTech11110,
.lifeformsprite.sprite_small.lifeformTech12110,
.lifeformsprite.sprite_small.lifeformTech13110,
.lifeformsprite.sprite_small.lifeformTech14110 {
    background-position-x: -720px;
}
.lifeformsprite.sprite_small.lifeformTech11111,
.lifeformsprite.sprite_small.lifeformTech12111,
.lifeformsprite.sprite_small.lifeformTech13111,
.lifeformsprite.sprite_small.lifeformTech14111 {
    background-position-x: -800px;
}
.lifeformsprite.sprite_small.lifeformTech11112,
.lifeformsprite.sprite_small.lifeformTech12112,
.lifeformsprite.sprite_small.lifeformTech13112,
.lifeformsprite.sprite_small.lifeformTech14112 {
    background-position-x: -880px;
}

.queuePic.lifeformqueue {
    width: 40px;
    height: 40px;
    background-size: 720px 1184px;
}
.queuePic.lifeformqueuetiny {
    width: 28px;
    height: 28px;
    background-size: 504px 829px;
}

.queuePic.lifeformqueue.lifeformTech11101,
.queuePic.lifeformqueue.lifeformTech11102,
.queuePic.lifeformqueue.lifeformTech11103,
.queuePic.lifeformqueue.lifeformTech11104,
.queuePic.lifeformqueue.lifeformTech11105,
.queuePic.lifeformqueue.lifeformTech11106,
.queuePic.lifeformqueue.lifeformTech11107,
.queuePic.lifeformqueue.lifeformTech11108,
.queuePic.lifeformqueue.lifeformTech11109,
.queuePic.lifeformqueue.lifeformTech11110,
.queuePic.lifeformqueue.lifeformTech11111,
.queuePic.lifeformqueue.lifeformTech11112
{
    background-position-y: 0;
}
.queuePic.lifeformqueue.lifeformTech12101,
.queuePic.lifeformqueue.lifeformTech12102,
.queuePic.lifeformqueue.lifeformTech12103,
.queuePic.lifeformqueue.lifeformTech12104,
.queuePic.lifeformqueue.lifeformTech12105,
.queuePic.lifeformqueue.lifeformTech12106,
.queuePic.lifeformqueue.lifeformTech12107,
.queuePic.lifeformqueue.lifeformTech12108,
.queuePic.lifeformqueue.lifeformTech12109,
.queuePic.lifeformqueue.lifeformTech12110,
.queuePic.lifeformqueue.lifeformTech12111,
.queuePic.lifeformqueue.lifeformTech12112
{
    background-position-y: -296px;
}
.queuePic.lifeformqueue.lifeformTech13101,
.queuePic.lifeformqueue.lifeformTech13102,
.queuePic.lifeformqueue.lifeformTech13103,
.queuePic.lifeformqueue.lifeformTech13104,
.queuePic.lifeformqueue.lifeformTech13105,
.queuePic.lifeformqueue.lifeformTech13106,
.queuePic.lifeformqueue.lifeformTech13107,
.queuePic.lifeformqueue.lifeformTech13108,
.queuePic.lifeformqueue.lifeformTech13109,
.queuePic.lifeformqueue.lifeformTech13110,
.queuePic.lifeformqueue.lifeformTech13111,
.queuePic.lifeformqueue.lifeformTech13112
{
    background-position-y: -592px;
}
.queuePic.lifeformqueue.lifeformTech14101,
.queuePic.lifeformqueue.lifeformTech14102,
.queuePic.lifeformqueue.lifeformTech14103,
.queuePic.lifeformqueue.lifeformTech14104,
.queuePic.lifeformqueue.lifeformTech14105,
.queuePic.lifeformqueue.lifeformTech14106,
.queuePic.lifeformqueue.lifeformTech14107,
.queuePic.lifeformqueue.lifeformTech14108,
.queuePic.lifeformqueue.lifeformTech14109,
.queuePic.lifeformqueue.lifeformTech14110,
.queuePic.lifeformqueue.lifeformTech14111,
.queuePic.lifeformqueue.lifeformTech14112
{
    background-position-y: -888px;
}
.queuePic.lifeformqueue.lifeformTech11101,
.queuePic.lifeformqueue.lifeformTech12101,
.queuePic.lifeformqueue.lifeformTech13101,
.queuePic.lifeformqueue.lifeformTech14101 {
    background-position-x: 0;
}
.queuePic.lifeformqueue.lifeformTech11102,
.queuePic.lifeformqueue.lifeformTech12102,
.queuePic.lifeformqueue.lifeformTech13102,
.queuePic.lifeformqueue.lifeformTech14102 {
    background-position-x: -40px;
}
.queuePic.lifeformqueue.lifeformTech11103,
.queuePic.lifeformqueue.lifeformTech12103,
.queuePic.lifeformqueue.lifeformTech13103,
.queuePic.lifeformqueue.lifeformTech14103 {
    background-position-x: -80px;
}
.queuePic.lifeformqueue.lifeformTech11104,
.queuePic.lifeformqueue.lifeformTech12104,
.queuePic.lifeformqueue.lifeformTech13104,
.queuePic.lifeformqueue.lifeformTech14104 {
    background-position-x: -120px;
}
.queuePic.lifeformqueue.lifeformTech11105,
.queuePic.lifeformqueue.lifeformTech12105,
.queuePic.lifeformqueue.lifeformTech13105,
.queuePic.lifeformqueue.lifeformTech14105 {
    background-position-x: -160px;
}
.queuePic.lifeformqueue.lifeformTech11106,
.queuePic.lifeformqueue.lifeformTech12106,
.queuePic.lifeformqueue.lifeformTech13106,
.queuePic.lifeformqueue.lifeformTech14106 {
    background-position-x: -200px;
}
.queuePic.lifeformqueue.lifeformTech11107,
.queuePic.lifeformqueue.lifeformTech12107,
.queuePic.lifeformqueue.lifeformTech13107,
.queuePic.lifeformqueue.lifeformTech14107 {
    background-position-x: -240px;
}
.queuePic.lifeformqueue.lifeformTech11108,
.queuePic.lifeformqueue.lifeformTech12108,
.queuePic.lifeformqueue.lifeformTech13108,
.queuePic.lifeformqueue.lifeformTech14108 {
    background-position-x: -280px;
}
.queuePic.lifeformqueue.lifeformTech11109,
.queuePic.lifeformqueue.lifeformTech12109,
.queuePic.lifeformqueue.lifeformTech13109,
.queuePic.lifeformqueue.lifeformTech14109 {
    background-position-x: -320px;
}
.queuePic.lifeformqueue.lifeformTech11110,
.queuePic.lifeformqueue.lifeformTech12110,
.queuePic.lifeformqueue.lifeformTech13110,
.queuePic.lifeformqueue.lifeformTech14110 {
    background-position-x: -360px;
}
.queuePic.lifeformqueue.lifeformTech11111,
.queuePic.lifeformqueue.lifeformTech12111,
.queuePic.lifeformqueue.lifeformTech13111,
.queuePic.lifeformqueue.lifeformTech14111 {
    background-position-x: -400px;
}
.queuePic.lifeformqueue.lifeformTech11112,
.queuePic.lifeformqueue.lifeformTech12112,
.queuePic.lifeformqueue.lifeformTech13112,
.queuePic.lifeformqueue.lifeformTech14112 {
    background-position-x: -440px;
}

.queuePic.lifeformqueuetiny.lifeformTech11101,
.queuePic.lifeformqueuetiny.lifeformTech11102,
.queuePic.lifeformqueuetiny.lifeformTech11103,
.queuePic.lifeformqueuetiny.lifeformTech11104,
.queuePic.lifeformqueuetiny.lifeformTech11105,
.queuePic.lifeformqueuetiny.lifeformTech11106,
.queuePic.lifeformqueuetiny.lifeformTech11107,
.queuePic.lifeformqueuetiny.lifeformTech11108,
.queuePic.lifeformqueuetiny.lifeformTech11109,
.queuePic.lifeformqueuetiny.lifeformTech11110,
.queuePic.lifeformqueuetiny.lifeformTech11111,
.queuePic.lifeformqueuetiny.lifeformTech11112
{
    background-position-y: 0;
}
.queuePic.lifeformqueuetiny.lifeformTech12101,
.queuePic.lifeformqueuetiny.lifeformTech12102,
.queuePic.lifeformqueuetiny.lifeformTech12103,
.queuePic.lifeformqueuetiny.lifeformTech12104,
.queuePic.lifeformqueuetiny.lifeformTech12105,
.queuePic.lifeformqueuetiny.lifeformTech12106,
.queuePic.lifeformqueuetiny.lifeformTech12107,
.queuePic.lifeformqueuetiny.lifeformTech12108,
.queuePic.lifeformqueuetiny.lifeformTech12109,
.queuePic.lifeformqueuetiny.lifeformTech12110,
.queuePic.lifeformqueuetiny.lifeformTech12111,
.queuePic.lifeformqueuetiny.lifeformTech12112
{
    background-position-y: -207px;
}
.queuePic.lifeformqueuetiny.lifeformTech13101,
.queuePic.lifeformqueuetiny.lifeformTech13102,
.queuePic.lifeformqueuetiny.lifeformTech13103,
.queuePic.lifeformqueuetiny.lifeformTech13104,
.queuePic.lifeformqueuetiny.lifeformTech13105,
.queuePic.lifeformqueuetiny.lifeformTech13106,
.queuePic.lifeformqueuetiny.lifeformTech13107,
.queuePic.lifeformqueuetiny.lifeformTech13108,
.queuePic.lifeformqueuetiny.lifeformTech13109,
.queuePic.lifeformqueuetiny.lifeformTech13110,
.queuePic.lifeformqueuetiny.lifeformTech13111,
.queuePic.lifeformqueuetiny.lifeformTech13112
{
    background-position-y: -414px;
}
.queuePic.lifeformqueuetiny.lifeformTech14101,
.queuePic.lifeformqueuetiny.lifeformTech14102,
.queuePic.lifeformqueuetiny.lifeformTech14103,
.queuePic.lifeformqueuetiny.lifeformTech14104,
.queuePic.lifeformqueuetiny.lifeformTech14105,
.queuePic.lifeformqueuetiny.lifeformTech14106,
.queuePic.lifeformqueuetiny.lifeformTech14107,
.queuePic.lifeformqueuetiny.lifeformTech14108,
.queuePic.lifeformqueuetiny.lifeformTech14109,
.queuePic.lifeformqueuetiny.lifeformTech14110,
.queuePic.lifeformqueuetiny.lifeformTech14111,
.queuePic.lifeformqueuetiny.lifeformTech14112
{
    background-position-y: -621px;
}

.queuePic.lifeformqueuetiny.lifeformTech11101,
.queuePic.lifeformqueuetiny.lifeformTech12101,
.queuePic.lifeformqueuetiny.lifeformTech13101,
.queuePic.lifeformqueuetiny.lifeformTech14101 {
    background-position-x: 0;
}
.queuePic.lifeformqueuetiny.lifeformTech11102,
.queuePic.lifeformqueuetiny.lifeformTech12102,
.queuePic.lifeformqueuetiny.lifeformTech13102,
.queuePic.lifeformqueuetiny.lifeformTech14102 {
    background-position-x: -28px;
}
.queuePic.lifeformqueuetiny.lifeformTech11103,
.queuePic.lifeformqueuetiny.lifeformTech12103,
.queuePic.lifeformqueuetiny.lifeformTech13103,
.queuePic.lifeformqueuetiny.lifeformTech14103 {
    background-position-x: -56px;
}
.queuePic.lifeformqueuetiny.lifeformTech11104,
.queuePic.lifeformqueuetiny.lifeformTech12104,
.queuePic.lifeformqueuetiny.lifeformTech13104,
.queuePic.lifeformqueuetiny.lifeformTech14104 {
    background-position-x: -84px;
}
.queuePic.lifeformqueuetiny.lifeformTech11105,
.queuePic.lifeformqueuetiny.lifeformTech12105,
.queuePic.lifeformqueuetiny.lifeformTech13105,
.queuePic.lifeformqueuetiny.lifeformTech14105 {
    background-position-x: -112px;
}
.queuePic.lifeformqueuetiny.lifeformTech11106,
.queuePic.lifeformqueuetiny.lifeformTech12106,
.queuePic.lifeformqueuetiny.lifeformTech13106,
.queuePic.lifeformqueuetiny.lifeformTech14106 {
    background-position-x: -140px;
}
.queuePic.lifeformqueuetiny.lifeformTech11107,
.queuePic.lifeformqueuetiny.lifeformTech12107,
.queuePic.lifeformqueuetiny.lifeformTech13107,
.queuePic.lifeformqueuetiny.lifeformTech14107 {
    background-position-x: -168px;
}
.queuePic.lifeformqueuetiny.lifeformTech11108,
.queuePic.lifeformqueuetiny.lifeformTech12108,
.queuePic.lifeformqueuetiny.lifeformTech13108,
.queuePic.lifeformqueuetiny.lifeformTech14108 {
    background-position-x: -196px;
}
.queuePic.lifeformqueuetiny.lifeformTech11109,
.queuePic.lifeformqueuetiny.lifeformTech12109,
.queuePic.lifeformqueuetiny.lifeformTech13109,
.queuePic.lifeformqueuetiny.lifeformTech14109 {
    background-position-x: -224px;
}
.queuePic.lifeformqueuetiny.lifeformTech11110,
.queuePic.lifeformqueuetiny.lifeformTech12110,
.queuePic.lifeformqueuetiny.lifeformTech13110,
.queuePic.lifeformqueuetiny.lifeformTech14110 {
    background-position-x: -252px;
}
.queuePic.lifeformqueuetiny.lifeformTech11111,
.queuePic.lifeformqueuetiny.lifeformTech12111,
.queuePic.lifeformqueuetiny.lifeformTech13111,
.queuePic.lifeformqueuetiny.lifeformTech14111 {
    background-position-x: -280px;
}
.queuePic.lifeformqueuetiny.lifeformTech11112,
.queuePic.lifeformqueuetiny.lifeformTech12112,
.queuePic.lifeformqueuetiny.lifeformTech13112,
.queuePic.lifeformqueuetiny.lifeformTech14112 {
    background-position-x: -308px;
}

/* ~~~~~ LIFEFORM1 ~~~~~ */
/* ~~~~~ Researches ~~~~~ */
/* Large */
.lifeformsprite_before.lifeformTech11201::before,
.lifeformsprite_before.lifeformTech11202::before,
.lifeformsprite_before.lifeformTech11203::before,
.lifeformsprite_before.lifeformTech11204::before,
.lifeformsprite_before.lifeformTech11205::before,
.lifeformsprite_before.lifeformTech11206::before,
.lifeformsprite_before.lifeformTech11207::before,
.lifeformsprite_before.lifeformTech11208::before,
.lifeformsprite_before.lifeformTech11209::before,
.lifeformsprite_before.lifeformTech11210::before,
.lifeformsprite_before.lifeformTech11211::before,
.lifeformsprite_before.lifeformTech11212::before,
.lifeformsprite_before.lifeformTech11213::before,
.lifeformsprite_before.lifeformTech11214::before,
.lifeformsprite_before.lifeformTech11215::before,
.lifeformsprite_before.lifeformTech11216::before,
.lifeformsprite_before.lifeformTech11217::before,
.lifeformsprite_before.lifeformTech11218::before,
.lifeformsprite_after.lifeformTech11201::after,
.lifeformsprite_after.lifeformTech11202::after,
.lifeformsprite_after.lifeformTech11203::after,
.lifeformsprite_after.lifeformTech11204::after,
.lifeformsprite_after.lifeformTech11205::after,
.lifeformsprite_after.lifeformTech11206::after,
.lifeformsprite_after.lifeformTech11207::after,
.lifeformsprite_after.lifeformTech11208::after,
.lifeformsprite_after.lifeformTech11209::after,
.lifeformsprite_after.lifeformTech11210::after,
.lifeformsprite_after.lifeformTech11211::after,
.lifeformsprite_after.lifeformTech11212::after,
.lifeformsprite_after.lifeformTech11213::after,
.lifeformsprite_after.lifeformTech11214::after,
.lifeformsprite_after.lifeformTech11215::after,
.lifeformsprite_after.lifeformTech11216::after,
.lifeformsprite_after.lifeformTech11217::after,
.lifeformsprite_after.lifeformTech11218::after,
.lifeformsprite.sprite_large.lifeformTech11201,
.lifeformsprite.sprite_large.lifeformTech11202,
.lifeformsprite.sprite_large.lifeformTech11203,
.lifeformsprite.sprite_large.lifeformTech11204,
.lifeformsprite.sprite_large.lifeformTech11205,
.lifeformsprite.sprite_large.lifeformTech11206,
.lifeformsprite.sprite_large.lifeformTech11207,
.lifeformsprite.sprite_large.lifeformTech11208,
.lifeformsprite.sprite_large.lifeformTech11209,
.lifeformsprite.sprite_large.lifeformTech11210,
.lifeformsprite.sprite_large.lifeformTech11211,
.lifeformsprite.sprite_large.lifeformTech11212,
.lifeformsprite.sprite_large.lifeformTech11213,
.lifeformsprite.sprite_large.lifeformTech11214,
.lifeformsprite.sprite_large.lifeformTech11215,
.lifeformsprite.sprite_large.lifeformTech11216,
.lifeformsprite.sprite_large.lifeformTech11217,
.lifeformsprite.sprite_large.lifeformTech11218
{
    background-position-y: -740px; /*todo fix all coordinates*/
}
.lifeformsprite_before.lifeformTech12201::before,
.lifeformsprite_before.lifeformTech12202::before,
.lifeformsprite_before.lifeformTech12203::before,
.lifeformsprite_before.lifeformTech12204::before,
.lifeformsprite_before.lifeformTech12205::before,
.lifeformsprite_before.lifeformTech12206::before,
.lifeformsprite_before.lifeformTech12207::before,
.lifeformsprite_before.lifeformTech12208::before,
.lifeformsprite_before.lifeformTech12209::before,
.lifeformsprite_before.lifeformTech12210::before,
.lifeformsprite_before.lifeformTech12211::before,
.lifeformsprite_before.lifeformTech12212::before,
.lifeformsprite_before.lifeformTech12213::before,
.lifeformsprite_before.lifeformTech12214::before,
.lifeformsprite_before.lifeformTech12215::before,
.lifeformsprite_before.lifeformTech12216::before,
.lifeformsprite_before.lifeformTech12217::before,
.lifeformsprite_before.lifeformTech12218::before,
.lifeformsprite_after.lifeformTech12201::after,
.lifeformsprite_after.lifeformTech12202::after,
.lifeformsprite_after.lifeformTech12203::after,
.lifeformsprite_after.lifeformTech12204::after,
.lifeformsprite_after.lifeformTech12205::after,
.lifeformsprite_after.lifeformTech12206::after,
.lifeformsprite_after.lifeformTech12207::after,
.lifeformsprite_after.lifeformTech12208::after,
.lifeformsprite_after.lifeformTech12209::after,
.lifeformsprite_after.lifeformTech12210::after,
.lifeformsprite_after.lifeformTech12211::after,
.lifeformsprite_after.lifeformTech12212::after,
.lifeformsprite_after.lifeformTech12213::after,
.lifeformsprite_after.lifeformTech12214::after,
.lifeformsprite_after.lifeformTech12215::after,
.lifeformsprite_after.lifeformTech12216::after,
.lifeformsprite_after.lifeformTech12217::after,
.lifeformsprite_after.lifeformTech12218::after,
.lifeformsprite.sprite_large.lifeformTech12201,
.lifeformsprite.sprite_large.lifeformTech12202,
.lifeformsprite.sprite_large.lifeformTech12203,
.lifeformsprite.sprite_large.lifeformTech12204,
.lifeformsprite.sprite_large.lifeformTech12205,
.lifeformsprite.sprite_large.lifeformTech12206,
.lifeformsprite.sprite_large.lifeformTech12207,
.lifeformsprite.sprite_large.lifeformTech12208,
.lifeformsprite.sprite_large.lifeformTech12209,
.lifeformsprite.sprite_large.lifeformTech12210,
.lifeformsprite.sprite_large.lifeformTech12211,
.lifeformsprite.sprite_large.lifeformTech12212,
.lifeformsprite.sprite_large.lifeformTech12213,
.lifeformsprite.sprite_large.lifeformTech12214,
.lifeformsprite.sprite_large.lifeformTech12215,
.lifeformsprite.sprite_large.lifeformTech12216,
.lifeformsprite.sprite_large.lifeformTech12217,
.lifeformsprite.sprite_large.lifeformTech12218
{
    background-position-y: -2220px;
}
.lifeformsprite_before.lifeformTech13201::before,
.lifeformsprite_before.lifeformTech13202::before,
.lifeformsprite_before.lifeformTech13203::before,
.lifeformsprite_before.lifeformTech13204::before,
.lifeformsprite_before.lifeformTech13205::before,
.lifeformsprite_before.lifeformTech13206::before,
.lifeformsprite_before.lifeformTech13207::before,
.lifeformsprite_before.lifeformTech13208::before,
.lifeformsprite_before.lifeformTech13209::before,
.lifeformsprite_before.lifeformTech13210::before,
.lifeformsprite_before.lifeformTech13211::before,
.lifeformsprite_before.lifeformTech13212::before,
.lifeformsprite_before.lifeformTech13213::before,
.lifeformsprite_before.lifeformTech13214::before,
.lifeformsprite_before.lifeformTech13215::before,
.lifeformsprite_before.lifeformTech13216::before,
.lifeformsprite_before.lifeformTech13217::before,
.lifeformsprite_before.lifeformTech13218::before,
.lifeformsprite_after.lifeformTech13201::after,
.lifeformsprite_after.lifeformTech13202::after,
.lifeformsprite_after.lifeformTech13203::after,
.lifeformsprite_after.lifeformTech13204::after,
.lifeformsprite_after.lifeformTech13205::after,
.lifeformsprite_after.lifeformTech13206::after,
.lifeformsprite_after.lifeformTech13207::after,
.lifeformsprite_after.lifeformTech13208::after,
.lifeformsprite_after.lifeformTech13209::after,
.lifeformsprite_after.lifeformTech13210::after,
.lifeformsprite_after.lifeformTech13211::after,
.lifeformsprite_after.lifeformTech13212::after,
.lifeformsprite_after.lifeformTech13213::after,
.lifeformsprite_after.lifeformTech13214::after,
.lifeformsprite_after.lifeformTech13215::after,
.lifeformsprite_after.lifeformTech13216::after,
.lifeformsprite_after.lifeformTech13217::after,
.lifeformsprite_after.lifeformTech13218::after,
.lifeformsprite.sprite_large.lifeformTech13201,
.lifeformsprite.sprite_large.lifeformTech13202,
.lifeformsprite.sprite_large.lifeformTech13203,
.lifeformsprite.sprite_large.lifeformTech13204,
.lifeformsprite.sprite_large.lifeformTech13205,
.lifeformsprite.sprite_large.lifeformTech13206,
.lifeformsprite.sprite_large.lifeformTech13207,
.lifeformsprite.sprite_large.lifeformTech13208,
.lifeformsprite.sprite_large.lifeformTech13209,
.lifeformsprite.sprite_large.lifeformTech13210,
.lifeformsprite.sprite_large.lifeformTech13211,
.lifeformsprite.sprite_large.lifeformTech13212,
.lifeformsprite.sprite_large.lifeformTech13213,
.lifeformsprite.sprite_large.lifeformTech13214,
.lifeformsprite.sprite_large.lifeformTech13215,
.lifeformsprite.sprite_large.lifeformTech13216,
.lifeformsprite.sprite_large.lifeformTech13217,
.lifeformsprite.sprite_large.lifeformTech13218
{
    background-position-y: -3700px;
}
.lifeformsprite_before.lifeformTech14201::before,
.lifeformsprite_before.lifeformTech14202::before,
.lifeformsprite_before.lifeformTech14203::before,
.lifeformsprite_before.lifeformTech14204::before,
.lifeformsprite_before.lifeformTech14205::before,
.lifeformsprite_before.lifeformTech14206::before,
.lifeformsprite_before.lifeformTech14207::before,
.lifeformsprite_before.lifeformTech14208::before,
.lifeformsprite_before.lifeformTech14209::before,
.lifeformsprite_before.lifeformTech14210::before,
.lifeformsprite_before.lifeformTech14211::before,
.lifeformsprite_before.lifeformTech14212::before,
.lifeformsprite_before.lifeformTech14213::before,
.lifeformsprite_before.lifeformTech14214::before,
.lifeformsprite_before.lifeformTech14215::before,
.lifeformsprite_before.lifeformTech14216::before,
.lifeformsprite_before.lifeformTech14217::before,
.lifeformsprite_before.lifeformTech14218::before,
.lifeformsprite_after.lifeformTech14201::after,
.lifeformsprite_after.lifeformTech14202::after,
.lifeformsprite_after.lifeformTech14203::after,
.lifeformsprite_after.lifeformTech14204::after,
.lifeformsprite_after.lifeformTech14205::after,
.lifeformsprite_after.lifeformTech14206::after,
.lifeformsprite_after.lifeformTech14207::after,
.lifeformsprite_after.lifeformTech14208::after,
.lifeformsprite_after.lifeformTech14209::after,
.lifeformsprite_after.lifeformTech14210::after,
.lifeformsprite_after.lifeformTech14211::after,
.lifeformsprite_after.lifeformTech14212::after,
.lifeformsprite_after.lifeformTech14213::after,
.lifeformsprite_after.lifeformTech14214::after,
.lifeformsprite_after.lifeformTech14215::after,
.lifeformsprite_after.lifeformTech14216::after,
.lifeformsprite_after.lifeformTech14217::after,
.lifeformsprite_after.lifeformTech14218::after,
.lifeformsprite.sprite_large.lifeformTech14201,
.lifeformsprite.sprite_large.lifeformTech14202,
.lifeformsprite.sprite_large.lifeformTech14203,
.lifeformsprite.sprite_large.lifeformTech14204,
.lifeformsprite.sprite_large.lifeformTech14205,
.lifeformsprite.sprite_large.lifeformTech14206,
.lifeformsprite.sprite_large.lifeformTech14207,
.lifeformsprite.sprite_large.lifeformTech14208,
.lifeformsprite.sprite_large.lifeformTech14209,
.lifeformsprite.sprite_large.lifeformTech14210,
.lifeformsprite.sprite_large.lifeformTech14211,
.lifeformsprite.sprite_large.lifeformTech14212,
.lifeformsprite.sprite_large.lifeformTech14213,
.lifeformsprite.sprite_large.lifeformTech14214,
.lifeformsprite.sprite_large.lifeformTech14215,
.lifeformsprite.sprite_large.lifeformTech14216,
.lifeformsprite.sprite_large.lifeformTech14217,
.lifeformsprite.sprite_large.lifeformTech14218
{
    background-position-y: -5180px;
}

.lifeformsprite_before.lifeformTech11201::before,
.lifeformsprite_after.lifeformTech11201::after,
.lifeformsprite.sprite_large.lifeformTech11201,
.lifeformsprite_before.lifeformTech12101::before,
.lifeformsprite_after.lifeformTech12101::after,
.lifeformsprite.sprite_large.lifeformTech12201,
.lifeformsprite_before.lifeformTech13201::before,
.lifeformsprite_after.lifeformTech13201::after,
.lifeformsprite.sprite_large.lifeformTech13201,
.lifeformsprite_before.lifeformTech14201::before,
.lifeformsprite_after.lifeformTech14201::after,
.lifeformsprite.sprite_large.lifeformTech14201 {
    background-position-x: 0;
}
.lifeformsprite_before.lifeformTech11202::before,
.lifeformsprite_after.lifeformTech11202::after,
.lifeformsprite.sprite_large.lifeformTech11202,
.lifeformsprite_before.lifeformTech12202::before,
.lifeformsprite_after.lifeformTech12202::after,
.lifeformsprite.sprite_large.lifeformTech12202,
.lifeformsprite_before.lifeformTech13202::before,
.lifeformsprite_after.lifeformTech13202::after,
.lifeformsprite.sprite_large.lifeformTech13202,
.lifeformsprite_before.lifeformTech14202::before,
.lifeformsprite_after.lifeformTech14202::after,
.lifeformsprite.sprite_large.lifeformTech14202 {
    background-position-x: -200px;
}
.lifeformsprite_before.lifeformTech11203::before,
.lifeformsprite_after.lifeformTech11203::after,
.lifeformsprite.sprite_large.lifeformTech11203,
.lifeformsprite_before.lifeformTech12203::before,
.lifeformsprite_after.lifeformTech12203::after,
.lifeformsprite.sprite_large.lifeformTech12203,
.lifeformsprite_before.lifeformTech13203::before,
.lifeformsprite_after.lifeformTech13203::after,
.lifeformsprite.sprite_large.lifeformTech13203,
.lifeformsprite_before.lifeformTech14203::before,
.lifeformsprite_after.lifeformTech14203::after,
.lifeformsprite.sprite_large.lifeformTech14203 {
    background-position-x: -400px;
}
.lifeformsprite_before.lifeformTech11204::before,
.lifeformsprite_after.lifeformTech11204::after,
.lifeformsprite.sprite_large.lifeformTech11204,
.lifeformsprite_before.lifeformTech12204::before,
.lifeformsprite_after.lifeformTech12204::after,
.lifeformsprite.sprite_large.lifeformTech12204,
.lifeformsprite_before.lifeformTech13204::before,
.lifeformsprite_after.lifeformTech13204::after,
.lifeformsprite.sprite_large.lifeformTech13204,
.lifeformsprite_before.lifeformTech14204::before,
.lifeformsprite_after.lifeformTech14204::after,
.lifeformsprite.sprite_large.lifeformTech14204 {
    background-position-x: -600px;
}
.lifeformsprite_before.lifeformTech11205::before,
.lifeformsprite_after.lifeformTech11205::after,
.lifeformsprite.sprite_large.lifeformTech11205,
.lifeformsprite_before.lifeformTech12205::before,
.lifeformsprite_after.lifeformTech12205::after,
.lifeformsprite.sprite_large.lifeformTech12205,
.lifeformsprite_before.lifeformTech13205::before,
.lifeformsprite_after.lifeformTech13205::after,
.lifeformsprite.sprite_large.lifeformTech13205,
.lifeformsprite_before.lifeformTech14205::before,
.lifeformsprite_after.lifeformTech14205::after,
.lifeformsprite.sprite_large.lifeformTech14205 {
    background-position-x: -800px;
}
.lifeformsprite_before.lifeformTech11206::before,
.lifeformsprite_after.lifeformTech11206::after,
.lifeformsprite.sprite_large.lifeformTech11206,
.lifeformsprite_before.lifeformTech12206::before,
.lifeformsprite_after.lifeformTech12206::after,
.lifeformsprite.sprite_large.lifeformTech12206,
.lifeformsprite_before.lifeformTech13206::before,
.lifeformsprite_after.lifeformTech13206::after,
.lifeformsprite.sprite_large.lifeformTech13206,
.lifeformsprite_before.lifeformTech14206::before,
.lifeformsprite_after.lifeformTech14206::after,
.lifeformsprite.sprite_large.lifeformTech14206 {
    background-position-x: -1000px;
}
.lifeformsprite_before.lifeformTech11207::before,
.lifeformsprite_after.lifeformTech11207::after,
.lifeformsprite.sprite_large.lifeformTech11207,
.lifeformsprite_before.lifeformTech12207::before,
.lifeformsprite_after.lifeformTech12207::after,
.lifeformsprite.sprite_large.lifeformTech12207,
.lifeformsprite_before.lifeformTech13207::before,
.lifeformsprite_after.lifeformTech13207::after,
.lifeformsprite.sprite_large.lifeformTech13207,
.lifeformsprite_before.lifeformTech14207::before,
.lifeformsprite_after.lifeformTech14207::after,
.lifeformsprite.sprite_large.lifeformTech14207 {
    background-position-x: -1200px;
}
.lifeformsprite_before.lifeformTech11208::before,
.lifeformsprite_after.lifeformTech11208::after,
.lifeformsprite.sprite_large.lifeformTech11208,
.lifeformsprite_before.lifeformTech12208::before,
.lifeformsprite_after.lifeformTech12208::after,
.lifeformsprite.sprite_large.lifeformTech12208,
.lifeformsprite_before.lifeformTech13208::before,
.lifeformsprite_after.lifeformTech13208::after,
.lifeformsprite.sprite_large.lifeformTech13208,
.lifeformsprite_before.lifeformTech14208::before,
.lifeformsprite_after.lifeformTech14208::after,
.lifeformsprite.sprite_large.lifeformTech14208 {
    background-position-x: -1400px;
}
.lifeformsprite_before.lifeformTech11209::before,
.lifeformsprite_after.lifeformTech11209::after,
.lifeformsprite.sprite_large.lifeformTech11209,
.lifeformsprite_before.lifeformTech12209::before,
.lifeformsprite_after.lifeformTech12209::after,
.lifeformsprite.sprite_large.lifeformTech12209,
.lifeformsprite_before.lifeformTech13209::before,
.lifeformsprite_after.lifeformTech13209::after,
.lifeformsprite.sprite_large.lifeformTech13209,
.lifeformsprite_before.lifeformTech14209::before,
.lifeformsprite_after.lifeformTech14209::after,
.lifeformsprite.sprite_large.lifeformTech14209 {
    background-position-x: -1600px;
}
.lifeformsprite_before.lifeformTech11210::before,
.lifeformsprite_after.lifeformTech11210::after,
.lifeformsprite.sprite_large.lifeformTech11210,
.lifeformsprite_before.lifeformTech12210::before,
.lifeformsprite_after.lifeformTech12210::after,
.lifeformsprite.sprite_large.lifeformTech12210,
.lifeformsprite_before.lifeformTech13210::before,
.lifeformsprite_after.lifeformTech13210::after,
.lifeformsprite.sprite_large.lifeformTech13210,
.lifeformsprite_before.lifeformTech14210::before,
.lifeformsprite_after.lifeformTech14210::after,
.lifeformsprite.sprite_large.lifeformTech14210 {
    background-position-x: -1800px;
}
.lifeformsprite_before.lifeformTech11211::before,
.lifeformsprite_after.lifeformTech11211::after,
.lifeformsprite.sprite_large.lifeformTech11211,
.lifeformsprite_before.lifeformTech12211::before,
.lifeformsprite_after.lifeformTech12211::after,
.lifeformsprite.sprite_large.lifeformTech12211,
.lifeformsprite_before.lifeformTech13211::before,
.lifeformsprite_after.lifeformTech13211::after,
.lifeformsprite.sprite_large.lifeformTech13211,
.lifeformsprite_before.lifeformTech14211::before,
.lifeformsprite_after.lifeformTech14211::after,
.lifeformsprite.sprite_large.lifeformTech14211 {
    background-position-x: -2000px;
}
.lifeformsprite_before.lifeformTech11212::before,
.lifeformsprite_after.lifeformTech11212::after,
.lifeformsprite.sprite_large.lifeformTech11212,
.lifeformsprite_before.lifeformTech12212::before,
.lifeformsprite_after.lifeformTech12212::after,
.lifeformsprite.sprite_large.lifeformTech12212,
.lifeformsprite_before.lifeformTech13212::before,
.lifeformsprite_after.lifeformTech13212::after,
.lifeformsprite.sprite_large.lifeformTech13212,
.lifeformsprite_before.lifeformTech14212::before,
.lifeformsprite_after.lifeformTech14212::after,
.lifeformsprite.sprite_large.lifeformTech14212 {
    background-position-x: -2200px;
}
.lifeformsprite_before.lifeformTech11213::before,
.lifeformsprite_after.lifeformTech11213::after,
.lifeformsprite.sprite_large.lifeformTech11213,
.lifeformsprite_before.lifeformTech12213::before,
.lifeformsprite_after.lifeformTech12213::after,
.lifeformsprite.sprite_large.lifeformTech12213,
.lifeformsprite_before.lifeformTech13213::before,
.lifeformsprite_after.lifeformTech13213::after,
.lifeformsprite.sprite_large.lifeformTech13213,
.lifeformsprite_before.lifeformTech14213::before,
.lifeformsprite_after.lifeformTech14213::after,
.lifeformsprite.sprite_large.lifeformTech14213 {
    background-position-x: -2400px;
}
.lifeformsprite_before.lifeformTech11214::before,
.lifeformsprite_after.lifeformTech11214::after,
.lifeformsprite.sprite_large.lifeformTech11214,
.lifeformsprite_before.lifeformTech12214::before,
.lifeformsprite_after.lifeformTech12214::after,
.lifeformsprite.sprite_large.lifeformTech12214,
.lifeformsprite_before.lifeformTech13214::before,
.lifeformsprite_after.lifeformTech13214::after,
.lifeformsprite.sprite_large.lifeformTech13214,
.lifeformsprite_before.lifeformTech14214::before,
.lifeformsprite_after.lifeformTech14214::after,
.lifeformsprite.sprite_large.lifeformTech14214 {
    background-position-x: -2600px;
}
.lifeformsprite_before.lifeformTech11215::before,
.lifeformsprite_after.lifeformTech11215::after,
.lifeformsprite.sprite_large.lifeformTech11215,
.lifeformsprite_before.lifeformTech12215::before,
.lifeformsprite_after.lifeformTech12215::after,
.lifeformsprite.sprite_large.lifeformTech12215,
.lifeformsprite_before.lifeformTech13215::before,
.lifeformsprite_after.lifeformTech13215::after,
.lifeformsprite.sprite_large.lifeformTech13215,
.lifeformsprite_before.lifeformTech14215::before,
.lifeformsprite_after.lifeformTech14215::after,
.lifeformsprite.sprite_large.lifeformTech14215 {
    background-position-x: -2800px;
}
.lifeformsprite_before.lifeformTech11216::before,
.lifeformsprite_after.lifeformTech11216::after,
.lifeformsprite.sprite_large.lifeformTech11216,
.lifeformsprite_before.lifeformTech12216::before,
.lifeformsprite_after.lifeformTech12216::after,
.lifeformsprite.sprite_large.lifeformTech12216,
.lifeformsprite_before.lifeformTech13216::before,
.lifeformsprite_after.lifeformTech13216::after,
.lifeformsprite.sprite_large.lifeformTech13216,
.lifeformsprite_before.lifeformTech14216::before,
.lifeformsprite_after.lifeformTech14216::after,
.lifeformsprite.sprite_large.lifeformTech14216 {
    background-position-x: -3000px;
}
.lifeformsprite_before.lifeformTech11217::before,
.lifeformsprite_after.lifeformTech11217::after,
.lifeformsprite.sprite_large.lifeformTech11217,
.lifeformsprite_before.lifeformTech12217::before,
.lifeformsprite_after.lifeformTech12217::after,
.lifeformsprite.sprite_large.lifeformTech12217,
.lifeformsprite_before.lifeformTech13217::before,
.lifeformsprite_after.lifeformTech13217::after,
.lifeformsprite.sprite_large.lifeformTech13217,
.lifeformsprite_before.lifeformTech14217::before,
.lifeformsprite_after.lifeformTech14217::after,
.lifeformsprite.sprite_large.lifeformTech14217 {
    background-position-x: -3200px;
}
.lifeformsprite_before.lifeformTech11218::before,
.lifeformsprite_after.lifeformTech11218::after,
.lifeformsprite.sprite_large.lifeformTech11218,
.lifeformsprite_before.lifeformTech12218::before,
.lifeformsprite_after.lifeformTech12218::after,
.lifeformsprite.sprite_large.lifeformTech12218,
.lifeformsprite_before.lifeformTech13218::before,
.lifeformsprite_after.lifeformTech13218::after,
.lifeformsprite.sprite_large.lifeformTech13218,
.lifeformsprite_before.lifeformTech14218::before,
.lifeformsprite_after.lifeformTech14218::after,
.lifeformsprite.sprite_large.lifeformTech14218 {
    background-position-x: -3400px;
}




/* Medium */
.lifeformsprite.sprite_medium.lifeformTech11201,
.lifeformsprite.sprite_medium.lifeformTech11202,
.lifeformsprite.sprite_medium.lifeformTech11203,
.lifeformsprite.sprite_medium.lifeformTech11204,
.lifeformsprite.sprite_medium.lifeformTech11205,
.lifeformsprite.sprite_medium.lifeformTech11206,
.lifeformsprite.sprite_medium.lifeformTech11207,
.lifeformsprite.sprite_medium.lifeformTech11208,
.lifeformsprite.sprite_medium.lifeformTech11209,
.lifeformsprite.sprite_medium.lifeformTech11210,
.lifeformsprite.sprite_medium.lifeformTech11211,
.lifeformsprite.sprite_medium.lifeformTech11212,
.lifeformsprite.sprite_medium.lifeformTech11213,
.lifeformsprite.sprite_medium.lifeformTech11214,
.lifeformsprite.sprite_medium.lifeformTech11215,
.lifeformsprite.sprite_medium.lifeformTech11216,
.lifeformsprite.sprite_medium.lifeformTech11217,
.lifeformsprite.sprite_medium.lifeformTech11218
{
    background-position-y: -940px;
}

.lifeformsprite.sprite_medium.lifeformTech12201,
.lifeformsprite.sprite_medium.lifeformTech12202,
.lifeformsprite.sprite_medium.lifeformTech12203,
.lifeformsprite.sprite_medium.lifeformTech12204,
.lifeformsprite.sprite_medium.lifeformTech12205,
.lifeformsprite.sprite_medium.lifeformTech12206,
.lifeformsprite.sprite_medium.lifeformTech12207,
.lifeformsprite.sprite_medium.lifeformTech12208,
.lifeformsprite.sprite_medium.lifeformTech12209,
.lifeformsprite.sprite_medium.lifeformTech12210,
.lifeformsprite.sprite_medium.lifeformTech12211,
.lifeformsprite.sprite_medium.lifeformTech12212,
.lifeformsprite.sprite_medium.lifeformTech12213,
.lifeformsprite.sprite_medium.lifeformTech12214,
.lifeformsprite.sprite_medium.lifeformTech12215,
.lifeformsprite.sprite_medium.lifeformTech12216,
.lifeformsprite.sprite_medium.lifeformTech12217,
.lifeformsprite.sprite_medium.lifeformTech12218
{
    background-position-y: -2420px;
}

.lifeformsprite.sprite_medium.lifeformTech13201,
.lifeformsprite.sprite_medium.lifeformTech13202,
.lifeformsprite.sprite_medium.lifeformTech13203,
.lifeformsprite.sprite_medium.lifeformTech13204,
.lifeformsprite.sprite_medium.lifeformTech13205,
.lifeformsprite.sprite_medium.lifeformTech13206,
.lifeformsprite.sprite_medium.lifeformTech13207,
.lifeformsprite.sprite_medium.lifeformTech13208,
.lifeformsprite.sprite_medium.lifeformTech13209,
.lifeformsprite.sprite_medium.lifeformTech13210,
.lifeformsprite.sprite_medium.lifeformTech13211,
.lifeformsprite.sprite_medium.lifeformTech13212,
.lifeformsprite.sprite_medium.lifeformTech13213,
.lifeformsprite.sprite_medium.lifeformTech13214,
.lifeformsprite.sprite_medium.lifeformTech13215,
.lifeformsprite.sprite_medium.lifeformTech13216,
.lifeformsprite.sprite_medium.lifeformTech13217,
.lifeformsprite.sprite_medium.lifeformTech13218
{
    background-position-y: -3900px;
}

.lifeformsprite.sprite_medium.lifeformTech14201,
.lifeformsprite.sprite_medium.lifeformTech14202,
.lifeformsprite.sprite_medium.lifeformTech14203,
.lifeformsprite.sprite_medium.lifeformTech14204,
.lifeformsprite.sprite_medium.lifeformTech14205,
.lifeformsprite.sprite_medium.lifeformTech14206,
.lifeformsprite.sprite_medium.lifeformTech14207,
.lifeformsprite.sprite_medium.lifeformTech14208,
.lifeformsprite.sprite_medium.lifeformTech14209,
.lifeformsprite.sprite_medium.lifeformTech14210,
.lifeformsprite.sprite_medium.lifeformTech14211,
.lifeformsprite.sprite_medium.lifeformTech14212,
.lifeformsprite.sprite_medium.lifeformTech14213,
.lifeformsprite.sprite_medium.lifeformTech14214,
.lifeformsprite.sprite_medium.lifeformTech14215,
.lifeformsprite.sprite_medium.lifeformTech14216,
.lifeformsprite.sprite_medium.lifeformTech14217,
.lifeformsprite.sprite_medium.lifeformTech14218
{
    background-position-y: -5380px;
}

.lifeformsprite.sprite_medium.lifeformTech11201,
.lifeformsprite.sprite_medium.lifeformTech12201,
.lifeformsprite.sprite_medium.lifeformTech13201,
.lifeformsprite.sprite_medium.lifeformTech14201 {
    background-position-x: 0;
}
.lifeformsprite.sprite_medium.lifeformTech11202,
.lifeformsprite.sprite_medium.lifeformTech12202,
.lifeformsprite.sprite_medium.lifeformTech13202,
.lifeformsprite.sprite_medium.lifeformTech14202 {
    background-position-x: -100px;
}
.lifeformsprite.sprite_medium.lifeformTech11203,
.lifeformsprite.sprite_medium.lifeformTech12203,
.lifeformsprite.sprite_medium.lifeformTech13203,
.lifeformsprite.sprite_medium.lifeformTech14203 {
    background-position-x: -200px;
}
.lifeformsprite.sprite_medium.lifeformTech11204,
.lifeformsprite.sprite_medium.lifeformTech12204,
.lifeformsprite.sprite_medium.lifeformTech13204,
.lifeformsprite.sprite_medium.lifeformTech14204 {
    background-position-x: -300px;
}
.lifeformsprite.sprite_medium.lifeformTech11205,
.lifeformsprite.sprite_medium.lifeformTech12205,
.lifeformsprite.sprite_medium.lifeformTech13205,
.lifeformsprite.sprite_medium.lifeformTech14205 {
    background-position-x: -400px;
}
.lifeformsprite.sprite_medium.lifeformTech11206,
.lifeformsprite.sprite_medium.lifeformTech12206,
.lifeformsprite.sprite_medium.lifeformTech13206,
.lifeformsprite.sprite_medium.lifeformTech14206 {
    background-position-x: -500px;
}
.lifeformsprite.sprite_medium.lifeformTech11207,
.lifeformsprite.sprite_medium.lifeformTech12207,
.lifeformsprite.sprite_medium.lifeformTech13207,
.lifeformsprite.sprite_medium.lifeformTech14207 {
    background-position-x: -600px;
}
.lifeformsprite.sprite_medium.lifeformTech11208,
.lifeformsprite.sprite_medium.lifeformTech12208,
.lifeformsprite.sprite_medium.lifeformTech13208,
.lifeformsprite.sprite_medium.lifeformTech14208 {
    background-position-x: -700px;
}
.lifeformsprite.sprite_medium.lifeformTech11209,
.lifeformsprite.sprite_medium.lifeformTech12209,
.lifeformsprite.sprite_medium.lifeformTech13209,
.lifeformsprite.sprite_medium.lifeformTech14209 {
    background-position-x: -800px;
}
.lifeformsprite.sprite_medium.lifeformTech11210,
.lifeformsprite.sprite_medium.lifeformTech12210,
.lifeformsprite.sprite_medium.lifeformTech13210,
.lifeformsprite.sprite_medium.lifeformTech14210 {
    background-position-x: -900px;
}
.lifeformsprite.sprite_medium.lifeformTech11211,
.lifeformsprite.sprite_medium.lifeformTech12211,
.lifeformsprite.sprite_medium.lifeformTech13211,
.lifeformsprite.sprite_medium.lifeformTech14211 {
    background-position-x: -1000px;
}
.lifeformsprite.sprite_medium.lifeformTech11212,
.lifeformsprite.sprite_medium.lifeformTech12212,
.lifeformsprite.sprite_medium.lifeformTech13212,
.lifeformsprite.sprite_medium.lifeformTech14212 {
    background-position-x: -1100px;
}
.lifeformsprite.sprite_medium.lifeformTech11213,
.lifeformsprite.sprite_medium.lifeformTech12213,
.lifeformsprite.sprite_medium.lifeformTech13213,
.lifeformsprite.sprite_medium.lifeformTech14213 {
    background-position-x: -1200px;
}
.lifeformsprite.sprite_medium.lifeformTech11214,
.lifeformsprite.sprite_medium.lifeformTech12214,
.lifeformsprite.sprite_medium.lifeformTech13214,
.lifeformsprite.sprite_medium.lifeformTech14214 {
    background-position-x: -1300px;
}
.lifeformsprite.sprite_medium.lifeformTech11215,
.lifeformsprite.sprite_medium.lifeformTech12215,
.lifeformsprite.sprite_medium.lifeformTech13215,
.lifeformsprite.sprite_medium.lifeformTech14215 {
    background-position-x: -1400px;
}
.lifeformsprite.sprite_medium.lifeformTech11216,
.lifeformsprite.sprite_medium.lifeformTech12216,
.lifeformsprite.sprite_medium.lifeformTech13216,
.lifeformsprite.sprite_medium.lifeformTech14216 {
    background-position-x: -1500px;
}
.lifeformsprite.sprite_medium.lifeformTech11217,
.lifeformsprite.sprite_medium.lifeformTech12217,
.lifeformsprite.sprite_medium.lifeformTech13217,
.lifeformsprite.sprite_medium.lifeformTech14217 {
    background-position-x: -1600px;
}
.lifeformsprite.sprite_medium.lifeformTech11218,
.lifeformsprite.sprite_medium.lifeformTech12218,
.lifeformsprite.sprite_medium.lifeformTech13218,
.lifeformsprite.sprite_medium.lifeformTech14218 {
    background-position-x: -1700px;
}
/* Small */
/* Medium */
.lifeformsprite.sprite_small.lifeformTech11201,
.lifeformsprite.sprite_small.lifeformTech11202,
.lifeformsprite.sprite_small.lifeformTech11203,
.lifeformsprite.sprite_small.lifeformTech11204,
.lifeformsprite.sprite_small.lifeformTech11205,
.lifeformsprite.sprite_small.lifeformTech11206,
.lifeformsprite.sprite_small.lifeformTech11207,
.lifeformsprite.sprite_small.lifeformTech11208,
.lifeformsprite.sprite_small.lifeformTech11209,
.lifeformsprite.sprite_small.lifeformTech11210,
.lifeformsprite.sprite_small.lifeformTech11211,
.lifeformsprite.sprite_small.lifeformTech11212,
.lifeformsprite.sprite_small.lifeformTech11213,
.lifeformsprite.sprite_small.lifeformTech11214,
.lifeformsprite.sprite_small.lifeformTech11215,
.lifeformsprite.sprite_small.lifeformTech11216,
.lifeformsprite.sprite_small.lifeformTech11217,
.lifeformsprite.sprite_small.lifeformTech11218
{
    background-position-y: -1240px;
}
.lifeformsprite.sprite_small.lifeformTech12201,
.lifeformsprite.sprite_small.lifeformTech12202,
.lifeformsprite.sprite_small.lifeformTech12203,
.lifeformsprite.sprite_small.lifeformTech12204,
.lifeformsprite.sprite_small.lifeformTech12205,
.lifeformsprite.sprite_small.lifeformTech12206,
.lifeformsprite.sprite_small.lifeformTech12207,
.lifeformsprite.sprite_small.lifeformTech12208,
.lifeformsprite.sprite_small.lifeformTech12209,
.lifeformsprite.sprite_small.lifeformTech12210,
.lifeformsprite.sprite_small.lifeformTech12211,
.lifeformsprite.sprite_small.lifeformTech12212,
.lifeformsprite.sprite_small.lifeformTech12213,
.lifeformsprite.sprite_small.lifeformTech12214,
.lifeformsprite.sprite_small.lifeformTech12215,
.lifeformsprite.sprite_small.lifeformTech12216,
.lifeformsprite.sprite_small.lifeformTech12217,
.lifeformsprite.sprite_small.lifeformTech12218
{
    background-position-y: -2720px;
}
.lifeformsprite.sprite_small.lifeformTech13201,
.lifeformsprite.sprite_small.lifeformTech13202,
.lifeformsprite.sprite_small.lifeformTech13203,
.lifeformsprite.sprite_small.lifeformTech13204,
.lifeformsprite.sprite_small.lifeformTech13205,
.lifeformsprite.sprite_small.lifeformTech13206,
.lifeformsprite.sprite_small.lifeformTech13207,
.lifeformsprite.sprite_small.lifeformTech13208,
.lifeformsprite.sprite_small.lifeformTech13209,
.lifeformsprite.sprite_small.lifeformTech13210,
.lifeformsprite.sprite_small.lifeformTech13211,
.lifeformsprite.sprite_small.lifeformTech13212,
.lifeformsprite.sprite_small.lifeformTech13213,
.lifeformsprite.sprite_small.lifeformTech13214,
.lifeformsprite.sprite_small.lifeformTech13215,
.lifeformsprite.sprite_small.lifeformTech13216,
.lifeformsprite.sprite_small.lifeformTech13217,
.lifeformsprite.sprite_small.lifeformTech13218
{
    background-position-y: -4200px;
}
.lifeformsprite.sprite_small.lifeformTech14201,
.lifeformsprite.sprite_small.lifeformTech14202,
.lifeformsprite.sprite_small.lifeformTech14203,
.lifeformsprite.sprite_small.lifeformTech14204,
.lifeformsprite.sprite_small.lifeformTech14205,
.lifeformsprite.sprite_small.lifeformTech14206,
.lifeformsprite.sprite_small.lifeformTech14207,
.lifeformsprite.sprite_small.lifeformTech14208,
.lifeformsprite.sprite_small.lifeformTech14209,
.lifeformsprite.sprite_small.lifeformTech14210,
.lifeformsprite.sprite_small.lifeformTech14211,
.lifeformsprite.sprite_small.lifeformTech14212,
.lifeformsprite.sprite_small.lifeformTech14213,
.lifeformsprite.sprite_small.lifeformTech14214,
.lifeformsprite.sprite_small.lifeformTech14215,
.lifeformsprite.sprite_small.lifeformTech14216,
.lifeformsprite.sprite_small.lifeformTech14217,
.lifeformsprite.sprite_small.lifeformTech14218
{
    background-position-y: -5680px;
}
.lifeformsprite.sprite_small.lifeformTech11201,
.lifeformsprite.sprite_small.lifeformTech12201,
.lifeformsprite.sprite_small.lifeformTech13201,
.lifeformsprite.sprite_small.lifeformTech14201 {
    background-position-x: 0;
}
.lifeformsprite.sprite_small.lifeformTech11202,
.lifeformsprite.sprite_small.lifeformTech12202,
.lifeformsprite.sprite_small.lifeformTech13202,
.lifeformsprite.sprite_small.lifeformTech14202 {
    background-position-x: -80px;
}
.lifeformsprite.sprite_small.lifeformTech11203,
.lifeformsprite.sprite_small.lifeformTech12203,
.lifeformsprite.sprite_small.lifeformTech13203,
.lifeformsprite.sprite_small.lifeformTech14203 {
    background-position-x: -160px;
}
.lifeformsprite.sprite_small.lifeformTech11204,
.lifeformsprite.sprite_small.lifeformTech12204,
.lifeformsprite.sprite_small.lifeformTech13204,
.lifeformsprite.sprite_small.lifeformTech14204 {
    background-position-x: -240px;
}
.lifeformsprite.sprite_small.lifeformTech11205,
.lifeformsprite.sprite_small.lifeformTech12205,
.lifeformsprite.sprite_small.lifeformTech13205,
.lifeformsprite.sprite_small.lifeformTech14205 {
    background-position-x: -320px;
}
.lifeformsprite.sprite_small.lifeformTech11206,
.lifeformsprite.sprite_small.lifeformTech12206,
.lifeformsprite.sprite_small.lifeformTech13206,
.lifeformsprite.sprite_small.lifeformTech14206 {
    background-position-x: -400px;
}
.lifeformsprite.sprite_small.lifeformTech11207,
.lifeformsprite.sprite_small.lifeformTech12207,
.lifeformsprite.sprite_small.lifeformTech13207,
.lifeformsprite.sprite_small.lifeformTech14207 {
    background-position-x: -480px;
}
.lifeformsprite.sprite_small.lifeformTech11208,
.lifeformsprite.sprite_small.lifeformTech12208,
.lifeformsprite.sprite_small.lifeformTech13208,
.lifeformsprite.sprite_small.lifeformTech14208 {
    background-position-x: -560px;
}
.lifeformsprite.sprite_small.lifeformTech11209,
.lifeformsprite.sprite_small.lifeformTech12209,
.lifeformsprite.sprite_small.lifeformTech13209,
.lifeformsprite.sprite_small.lifeformTech14209 {
    background-position-x: -640px;
}
.lifeformsprite.sprite_small.lifeformTech11210,
.lifeformsprite.sprite_small.lifeformTech12210,
.lifeformsprite.sprite_small.lifeformTech13210,
.lifeformsprite.sprite_small.lifeformTech14210 {
    background-position-x: -720px;
}
.lifeformsprite.sprite_small.lifeformTech11211,
.lifeformsprite.sprite_small.lifeformTech12211,
.lifeformsprite.sprite_small.lifeformTech13211,
.lifeformsprite.sprite_small.lifeformTech14211 {
    background-position-x: -800px;
}
.lifeformsprite.sprite_small.lifeformTech11212,
.lifeformsprite.sprite_small.lifeformTech12212,
.lifeformsprite.sprite_small.lifeformTech13212,
.lifeformsprite.sprite_small.lifeformTech14212 {
    background-position-x: -880px;
}
.lifeformsprite.sprite_small.lifeformTech11213,
.lifeformsprite.sprite_small.lifeformTech12213,
.lifeformsprite.sprite_small.lifeformTech13213,
.lifeformsprite.sprite_small.lifeformTech14213 {
    background-position-x: -960px;
}
.lifeformsprite.sprite_small.lifeformTech11214,
.lifeformsprite.sprite_small.lifeformTech12214,
.lifeformsprite.sprite_small.lifeformTech13214,
.lifeformsprite.sprite_small.lifeformTech14214 {
    background-position-x: -1040px;
}
.lifeformsprite.sprite_small.lifeformTech11215,
.lifeformsprite.sprite_small.lifeformTech12215,
.lifeformsprite.sprite_small.lifeformTech13215,
.lifeformsprite.sprite_small.lifeformTech14215 {
    background-position-x: -1120px;
}
.lifeformsprite.sprite_small.lifeformTech11216,
.lifeformsprite.sprite_small.lifeformTech12216,
.lifeformsprite.sprite_small.lifeformTech13216,
.lifeformsprite.sprite_small.lifeformTech14216 {
    background-position-x: -1200px;
}
.lifeformsprite.sprite_small.lifeformTech11217,
.lifeformsprite.sprite_small.lifeformTech12217,
.lifeformsprite.sprite_small.lifeformTech13217,
.lifeformsprite.sprite_small.lifeformTech14217 {
    background-position-x: -1280px;
}
.lifeformsprite.sprite_small.lifeformTech11218,
.lifeformsprite.sprite_small.lifeformTech12218,
.lifeformsprite.sprite_small.lifeformTech13218,
.lifeformsprite.sprite_small.lifeformTech14218 {
    background-position-x: -1360px;
}
/* queue */
.queuePic.lifeformqueue.lifeformTech11201,
.queuePic.lifeformqueue.lifeformTech11202,
.queuePic.lifeformqueue.lifeformTech11203,
.queuePic.lifeformqueue.lifeformTech11204,
.queuePic.lifeformqueue.lifeformTech11205,
.queuePic.lifeformqueue.lifeformTech11206,
.queuePic.lifeformqueue.lifeformTech11207,
.queuePic.lifeformqueue.lifeformTech11208,
.queuePic.lifeformqueue.lifeformTech11209,
.queuePic.lifeformqueue.lifeformTech11210,
.queuePic.lifeformqueue.lifeformTech11211,
.queuePic.lifeformqueue.lifeformTech11212,
.queuePic.lifeformqueue.lifeformTech11213,
.queuePic.lifeformqueue.lifeformTech11214,
.queuePic.lifeformqueue.lifeformTech11215,
.queuePic.lifeformqueue.lifeformTech11216,
.queuePic.lifeformqueue.lifeformTech11217,
.queuePic.lifeformqueue.lifeformTech11218
{
    background-position-y: -148px;
}
.queuePic.lifeformqueue.lifeformTech12201,
.queuePic.lifeformqueue.lifeformTech12202,
.queuePic.lifeformqueue.lifeformTech12203,
.queuePic.lifeformqueue.lifeformTech12204,
.queuePic.lifeformqueue.lifeformTech12205,
.queuePic.lifeformqueue.lifeformTech12206,
.queuePic.lifeformqueue.lifeformTech12207,
.queuePic.lifeformqueue.lifeformTech12208,
.queuePic.lifeformqueue.lifeformTech12209,
.queuePic.lifeformqueue.lifeformTech12210,
.queuePic.lifeformqueue.lifeformTech12211,
.queuePic.lifeformqueue.lifeformTech12212,
.queuePic.lifeformqueue.lifeformTech12213,
.queuePic.lifeformqueue.lifeformTech12214,
.queuePic.lifeformqueue.lifeformTech12215,
.queuePic.lifeformqueue.lifeformTech12216,
.queuePic.lifeformqueue.lifeformTech12217,
.queuePic.lifeformqueue.lifeformTech12218
{
    background-position-y: -444px;
}
.queuePic.lifeformqueue.lifeformTech13201,
.queuePic.lifeformqueue.lifeformTech13202,
.queuePic.lifeformqueue.lifeformTech13203,
.queuePic.lifeformqueue.lifeformTech13204,
.queuePic.lifeformqueue.lifeformTech13205,
.queuePic.lifeformqueue.lifeformTech13206,
.queuePic.lifeformqueue.lifeformTech13207,
.queuePic.lifeformqueue.lifeformTech13208,
.queuePic.lifeformqueue.lifeformTech13209,
.queuePic.lifeformqueue.lifeformTech13210,
.queuePic.lifeformqueue.lifeformTech13211,
.queuePic.lifeformqueue.lifeformTech13212,
.queuePic.lifeformqueue.lifeformTech13213,
.queuePic.lifeformqueue.lifeformTech13214,
.queuePic.lifeformqueue.lifeformTech13215,
.queuePic.lifeformqueue.lifeformTech13216,
.queuePic.lifeformqueue.lifeformTech13217,
.queuePic.lifeformqueue.lifeformTech13218
{
    background-position-y: -740px;
}
.queuePic.lifeformqueue.lifeformTech14201,
.queuePic.lifeformqueue.lifeformTech14202,
.queuePic.lifeformqueue.lifeformTech14203,
.queuePic.lifeformqueue.lifeformTech14204,
.queuePic.lifeformqueue.lifeformTech14205,
.queuePic.lifeformqueue.lifeformTech14206,
.queuePic.lifeformqueue.lifeformTech14207,
.queuePic.lifeformqueue.lifeformTech14208,
.queuePic.lifeformqueue.lifeformTech14209,
.queuePic.lifeformqueue.lifeformTech14210,
.queuePic.lifeformqueue.lifeformTech14211,
.queuePic.lifeformqueue.lifeformTech14212,
.queuePic.lifeformqueue.lifeformTech14213,
.queuePic.lifeformqueue.lifeformTech14214,
.queuePic.lifeformqueue.lifeformTech14215,
.queuePic.lifeformqueue.lifeformTech14216,
.queuePic.lifeformqueue.lifeformTech14217,
.queuePic.lifeformqueue.lifeformTech14218
{
    background-position-y: -1036px;
}
.queuePic.lifeformqueue.lifeformTech11201,
.queuePic.lifeformqueue.lifeformTech12201,
.queuePic.lifeformqueue.lifeformTech13201,
.queuePic.lifeformqueue.lifeformTech14201 {
    background-position-x: 0;
}
.queuePic.lifeformqueue.lifeformTech11202,
.queuePic.lifeformqueue.lifeformTech12202,
.queuePic.lifeformqueue.lifeformTech13202,
.queuePic.lifeformqueue.lifeformTech14202 {
    background-position-x: -40px;
}
.queuePic.lifeformqueue.lifeformTech11203,
.queuePic.lifeformqueue.lifeformTech12203,
.queuePic.lifeformqueue.lifeformTech13203,
.queuePic.lifeformqueue.lifeformTech14203 {
    background-position-x: -80px;
}
.queuePic.lifeformqueue.lifeformTech11204,
.queuePic.lifeformqueue.lifeformTech12204,
.queuePic.lifeformqueue.lifeformTech13204,
.queuePic.lifeformqueue.lifeformTech14204 {
    background-position-x: -120px;
}
.queuePic.lifeformqueue.lifeformTech11205,
.queuePic.lifeformqueue.lifeformTech12205,
.queuePic.lifeformqueue.lifeformTech13205,
.queuePic.lifeformqueue.lifeformTech14205 {
    background-position-x: -160px;
}
.queuePic.lifeformqueue.lifeformTech11206,
.queuePic.lifeformqueue.lifeformTech12206,
.queuePic.lifeformqueue.lifeformTech13206,
.queuePic.lifeformqueue.lifeformTech14206 {
    background-position-x: -200px;
}
.queuePic.lifeformqueue.lifeformTech11207,
.queuePic.lifeformqueue.lifeformTech12207,
.queuePic.lifeformqueue.lifeformTech13207,
.queuePic.lifeformqueue.lifeformTech14207 {
    background-position-x: -240px;
}
.queuePic.lifeformqueue.lifeformTech11208,
.queuePic.lifeformqueue.lifeformTech12208,
.queuePic.lifeformqueue.lifeformTech13208,
.queuePic.lifeformqueue.lifeformTech14208 {
    background-position-x: -280px;
}
.queuePic.lifeformqueue.lifeformTech11209,
.queuePic.lifeformqueue.lifeformTech12209,
.queuePic.lifeformqueue.lifeformTech13209,
.queuePic.lifeformqueue.lifeformTech14209 {
    background-position-x: -320px;
}
.queuePic.lifeformqueue.lifeformTech11210,
.queuePic.lifeformqueue.lifeformTech12210,
.queuePic.lifeformqueue.lifeformTech13210,
.queuePic.lifeformqueue.lifeformTech14210 {
    background-position-x: -360px;
}
.queuePic.lifeformqueue.lifeformTech11211,
.queuePic.lifeformqueue.lifeformTech12211,
.queuePic.lifeformqueue.lifeformTech13211,
.queuePic.lifeformqueue.lifeformTech14211 {
    background-position-x: -400px;
}
.queuePic.lifeformqueue.lifeformTech11212,
.queuePic.lifeformqueue.lifeformTech12212,
.queuePic.lifeformqueue.lifeformTech13212,
.queuePic.lifeformqueue.lifeformTech14212 {
    background-position-x: -440px;
}
.queuePic.lifeformqueue.lifeformTech11213,
.queuePic.lifeformqueue.lifeformTech12213,
.queuePic.lifeformqueue.lifeformTech13213,
.queuePic.lifeformqueue.lifeformTech14213 {
    background-position-x: -480px;
}
.queuePic.lifeformqueue.lifeformTech11214,
.queuePic.lifeformqueue.lifeformTech12214,
.queuePic.lifeformqueue.lifeformTech13214,
.queuePic.lifeformqueue.lifeformTech14214 {
    background-position-x: -520px;
}
.queuePic.lifeformqueue.lifeformTech11215,
.queuePic.lifeformqueue.lifeformTech12215,
.queuePic.lifeformqueue.lifeformTech13215,
.queuePic.lifeformqueue.lifeformTech14215 {
    background-position-x: -560px;
}
.queuePic.lifeformqueue.lifeformTech11216,
.queuePic.lifeformqueue.lifeformTech12216,
.queuePic.lifeformqueue.lifeformTech13216,
.queuePic.lifeformqueue.lifeformTech14216 {
    background-position-x: -600px;
}
.queuePic.lifeformqueue.lifeformTech11217,
.queuePic.lifeformqueue.lifeformTech12217,
.queuePic.lifeformqueue.lifeformTech13217,
.queuePic.lifeformqueue.lifeformTech14217 {
    background-position-x: -640px;
}
.queuePic.lifeformqueue.lifeformTech11218,
.queuePic.lifeformqueue.lifeformTech12218,
.queuePic.lifeformqueue.lifeformTech13218,
.queuePic.lifeformqueue.lifeformTech14218 {
    background-position-x: -680px;
}
/* tiny */
.queuePic.lifeformqueuetiny.lifeformTech11201,
.queuePic.lifeformqueuetiny.lifeformTech11202,
.queuePic.lifeformqueuetiny.lifeformTech11203,
.queuePic.lifeformqueuetiny.lifeformTech11204,
.queuePic.lifeformqueuetiny.lifeformTech11205,
.queuePic.lifeformqueuetiny.lifeformTech11206,
.queuePic.lifeformqueuetiny.lifeformTech11207,
.queuePic.lifeformqueuetiny.lifeformTech11208,
.queuePic.lifeformqueuetiny.lifeformTech11209,
.queuePic.lifeformqueuetiny.lifeformTech11210,
.queuePic.lifeformqueuetiny.lifeformTech11211,
.queuePic.lifeformqueuetiny.lifeformTech11212,
.queuePic.lifeformqueuetiny.lifeformTech11213,
.queuePic.lifeformqueuetiny.lifeformTech11214,
.queuePic.lifeformqueuetiny.lifeformTech11215,
.queuePic.lifeformqueuetiny.lifeformTech11216,
.queuePic.lifeformqueuetiny.lifeformTech11217,
.queuePic.lifeformqueuetiny.lifeformTech11218
{
    background-position-y: -104px;
}
.queuePic.lifeformqueuetiny.lifeformTech12201,
.queuePic.lifeformqueuetiny.lifeformTech12202,
.queuePic.lifeformqueuetiny.lifeformTech12203,
.queuePic.lifeformqueuetiny.lifeformTech12204,
.queuePic.lifeformqueuetiny.lifeformTech12205,
.queuePic.lifeformqueuetiny.lifeformTech12206,
.queuePic.lifeformqueuetiny.lifeformTech12207,
.queuePic.lifeformqueuetiny.lifeformTech12208,
.queuePic.lifeformqueuetiny.lifeformTech12209,
.queuePic.lifeformqueuetiny.lifeformTech12210,
.queuePic.lifeformqueuetiny.lifeformTech12211,
.queuePic.lifeformqueuetiny.lifeformTech12212,
.queuePic.lifeformqueuetiny.lifeformTech12213,
.queuePic.lifeformqueuetiny.lifeformTech12214,
.queuePic.lifeformqueuetiny.lifeformTech12215,
.queuePic.lifeformqueuetiny.lifeformTech12216,
.queuePic.lifeformqueuetiny.lifeformTech12217,
.queuePic.lifeformqueuetiny.lifeformTech12218
{
    background-position-y: -311px;
}
.queuePic.lifeformqueuetiny.lifeformTech13201,
.queuePic.lifeformqueuetiny.lifeformTech13202,
.queuePic.lifeformqueuetiny.lifeformTech13203,
.queuePic.lifeformqueuetiny.lifeformTech13204,
.queuePic.lifeformqueuetiny.lifeformTech13205,
.queuePic.lifeformqueuetiny.lifeformTech13206,
.queuePic.lifeformqueuetiny.lifeformTech13207,
.queuePic.lifeformqueuetiny.lifeformTech13208,
.queuePic.lifeformqueuetiny.lifeformTech13209,
.queuePic.lifeformqueuetiny.lifeformTech13210,
.queuePic.lifeformqueuetiny.lifeformTech13211,
.queuePic.lifeformqueuetiny.lifeformTech13212,
.queuePic.lifeformqueuetiny.lifeformTech13213,
.queuePic.lifeformqueuetiny.lifeformTech13214,
.queuePic.lifeformqueuetiny.lifeformTech13215,
.queuePic.lifeformqueuetiny.lifeformTech13216,
.queuePic.lifeformqueuetiny.lifeformTech13217,
.queuePic.lifeformqueuetiny.lifeformTech13218
{
    background-position-y: -518px;
}
.queuePic.lifeformqueuetiny.lifeformTech14201,
.queuePic.lifeformqueuetiny.lifeformTech14202,
.queuePic.lifeformqueuetiny.lifeformTech14203,
.queuePic.lifeformqueuetiny.lifeformTech14204,
.queuePic.lifeformqueuetiny.lifeformTech14205,
.queuePic.lifeformqueuetiny.lifeformTech14206,
.queuePic.lifeformqueuetiny.lifeformTech14207,
.queuePic.lifeformqueuetiny.lifeformTech14208,
.queuePic.lifeformqueuetiny.lifeformTech14209,
.queuePic.lifeformqueuetiny.lifeformTech14210,
.queuePic.lifeformqueuetiny.lifeformTech14211,
.queuePic.lifeformqueuetiny.lifeformTech14212,
.queuePic.lifeformqueuetiny.lifeformTech14213,
.queuePic.lifeformqueuetiny.lifeformTech14214,
.queuePic.lifeformqueuetiny.lifeformTech14215,
.queuePic.lifeformqueuetiny.lifeformTech14216,
.queuePic.lifeformqueuetiny.lifeformTech14217,
.queuePic.lifeformqueuetiny.lifeformTech14218
{
    background-position-y: -725px;
}

.queuePic.lifeformqueuetiny.lifeformTech11201,
.queuePic.lifeformqueuetiny.lifeformTech12201,
.queuePic.lifeformqueuetiny.lifeformTech13201,
.queuePic.lifeformqueuetiny.lifeformTech14201 {
    background-position-x: 0;
}
.queuePic.lifeformqueuetiny.lifeformTech11202,
.queuePic.lifeformqueuetiny.lifeformTech12202,
.queuePic.lifeformqueuetiny.lifeformTech13202,
.queuePic.lifeformqueuetiny.lifeformTech14202 {
    background-position-x: -28px;
}
.queuePic.lifeformqueuetiny.lifeformTech11203,
.queuePic.lifeformqueuetiny.lifeformTech12203,
.queuePic.lifeformqueuetiny.lifeformTech13203,
.queuePic.lifeformqueuetiny.lifeformTech14203 {
    background-position-x: -56px;
}
.queuePic.lifeformqueuetiny.lifeformTech11204,
.queuePic.lifeformqueuetiny.lifeformTech12204,
.queuePic.lifeformqueuetiny.lifeformTech13204,
.queuePic.lifeformqueuetiny.lifeformTech14204 {
    background-position-x: -84px;
}
.queuePic.lifeformqueuetiny.lifeformTech11205,
.queuePic.lifeformqueuetiny.lifeformTech12205,
.queuePic.lifeformqueuetiny.lifeformTech13205,
.queuePic.lifeformqueuetiny.lifeformTech14205 {
    background-position-x: -112px;
}
.queuePic.lifeformqueuetiny.lifeformTech11206,
.queuePic.lifeformqueuetiny.lifeformTech12206,
.queuePic.lifeformqueuetiny.lifeformTech13206,
.queuePic.lifeformqueuetiny.lifeformTech14206 {
    background-position-x: -140px;
}
.queuePic.lifeformqueuetiny.lifeformTech11207,
.queuePic.lifeformqueuetiny.lifeformTech12207,
.queuePic.lifeformqueuetiny.lifeformTech13207,
.queuePic.lifeformqueuetiny.lifeformTech14207 {
    background-position-x: -168px;
}
.queuePic.lifeformqueuetiny.lifeformTech11208,
.queuePic.lifeformqueuetiny.lifeformTech12208,
.queuePic.lifeformqueuetiny.lifeformTech13208,
.queuePic.lifeformqueuetiny.lifeformTech14208 {
    background-position-x: -196px;
}
.queuePic.lifeformqueuetiny.lifeformTech11209,
.queuePic.lifeformqueuetiny.lifeformTech12209,
.queuePic.lifeformqueuetiny.lifeformTech13209,
.queuePic.lifeformqueuetiny.lifeformTech14209 {
    background-position-x: -224px;
}
.queuePic.lifeformqueuetiny.lifeformTech11210,
.queuePic.lifeformqueuetiny.lifeformTech12210,
.queuePic.lifeformqueuetiny.lifeformTech13210,
.queuePic.lifeformqueuetiny.lifeformTech14210 {
    background-position-x: -252px;
}
.queuePic.lifeformqueuetiny.lifeformTech11211,
.queuePic.lifeformqueuetiny.lifeformTech12211,
.queuePic.lifeformqueuetiny.lifeformTech13211,
.queuePic.lifeformqueuetiny.lifeformTech14211 {
    background-position-x: -280px;
}
.queuePic.lifeformqueuetiny.lifeformTech11212,
.queuePic.lifeformqueuetiny.lifeformTech12212,
.queuePic.lifeformqueuetiny.lifeformTech13212,
.queuePic.lifeformqueuetiny.lifeformTech14212 {
    background-position-x: -308px;
}
.queuePic.lifeformqueuetiny.lifeformTech11213,
.queuePic.lifeformqueuetiny.lifeformTech12213,
.queuePic.lifeformqueuetiny.lifeformTech13213,
.queuePic.lifeformqueuetiny.lifeformTech14213 {
    background-position-x: -336px;
}
.queuePic.lifeformqueuetiny.lifeformTech11214,
.queuePic.lifeformqueuetiny.lifeformTech12214,
.queuePic.lifeformqueuetiny.lifeformTech13214,
.queuePic.lifeformqueuetiny.lifeformTech14214 {
    background-position-x: -364px;
}
.queuePic.lifeformqueuetiny.lifeformTech11215,
.queuePic.lifeformqueuetiny.lifeformTech12215,
.queuePic.lifeformqueuetiny.lifeformTech13215,
.queuePic.lifeformqueuetiny.lifeformTech14215 {
    background-position-x: -392px;
}
.queuePic.lifeformqueuetiny.lifeformTech11216,
.queuePic.lifeformqueuetiny.lifeformTech12216,
.queuePic.lifeformqueuetiny.lifeformTech13216,
.queuePic.lifeformqueuetiny.lifeformTech14216 {
    background-position-x: -420px;
}
.queuePic.lifeformqueuetiny.lifeformTech11217,
.queuePic.lifeformqueuetiny.lifeformTech12217,
.queuePic.lifeformqueuetiny.lifeformTech13217,
.queuePic.lifeformqueuetiny.lifeformTech14217 {
    background-position-x: -448px;
}
.queuePic.lifeformqueuetiny.lifeformTech11218,
.queuePic.lifeformqueuetiny.lifeformTech12218,
.queuePic.lifeformqueuetiny.lifeformTech13218,
.queuePic.lifeformqueuetiny.lifeformTech14218 {
    background-position-x: -476px;
}

#mainmenucomponent {
    /*!* Positioning *!*/
    /*position: absolute;*/
    /*top: 145px;*/
    /*!*left: 180px;*!*/
    /*!* Box-Model *!*/
    float: left;
    width: 133px;
    /*!*margin: 0;*!*/
    /*height: 100%;*/
    /*!* Typography *!*/
    /*line-height: 1;*/
    /*!* Visual *!*/
    /*!* Misc *!*/
}

.align-right {
    float: right;
}

#mainmenucomponent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

#mainmenucomponent ul li {
    position: relative;
    margin: 0;
    padding: 0;
}

#mainmenucomponent ul li a {
    text-decoration: none;
    cursor: pointer;
}

#mainmenucomponent > ul > li > a {
    color: #6F9FC8;
    display: block;
    padding: 3px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    background: #252f3b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: 200;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    position: relative;
}

#mainmenucomponent > ul > li:first-child > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#mainmenucomponent > ul > li:last-child > a {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 1px solid #000000;
}

#mainmenucomponent > ul > li:hover > a,
#mainmenucomponent > ul > li.open > a,
#mainmenucomponent > ul > li.active > a {
    background: #444444;
    color: #ffffff;
}

/*#mainmenucomponent ul > li.has-sub > a::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-top: 13px solid #000000;
    border-botom: 13px solid transparent;
    border-left: 125px solid transparent;
    border-right: 125px solid transparent;
    left: 0;
    bottom: -13px;
    bottom: 0px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}*/

#mainmenucomponent ul > li.has-sub::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #dddddd;
    z-index: 2;
    right: 20px;
    top: 6.5px;
    pointer-events: none;
}

#mainmenucomponent ul > li:hover::after,
#mainmenucomponent ul > li.active::after,
#mainmenucomponent ul > li.open::after {
    border-top-color: #ffffff;
}

#mainmenucomponent ul > li.has-sub.open > a::before {
    opacity: 1;
    bottom: -12px;
}

#mainmenucomponent ul ul {
    display: none;
}

#mainmenucomponent ul ul li a {
    background: #252f3b;
    display: block;
    position: relative;
    font-size: 14px;
    padding: 5px 5px;
    border-bottom: 1px solid #252f3b;
    color: #6F9FC8;
    font-weight: 300;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

#mainmenucomponent ul ul li:first-child > a {
    padding-top: 18px;
}

#mainmenucomponent ul ul ul li {
    border: 0;
}

#mainmenucomponent ul ul li:hover > a,
#mainmenucomponent ul ul li.open > a,
#mainmenucomponent ul ul li.active > a {
    background: #353f4b;
    color: #7FaFD8;
}

#mainmenucomponent ul ul > li.has-sub > a::after {
    border-top: 13px solid #dddddd;
}

#mainmenucomponent ul ul > li.has-sub > a::before {
    border-top: 13px solid #e4e4e4;
}

#mainmenucomponent ul ul ul li a {
    padding-left: 30px;
}

#mainmenucomponent ul ul > li.has-sub::after {
    top: 18.5px;
    border-width: 6px;
    border-top-color: #777777;
}

#mainmenucomponent ul ul > li:hover::after,
#mainmenucomponent ul ul > li.active::after,
#mainmenucomponent ul ul > li.open::after {
    border-top-color: #666666;
}

#mainmenucomponent ul li.newInfo a {
    color: orange;
}

#mainmenucomponent ul li.premium a {
    color: yellow;
}

#mainmenucomponent ul li.mainmenucurrent a {
    color: #8FbFE8;
    background: #555f6b;
}


.glow > a > span {
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 0 none;
}

.glow:hover > a > span,
.glow:focus > a > span {
    color: #fff;
    text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
    -webkit-transition: 100ms linear 0s;
    -moz-transition: 100ms linear 0s;
    -o-transition: 100ms linear 0s;
    transition: 100ms linear 0s;
}

.eyecatcher-glow > a > span {
    color: #fff;
    text-shadow: 0 0 4px #bb7 !important;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
}

.eyecatcher-glow-strong > a > span {
    color: #fff !important;
    text-shadow: 0 0 10px #bb7 !important;
    -webkit-transition: 700ms ease-in-out 0s;
    -moz-transition: 700ms ease-in-out 0s;
    -o-transition: 700ms ease-in-out 0s;
    transition: 700ms ease-in-out 0s;
}

li.text-pulsing > a > span {
    -webkit-animation-name: pulsing;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;

    animation-name: pulsing;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@-webkit-keyframes pulsing {
    from {
        color: #fff;
        text-shadow: 0 0 0 #bb7;
    }

    to {
        color: #000;
        text-shadow: 0 0 10px #bb7;
    }
}

@keyframes pulsing {
    from {
        color: #fff;
        text-shadow: 0 0 0 #bb7;
    }

    to {
        color: #000;
        text-shadow: 0 0 10px #bb7;
    }
}

.marketplace h2 {
    color: #6F9FC8;
    font-size: 13px;
    font-weight: 700;
}
.marketplace h3 {
    color: #6F9FC8;
    font-size: 12px;
    font-weight: 700;
}

.marketplace .side_navigation a {
    font-weight: 700;
    text-decoration: none;
    display:block;
    line-height: 20px;
    font-size: 13px;
}
.marketplace .side_navigation a.active {
    color:#ffffff;
}

.marketplace a.historylink {
    font-weight: 700;
    text-decoration: underline;

    display:block;
    line-height: 20px;
    font-size: 13px;
}

.marketplace .c-left, .marketplace .c-right {
    top:213px;
}

.marketplace header {
    position: relative;
    width: 654px;
    height: 250px;
    background: url('/img/icons/6c755dea7ee23b6f34051de949ff55.jpg');
    margin: 0 auto;
}

.marketplace header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

.marketplace header .tabs {
    position: absolute;
    box-sizing: border-box;
    bottom: 20px;

    width: 100%;
    height: 30px;
    padding: 0 20px 0 50px;

    display:flex;
    justify-content: center;
}

.marketplace header .tabs li {
    position: relative;
    width: auto;
    height: 30px;

    margin-right: 20px;

    text-align: center;
}

.marketplace header .tabs li a {
    position: relative;
    min-width: 110px;
    height: 30px;
    box-sizing: border-box;
    line-height: 28px;

    border: 1px solid #89c2f3;
    border-radius: 8px;

    display: inline-block;
    text-decoration: none;

    font-weight: 700;

    white-space: nowrap;
    padding:0 5px;
}

.marketplace .tabs li a span {
    color: #ffffff;
}

.marketplace .tabs li.active a {
    background-color: #628ed2;
}

.marketplace .tabs li a:hover {
    background-color: #628ed2;
}

.marketplace .filter select {
    width:100%;
}

.marketplace .wrapper .header {
    position: relative;
    height: 28px;
    background-image: url(/img/icons/10e31cd5234445e4084558ea3506ea.gif);
    background-repeat: no-repeat;
}

.marketplace .wrapper .content {
    position: relative;
    background: url(/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif) repeat-y;
    min-height: 150px;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
}

.marketplace .wrapper .content .filter-wrapper {
    margin-top: -10px;
}

.marketplace .wrapper .content .content-wrapper {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.marketplace .wrapper .footer {
    position: relative;
    background: url(/img/icons/997fd607a76c0b713e24cb7f2d41f5.png) no-repeat;
    height: 50px;
    width: 667px;
    z-index: 1;
}

.marketplace .wrapper .content .leftside {
    position: relative;
    box-sizing: border-box;
    padding: 10px 10px;
    width: 150px;
    min-height: 300px;
    border-right: 1px solid #273746;
}

.marketplace .wrapper .content .leftside.deactivated {
    filter:saturate(0%);
    color:#888888;
}

.marketplace .wrapper .content .leftside .og-note { margin:20px 0; }

.marketplace .wrapper .content .rightside {
    position: relative;
    box-sizing: border-box;
    padding: 5px 5px 5px 10px;
    width: 490px;
}

.marketplace .wrapper .content .items_wrapper {
    position: relative;
    height: 100%;
    min-height: 240px;
    overflow-y: auto;
}

.marketplace .wrapper .content .pagination_wrapper {
    position: relative;
    width: 400px;
    margin: 10px auto;
}

.marketplace .filters.vertical {
    min-height: 300px;
}

.marketplace .filters.horizontal {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 55px;
}

.marketplace .filters.horizontal .filter {
    position: relative;
    display: block;
    width: 150px;
    margin-right: 10px;
}

.marketplace .item {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    display: block;

    height:70px;
    font-size: 11px;
    margin-bottom: 10px;
}

.marketplace .item .thumbnail {
    position:relative;
    height:80px;
    width:80px;

    float: left;

    transform: scale(0.75);
    transform-origin: top left;
}

.marketplace .item .thumbnail > img {
    height:100%;
}

.marketplace .item .info {
    line-height: 20px;
}

.marketplace .item .info.details {
    position:relative;
    box-sizing: border-box;
    height:60px;
    padding:5px 5px 5px 10px;
}

.marketplace .item .info.details a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 137px;
    display: block;
}

.marketplace .item .info.details h3 {
    position:relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px;
}

.marketplace .item .info.details h3 span {
    color: #6F9FC8;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 140px;
}

.marketplace .item .info.price {
    position:relative;
    box-sizing: border-box;
    height:60px;
}

.marketplace .item .info.date {
    position: relative;
    box-sizing: border-box;
    height: 60px;
}

.marketplace .item .info.range {
    position: relative;
    box-sizing: border-box;
    height: 60px;
}

.marketplace .item .info.type {
    position: relative;
    box-sizing: border-box;
    height: 60px;
}

.marketplace .info .text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.marketplace .info .quantity {
}

.marketplace .info .playerName {
    font-style:italic;
    max-width:120px;
}

.marketplace .item .delivery {
    position: relative;
    height:60px;
}

.marketplace .delivery .time {
    position:relative;
    height:60px;
    box-sizing: border-box;
    text-align: center;
    line-height:20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.marketplace .arrow.left {
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -30px;
    border-style: solid;
    border-width: 30px 15px 30px 0;
    border-color: transparent #577698 transparent transparent;
}

.marketplace .arrow.right {
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -30px;
    border-style: solid;
    border-width: 30px 0 30px 15px;
    border-color: transparent transparent transparent #577698;
}



.marketplace .item .action {
    position: relative;
    height:60px;

    float:left;
}

.marketplace.item.resource {
    background-image: url('/img/icons/7f14c18b15064d2604c5476f5d10b3.png');
    background-repeat: no-repeat;
}

.marketplace.item.resource.metal {
    background-position: 0 0;
}

.marketplace.item.resource.crystal {
    background-position: -80px 0;
}

.marketplace.item.resource.deuterium {
    background-position: -160px 0;
}

.marketplace.item.ship {
    background-image:url('/cdn/img/content/ships_80.jpg');
    background-repeat: no-repeat;
}

.marketplace .chart_container { width:100%; height:280px; }

.marketplace #priceLimit {
    font-size: 11px;
}

.marketplace #priceLimit a:link,
.marketplace #priceLimit a:visited,
.marketplace #priceLimit a:hover,
.marketplace #priceLimit a:active
{
    text-decoration: none;
}

.marketplace #priceLimit a:hover {
    color: #9c0;
}

.marketplace #priceLimit a:link {
    color: #6f9fc8;
}

.marketitem_price_tooltip {
    width: 100%;
}

.marketitem_price_tooltip th {
    text-align: left;
}

.marketitem_price_tooltip th .formula {
    display: block;
    font-size: 8px;
}

.marketitem_price_tooltip td {
    padding-left: 5px;
    color: #fff;
    text-align: right;
}

.marketitem_price_tooltip th.sum,
.marketitem_price_tooltip td.sum {
    border-top: 1px solid #848484;
}

.og-checkbox[type="checkbox"] {
    display: none;
}

.og-checkbox[type="checkbox"] + label, .og-label {
    line-height: 22px;
    color: #6f9fc8;
    font-weight: 700;
}

.og-checkbox[type="checkbox"] + label::before {
    width: 10px;
    height: 10px;
    background-color: #0078a3;
    display: block;
    content: "";
    float: left;
    border: 1px solid #89c2f3;
    margin: 6px 8px 6px 0;
    box-sizing: border-box;
}

.og-checkbox[type="checkbox"]:checked + label::before {
    background-color: #00ff00;
}

.og-radiobutton[type="radio"] {
    display: none;
}

.og-radiobutton[type="radio"] + label {
    position: relative;
    height: 22px;
    line-height: 22px;
    color: #6f9fc8;
    font-weight: 700;
    display: inline-block;
    box-sizing: border-box;
    padding-left:18px;
}

.og-radiobutton[type="radio"] + label:nth-child(2n+4) {
    margin-left:3px;
}

.og-radiobutton[type="radio"] + label::before {
    width: 12px;
    height: 12px;
    background-color: #0078a3;
    display: block;
    content: "";
    border: 1px solid #89c2f3;
    border-radius: 6px;
    margin: 5px 8px 5px 0;
    box-sizing: border-box;
    position: absolute;
    left:0;
    top:50%;
    margin-top: -6px;
}

.og-radiobutton[type="radio"] + label.disabled::before {
    cursor: not-allowed;
    background-color: #333333;
}

.og-input[type="text"] {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    line-height: 24px;
}

.og-input[type="text"].invalid {
    border-color:#ff0000;
    background-color:#cbb3b3;
}

.og-radiobutton[type="radio"]:checked + label::before {
    background-color: #00ff00;
}

.og-button {
    position: relative;
    box-sizing: border-box;

    border-radius: 6px;

    height:30px;
    line-height: 30px;
    text-align: center;

    display: block;

    cursor: pointer;
}

.og-button.submit {
    background-color: #1cbb1c;
    background:linear-gradient(to bottom,#07aa07, #1cbb1c,#07aa07 );
    box-shadow: inset 0 0 2px #000000, inset 0 0 1px #000000;
}

a.og-button {
    color:#ffffff;
    text-decoration: none;
}

.og-button span, .og-button:link span, .og-button:hover span {
    color:inherit;
    text-decoration: inherit;
}

.og-button:hover { background-color: #1cdd1c; }
.og-button:hover span { color:#ffffff;
    text-shadow: 0 0 2px #000000;}

.og-button.disabled:link { color: #848484;}
.og-button.disabled:hover { background-color: #273746; }
.og-button.disabled:hover span { color:#848484;}


.og-table {
    position: relative;
    box-sizing: border-box;
}

.og-table .head {
    position: relative;
    box-sizing: border-box;
    padding:5px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #273746;
    display: flex;
    line-height: 20px;
}

.og-table.isScrollbarVisible .head {
    padding:5px 15px 5px 0;
}
.og-table .head::after { content:""; display:block; clear:both; }
.og-table .row::after { content:""; display:block; clear:both; }

.og-table .row {
    display: flex;
    flex-direction: row;
}

.og-table .row.h-10 { height:10px; }
.og-table .row.h-20 { height:20px; }
.og-table .row.h-30 { height:30px; }
.og-table .row.h-40 { height:40px; }
.og-table .row.h-50 { height:50px; }
.og-table .row.h-60 { height:60px; }

.og-table .col {
    position:relative;
    box-sizing: border-box;

    display: block;

    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: initial;
}

.og-table .col.v-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.og-table .col.h-center {
    align-items: center;
}

.og-table .col.w-grow {
    flex-grow: 1;
}
.og-table .col.w-10 { width:10px;}
.og-table .col.w-20 { width:20px;}
.og-table .col.w-30 { width:30px;}
.og-table .col.w-40 { width:40px;}
.og-table .col.w-50 { width:50px;}
.og-table .col.w-60 { width:60px;}
.og-table .col.w-70 { width:70px;}
.og-table .col.w-80 { width:80px;}
.og-table .col.w-90 { width:90px;}
.og-table .col.w-100 { width:100px;}
.og-table .col.w-110 { width:110px;}
.og-table .col.w-120 { width:120px;}
.og-table .col.w-130 { width:130px;}
.og-table .col.w-140 { width:140px;}
.og-table .col.w-150 { width:150px;}
.og-table .col.w-160 { width:160px;}
.og-table .col.w-170 { width:170px;}
.og-table .col.w-180 { width:180px;}
.og-table .col.w-190 { width:190px;}
.og-table .col.w-200 { width:200px;}
.og-table .col.w-210 { width:210px;}
.og-table .col.w-220 { width:220px;}
.og-table .col.w-230 { width:230px;}
.og-table .col.w-240 { width:240px;}
.og-table .col.w-250 { width:250px;}
.og-table .col.w-260 { width:260px;}
.og-table .col.w-270 { width:270px;}
.og-table .col.w-280 { width:280px;}
.og-table .col.w-290 { width:290px;}
.og-table .col.w-300 { width:300px;}
.og-table .col.w-310 { width:310px;}
.og-table .col.w-320 { width:320px;}
.og-table .col.w-330 { width:330px;}
.og-table .col.w-340 { width:340px;}
.og-table .col.w-350 { width:350px;}
.og-table .col.w-360 { width:360px;}
.og-table .col.w-370 { width:370px;}
.og-table .col.w-380 { width:380px;}
.og-table .col.w-390 { width:390px;}
.og-table .col.w-300 { width:400px;}

.og-note {
    position: relative;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    padding:10px;
    font-size: 11px;
    line-height: 18px;
}
.og-icon {
    position: relative;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 700;
}

.og-note.info { border-color: #273746; }
.og-note.info .og-icon { border-color: #273746; color: #273746; }

.og-note.warning { border-color:#fff592; }
.og-note.warning .og-icon { border-color: #fff592; color: #fff592 !important; }

.og-sub-step {
    position:relative;
    display:inline-block;
    font-size:11px;
    line-height:20px;
    color:#ffffff;
}
.og-sub-step::before {
    position: relative;
    box-sizing: border-box;
    width:16px;
    height:16px;
    display:inline-block;
    background-color:#0078a3;
    color:#ffffff;
    font-weight: 700;
    border-radius: 8px;
    line-height: 16px;
    text-align: center;
    margin-right: 8px;
}
.og-sub-step.sub-step-1::before { content:'1'; }
.og-sub-step.sub-step-2::before { content:'2'; }
.og-sub-step.sub-step-3::before { content:'3'; }
.og-sub-step.sub-step-4::before { content:'4'; }
.og-sub-step.sub-step-5::before { content:'5'; }
.og-sub-step.sub-step-6::before { content:'6'; }

.og-hline { border-bottom: 1px solid #273746; }

.og-m-v-5 { margin-top:5px; margin-bottom:5px; }
.og-m-b-10 { margin-bottom:10px; }

.p-l-5 { padding-left: 5px; }
.p-l-10 { padding-left: 10px; }
.p-l-20 { padding-left: 20px; }
.p-r-5 { padding-right: 5px; }
.p-r-10 { padding-right: 10px; }
.p-r-20 { padding-right: 20px; }

.og-linechart {
    position:relative;
    box-sizing: border-box;

    width:100%;
    height:100%;
}

.og-linechart canvas {
    position: relative;
    box-sizing: border-box;
    width:100%;
    height:100%;
}

.og-linechart .tooltip {
    position:absolute;
    box-sizing: border-box;
    width:120px;
    height:24px;

    margin-left:-40px;
    margin-top:-32px;

    border-width: 1px;
    border-style: solid;
    border-color: #4b5156;
    border-radius: 5px;

    color: #d1d1d1;
    font-size: 11px;

    line-height: 22px;
    text-align: center;

    background: linear-gradient(to bottom, #3f4e5d, #070808);

    display: none;
}

.og-linechart .tooltip:before {
    position:absolute;
    display:block;
    content:"";

    left:50%;
    bottom:-8px;
    margin-left:-8px;

    width:0;
    height:0;

    border-top: 8px solid #4b5156;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.og-linechart .tooltip:after {
    position:absolute;
    display:block;
    content:"";

    left:50%;
    bottom:-6px;
    margin-left:-6px;

    width:0;
    height:0;

    border-top: 6px solid #070808;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.og-sortable {
    position: relative;
    box-sizing: border-box;
    display: flex;

    flex-direction: row;
    align-items: center;

    cursor: pointer;
}

.og-sortable.left {
    justify-content: left;
}

.og-sortable.center {
    justify-content: center;
    padding-left: 20px;
}

.og-sortable.right {
    justify-content: right;
}

.og-sortable h3 {
    position: relative;
    box-sizing: border-box;
    display: block;

    flex-grow: 0;
    flex-shrink: 0;
}
.og-sortable .icon {
    position:relative;
    content:'';
    display:block;

    width:20px;
    height:20px;
    flex-shrink: 0;
    flex-grow: 0;

    background:url(/img/icons/d03835718066a5a592a6426736e019.png);
}
.og-sortable.inactive > .icon {
    background-position-x: -11px;
    background-position-y: -777px;
}

.og-sortable.active > .icon {
    background-position-x: -11px;
    background-position-y: -808px;
}

.og-sortable.active.asc > .icon {
    background-position-x: -11px;
    background-position-y: -839px;
}

.og-sortable.active.desc > .icon {
    background-position-x: -11px;
    background-position-y: -862px;
}

.og-itembox {
    position: relative;

    width:140px;
    height:140px;

    display: block;

    overflow: hidden;
}

.og-itembox > .thumbnail {
    position: absolute;

    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.og-itembox > .thumbnail > .sprite.ship {
    transform-origin: top left;
    transform: scale(0.68);
    margin:2px;
}

.og-itembox > .thumbnail > .sprite.resource {
    transform-origin: top left;
    transform: scale(1.75);
}

.og-itembox > .thumbnail > img {
    width:100%;
    height:100%;
}

.og-itembox > .box{
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 140px;
    display: block;

    background: url(/img/icons/2fdbfb9b4367313510bd42f4d1395d.png) no-repeat left bottom;
    z-index: 2;
}

.og-itembox > .box > .quantity {
    position: absolute;
    right:0;
    bottom:0;

    box-sizing: border-box;

    padding-right: 5px;

    width:100%;
    height:18px;
    line-height: 18px;

    color: #FF9600;
    font-size: 13px;
    text-align: right;
}

.og-flexbox {
    position: relative;
    display: flex;
}

.og-flexbox.flex-direction-row {
    flex-direction:row;
}

.og-flexbox.flex-direction-column {
    flex-direction:column;
}


/* *****************************************************************************
   NEWSFEED
***************************************************************************** */
#messages .tab_inner:before,
    /*.msg_status,*/
.detail_msg .section_title,
.detail_msg .c-left,
.detail_msg .c-right {
    background-image: url("/img/icons/d03835718066a5a592a6426736e019.png");
    background-position: 0 0;
    background-repeat: repeat-x;
}

/* **** Common Message Styles (used in newsfeed, buddies and chat pages) ***** */
.msg {
    background: #111A21;
    -webkit-box-shadow: inset 0 1px 1px rgba(33, 49, 64, 0.75);
    box-shadow: inset 0 1px 1px rgba(33, 49, 64, 0.75);
    list-style: none;
    margin: 0 0 7px 0;
    position: relative;
}
.msg_new {
    background: #22313b;
    color: #dddddd;
    -webkit-box-shadow: inset 0 1px 1px rgba(74, 129, 120, 0.75);
    box-shadow: inset 0 1px 1px rgba(74, 129, 120, 0.75);

}
.msg_status {
    background-color: #16222c;
    /*background-position: -16px -634px;*/
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px;
}

.msg_status:before {
    background-image: url("/img/icons/d03835718066a5a592a6426736e019.png");
    background-position: -16px -634px;
    display: block;
    content: "";
    height: 100%;
    max-height: 103px;
    width: 7px;
}

.msg_new .msg_status {
    background-color: #23d2b7;
    /*background-position: -24px -634px;*/
}

.msg_new .msg_status:before {
    background-position: -24px -634px;
}

.msg_head {
    padding: 5px 5px 0 12px;
    margin-bottom: -5px;
}
.msg_head .icon_nf_link {
    height: 16px;
    margin: 0 0 0 4px;
    width: 16px;
}

.msg_title {
    display: inline-block;
    width: 400px;
}
.msg_new .msg_title { font-weight: bold; }

.msg_sender {}
.msg_date {
    display: inline-block;
    font-size: 9px;
    margin: 2px 5px 0 0;
}

.msg_content {
    display: inline-block;
    padding: 5px 5px 5px 12px;
    word-wrap: break-word;
    width: 100%;
    box-sizing: border-box;
}
.msg_actions
{
    padding: 5px 5px 5px 12px;
    clear: both;
}
.msg_actions .comments { margin: 0 0 -2px 0; }
.comments_link { margin: 0 10px 0 0;}

/* message icons */
.icon_nf {
    background-image: url("/img/icons/7018d8e33bdcbd1126e3370c573fe3.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 26px;
    width: 26px;
}
.icon_nf.icon_accept { background-position: 0 -104px; }
.icon_nf.icon_attack { background-position: 0 -470px; }
.icon_nf.icon_copy_paste { background-position: 0 -364px; }
.icon_nf.icon_espionage { background-position: 0 -156px; }
.icon_nf.icon_favorited { background-position: 0 -260px; }
.icon_nf.icon_not_favorited { background-position: 0 -312px; }
.icon_nf.icon_refuse { background-position: 0 -52px; }
.icon_nf.icon_share { background-position: 0 -208px; }
.icon_nf.icon_apikey { background-position: 0 -522px; }
.icon_nf.icon_harvest { background-position: 0 -575px; }
.icon_nf.icon_report { background-position: 0 -628px; }

.icon_nf.icon_fav_info { background-position: 0 -416px; }
/* @TODO: this can be renamed to icon_warning when the other has been renamed to icon_report */
.icon_nf.icon_attension { background-position: 0 -442px; }

.msg_action_link { padding: 16px 0 0 0; }

.outOfChatbar { display: none; }

.newMsgMarker {
    float: right;
}

span .resspan {
    margin-right: 20px;
    display: inline-flex;
}

ul#chatMsgList .newMsgMarker {
    margin-right: 20px;
}

ul.chat_bar_list .newMsgMarker {
    margin-right: 20px;
}

.playerlist_item .newMsgMarker {
    margin-top: -22px;
    margin-right: 14px;
}

.ally_send_button {
    float: right;
    margin-top: -33px;
}

/* ************************** Messages = Newsfeed *************************** */
#messages #buttonz .content {
    color: #848484;
    font-size: 11px;
    padding: 10px 15px 0;
}

#messages .subtabs {
    margin: 2px 0 7px 2px;
    width: 622px;
}
#messages .tab_favorites,
#messages .tab_inner {
    background: #000;
    padding:  5px 5px 0 5px;
    min-height: 100px;
    position: relative;
}
#messages .tab_favorites { min-height: 40px; }
#messages .tab_favorites .no_msg { margin: -8px 0 0 0; }

#messages .no_msg {
    line-height: 16px;
    margin: -16px 0 0 0;
    min-height: 16px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}

#messages .tab_inner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 10px;
    height: 9px;
    background-position: 0 -660px;
}

.msg_ctn {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
}

.msg_ctn2 { width: 292px; }
.msg_ctn3 { width: 196px; }
.msg_ctn4 { width: 145px; }

/* *************** specific fot fleet subtabs ******************************* */

.trash_tab {
    position: absolute;
    top: 48px;
}
.trash_box {
    color: #848484;
    position: absolute;
    left: -620px;
    top: 15px;
    width: 450px;
}
.trash_box.trash_open { top: -3px; }

.in_trash { display: none; }

.btn_trash {
    float: right;
    position: absolute;
    right: -2px;
    white-space: nowrap;
}

.trash_action { color: #fff; }
.trash_action:hover {
    text-decoration: underline;
    cursor: pointer;
}

.trash_title {
    color: #6F9FC8;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
}

.ctn_with_trash { margin: 45px 0 0 0;}
/* Pagination */

.pagination {
    list-style-type: none;
}

ul.pagination li {
    display: inline;
    list-style-type: none;
    margin-right: 20px;
}

ul.pagination li:hover {
    cursor: pointer;
}



/* ************communication -> messages (="Beitraege") ***********************/
.new_msg_label {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    vertical-align: top;
    width: 168px;
}
.recipient_field {
    margin: 0 0 7px 0;
    position: relative;
}


/* recipient selection */
.recipient_select_box {
    background: #171d24;
    border-radius: 0 3px 3px 3px;
    display: none;
    max-height: 170px;
    padding: 5px;
    position: absolute;
    top: 24px;
    width: 185px;
    z-index: 3;
}
.new_msg_label.open {
    background: #171d24;
    border-radius: 3px;
}
.recipient_select_box .scroll_box {
    background-color: #B3C3CB;
    border: 1px solid #668599;
    border-bottom-color: #D3D9DE;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px 0 #454F54;
    color: #000;
    margin: 5px 0;
    height: 100px;
    line-height: 20px;
    padding: 2px 0;
    -webkit-box-sizing: content-box;
}

.recipient_select_box  .ally_rank { padding: 0 5px; }
.recipient_select_box .over,
.recipient_select_box .selected {
    background-color: #859fb0;
}

.new_msg_label.open {
    background: #182028;
    border-radius: 3px;
}

.new_msg_label .icon_adressbook {
    vertical-align: middle;
    margin: 0 3px 0 5px;
}
.recipient_field .input_replacement {
    height: auto;
    min-height: 21px;
    width: 418px;
}

.recipient_txt {
    background-color: #859FB0;
    border-radius: 3px;
    display: inline-block;
    line-height: 20px;
    padding: 0 4px;
    margin: 1px 3px 0 0;
}
.input_replacement.focus .recipient_txt { background-color: #B3C3CB; }

.recipient_txt.tooltip,
.recipient_list .tooltip { color: #000; }
.recipient_txt.tooltip:hover,
.recipient_list .tooltip:hover { text-decoration: none; }

.remove_recipient {
    background: url("/img/icons/ee50881fb73e1144183d7ea5ed8df4.png") no-repeat;
    display: inline-block;
    height: 10px;
    margin: 0 0 -1px 3px;
    width: 12px;
}

.ctn_with_new_msg { margin: 8px 0 0 0;}

#newMsgForm { margin: -1px 0 0 0; }

#newMsgForm .editor_wrap {
    float: right;
    width: 429px;
}

.recipient_select_box.federates { width: 579px; }

.federate_select {
    width: 183px;
    margin: 5px 5px 0 5px;
}



/* ****************Tab: Favorites ******************************************* */
.contentbox .right_ctn { margin: -3px 0 0 210px; }

#tabs-nfFavorites .error { margin: 0 0 5px 0; }
.commander_ad { margin: 15px 0 0 0; }
.commander_ad .btn_confirm { margin: 15px 0 0 0; }
#messages #buttonz .commander_ad .footer { width: 602px; }

/* ***************** Messages: Detail View ********************************** */
.detail_msg {
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid #182531;
    width: 700px;
}
.detail_msg_head {
    border-bottom: 1px solid #182531;
    padding: 2px 0 0 0;
    position: relative;
}
.detail_msg_ctn {
    padding: 5px 5px 5px 0;
}
.detail_msg .msg_status { border-radius: 0; }
.detail_msg .msg_title {
    width: 580px;
    padding: 2px 0 0 12px;
}
.detail_msg .msg_date { padding: 0 5px 0 0; }
.detail_msg .msg_sender_label { padding: 0 0 0 12px; }
.detail_msg .msg_comments { padding: 0 5px 0 0; }
.detail_msg .msg_actions {
    border-top: 1px solid #182531;
    padding: 5px 5px 5px 12px;
    margin: 3px 0 0 0;
}
/* ****************** Detail Message: Comments ****************************** */
#scrollToComments { padding: 0 5px 0 0;}

.comment_wrap {
    background: #0D1014;
    border: 1px solid #000;
    margin: 10px 0 0 0;
    padding: 5px 0 15px 0;
}
.comment_box {
    margin: 0 auto;
    width: 400px;
}
.comment_list {
    width: 400px;
    box-sizing: border-box;
}

.comment_list_el {
    background-color: #252F3A;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: inset 0 1px 2px rgba(62, 81, 100, 0.4);
    margin: 2px 0;
    padding: 5px;
    position: relative;
}
.comment_list_el.odd { background-color: #182028; }

.comment_date {
    font-size: 9px;
    margin: 0 3px 0 0;
}

/* ****************** Detail Message: Espionage ***************************** */
.detail_msg .section_title {
    height: 27px;
    line-height: 27px;
    margin: 10px 9px 5px 5px;
    padding: 0 0 0 5px;
    position: relative;
}
.detail_msg .title_txt {
    position: relative;
    z-index: 1;
}

.detail_msg .c-left,
.detail_msg .c-right {
    position: absolute;
    height: 27px;
    top: 0;
    z-index: 0;
}
.detail_msg .c-left {
    background-position: 0 -433px;
    left: -3px;
    right: auto;
}
.detail_msg .c-right {
    background-position: 100% -460px;
    left: auto;
    right: -13px;
}
.detail_txt,
.detail_list { margin: 0 0 10px 10px; }

.detail_list_el {
    background: #0D1014;
    float: left;
    line-height: 28px;
    height: 28px;
    margin: 0 5px 0 0;
    padding: 2px 0;
    width: 316px;
}
.detail_list_el .research_image { height: 28px; }
.detail_list_el.odd { background-color: #182028; }

.detail_list_txt {
    width: 175px;
    display: inline-block;
    margin: 0 0 0 5px;
}
.resource_list_el {
    float: left;
    line-height: 20px;
    vertical-align: top;
    width: 120px;
}

.resource_list_el_small {
    float: left;
    line-height: 20px;
    vertical-align: top;
    width: 100px;
}


.resource_list_el .resourceIcon { margin: 0 5px 0 0; }
.resource_list_el .resourceIconSmall { margin: 0 5px 0 0; }
.resource_list_el .res_value { line-height: 30px; }

.resource_list_el_small .res_value {
    line-height: 20px;
    margin: 0 0 0 5px;
}

.resourcedisplay .section_title {
    margin: 10px 15px 5px 6px;
}

.loot {
    border: 2px solid;
    margin: 3px;

    width: 322px;
    float: left;
}

.tf {
    margin: 3px;
    border: 2px solid;
    width: 322px;
    float: right;
}

.fightdetails {
    margin: 3px;
    padding: 3px;
    border: 2px solid;
    width: inherit;
    text-align: center;
    vertical-align: middle;
}

.og_video {
    margin: 3px;
    padding: 0;
    border: 2px solid #4d6600;
    width: inherit;
    text-align: center;
    vertical-align: middle;
}

/* ****************** Detail Message: Combat Report ************************* */

.combat_participant {
    margin: 3px;
    padding: 0 0 5px 0;
    width: 322px;}

.combat_participant.attacker {
    float: left;
    margin: 3px;

}

.combat_participant.defender {
    float: right;
    margin: 3px;

}

/*.combat_participant.attacker { margin: 0 0 10px 0; }*/

/* the colors for winner, draw, defeated are derived
 * form undermark, middlemark and overmark -40% Brightness */
.combat_participant.winner { border: 2px solid #4d6600;}
.combat_participant.draw { border: 2px solid #664c00;}
.combat_participant.defeated { border: 2px solid #661a1a;}

.common_info li {
    float: left;
    padding: 10px 15px 0 10px;
}

.combat_participant .section_title { margin: 10px 15px 5px 6px; }

.participant_label {
    float: left;
    margin: 5px 5px 5px 5px;
}

.participant_select {
    float: right;
    margin: 5px 5px 5px 5px;
    min-width: 165px;
}

#attacker_select_combatreport {
    margin: 5px 5px 5px 0;
    float: right;
}

#defender_select_combatreport {
    margin: 5px 5px 5px 0;
    float: right;
}

.combat_participant .h_battleships {
    width: 320px;
    background: none;
}
.combat_participant .h_civilships {
    width: 320px;
    background: none;

}

.building_list_80,
.ship_list_80 {
    height: 200px;
    margin: 0 0 0 15px;
}
.military_ships {
    width: inherit;
}

.civil_ships {
    width: inherit;
}

.defence_techs {
    width: inherit;
}

.ship_list_80 li {
    height: 95px;
    margin: 4px;
}
.building_list_80 li {
    height: 95px;
    margin: 4px 7px 4px 4px;
}

.building_list_80 div.buildingimg,
.ship_list_80 div.buildingimg { height: 80px; }

.building_list_80 .ecke,
.ship_list_80 .ecke {
    color:#ff9600;
    left: 0;
    width: 75px;
}
.building_list_80 .lost_ships,
.ship_list_80 .lost_ships {
    text-align: right;
    padding: 0 2px 0 0;
}

.building_list_28,
.ship_list_28 {
    margin: 0 0 0 0;
    height: inherit;
    min-height: 10px;
}

.ship_list_28 .nodisplay {
    background-image: none;
}

.ship_list_28 li {
    background-color: #0D1014;
    width: inherit;
    height: 28px;
    margin: 0;
    float: none;
}

.ship_list_28 li.odd {
    background-color: #182028;
}

.detail_shipname {
    padding: 7px;
    margin-left: 35px;
    position: absolute;
    text-align: left;
    width: 150px;
}

.detail_shipsleft {
    padding: 7px;
    position: absolute;
    text-align: left;
    width: 300px;
}

.detail_shipslost {
    padding: 7px;
    margin-left: 35px;
    position: absolute;
    text-align: left;
    width: 200px;
}


.building_list_28 {
    height: 20px;
    margin: 4px 7px 4px 4px;
}

.building_list_28 div.buildingimg {
    height: 28px;
    width: 28px;
}

.ship_list_28 span.buildingimg {
    height: 28px;
}

.building_list_28 .ecke,
.ship_list_28 .ecke {
    color:#ff9600;
    text-align: right;
    margin-left: 0;
}
.building_list_28 .lost_ships,
.lost_ships {
    text-align: right;
    padding: 7px 5px 0 0;
}

.combat_round_list {
    float: right;
    margin: 0 10px 0 0;

}
.combat_round_list li { float: left; }

.combat_round_list li a.active { text-decoration: none; color: #D29D00 !important;}

span.list_placeholder {
    display: inline-block;
    width: 2px;
}

div.combatLeftSide {
    float:left;
    display: initial;
    margin-top: 10px;
}
div.combatRightSide {
    float: right;
    display: initial;
    text-align: right;
    margin-top: 10px;
}

/* ******************** Overlay: share reports ****************************** */
.confirm_commander,
.share_report_info {
    min-height: 90px;
    width: 370px;
}

.share_report_hint {
    margin: 0 0 15px 2px;
    width: 340px;
}
.confirm_hint {
    margin: -1px 0 15px 5px;
    width: 330px;
}

.img_commander {
    background: 0 0 url("/img/icons/f593aa158c734df9e6223f00721981.jpg") no-repeat;
    height: 32px;
    width: 32px;
}

#shareReportOverlay { width: 700px; }

.fav_hint {width: 670px;}

#newSharedReportForm {
    margin: 20px auto 0 auto;
    width: 602px;
}
#newSharedReportForm .new_msg_actions,
#newSharedReportForm .markItUpPreviewDiv,
#newSharedReportForm .markItUpHeader {
    float: right;
    width: 436px;
}

#shareReportOverlay .msg_title { width: 555px; }
.shared_ctn {
    background-color: #212E3A;
    box-sizing: border-box;
    display: table;
    padding: 3px 4px;
    width:100%;
}
.shared_ctn .msg_ctn { line-height: inherit;}
.shared_ctn .msg_ctn3 {
    width: 33.3%;
}

.itemLink {
    white-space:nowrap;
}
.favoritesWarning {
    background: url("/img/icons/284ecc3dd016fb4d7a87b011790f0c.png") no-repeat 5px 50%;
    color: #fb4343;
    border: 1px solid #fb4343;
    margin: 5px;
    padding: 5px 5px 5px 35px;
}

.compacting {
    margin-bottom: 4px;
}

a.rewardbutton {
    display: block;
    width: 136px;
    height: 29px;
    margin: 0 auto;
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -374px -258px no-repeat;
    text-align: center;
    text-decoration: none;
    margin-top: 10px;
}

span.rewardbutton {
    display: block;
    padding-top: 5px;
    color: #FFFFFF;

}

.lifeformbox {
    display: flex;
    align-items: self-start;
    justify-items: baseline;
    padding-left: 13px;
    gap: 4px;
}
.lifeform-item-icon {
    width: 77px;
    height: 76px;
    margin-top: 1px;
    background: url("/img/icons/5681003b4f1fcb30edc5d0e62382a2.png") no-repeat 0 0;
}
.lifeform-item-icon.lifeform1,
.lifeform-item-icon.lifeform2,
.lifeform-item-icon.lifeform3,
.lifeform-item-icon.lifeform4 {
    background-position-y: -200px;
}
.lifeform-item-icon.lifeform1 {
    background-position-x: 0;
}
.lifeform-item-icon.lifeform2 {
    background-position-x: -78px;
}
.lifeform-item-icon.lifeform3 {
    background-position-x: -156px;
}
.lifeform-item-icon.lifeform4 {
    background-position-x: -234px;
}

message-footer {
    display: flex;
    width: 100%;
}
message-footer-actions {
    display: flex;
    flex-grow: 1;
    gap: 4px;
}
message-footer-details {
    min-width: 50px;
    margin-right: 17px;
    display: flex;
    align-items: center;
}
message-footer-details .msg_action_link {
    padding: 0 !important;
}

#rocketattack #number span.ecke {
    position:relative;
    float:left;
    top:65px;
    left:10px;
    width:60px;
    text-align:right;
}

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

#rocketattack li {
    width:80px;
    height:80px;
    background-repeat:no-repeat;
    float:left;
    margin:0 12px 10px 12px;
    position:relative;
    display:inline;	 /* IE Double Margin fix */
    z-index: 2;
}

#rocketattack li a {
    background:url("/img/icons/e3d481656bab1b216428a98a2e022e.gif") no-repeat;
    color:#ff9600;
    display:block;
    height:80px;
    width:80px;
    text-decoration:none;
}

.no-touch #rocketattack li a:hover,
#rocketattack li a.active { background:url("/img/icons/85ac39e8f55c11b1634688f52030a6.gif") no-repeat; }

/*****************************************
Movement
*****************************************/
#movementcomponent #planet {
    background-repeat: no-repeat;
    background-image:url("/img/icons/80bdc7676520797a4b3dfb3cbcd537.jpg");
    height: 250px;
    margin: 0 auto;
    position: relative;
    width: 654px;
    margin-bottom:3px;
}

#movementcomponent header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#movementcomponent #planet.shortHeader { background-image: url("/img/icons/9b0237402cdb812513f8a513a7d8e3.jpg"); }

#movementcomponent #inhalt .shortCorner {top: 4px;}

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

#movementcomponent .fromto {
    margin:0;
}
#movementcomponent .fromto {width:669px;}

#movementcomponent .fromto .closed {
    height:28px;
    background:url("/img/icons/ec32c726e7d9d847623fc62e2d64d3.gif") no-repeat;
}

#movementcomponent .fromto .opened {
    height:28px;
    background:url("/img/icons/6d23cc862d4b46869a392de304d283.gif") no-repeat;
}

#movementcomponent .fromto .info {
    background:url("/img/icons/63e5262d04a201857bbd878e08bd91.jpg") repeat-y 5px 0;
    padding-bottom:0;
}

#movementcomponent .fromto .infoalldiv .info table {
    width:638px;
    margin:0 auto 0 auto;
}
#movementcomponent .fromto .infoalldiv .info .origin,
#movementcomponent .fromto .infoalldiv .info .dest {
    color:#a26d00;
    font-weight:700;
    font-size:11px;
}

#movementcomponent .fromto .infoalldiv .info .origin,
#movementcomponent .fromto .infoalldiv .info .start-coord {
    text-align:left;
}


#movementcomponent .fromto .infoalldiv .info .dest,
#movementcomponent .fromto .infoalldiv .info .end-coord {
    text-align:right;
}
#movementcomponent .fromto .infoalldiv .info .arrival {
    text-align:center;
    border:1px solid #212930;
    font-size:14px;
}

#movementcomponent .fromto .infoalldiv .info .arrival p span.small{ font-size:11px;}

#movementcomponent .fromto .infoalldiv .info .arrival .time {
    font-weight:bold;
}

#movementcomponent .fromto .infoalldiv .info div.distance img.startplanet,
#movementcomponent .fromto .infoalldiv .info div.distance img.endplanet{
    float:left;
    margin-top:22px;
}

#movementcomponent .fromto .infoalldiv .info div.distance img.startplanet {
    margin-left:23px;
}

#movementcomponent .fromto .infoalldiv .info div.distance img.endplanet {
    margin-left:0;
}
#movementcomponent .fromto .infoalldiv .info div.distance div.route {
    display:inline;
    float:left;
    margin-left:4px;
    margin-right:4px;
    margin-top:37px;
    width:500px;
}

#movementcomponent .fromto .infoalldiv .info .start-coord,
#movementcomponent .fromto .infoalldiv .info .end-coord {
    color:#686868;
    font-size:11px;
}

#movementcomponent .fromto .info-end {
    background:url("/img/icons/457c26b89857e18092bed3b41f5d38.gif") no-repeat 2px 0;
    height:15px;
    overflow:visible;
}

#movementcomponent .fromto .distance {
    overflow:hidden;
    background:url("/img/icons/50c465a799c17d209ba50785863f72.jpg") no-repeat 0 12px;
    height:80px;
}

#movementcomponent h3 a {
    text-decoration:none;
}

#movementcomponent .fromto .opened a:link,
#movementcomponent .fromto .opened a:visited,
.no-touch #movementcomponent .fromto .opened a:hover,
#movementcomponent .fromto .opened a:active,
#movementcomponent .fromto .opened a:focus,
#movementcomponent .fromto .closed a:link,
#movementcomponent .fromto .closed a:visited,
.no-touch #movementcomponent .fromto .closed a:hover,
#movementcomponent .fromto .closed a:active,
#movementcomponent .fromto .closed a:focus {
    font-size:11px;
    color:#848484;
    overflow:hidden;
    white-space:nowrap
}

.no-touch #movementcomponent .fromto .opened a:hover,
.no-touch #movementcomponent .fromto .closed a:hover {
    color:#d7dcdf;
}

#movementcomponent .fromto .opened a,
#movementcomponent .fromto .closed a {
    display:block;
    text-align:center;
    padding-top:0;
}

#movementcomponent .fromto .opened a span,
#movementcomponent .fromto .closed a span {
    display:block;
    padding:9px 0 0 45px;
    text-align:left;
}

a#recall:link,
a#recall:visited,
.no-touch a#recall:hover,
a#recall:active{
    width:16px; height:16px;
    background:url("/img/icons/89624964d4b06356842188dba05b1b.gif") no-repeat;
}

a#federation:link,
a#federation:visited,
.no-touch a#federation:hover,
a#federation:active {
    width:16px; height:16px;
    background:url("/img/icons/2ff25995f98351834db4b5aa048c68.gif") no-repeat;
}

a#recall span,
a#federation span {
    display:block;
    padding-top:10px;
}

#movementcomponent #inhalt .fromto a span.attention { display:inline; color:#4f4f4f; padding:0;}

#info {
    color:#ffffff;
    text-decoration:none;
}

#movementcomponent #cargo, #movementcomponent #ships {
    float:left;
    display:inline; /*IE 6 Double Margin fix*/
    margin: 0 0 0 0;
}

#movementcomponent #ships {
    margin-left:6px; /*IE 6 Double Margin fix*/
    display:inline;
}

#movementcomponent #cargo,
#movementcomponent #ships {	width:316px; font-size:11px; float:left; display:inline;}

#movementcomponent #cargo div.head,
#movementcomponent #ships div.head {
    padding-right:5px;
    background: url("/img/icons/bb5b2a88aebedabfe8cd9876bb6cdc.gif") no-repeat;
    height:15px;
    text-align:center;
}

#movementcomponent #cargo div.footer,
#movementcomponent #ships div.footer {
    height:6px;
    background: url("/img/icons/c388dd480fc1245a07ae2ba4b13df9.gif") no-repeat;
}

#movementcomponent #cargo .head span,
#movementcomponent #ships .head span {
    padding:0 20px;
    font-size:11px;
    color:#848484;
    background-color:#0D1014;
}

#movementcomponent #ships .shiptypes {
    background:url("/img/icons/48c3c5f030ded2a7cacdfc4b4fea55.gif") repeat-y;
    min-height:80px;
}

#movementcomponent #cargo #costs {
    width:100%;
    color:#686868;
    background:url("/img/icons/48c3c5f030ded2a7cacdfc4b4fea55.gif") repeat-y;
    margin:0;
    padding:10px 0;
}

#movementcomponent #cargo #costs #resources li {
    width:80px;
}

#movementcomponent #cargo #costs div{
}

#movementcomponent #cargo #costs ul#resources {
    padding:10px 0 0 40px;
}

#movementcomponent #ships ul li {
    float:left;
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
    width:73px;
    height:28px;
    padding:2px 3px 2px 1px;
    overflow:hidden;
    text-align:right;
}

#movementcomponent #ships ul {
    margin-left:5px;
    padding:5px 0;
}

.no-touch #movementcomponent #ships ul li:hover {
    background-color:#1B1D1F;
}

#movementcomponent #sftcontainer table#fleetTemplates {
    width:500px;
}

#movementcomponent #sftcontainer {
    padding:8px 0 10px 0;
}

#movementcomponent #sftcontainer h3,
#fleet1 #sftcontainer h3{
    font-size:12px;
    color:#6F9FC8;
    font-weight:700;
    line-height:15px;
    text-align:center;
    width:622px;
    padding:0;
    margin:0 0 10px 0;
}

#movementcomponent #sftcontainer input.button {
    background-color:#848484;
    color:#0E1012;
}

#movementcomponent #sftcontainer select {	width:175px;}

#movementcomponent div.fleet span {	float:left;}

#movementcomponent .info{ 	margin:5px 0 0 7px;}

#movementcomponent .info img { border:0 none; }

#movementcomponent .info .countdown,
#movementcomponent .info .mission { font-weight:700;}
#movementcomponent .info .mission { cursor:help;}
#movementcomponent .info .isolator,
#movementcomponent .info .seperator,
#movementcomponent .info .seperator2,
#movementcomponent .info .direction { padding:0 3px;}
#movementcomponent .info .action { float:right; margin-right:15px;}
#movementcomponent .info .action a { display:inline;}

#movementcomponent div.fleet {
    font-size:11px;
    margin:0;
    overflow:hidden;
    padding:0;
    height:28px;
    cursor:pointer;
}


#movementcomponent .friendly {color:#9c0;}
#movementcomponent .neutral {color:#D29D00;}
#movementcomponent .hostile {color:#D43635;}

#movementcomponent table.fleetinfo td.value { padding-left:5px; text-align:right;}

#movementcomponent div.fleetinfo {
    background:#10181F;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    font-size:11px;
    margin: 0 0 2px 6px;
    width:653px;
}

#movementcomponent div.fleetinfo .wrapper {
    background:#0B1014 url("/img/icons/a2784f727fb1f819f92ee1acdfa0b7.jpg") 0 no-repeat;
    height:42px;
    margin:0 auto;
    position:relative;
}


#movementcomponent div.fleetinfo .wrapper .origin,
#movementcomponent div.fleetinfo .wrapper .destination {
    height:30px;
    top:5px;
    width:30px;
}

#movementcomponent .fixed { position:absolute; }

#movementcomponent div.fleetinfo .wrapper .origin {
    left:30px;

}

#movementcomponent div.fleetinfo .wrapper .destination {	left:594px;}

#movementcomponent .route {
    height:16px;
    left:62px;
    top:14px;
    width: 530px;
}

div#changefleetname { width:640px; }

div#changefleetname .wrap {
    background: rgb(19, 24, 29);
    margin:0 0 10px 0;
    padding: 5px;
}

.wrap .col {
    float:left;
}

#sftcontainer #h3 {
    float:left;
    padding-bottom:15px;
}

input.fix {
    height:18px;
    line-height:18px;
    width:150px;
}

input.fix:focus {
    background-color:#1a2632;
    color:#848484;
}

.eventboxHover {	cursor:pointer;}

span.reload { margin-left:7px;}

.fleetDetails {
    background: #0d1014;
    border:1px solid #000;
    color: #7c8e9a;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    line-height:24px;
    margin: 5px auto 0;
    overflow: hidden;
    position: relative;
    width:656px;
}

.fleetDetails.detailsClosed {
    height: 22px;
}

.detailsClosed .timer,
.detailsClosed .fedAttack,
.detailsClosed .originData,
.detailsClosed .fleetVisualisation,
.detailsClosed .quantity,
.detailsClosed .reversal,
.detailsClosed .destinationData,
.detailsClosed .sendMail,
.detailsClosed .mission,
.detailsClosed .openDetails,
.detailsClosed .fleetDetailButton,
.detailsOpened .timer,
.detailsOpened .fedAttack,
.detailsOpened .originData,
.detailsOpened .fleetVisualisation,
.detailsOpened .quantity,
.detailsOpened .reversal,
.detailsOpened .destinationData,
.detailsOpened .sendMail,
.detailsOpened .mission,
.detailsOpened .openDetails,
.detailsOpened .absTime,
.detailsOpened .allianceName,
.detailsOpened .starStreak,
.detailsOpened .nextTimer,
.detailsOpened .nextabsTime,
.detailsOpened .nextMission,
.detailsOpened .originPlanet,
.detailsOpened .quantity,
.detailsOpened .destinationPlanet,
.detailsClosed .destinationPlanet,
.detailsClosed .destinationCoords,
.detailsClosed .marker01,
.detailsClosed .marker02,
.detailsOpened .marker01,
.detailsOpened .marker02,
.detailsOpened .fleetDetailButton {
    line-height: 15px;
    overflow:hidden;
    position:absolute;
    white-space:nowrap;
    padding-top: 2px;
}

.detailsClosed .showDir {
    left: 365px;
    top:4px;
}

.detailsOpened .fleetVisualisation,
.detailsOpened .fleetDetailButton {
    visibility: hidden;
    display: none;
}

.fleetDetails .marker01,
.fleetDetails .marker02 { width:1px; background:#20272f; top:3px; height:16px; left:386px;}

.detailsClosed .marker02 { left: 436px;}

.detailsOpened .marker01 { top:4px; left:288px;}
.detailsOpened .marker02 { top:4px; left:340px;}

.detailsOpened .absTime {
    left:7px;
    top: 17px;
}

.detailsClosed .absTime {
    visibility:hidden;
}

.detailsOpened .mission {
    left:7px;
    overflow:hidden;
    top: 32px;
    width: 130px;
    white-space: normal;
}

.detailsOpened .allianceName {
    color:#f74a4a;
    left:7px;
    top:45px;
}

.detailsOpened .originData {
    left:122px;
    width:165px;
}

.detailsOpened .quantity {
    color: #9c0;
    left: 290px;
    text-align:center;
    top:0;
    width:30px;
}

.detailsOpened .reversal {
    left:322px;
}

.detailsClosed .fleetDetailButton {
    left:395px;
    line-height:normal;
    top: 4px;
}

.detailsOpened .originPlanet { width:100px; top:0; left:65px; white-space: nowrap; text-overflow: ellipsis;}
.detailsOpened .destinationPlanet,
.detailsClosed .destinationPlanet  { width: 123px; right:65px; top:0; white-space: nowrap; text-overflow: ellipsis;}
.detailsClosed .destinationPlanet { top:0; right:65px; text-align:right; width: 116px;}
.detailsClosed .destinationCoords { top:0; right:0;}

.detailsOpened .destinationData {
    left: 345px;
    width: 187px;
    text-align:right;
}

.detailsOpened .starStreak {
    background: url("/img/icons/6006050db8c19f1d3734c7f1ee4c89.gif") no-repeat;
    border: 1px solid #000;
    height:42px;
    left: 122px;
    top:22px;
    width:410px;
}

.detailsClosed .timer,
.detailsOpened .timer {
    height:24px;
    left:7px;
    top:0;
    width:100px;
}

.detailsOpened .openDetails {
    height: 18px;
    left:640px;
    top: 2px;
    width: 16px;
}

.detailsOpened .nextTimer,
.detailsOpened .nextabsTime,
.detailsOpened .nextMission{
    left: 540px;
    width: 97px;
}
.detailsOpened .nextabsTime{
    top: 17px;
}
.detailsOpened .nextMission{
    top: 36px;
}

.detailsOpened .sendMail {
    left: 511px;
    top:35px;
}

.detailsOpened .fedAttack {
    left:129px;
    top: 35px;
}


.detailsClosed .fedAttack,
.detailsClosed .sendMail {
    height:16px;
    left:185px;
    line-height:normal;
    top: 3px;
    width: 16px;
}

.detailsClosed .originData,
.detailsClosed .destinationData {
    left: 190px;
    height:24px;
    overflow:hidden;
    top:0;
    white-space:nowrap;
    width: 170px;
    text-overflow: ellipsis;
}
.detailsClosed .originCoords,
.detailsClosed .destinationCoords,
.detailsOpened .originCoords,
.detailsOpened .destinationCoords  { color:#fff;}


.originCoords a,
.originCoords a:link,
.destinationCoords a,
.destinationCoords a:link{
    color: #fff;
    text-decoration:none;
}

.no-touch .originCoords a:hover,
.no-touch .destinationCoords a:hover{
    text-decoration: underline;
}

#movementcomponent .starStreak .origin,
#movementcomponent .starStreak .destination {
    height:30px;
    left:30px;
    top: 5px;
    width:30px;
}

#movementcomponent .starStreak .route {
    height: 16px;
    left:60px;
    top: 12px;
    width:289px;

}

#movementcomponent .starStreak .destination {
    left: 350px;
}

.detailsClosed .fleetVisualisation {
    height: 16px;
    left: 380px;
    line-height:normal;
    width: 16px;
    top: 4px;
}

.detailsClosed .quantity_fleet_icon_reverse,
.detailsClosed .quantity_fleet_icon_forward {
    color: #9c0;
    height: 24px;
    left: 394px;
    overflow:hidden;
    position:absolute;
    top:4px;
    text-align:center;
    width:30px;
}

.detailsClosed .quantity_fleet_icon_reverse {background:url("/img/icons/f9cb590cdf265f499b0e2e5d91fc75.gif") no-repeat;}

.detailsClosed .quantity_fleet_icon_forward {background:url("/img/icons/014a5d88b102d4b47ab5146d4807c6.gif") no-repeat;}


.detailsClosed .reversal {
    height: 16px;
    left: 418px;
    line-height:normal;
    top: 3px;
    width:16px;
}

.detailsClosed .destinationData {
    left: 440px;
    top:0;
    width: 180px;
}

.detailsClosed .sendMail { left:622px;}

.detailsClosed .mission {
    height: 24px;
    left: 77px;
    overflow: hidden;
    top:0;
    width:111px;
}

.detailsClosed .openDetails {
    height: 18px;
    left: 640px;
    top: 2px;
    width: 16px;
}

.fleetDetails .friendly {	color:#4af74d;	}
.fleetDetails .neutral {	color:#fcce00;	}
.fleetDetails .hostile {	color:#d43635;	}

.fleetDetails.detailsOpened { height:66px;}

.fleetDetails.detailsClosed .originData { left:205px; width: 179px;}

#searchFed {
    float:left;
    width: 630px;
    height: 76px;
}

#changefleetname #searchFed .wrap {
    margin-bottom:0;
    padding:2px;
}


.fleet_icon_forward_end,
.fleet_icon_forward {
    background:url("/img/icons/f9cb590cdf265f499b0e2e5d91fc75.gif") no-repeat;
    display:block;
    height:16px;
    width:16px;
}

.fleet_icon_forward_end {
    margin-left: 274px;
}

.fleet_icon_reverse {
    background:url("/img/icons/014a5d88b102d4b47ab5146d4807c6.gif") no-repeat;
    display:block;
    height:16px;
    width:16px;
}

#movement .placeholder {
    height: 50px;
    display: block;
}

/**********************************************************
***************    =network      *****************
***********************************************************/
.subject{width:300px;}
/*
.icons{width:75px;}
*/

.combatreport {  color: #D43635;}

.combatreport_ididattack_iwon {  color: #9c0;}
.no-touch a:hover span.combatreport_ididattack_iwon {color: #9c0;text-decoration:underline;}
.combatreport_ididattack_ilost {  color: #D43635;}
.no-touch a:hover span.combatreport_ididattack_ilost {color: #D43635;text-decoration:underline;}
.combatreport_ididattack_draw {  color: #fff;}
.no-touch a:hover span.combatreport_ididattack_draw {color: #fff;text-decoration:underline;}

.combatreport_igotattacked_iwon {  color: #9c0;}
.combatreport_igotattacked_ilost {  color: #D43635;}
.combatreport_igotattacked_draw {  color: #D29D00;}

.espionagereport {color: orange;}
.no-touch a:hover .espionagereport {
	color:orange;
	text-decoration:underline;
}


#netz #planet {
	background: url("/img/icons/6dafcd306b27d77508ef115722b6b0.jpg") no-repeat;
	height: 250px;
/*	position: relative;
	width: 654px;
	margin:0 auto 3px auto;*/
}

#netz #inhalt .shortCorner,
#netz #inhalt .shortCorner {top: 4px;}

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

#netz .toggleHeader {z-index: 55;}

#netz #message #tabs ul#tabsabove {background:url("/img/icons/39832f89cef469986df0928b304842.gif") no-repeat 0 0;}
#netz #alliance #tabs ul#tabsabove {background:url("/img/icons/39832f89cef469986df0928b304842.gif") no-repeat 0 -35px;}
#netz #buddy #tabs ul#tabsabove {background:url("/img/icons/39832f89cef469986df0928b304842.gif") no-repeat 0 -70px;}

#netz #tabs ul#tabsabove li {
	width:221px;
	display:block;
	height:24px;
}

/* Ein-/Ausblenden der unteren Zeile, je nach Seite... */

#netz #message ul#tab-ally {display:block;}
#netz #message ul#tab-ally,
#netz #message ul#tab-buddy {display:none;}
#netz #alliance ul#tab-ally {display:block;}
#netz #alliance ul#tab-msg,
#netz #alliance ul#tab-buddy {display:none;}
#netz #buddy ul#tab-buddy {display:block;}
#netz #buddy ul#tab-msg,
#netz #buddy ul#tab-ally {display:none;}

/* tabsbelow layout */

#netz #eins, #netz #zwei, #netz #drei, #netz #vier {
	background:url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
	margin:0;
	padding: 10px 0 1px 0;
	text-align:center;
}

#netz #tabs {
    background: url("/img/icons/bfb16d45a8ab1ca15ca3029feb8b44.gif") no-repeat 0 0;
    padding:6px 10px 0 30px;
}

#netz .contentz .tabsbelow a:link,
#netz .contentz .tabsbelow a:visited,
.no-touch #netz .contentz .tabsbelow a:hover,
#netz .contentz .tabsbelow a:active {
	color:#848484;
	text-decoration:none;
}

#netz #inhalt .section {
	background:url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
	width:630px;
	height:22px;
	margin:0 0 10px 20px;
}

#netz #inhalt div.section a:link,
#netz #inhalt div.section a:visited,
.no-touch #netz #inhalt div.section a:hover,
#netz #inhalt div.section a:active,
#netz #inhalt div.section a:focus{
	display:block;
	text-align:center;
	color:#6f9fc8;
	font-weight:700;
	height:22px;
	text-decoration:none;
}

.no-touch #netz #inhalt div.section a:hover {	color:#fff;}

#netz #inhalt div.section a span{
	display:block;
	padding-top:4px;
}

#netz #inhalt div.section a.closed {
	background:#13181D url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 0;
	border:1px solid #000;
}

.no-touch #netz #inhalt div.section a.closed:hover {
	background:#23282D url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 0;
	border:1px solid #000;
}

#netz #inhalt div.section a.opened {
	background:#13181D url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 -22px;
	border:1px solid #000;
}
.no-touch #netz #inhalt div.section a.opened:hover {
	background:#23282D url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat 0 -22px;
	border:1px solid #000;
}

#netz .contentz table {
	font-weight:100;
	margin: 0 auto 0 auto;
	width:94%;
}
#alliance #ranks {
    width: 610px;
}
#alliance #ranks th {
    padding: 5px 2px;
    text-align: center;
}
#alliance #ranks .check { text-align: center; }
#alliance #ranks .rank_cat th {
    color: #6F9FC8;
    font-weight: bold;
}
#alliance #ranks th,
#alliance #ranks th a:link {
    color: #fff;
}
#alliance #ranks span.rank_check { color: #848484; width: 50px; }
#alliance #ranks span.rank_name { width: 100px; }

#alliance #ranks .border_left { border-left: 1px solid #222A34; }
#alliance #ranks .border_bottom { border-bottom: 1px solid #222A34; }


#alliance #ranks span.rank_name,
#alliance #ranks span.rank_check {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

#netz .contentz table a.save {
	font-weight:700;
	color:#fff;
}

#netz .contentz table th,
#netz .contentz table th a:link {
        overflow: hidden;
	color:#6f9fc8;
        text-align: left;
        text-overflow: ellipsis;
}

#alliance table#ranks {
	color:#848484;
    font-size: 10px;
}

#netz .contentz table td {
    color:#848484;
    font-size:11px;
    padding: 7px 0;
    text-align:left;
    vertical-align: middle;
}

#netz .contentz table td.textCenter {text-align:center;}

#netz .contentz table td.value { color:#848484;}

#netz .contentz table.members th {padding-bottom:5px;}

#netz .contentz table td.key {
	width:180px;
	padding:3px 0 3px 10px;
	color:#848484;
}

#netz .contentz table.aktiv td {padding:10px;}

#netz .contentz table td.value {
	color:#848484;
	margin:0;
	text-align:center;
	width:100px;
}

#netz .contentz table.spy2 {width:100%;}

#netz .contentz table.spy2 td {
	padding:3px 10px;
	text-align:center;
}

#netz .contentz table td.item  {
	width:170px;
	color:#848484;
	text-align:left;
}

#networkbewerbungen #netz .contentz table.members th { border-bottom: 1px dotted #767F88;}

#networkbewerbungen #netz .contentz td.message {
	background-color:#0d1014;
	border:1px solid #000;
}

#netz .contentz table#reports { border-collapse: collapse;}
#netz .contentz table#reports td,
#netz .contentz table#reports th{
	font-size:11px;
	text-align:center;
}

#netz .contentz table#reports th {border-bottom: 1px dotted #848484;}

#netz .contentz table#reports td.from {	white-space:nowrap;}

#netz .contentz table#reports tr.switch {/*	cursor:pointer; */}

#netz tr.report-tr td.wrapper { background-color:#111;}

.list .alt,
.list .alt td { background-color:#12171C; }

table.list tr.over > td { background-color: #071014; }

table.spy tr.alt > td {	background-color:  transparent;}
table.spy tr.over > td { background-color: transparent;}

table.list tr.first th,
table.list tr.last td {
	background-color:#13181D;
	padding-top:5px;
}

table.list tr.first th {
	padding:0 0 5px 0;
	border-bottom:1px dotted #3F4E61;
}
table.list tr.last td {border-top:1px dotted #3F4E61;}

div.loader {
	background-color:#13181D;
	margin:0;
	padding:20px 0;
}

#messages #netz #showSpyReportsNow {
	border: 1px solid #2f2f2f;
	margin:10px 5px;
	padding: 10px 0;
}

#netz .contentz #showSpyReportsNow table th.area {
	background-color:#23282D;
	border:1px solid #000;
	font-weight:700;
	padding:5px 0;
	text-align:center;
	color:#6f9fc8;
}

#netz .contentz #showSpyReportsNow table th.area a {
	color:#fff;
	text-decoration:none;
}

.no-touch #netz .contentz #showSpyReportsNow table th.area a:hover {text-decoration:underline;}

div.mailWrapper {margin:0 auto;text-align:center;}

table#mailz.list {
	margin:0 auto;
	width:634px !important;
}

table.list {width: 630px;}
table.list td { overflow:hidden;}

table.list td.spacer0,
table.list th.spacer0,
table.list td.spacer,
table.list th.spacer {
	padding:0 !important;
	width:5px !important;
}

table.list td.from,
table.list th.from {
	padding-right:8px;
	width:140px;
}


table.list td.date,
table.list th.date {
     width: 125px;
}

table.list .actions {
	width:60px;
	padding:0 0 0 5px;
}

#networkm #netz #message #inhalt .contentz table#mail.list td.from,
#networkm #netz #message #inhalt .contentz table#mail.list th.from,
#networkm #netz #message #inhalt .contentz table#mail.list td.subject,
#networkm #netz #message #inhalt .contentz table#mail.list th.subject,
#networkm #netz #message #inhalt .contentz table#mail.list td.date,
#networkm #netz #message #inhalt .contentz table#mail.list th.date {padding-left:0;}

#netz tr.last .selectContainer {
    float:right;
    margin: 5px 0 0 0;
    width:173px;
}

#netz tr.last .selectContainer div {float:left;}

.msgpersite {
	float:left;
	font-weight:700;
	padding:0.4em;
	text-align:center;
	width:65px;
}

#netz .contentz table.members tr td.desc,
#netz .contentz table.members tr.alt td.desc {
	background-image:none;
	font-weight:normal;
	padding:5px;
	vertical-align:top;
}

#netz .contentz table.bborder tr td.desc,
#netz .contentz table.bborder tr.alt td.desc {width:140px;}

#netz .contentz table.members tr td.desc

#netz .contentz table.members tr.alt td,
#netz .contentz table.bborder tr.alt td {background: #13181D;}
#netz .contentz table.members tr.over td,
#netz .contentz table.bborder tr.over td {background: #212a33;}
#netz .members tr.alt td.response {
	background:none;
	padding:0 0 20px 0;
}

#netz .members .btn_blue,
#alliance .createnote .btn_blue,
#alliance .allyDissolve .btn_blue {
    display: block;
    margin: 0 auto;
    width: 165px;
}
#alliance .allyDissolve .btn_blue { width: 90px; }

.no-touch #netz a.btn_blue:hover {text-decoration:none;}

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

#netz .contentz table td {
	font-size:11px;
	padding: 7px 2px;
}

#netz .contentz table#ranks tr.alt td.no_bg {background:#0D1014;}

#netz .contentz table#ranks tr.alt td {background: #13181D;}

#alliance #allyText { margin: 0 20px; }

#netz #alliance .application_textarea {
    height:70px;
    max-width: 600px;
    width: 600px;
}

span.coordinates { font-weight:700; }
#netz table#mail td span.coordinates a,
#netz .contentz table#mailz .subject a:link,
#netz .contentz table#mailz .subject a:visited,
#netz .contentz table#mailz .subject a:active {
	color:#6F9FC8;
	text-decoration:none;
}
.no-touch #netz .contentz table#mailz .subject a:hover,
.no-touch #netz table#mail td span.coordinates .subject a:hover { text-decoration:underline;	}

#netz table#mail td span.coordinates a { color:#848484;	}

#netz table#mail td a {
	color:#848484;
	text-decoration:underline;
}

#netz table td.area {
	background-color:#253046;
	font-weight:700;
	padding:3px 0;
}

#netz table tr.areadetail {
	border:1px solid #000;
	border-top:none;
}

#netz table.fleetdefbuildings, #netz table.aktiv {
	border:1px solid #000;
}

#netz .contentz table td.attack {	padding:10px 0;	text-align: center;}

#netz .contentz table td.attack a {
	padding:5px 10px;
	text-decoration:none;
}

#netz .contentz table td.attack a span {
	color:#fff;
	font-weight:700;
}

#netz .contentz table th img {
	height:16px;
	width:16px;
}

/*#netz .contentz table td.delete-rank {width:30px;}*/

#netz .contentz table td.delete-rank a:link,
#netz .contentz table td.delete-rank a:visited,
#netz .contentz table td.delete-rank a:active,
#netz .contentz table td.delete-rank a:focus{
	background:url("/img/icons/f8c5c66066361725846a887847a617.gif") no-repeat 0 0;
	display:block;
	width:17px;
	height:17px;
}

.no-touch #netz .contentz table td.delete-rank a:hover {background:url("/img/icons/f8c5c66066361725846a887847a617.gif") no-repeat -17px 0;}

#netz .contentz table td.delete-rank a span {display:none;}

#netz #zwei .contentz table tr.alt td.desc {background:url("/img/icons/1355be6417cde42876f89d521b1826.gif") no-repeat 0 0;}
#netz #zwei .contentz table tr.alt td.check1 {background:url("/img/icons/f652a900d426708cee9463ffac6889.gif") no-repeat 0 0;}
#netz #zwei .contentz table tr.alt td.check {background:url("/img/icons/c51abf3a994df0b284833b312d1959.gif") repeat-x 0 0;}
#netz #zwei .contentz table tr.alt td.check9 {background:url("/img/icons/80427151ec5611a232a6c81f014960.gif") no-repeat 0 0;}

/*#netz #alliance textarea,
#netz .createnote textarea,
textarea.textBox {
	background-color:#274650;
	border:1px solid #141A1E;
	color:#848484;
	font-size:11px;
	line-height:1.3em;
	width:600px;
	min-height:120px;
	margin:0 auto 5px auto;
	padding:5px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}*/
.createnote .count { margin: -5px 0 0 5px; }
#netz #alliance .counter {
	padding:0 0 10px 6px;
}

#netz #alliance .reason {
	vertical-align:top;
	width: 120px;
	padding-left: 0;
	padding-right: 0;
}

#netz #alliance .buttons_application a.accept {
	float:right;
	margin-right: 20px;
}

#netz #alliance .buttons_application a.reject {
	display:inline;
	float:left;
	margin: 0 0 0 130px;
}

#netz .createnote td.desc { width:100px; }

/*#netz #alliance #drei textarea,
#netz #alliance #vier textarea {width:330px;}*/

/*#netz #alliance .allycomm textarea,*/
#netz #alliance .createnote textarea {
    width: 600px;
    max-width: 600px;
}

#netz .createnote  textarea.buddyText {width:600px;}

#netz table#dissolveally td.desc {
	padding-left:5px;
	vertical-align:top;
	width:190px;
}

#netz .contentz table#preferences td {text-align:left;}


.w300 {	width:300px;}

.w200 {	width:200px;}

.w100 {	width:100px;}

#netz .contentz td input.confirm {
	border-style:solid;
	border-width:1px;
	text-transform:uppercase;
	background-color:#141E26;
	color:#848484;
	padding:0 6px;
	cursor:pointer;
	font-weight:700;
}

.no-touch #netz .contentz td select.choose:hover,
.no-touch #netz .contentz td input.confirm:hover {
	background-color:#252f37;
	color:#CCC;
	cursor:pointer;
}

.no-touch #netz #message div.contentz table#mail tr.last-tr:hover td {
	background-color:transparent;
	cursor:auto;
}

#netz .contentz table#mail td {
	padding:2px 5px;
	white-space:nowrap;
	overflow:hidden;
}

#netz .contentz table td.wrapper table.notice {width:auto;}

#netz .contentz table#mail td.wrapper table.notice td { white-space:normal;}

#netz .contentz table#mail td.wrapper table.notice tr.areadetail {
	border: 0 none transparent;
	background-color:transparent;
}

#netz .contentz table#mail td tr.areadetail td {padding:6px 3px;}

.no-touch #netz .contentz table#mail.list tr.trigger:hover > td {
	background-color:#171E24;
	color:#c4c4c4;
/*	cursor:pointer; */
}

#netz .contentz table#dissolveally th,
#netz .contentz table#assignally th,
#netz .contentz table#changetag th,
#netz .contentz table#changename th {padding:2px 0;}

#netz .contentz table#dissolveally th,
#netz .contentz table#assignally th {
	font: 700 11px Verdana, Arial, Helvetica, sans-serif;
	padding:8px 0 5px;
}

.bborder {	border:1px solid #141A1E;}

table.members,
table#changeAllyName,
table#changeAllyTag,
table#assignally,
table#dissolveally {background-color:transparent; }

#netz .contentz table.members th,
#netz .contentz table#changeAllyName th,
#netz .contentz table#changeAllyTag th {
	border-bottom:1px dotted #848484;
	padding:5px;
	text-align:left;
	vertical-align:top;
}

#netz .contentz table.members td,
#netz .contentz table#changeAllyName td,
#netz .contentz table#changeAllyTag td {padding:5px;text-align:left;}

#netz .contentz table#dissolveally td.value,
#netz .contentz table#assignally td.value,
#netz .contentz table#changetag td.value,
#netz .contentz table#changename td.value {text-align:left;}

#netz .contentz table.members td.action_icons {vertical-align:top;}

#netz .contentz table.members td.message {
	border: 1px solid #141A1E;
	color:#848484;
	width:518px;
}

#alliance #section12 table.members,
#alliance #section22 table.members {background: transparent; margin-bottom:10px;}

#alliance #section12 table.members tr.alt td,
#alliance #section22 table.members tr.alt td { background: #13181D;}

#netz .contentz table td.member_score {padding:0 0 0 6px;}

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

#netz ul.register_tabs,
#messages #netz .addressBook ul.register_tabs {border-bottom:none;}

#netz ul.register_tabs li a.active,
#messages #netz .addressBook ul.register_tabs li a.active {	color:#fff;}

/*#netz #inhalt div.sectioncontent div.contentdiv,
#netz #inhalt div.sectioncontent div.contentz {
	padding:15px 10px 0px;
	margin-bottom:0px;
	position:relative;
}*/

#netz #inhalt div.sectioncontent div.footer {
	background:url("/img/icons/cb02983b460225f8c1eaa40139f5c1.gif") no-repeat 5px 0;
	height:4px;
	line-height:0;
	font-size:0;
	margin-bottom:5px;
}

#netz #tabs ul#tabsabove li a:link,
#netz #tabs ul#tabsabove li a:visited,
#netz #tabs ul#tabsabove li a:active {
	color:#91b0c4;
	font-weight:700;
	text-decoration:none;
	display:block;
	height:32px;
}

.no-touch #netz #tabs ul#tabsabove li a:hover {
	color:#fff;
	padding: 1px 0 0 0;
	display:block;
}

#netz #tabs ul#tabsabove li a span {
	display:block;
	padding-top:8px;
}

#netz #message #mail {border-collapse:collapse;}

#netz table#notizen th {background:#13181D;}

#netz table#notizen tr.alt td{ background:#0D1014;}

#netz #message #mail th,
#netz #message #notizen th {
	border-bottom:1px dotted #3F4E61;
	border-collapse:collapse;
	font-weight:700;
	padding:2px 0 2px 0;
}

#netz #message #mail td.actions a:link,
#netz #message #mail td.actions a:visited,
.no-touch #netz #message #mail td.actions a:hover,
#netz #message #mail td.actions a:active {
	margin-right:2px;
	text-decoration:none;
}

#netz #alliance #eins .contentz #allypage,
#netz #alliance #eins .contentz #allyinternpage {
	margin:10px 20px;
	overflow:auto;
	padding:5px;
	text-align:left;
	width:605px;
}
#netz #alliance #eins .contentz #allyinternpage {
    text-align: center;
}

#netz #inhalt #vier .contentz td.response a {
	display:block;
	color:#000;
	line-height:27px;
	margin:0 auto;
	text-decoration:none;
	text-transform:capitalize;
}

#netz #inhalt #vier .contentz td.response {
	padding-top:8px;
	padding-bottom:8px;
}

#netz #inhalt .contentz td.action a {margin-left:5px;}

#netz #inhalt #vier .contentz td.action {
	padding:10px 0 0 0;
	text-align:center;
    width: 25px;
}

#netz #inhalt #vier .contentz td.response {border-bottom:1px dotted #848484;}

#netz #buddy #inhalt .contentz tr.head td,
#netz #buddy #inhalt .contentz tr.separate td {border-bottom: 1px dotted #848484;}

#netz #buddy #inhalt .contentz tr.head td {
	background-color:#141414;
	padding:10px 0 10px;
}

#netz #buddy #inhalt .contentz td.action {
	padding:10px 0 10px 0;
	text-align:center;
}
#netz #buddy #inhalt .contentz tr.accent td,
.mailcontainer td.desc {font-weight:700;}

#alliance #newRankName { margin: 0 5px 0 0; }

/***********************************************
		MAILS / NACHRICHTEN
***********************************************/


.mailcontainer{
  	font-family: Verdana, Arial, SunSans-Regular, sans-serif;
	font-size:11px;
	color:#848484;
	position:absolute;
	top:0;
	left:0;
	width:669px;
	height:450px;
	z-index:60; /* TO DO! */
    background:url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y 0 0;
	overflow-Y:auto;
	overflow-x:hidden;
}
#sftcontainer .header{
	background:url("/img/icons/32469184f13227d35e7cb4bdab93ae.gif") no-repeat 0 0;
	height:29px;
	line-height:normal;
	padding-top:6px;
}

#sftcontainer .footer{
	height:29px;
    background:url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") no-repeat 0 0;
}

.mailcontainer table {
	border-collapse:collapse;
	margin:0 auto;
	width:615px;
}

#message .mailcontainer #mail th {padding:8px 3px;}

.mailcontainer tr.mailinfo td,
.mailcontainer tr.actionbar td,
.mailcontainer td.mailbody {
	border-bottom:1px dotted #3F4E61;
	border-collapse:collapse;
	padding:8px 0;
}

.mailcontainer td,
.mailcontainer th {
	color:#848484;
	text-align:center;
}

.mailcontainer td img {	border:0;}

.mailcontainer td.mailbody {
	padding:10px 15px;
	text-align:left;
	min-height:150px;
}

.mailcontainer tr.actionbar td {
	text-align:right;
	padding-right:10px;
}

.mailcontainer td input,
.mailcontainer tr.answer textarea {
	background-color:#1C1C1C;
	color:#E3E3E3;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	border:1px dotted #848484;
	color:#848484;
	font-size:11px;
}

.mailcontainer tr.answer textarea {
	height:70px;
	width:345px;
	display:block;
	height:120px;
	line-height:1em;
	padding:5px;
}

.mailcontainer tr.answer table {width:100%;}

.mailcontainer td.answersubject {
	text-align:left;
	padding:5px 0 5px 11px;
}

.mailcontainer td.answerbox {padding:10px 0;}

.mailcontainer input.answersubject {width:200px; }

/***************************
			Notizen
***************************/

#netz #drei #notizen table {border-collapse:collapse;}

#netz #drei #notizen th {border-bottom:1px dotted #848484;}

#netz #drei #notizen th,
#netz #drei #notizen td {padding:5px 3px;}

#netz #drei #notizen tr.alt td {background-color:#13181D;}

#netz #drei table.createnote select {
	padding:0;
	margin:0;
}

#netz #drei table.createnote td.value {text-align:left;}

#netz table.searchresults {
	background:#13181D;
	border-collapse:collapse;
	width:95%;
}

#netz table.searchresults th {
	border-bottom:1px dotted #848484;
	font-weight:700;
}

#netz table.searchresults th.highscore,
#netz table.searchresults th.action {
	text-align: right;
}
.ptb10 { padding:10px 0;}

#netz table.searchresults td {	padding:2px 2px;	}
#netz table.searchresults tr.alt td { background:#0D1014;	}
#netz table.searchresults td.noResult { padding:10px 0;}

#netz table.searchresults td.highscore,
#netz table.searchresults td.action {
    text-align: right;
}

#netz table.searchresults td.highscore,
#netz table.searchresults th.highscore {
	padding-right: 12px;
}
#netz table.searchresults td.action {
	width: 20px;
}

#netz table.searchresults tr.order th img {
	width:7px;
	height:4px;
}
/*
#netz span.crucial,
span.crucial {font-weight:700;}*/

#messages #netz .contentz table.links tr.alt td {background-color: #0D1014; }

#messages #netz ul.subsection_tabs li span.msgSum {display:inline;}

#messages #netz .contentz td select.choose,
#netz .contentz td select.choose {
	border:1px solid #515151;
	background-color:#141E26;
	color:#848484;
	padding:0;
	margin: 6px 5px 0 5px;
	width:275px;
	vertical-align:top;
	font-size:11px;
}

.no-touch #messages #netz .contentz td select.choose:hover { background:#171E24;}

#messages #netz .contentz td input.checker { border: 0 none;}

#netz div.msg_content {
    background-color:#14191F;
    margin:-1px 7px 0 7px;
    padding:15px 0;
}

#netz ul.register_tabs {border-bottom:none;}

#netz ul.register_tabs li a.active {color:#fff;}

#netz #inhalt .sectioncontent .contentdiv,
#netz #inhalt .sectioncontent .contentz {
	margin-bottom:0;
	padding: 0 10px 0;
	position:relative;
}

#netz #inhalt div.allyprefs .textfield {width:250px; }

#netz #inhalt div.allyprefs .selectapplication { width:262px; padding-left:0; padding-right:0;}

#netz .new_footer {
	background: transparent url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") no-repeat 0 -13px;
	display:block;
	height: 16px;
	margin:0;
	padding:0;
}

#netz #inhalt div.sectioncontent div.footer {
	background:url("/img/icons/cb02983b460225f8c1eaa40139f5c1.gif") no-repeat 5px 0;
	display:none;
	height:4px;
	line-height:0;
	font-size:0;
	margin-bottom:5px;
}

#netz #tabs ul#tabsabove li a:link,
#netz #tabs ul#tabsabove li a:visited {
	color:#6f9fc8;
	font-weight:700;
	text-decoration:none;
	display:block;
	height:32px;
}

.no-touch #netz #tabs ul#tabsabove li a:hover,
#netz #tabs ul#tabsabove li a:active {
	color:#fff;
	padding: 0;
	display:block;
}

#movement #sftcontainer {
	background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
	background: rgba(0,0,0,0.6);
	overflow:hidden;
	padding: 5px;
}
#FederationLayer #switch {
    display: inline-block;
    line-height: 25px;
    padding: 0 20px;
}
select .underlined{
    border-bottom:1px dashed #848484;
    margin-bottom:5px;
}

#messageContent.noMessage {
	background-color:#13181D;
	margin:0;
	padding:20px 0;
}

#messageContent.noMessage span {margin-left:10px;}

.no-touch #box a.smallLink:hover { color:#9c0;}

#messages tr.trigger{
    height: 22px;
    padding:4px 0;
}

.searchLayer #netz #inhalt ul.subsection_tabs {
	margin:-1px 10px;
	width:749px;
}

.searchLayer #netz #inhalt th { color:#6F9FC8;}

.searchLayer #netz #inhalt .contentz  {
	width: 820px;
	padding:0;
}
.searchLayer td.noResult {
	font-weight: bold;
	text-align: center;
	padding:10px 0;
}

.pagebar {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin:0;
	padding-bottom:5px;
	padding-top:10px;
	text-align:center;
}

.pagebar a,
.pagebar a:link {
	background:#000;
	border:1px solid #22313B;
	color:#6F9FC8;
	padding:2px 6px;
	text-decoration:none;
}

.no-touch .pagebar a:hover {
    background:#22313B;
    border:1px solid #000;
    font-weight: bold;
}

.activePager {
    border:1px solid #000;
    color: #FFFFFF;
    background: #22313B;
    font-weight: bold;
    padding:2px 6px;
}
.no-touch .pagebar a:hover {color:#9c0;}

.pagebar b { padding:2px 6px;}

.pagebar p { color:#9c0; margin:0; padding:0; text-align:center;}

td.pagebar { padding:2px 0; vertical-align: middle;}

.addressBook table.listMembers tr.alt td {background: #13181D;}

.addressBook .contentz {
	background:#0d1014;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	margin:0 auto;
	padding: 5px 0;
	width:661px;
}

.addressBook table.listMembers td.noUsers {
	font-weight: 700;
	padding: 10px 0;
	text-align:center;
        background-color: transparent;
}

.addressBook table.listMembers td#AllyNoUser {
	font-weight: 700;
	padding: 10px 0;
	text-align:left;
        background-color: transparent;
}

#netz .addressBook table.listMembers {
	border-collapse:collapse;
	margin:10px auto;
	width:620px;
}

#netz .addressBook table.listMembers td {padding:5px 0 5px 3px;}

#netz .addressBook .listMembers th {
	border-bottom:1px dotted #3F4E61;
	padding:5px 0 5px 3px;
        text-align: left;
}

#netz .addressBook table.listMembers th.date,
#netz .addressBook table.listMembers td.date {
	padding:5px 10px 5px 0;
}

#netz .contentz table td.actions {
	padding:5px 10px 5px 0;
}

a.deleteIt, a.shareReport, a.hideReport {
	float:left;
	height:16px;
	width:16px;
	margin:0 5px 0 0;
}

li.espionageReport a.shareReport, li.espionageReport a.hideReport {
    width: 100%;
}

.message {
    word-break: break-all;
    word-wrap: break-word;
}

#netz .contentz table.list .check {
    width:18px;
    padding-left: 0;
    padding-right: 0;
}

/* *****************************************************************************
   Create Note
***************************************************************************** */
#createNote,
#noteList {
    margin: 0 auto;
    min-height: 200px;
    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; }
/*#alliance #inhalt .markItUpPreviewDiv {
    width: 613px;
    margin-left: 0px;
}
#alliance #inhalt .markItUp {
    width: 620px;
    margin-left: 0px;
}*/

#notificationbarcomponent {
    position: absolute;
    width: 670px;
    height: 45px;
    left: 170px;
    right: 0;
    top: 97px;
}

#notificationbarcomponent #message-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 670px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
}

#notificationbarcomponent #messages_collapsed {
    float: initial;
    position: absolute;
    font-size: 11px;
    height: 38px;
    line-height: 17px;
    margin: 2px 0 0 0;
    overflow: visible;
    text-align: left;
    width: 430px;
    left: 150px;
}

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

#notificationbarcomponent #messages_collapsed a.open {
    background-position: 0 -18px;
    display: none;
}

/* ****************** Eventbox: Communication Menu ************************** */
#notificationbarcomponent .comm_menu {
    background-image: url("/img/icons/9d2a040a90c8eae17d3cd2ee3b54df.png");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    position: absolute;
    width: 60px;
}
#notificationbarcomponent .comm_menu.messages { left:13px; }
#notificationbarcomponent .comm_menu.chat { left: 73px; }
#notificationbarcomponent .comm_menu.buddies { left:133px; }

#notificationbarcomponent .comm_menu.messages { background-position: 15px 1px; }
#notificationbarcomponent .no-touch .comm_menu.messages:hover { background-position: 15px -78px; }
#notificationbarcomponent .comm_menu.messages.selected { background-position: 15px -39px; }

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

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

/* ***** .new_msg_count is displayed in event header and on newsfeed tabs *** */
#notificationbarcomponent .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;
}

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

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



#notificationbarcomponent #attack_alert {
    position: absolute;
    right:30px;
    color:#fff;
    display:block;
    height: 37px;
    margin:0;
    text-decoration:none;
    width: 55px;
}

#notificationbarcomponent #attack_alert.noAttack {
    visibility: hidden;
}

#notificationbarcomponent #attack_alert a {
    background-image: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png");
    background-repeat: no-repeat;
    display:block;
    height: 40px;
    margin: 0 0 0 3px;
    width: 62px;
}
#galaxy #notificationbarcomponent #attack_alert a {
    height: 45px;
    margin: 1px 0 0 6px;
}

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

#notificationbarcomponent #attack_alert.today a { background-position: -490px -40px; }
#galaxy #notificationbarcomponent #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 #notificationbarcomponent #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 #notificationbarcomponent #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: */
#notificationbarcomponent #attack_alert.soon a { background: transparent url("/img/icons/662c178137953a8a7c22381b9c1df5.gif") 0 0 no-repeat; }
#galaxy #notificationbarcomponent #attack_alert.soon a { background: transparent url("/img/icons/f17c4c491c4b9cb7885582eda83e6c.gif") 0 0 no-repeat; }

/* crappy GIF to indicate Wreckfield presence. Just change that to something proper, please */
#notificationbarcomponent #attack_alert.wreckField a { background: transparent url("/img/icons/78fe795054d61d6072aa234fcd51c6.png") -22px 0 no-repeat; }
#galaxy #notificationbarcomponent #attack_alert.wreckField a { background: transparent url("/img/icons/c194f431df6350be23b2c295c79625.gif") 0 0 no-repeat; }

#notificationbarcomponent #attack_alert .wreckFieldCountDown {
    position: relative;
    top:-13px;
    left:10px;
    font-size: 8px;
    background-color: rgba(0,0,0,.7);
}


/********************************************/
/***************** PREMIUM *****************/
/******************************************/
#officersmess .c-left, #officersmess .c-right {
    top: 214px;
}

#officersmess > .header,
#ticket div#planet {
    background:url("/img/icons/7191f6cbf907558acffdb210b21656.jpg") no-repeat;
    height:250px;
}

/********* Officers **********/

.officers100 {
    background: url("/img/icons/a22e8a59e7cfd08f0997cf491c2ca1.png") no-repeat;
    position: relative;
    width:  100px;
    height: 100px;
}
.officers100.halloween { background-image: url("/img/icons/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("/img/icons/988e932a1e9ecef4a586272cbdb953.jpg") no-repeat;
    position: relative;
    width:  200px;
    height: 200px;
    margin-left: 2px;
    float: left;
}
.officers200.halloween { background-image: url("/img/icons/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,
#officersmess div#detail div.image {
    float:left;
    height:200px;
    margin-left:2px;
    position: relative;
    width:200px;
}

#officersmess li.allOfficers span,
#officersmess .detail_screen div#description span {
    float: left;
    background: url("/img/icons/b1c7ef5b1164eba44e55b7f6d25d35.gif") no-repeat 100% 70%;
    color: #6f9fc8;
    height: 17px;
    line-height: 17px;
    padding-right: 15px;
    text-decoration: none;
    width: auto;
    margin-right: 25px;
}

#officersmess li.allOfficers.off span {
    background-image: url("/img/icons/aa2ad16d1e00956f7dc8af8be3ca52.gif");
}

#officersmess li.allOfficers span {
    margin-top: 30px;
    margin-left: 15px;
}
/*#officersmess #description { margin: 3px 0 0 10px; }*/

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

#officersmess.no-touch .benefits .help {
    float: none;
}

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

.no-touch #officersmess #box #buttonz ul#building li a.detail_button:hover,
#officersmess #box #buttonz ul#building li a.active {
    background:url("/img/icons/ce2e012805bae16d3bc0967600eb58.gif") no-repeat;
    color:#ff9600;
    text-decoration:none;
}

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



#officersmess ul#building {
    margin-top:10px;
}

#officersmess .timer {
    font-size:10px;
    height:25px;
    padding:8px;
}

#officersmess .timeLink {
    background:transparent none repeat scroll 0 0;
    cursor:pointer;
    display:inline;
    text-decoration:none;
}

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

#officersmess ul#building li {
    overflow:hidden;
}

#officersmess #buttonz ul#building li {
    background-repeat:no-repeat;
    height: 130px;
    position: relative;
    float: left;
    margin: 0 6px 0 0;
}

#officersmess #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;
}

#officersmess #buttonz ul#building .buildingimg { height:100px;}


#detailWrapper {
    position: absolute;
    width: 650px;
}

#buffBar {
    position: absolute;
    left: 40px;
    height: 30px;
    width: 570px;
}

#moon {
    position: absolute;
    top: 20px;
    left: 30px;
}

#planet_as_moon {
    position: absolute;
}

.content-box-s {
    margin: 0px 0px 5px 0;
    width: 220px;
    float: none;
    overflow: hidden;
}

/* Overview New BuffBar */
#activeBuffDetails .sale_badge,
#activeBuffDetails .sale_badge.disabled,
#buffBar .activate_item {
    background: url("/img/icons/f49f4260ff20f815d0a6470ed55ad3.png") no-repeat;
}

#buffBar {
    background: url("/img/icons/e4f7db0c13494a16bb5641f0787cb7.png");
    background: rgba(20, 30, 38, 0.5);
    -moz-border-radius:3px 0 0 0;
    -webkit-border-radius:3px 0 0 0;
    -khtml-border-radius:3px 0 0 0;
    border-radius:3px 0 0 0;
    height: 38px;
    left: 38px;
    position: absolute;
    bottom: 4px;
    width: 610px;
    cursor: pointer;
}
.no-touch #buffBar:hover {
    background: url("/img/icons/e4f7db0c13494a16bb5641f0787cb7.png") 0 -38px;
    background: rgba(28, 41, 54, 0.7);
}
#buffBar .active_items {
    list-style: none;
    position: absolute;
    z-index: 1;
}

#buffBar .active_items li {
    float: left;
}
#buffBar .active_item,
#buffBar .activate_item, #empire .item_img_box {
    border: 1px solid transparent;
    display: block;
    position: relative;
    opacity: 0.8;
    -khtml-opacity: 0.8;
    filter: alpha(opacity=80); /* IE6-IE8 */
}
#buffBar .active_item,
#buffBar .activate_item,
#buffBar .active_item img {
    height: 32px;
    width: 32px;
}

#buffBar .activate_item {
    background-position: -59px -274px;
    border-color: #212c3a #243341 #1a252f #243341;
}

#buffBar .active_item.r_epic, #empire .r_epic .item_img_box { border-color: #854195; }
#buffBar .active_item.r_buddy, #empire .r_buddy .item_img_box { border-color: #37618e; }
#buffBar .active_item.r_common, #empire .r_common .item_img_box { border-color: #834b2d; }
#buffBar .active_item.r_uncommon, #empire .r_uncommon .item_img_box { border-color: #80868f; }
#buffBar .active_item.r_rare, #empire .r_rare .item_img_box { border-color: #ba7f23; }
#buffBar .active_item.r_debuff, #empire .r_debuff .item_img_box { border-color: #990000; }

.no-touch #buffBar .active_items:hover,
#buffBar .active_item.active,
#buffBar .activate_item.active,
.no-touch #buffBar .active_item:hover,
.no-touch #buffBar .activate_item:hover {
    border-color: #d18433 #e7b15a #f0c36a #db9845;
    opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); /* IE6-IE8 */
}

/* activate Buff Detail Screen */
#detailWrapper { height: 259px; }
#activeBuffDetails,
#overview div.detail_screen {
    background: #0d1014 url("/img/icons/862bd57e5d13bfc8cd9ce0a1d72c9f.png") 0 0 no-repeat;
    height: 258px;
    width: 654px;
    z-index: 11;
}
#activeBuffDetails h2 {
    font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #D29D00;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    white-space: normal;
}
#activeBuffDetails .detail_screen_h2 { padding: 3px 0 0 40px; }
#activeBuffDetails .shop_link {
    color: #fff;
    float: right;
    margin: -18px 32px 0 0;
    position: relative;
    text-decoration: none;
}
.no-touch #activeBuffDetails .shop_link:hover,
#activeBuffDetails .shop_link:active { text-decoration: underline; }
#activeBuffDetails .active_item_slider {
    float: left;
    font-size: 11px;
    height: 225px;
    left: 10px;
    position: relative;
    text-align: center;
    top: 12px;
    width: 410px;
}
#activeBuffDetails .active_item_details {
    margin: 11px 0 0 425px;
    padding: 5px 7px;
    height: 209px;
    width: 197px;
}
#activeBuffDetails .item_detail_content { height: 156px; }
#activeBuffDetails .active_item_details p {
    font-size: 11px;
    line-height: 13px;
    padding: 0 0 5px;
}

#buffBarBuffs {
    display: inline-block;
    position: relative;
}

div.values .equipment .item_img a.timeLink span.time {left: 1px;}

.item_img .pusher,
#activeBuffDetails .active_item_slider .activation,
#activeBuffDetails .pusher,
#buffBar .pusher {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #000000;
    z-index: 1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#buffBar .pusher {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

#shop .shop_slider, #shop .inventory_slider {
    width: 405px;
    height: 360px;
    margin: 0 0 0 209px;
}

#activeBuffDetails .active_item_slider .activation {
    width: 100%;
    height: 100%;
    display: none;
}
#activeBuffDetails .active_item_slider .activation.disabled {
    display: block;
}

#buffBar .add_item {
    float: left;
    margin: 2px 0 0 4px;
}

ul.og-paginatable {
    position: relative;
    list-style: none;

    display: flex;
    flex-direction: row;
    justify-content: center;
}

ul.og-paginatable li {
    position: relative;
    box-sizing: border-box;
    padding: 4px 6px;
    margin:0 2px;
    background-color: #57769866;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

ul.og-paginatable li:hover,
ul.og-paginatable li.active {
    background-color: #97b6c876;
    font-weight: bold;
    /*transform: scale(1.1);*/
}

.percentageBar {
    position:relative;

    height:100%;

    background-image: url(/img/icons/d03835718066a5a592a6426736e019.png);
    background-position: 0px -561px;

    border-radius: 5px;
}

.percentageBar .bar {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    border-radius: 5px;

    background: linear-gradient(to right, red , orange, yellow, green);
    background-size:100% 20px;


    transition: width 1s;
    -webkit-transition: width 1s;
}

.percentageBar .steps {

    position:relative;

    display:flex;
    flex-direction: row;

    width:100%;
    height:100%;
}

.percentageBar .steps .step {

    position:relative;
    box-sizing: border-box;
    border-right:1px solid #4a585f;

    text-align:center;

    flex:none;

    color:#ffffff;
    text-shadow: 0 0 2px #000000;

    overflow:hidden;

    width:30px;
}

.percentageBar .steps .step2 {
    width: 60px;
}

.percentageBar .steps .step:last-child {
    border-right: none;
}

.percentageBar .steps .step.selected {

    border:2px solid #ff9600;
    border-radius: 3px;

    line-height: 16px;

    background-color: #000000;
    color: #99cc00;

    transform: scale(1.1);
}

.percentSelector {
	border: 1px solid black;
	overflow: hidden;
}

.percentSelector>.PBoverlay {
	position: relative;
	z-index: 10;
}

.percentSelector>.PBcolorGrad {
	padding:0;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.9);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.9);
	box-shadow: 0 0 10px rgba(0,0,0,0.9); /*** for IE ***/
	background-color: green; /*** for IE9 ***/
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0,128,0)), color-stop(40%, rgb(238, 238, 0)), color-stop(40%, rgb(238, 238, 0)), to(rgb(255,0,0)) );
	background-image: -moz-linear-gradient(top, rgb(0,128,0), rgb(238, 238, 0) 40%, rgb(238, 238, 0) 60%, rgb(255,0,0));
}

.percentSelector>.PBfallbackColor { /*** for IE7-8 ***/
	background-color: green;
}

.percentSelector>.PBfallbackOverlay {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.fallback {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#60000000',GradientType=0 ); /* IE6-9 */
}


/* Phalanx */
#phalanxWrap .eventFleet,
#phalanxWrap .partnerInfo {
    background:#0d1014;
    margin:0 auto;
    width: 803px;
    height:50px;
    position:relative;
}

#phalanxWrap .eventFleet ul {
    display:inline;
    margin:0;
    padding:0;
}

#phalanxWrap .eventFleet li,
#phalanxWrap .partnerInfo li {
    display:block;
    overflow:hidden;
    position:absolute;
    left:220px;
}

#phalanxWrap .eventFleet .countDown,
#phalanxWrap .eventFleet .arrivalTime,
#phalanxWrap .partnerInfo .countDown,
#phalanxWrap .partnerInfo .arrivalTime{	left:18px;}

#phalanxWrap .eventFleet .descFleet,
#phalanxWrap .eventFleet .missionFleet,
#phalanxWrap .partnerInfo .descFleet,
#phalanxWrap .partnerInfo .missionFleet {	left: 142px;}

#phalanxWrap .eventFleet .originFleet,
#phalanxWrap .eventFleet .coordsOrigin,
#phalanxWrap .partnerInfo .originFleet,
#phalanxWrap .partnerInfo .coordsOrigin {	left: 303px;}

#phalanxWrap .eventFleet .detailsFleet,
#phalanxWrap .partnerInfo .detailsFleet {
    left: 366px;
    text-align:right;
    top:25px;
    width:100px;
    height:16px;
}

#phalanxWrap .eventFleet .destFleet,
#phalanxWrap .eventFleet .destCoords,
#phalanxWrap .partnerInfo .destFleet,
#phalanxWrap .partnerInfo .destCoords {	/* left: 542px; left: 535px; */ left:526px;}

#phalanxWrap .eventFleet .originFleet,
#phalanxWrap .eventFleet .destFleet,
#phalanxWrap .partnerInfo .originFleet,
#phalanxWrap .partnerInfo .destFleet {	text-transform:capitalize;}

#phalanxWrap .eventFleet .descFleet,
#phalanxWrap .eventFleet .countDown,
#phalanxWrap .eventFleet .originFleet,
#phalanxWrap .eventFleet .destFleet,
#phalanxWrap .eventFleet .descSpeed,
#phalanxWrap .eventFleet .sendProbe,
#phalanxWrap .partnerInfo .descFleet,
#phalanxWrap .partnerInfo .countDown,
#phalanxWrap .partnerInfo .originFleet,
#phalanxWrap .partnerInfo .destFleet,
#phalanxWrap .partnerInfo .descSpeed,
#phalanxWrap .partnerInfo .sendProbe {	top: 10px;}

#phalanxWrap .eventFleet .arrivalTime,
#phalanxWrap .eventFleet .missionFleet,
#phalanxWrap .eventFleet .coordsOrigin,
#phalanxWrap .eventFleet .destCoords,
#phalanxWrap .eventFleet .baseSpeed,
#phalanxWrap .eventFleet .sendMail,
#phalanxWrap .partnerInfo .arrivalTime,
#phalanxWrap .partnerInfo .missionFleet,
#phalanxWrap .partnerInfo .coordsOrigin,
#phalanxWrap .partnerInfo .destCoords,
#phalanxWrap .partnerInfo .baseSpeed,
#phalanxWrap .partnerInfo .sendMail {	top: 25px;}

#phalanxWrap .eventFleet .descSpeed,
#phalanxWrap .eventFleet .baseSpeed,
#phalanxWrap .partnerInfo .descSpeed,
#phalanxWrap .partnerInfo .baseSpeed  { left:632px;}

#phalanxWrap .eventFleet .sendProbe,
#phalanxWrap .eventFleet .toggleAlliance,
#phalanxWrap .partnerInfo .sendProbe,
#phalanxWrap .partnerInfo .toggleAlliance  { left:762px; top: 25px;}

#phalanxWrap .eventFleet .sendMail,
#phalanxWrap .partnerInfo .sendMail {left: 782px;  top: 25px; }


#phalanxWrap .eventFleet .descSpeed,
#phalanxWrap .partnerInfo .descSpeed {
    color:#7c8e9a;
    font-weight:700;
    text-align:left;
    width:130px;
    white-space:nowrap;
    overflow:hidden;
}

#phalanxWrap .eventFleet .descFleet,
#phalanxWrap .eventFleet .originFleet,
#phalanxWrap .partnerInfo .descFleet,
#phalanxWrap .partnerInfo .originFleet {
    color:#7c8e9a;
    font-weight:700;
    text-align:left;
    width:215px;
    white-space:nowrap;
    overflow:hidden;
}

#phalanxWrap .eventFleet .destFleet,
#phalanxWrap .partnerInfo .destFleet {
    color:#7c8e9a;
    font-weight:700;
    text-align:left;
    width:130px;
    white-space:nowrap;
    overflow:hidden;
}

#phalanxWrap .eventFleet .detailsFleet,
#phalanxWrap .partnerInfo .detailsFleet {
    color:#9c0;
    font-weight:700;
}

#phalanxWrap .eventFleet .allianceAttack .detailsFleet {
    left: 350px;
    overflow: visible;
}

#phalanxWrap .eventFleet .allianceAttack .detailsFleet img { position:absolute;}
#phalanxWrap .eventFleet .allianceAttack .detailsFleet .iconFleet1 { right: -36px; top: -3px;}
#phalanxWrap .eventFleet .allianceAttack .detailsFleet .iconFleet2 { right: -20px; top: -12px;}
#phalanxWrap .eventFleet .allianceAttack .detailsFleet .iconFleet3 { right: -20px; top: 6px;}

#phalanxEventContent { text-align: center; }
#phalanxWrap #phalanxEventContent .detailsFleet img {	vertical-align: middle;}

#phalanxWrap #phalanxEventContent .odd,
#phalanxWrap #phalanxEventContent .part-even{ background-color: #13181d;}

#phalanxWrap #eventHeader a.close_details {
    right: 13px;
    position:absolute;
    top:6px;
}
#phalanxWrap #eventHeader a.close_details:link,
#phalanxWrap #eventHeader a.close_details:visited,
.no-touch #phalanxWrap #eventHeader a.close_details:hover,
#phalanxWrap #eventHeader a.close_details:active {
    background: transparent url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") no-repeat scroll -207px 0;
}

.no-touch #phalanxWrap #eventHeader a.close_details:hover {
    background: transparent url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") no-repeat scroll -207px -17px;
}

#phalanxWrap .eventFleet .missionFleet img,
#phalanxWrap .partnerInfo .missionFleet img {
    padding: 3px 5px 0 0;
    vertical-align:middle;
}

#phalanxWrap .eventFleet a.toggleInfos {
    cursor: pointer;
    left: 632px;
    line-height:normal;
    position:absolute;
    top: 8px;
}

#phalanxWrap .icon_movement {
    background:url("/img/icons/f9cb590cdf265f499b0e2e5d91fc75.gif") no-repeat;
    height:16px;
    left:20px;
    position:absolute;
    top:0;
    width:16px;
}

#phalanxWrap .icon_movement_reserve {
    background:url("/img/icons/014a5d88b102d4b47ab5146d4807c6.gif") no-repeat;
    height:16px;
    left:20px;
    position:absolute;
    top:0;
    width:16px;
}

#phalanxWrap .eventFleet a.toggleInfos {
    cursor: pointer;
    left: 632px;
    line-height:normal;
    position:absolute;
    top: 8px;
}

#phalanxWrap .partnerInfo .countDown { width: 74px;}

a.refreshPhalanxLink {
    margin-right: 5px;
}
a.refreshPhalanxLink span {
    vertical-align: middle;
}

/* RECHTS  */
#planetbarcomponent {
    /* Positioning */
    position: relative;
    top: 0;
    right: 0;
    /* Box-Model */
    width: 150px;
    /* Typography */
    /* Visual */
    /* Misc */
}

#planetbarcomponent #rechts {
    overflow: visible;
    margin-bottom: 20px;
    background-color: transparent;
}

.no-commander #planetbarcomponent #rechts {
    margin-bottom: 55px;
}

#planetbarcomponent #box {
    width: 1000px;
    margin: 0px auto;
    text-align: left;
    position: relative;
}

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

#planetbarcomponent .textCenter {
    text-align: center;
}

#planetbarcomponent #rechts .smallplanet a:link,
#planetbarcomponent #rechts .smallplanet a:visited,
.no-touch #planetbarcomponent #rechts .smallplanet a:hover,
#planetbarcomponent#rechts .smallplanet a:active {
    text-decoration: none;
}

#planetbarcomponent #rechts #cutty .smallplanet {
    height: 45px;
}

#planetbarcomponent #rechts #norm .smallplanet {
    height: 81px;
}

#planetbarcomponent #rechts #norm .smallplanet.smaller {
    height: 65px;
}

#planetbarcomponent #rechts .smallplanet {
    margin: 0px 0px 14px 5px;
    text-align: center;
    width: 130px;
    overflow: visible;
    position: relative;
    border-radius: 5px;
}

#planetbarcomponent #rechts .smallplanet.smaller {
    margin: 0px 0px 0px 5px;
    text-align: center;
    width: 130px;
    overflow: visible;
    position: relative;
}

#planetbarcomponent #rechts #myPlanets .smallplanet {
    height: 52px;
    width: 147px;
    margin: 0px 0px 1px;
}

#planetbarcomponent #myPlanets .planetPic {
    position: absolute;
    left: 7px;
    top: 6px;
}

#planetbarcomponent #rechts .smallplanet a.wreckFieldIcon,
#planetbarcomponent #rechts #myPlanets .smallplanet a.wreckFieldIcon {
    cursor: pointer;
    display: block;
    height: 16px;
    position: absolute;
    top: 9px;
    right: 19px;
    width: 16px;
}

#rechts #norm a.wreckFieldIcon {
    top: 5px;
    right: 22px;
}

#planetbarcomponent #rechts #myPlanets .smallplanet a.wreckFieldIcon {
    top: 22px;
    left: 22px;
}

#planetbarcomponent #rechts .smallplanet a.constructionIcon,
#planetbarcomponent #rechts #myPlanets .smallplanet a.constructionIcon {
    cursor: pointer;
    display: block;
    height: 12px;
    position: absolute;
    top: 9px;
    right: 19px;
    width: 12px;
}

#planetbarcomponent #rechts #norm a.constructionIcon {
    top: 5px;
    right: 22px;
}

#planetbarcomponent #rechts #myPlanets .smallplanet a.constructionIcon {
    top: 22px;
    left: 111px;
}

#planetbarcomponent #rechts #norm a.constructionIcon.moon {
    top: 35px;
    left: 0px;
}

#planetbarcomponent #rechts #cutty a.constructionIcon.moon {
    top: 35px;
    left: 20px;
}

#planetbarcomponent #rechts .smallplanet a.planetlink:link,
#planetbarcomponent #rechts .smallplanet a.planetlink:visited {
    display: block;
    /*  height: 60px; */
    color: #6F9FC8;
    padding-top: 4px;
}

#planetbarcomponent #rechts #cutty .smallplanet a.planetlink:link,
#planetbarcomponent #rechts #cutty .smallplanet a.planetlink:visited {
    height: 45px;
}

#planetbarcomponent #rechts #cutty #myPlanets a.planetlink:link,
#planetbarcomponent #rechts #cutty #myPlanets a.planetlink:visited {
    height: 52px;
}

#planetbarcomponent #rechts .smallplanet a.planetlink:hover {
    color: #9c0;
}

#planetbarcomponent #rechts .smallplanet a.planetlink:active {
    text-decoration: none;
}

#planetbarcomponent #rechts .smallplanet a.active,
#planetbarcomponent #rechts .smallplanet a.active:link {
    color: #9c0;
    display: block;
}

#planetbarcomponent #norm .active span.planet-name,
#planetbarcomponent #norm .active span.planet-koords {
    color: #9c0; font-weight: 700;
}

#planetbarcomponent #rechts #myPlanets .active span.planet-name,
#planetbarcomponent #rechts #myPlanets .active span.planet-koords {
    color: #9c0;
    font-size:11px;
    font-weight: 700;
}

#planetbarcomponent #rechts #myPlanets .active span.planet-koords {
    font-weight: 100;
}

#planetbarcomponent .no-touch #rechts #cutty .smallplanet a.planetlink:hover,
#planetbarcomponent #rechts #cutty .smallplanet a.planetlink.active,
#planetbarcomponent #rechts #cutty .smallplanet a.planetlink.active:link {
    display: block;
    height: 45px;
    color: #9c0;
}

#planetbarcomponent #rechts #cutty .smallplanet a.moonlink {
    background-position: 6px 6px;
}

#planetbarcomponent #rechts #myPlanets .smallplanet a.planetlink.active,
#planetbarcomponent #rechts #myPlanets .smallplanet a.planetlink.active:link {
    color: #fff;
}

#planetbarcomponent #myPlanets {
    width: 147px;
}

#planetbarcomponent #rechts .smallplanet a.planetlink_inactive:link,
#planetbarcomponent #rechts .smallplanet a.planetlink_inactive:visited {
    display: block;
    height: 70px;
    text-decoration: none;
    color: cyan;
    cursor: default;
}

#planetbarcomponent #rechts .smallplanet a.alert {
    position: absolute;
    left: 21px;
    top: 5px;
}

#planetbarcomponent #rechts #myPlanets .smallplanet a.alert,
#planetbarcomponent #rechts #myPlanets .smallplanet a.alert:link {
    position: absolute;
    left: 123px;
    top: 22px;
}

#planetbarcomponent #rechts .smallplanet a.moonlink {
    position: absolute;
    display: block;
    left: 4px;
    top: 16px;
    padding: 10px;
}

#planetbarcomponent #rechts .smallplanet.smaller a.moonlink {
    position: absolute;
    left: 30px;
    top: 20px;
    padding: 0;
}

#planetbarcomponent #rechts #cutty  .smallplanet a.moonlink {
    left: 14px;
    top: 2px !important;
}

#planetbarcomponent #rechts #myPlanets .smallplanet a.moonlink {
    left: -5px;
    top: 21px;
} /* 19px */

#planetbarcomponent #rechts a.alert span.activity {
    background: url("/img/icons/91ad13c8f9a7e9390085d12adde508.png") no-repeat 0 -640px;
    display: block;
    height: 12px;
    width: 12px;
}

/**************************************
************* TINYPLANET ***************
****************************************/

#planetbarcomponent #rechts .tinyplanet {
    margin: 4px 0px 0px 22px;
    text-align: center;
    width: 130px;
    overflow: visible;
    position: relative;
}

#planetbarcomponent #rechts .tinyplanet a.planetlink:link,
#planetbarcomponent #rechts .tinyplanet a.planetlink:visited {
    display: block;
    height: 49px; /* 42px */
    text-decoration: none;
    color: #5b6b80;
}

.no-touch #planetbarcomponent #rechts .tinyplanet a.planetlink:hover {
    color: #fff;
    text-decoration: none;
}

#planetbarcomponent #rechts .tinyplanet a.planetlink:active {
    text-decoration: none;
}

/*.no-touch #planetbarcomponent #rechts .tinyplanet a.planetlink:hover{
    display: block;
    background-image:url("/img/icons/51f0fedca968560e2263c89b51b8b3.gif");
    background-repeat: no-repeat;
    background-position: left top;
}*/

#planetbarcomponent #rechts .planet-name {
    display: block;
    font-size:12px;
    margin-top: 0px;
    line-height: 12px;
}

#planetbarcomponent #rechts #cutty .planet-name {
    display: block;
}

#planetbarcomponent #rechts #myPlanets .planet-name,
#planetbarcomponent #rechts .planet-koords {
    white-space:nowrap;
    position: absolute;
    top: 7px;
    left: 43px;
}

#planetbarcomponent #rechts .planet-koords {
    font-size:10px;
}

#planetbarcomponent #rechts #norm .planet-name {
    white-space:nowrap;
}

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

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

#planetbarcomponent #rechts a.planetlink .planetPic {
    border-radius: 24px;
}

#planetbarcomponent #rechts #cutty a.planetlink .planetPic {
    border-radius: 15px;
}

#planetbarcomponent #rechts a.moonlink .icon-moon {
    border-radius: 8px;
    margin-top: 10px;
    margin-left: 9px;
}

#planetbarcomponent #rechts a.planetlink.active .planetPic {
    box-shadow: 0 0 6px 1px #FF9600, 0 0 3px 4px #FF9600 inset;
}

#planetbarcomponent #rechts a.planetlink:hover .planetPic,
#planetbarcomponent #rechts a.planetlink:active .planetPic {
    box-shadow: 0px 0px 6px 1px #9C0, inset 0px 0px 3px 4px #9C0;
}

#planetbarcomponent #rechts a.moonlink.active .icon-moon {
    box-shadow: 0px 0px 6px 2px #FF9600, inset 0px 0px 3px 2px #FF9600;
}

#planetbarcomponent #rechts a.moonlink:hover .icon-moon,
#planetbarcomponent #rechts a.moonlink:active .icon-moon {
    box-shadow: 0px 0px 6px 2px #9C0, inset 0px 0px 3px 2px #9C0;
}

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

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

#planetbarcomponent #planetbarcomponent .hightlightPlanet {
    background-color: rgba(153,204,0,0.11);
}
/*
@note https://jira.gameforge.com/browse/OGAME-4208 removed background with frame
 */
/*
#planetbarcomponent .hoverPlanet:hover {
    box-shadow: 0 0 1px 0 #99CC00 inset;
}

#planetbarcomponent .hightlightMoon {
    background-color: rgba(255,150,0,0.11);
}

/*
@note https://jira.gameforge.com/browse/OGAME-4208 removed background with frame
#planetbarcomponent .hoverMoon:hover {
    box-shadow: 0 0 1px 0 #FF9600 inset;
}
*/

#planetbarcomponent .gatenetworkActive img {
    box-shadow: 0px 0px 6px 2px #F00ECE, inset 0px 0px 3px 2px #F00ECE;
}

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

#preferencescomponent #planet {
    background: transparent url("/img/icons/79b660f7eb3757885b56d994ae6eeb.jpg") no-repeat;
    height: 250px;
    position: relative;
    width: 654px;
    margin: 0 auto 3px;
}

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

#preferencescomponent #planet h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#preferencescomponent #content .tabsbelow {
    margin: 0 0 0 30px;
    width: 625px;
}
#preferencescomponent #inhalt .tabsbelow li,
#preferencescomponent #inhalt .tabsbelow li a {
    max-width: 190px;
    min-width: 120px;
    width: auto;
}
#preferencescomponent #inhalt .tabsbelow li a { padding: 0 5px; }

.no-touch #preferencescomponent #inhalt .tabsbelow li a:hover,
#preferencescomponent #inhalt .tabsbelow li.ui-tabs-active a,
#preferencescomponent #inhalt .tabsbelow li.ui-tabs-active a {
    /*    background:url("/img/icons/7c8996be8a2ee3f64ddd96a9897e6d.gif") no-repeat 0px 0px;*/
    color: #fff;
}

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

#preferencescomponent .contentzs .footer {
    background:transparent url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") 0 0 repeat-y;
    height:29px;
}

#preferencescomponent .contentzs .content
{background:transparent url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") 0 0 repeat-y;}


#preferencescomponent .contentzs .tabwrapper {
    background: transparent url("/img/icons/bfb16d45a8ab1ca15ca3029feb8b44.gif") 0 0 no-repeat;
    height:29px;
    padding-top:4px;
}

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

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

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

#preferencescomponent #inhalt #content .wrap {padding:15px 0;}

#preferencescomponent #inhalt #content .wrap table {margin:0 auto;}

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

#preferencescomponent td select {padding:0;}

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

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

preferencescomponent span.normal {font-weight:100;}

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

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

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

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

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

#preferences #planet h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#productionqueuecomponent .planetQueues {
    background: #090d12 url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -590px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(20,29,37,0.8) 0%, rgba(9,13,18,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,29,37,0.8)), color-stop(100%,rgba(9,13,18,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* W3C */
    border: 1px solid #23303A;
    border-color: #24323D #131A20 #131A20 #131A20;
    border-radius: 3px;
    box-shadow: 0 0 2px 1px black, inset 0 1px 2px 1px hsl(205, 33%, 11%);
    font-size: 11px;
    line-height: 15px;
    margin: 6px 7px 5px 7px;
    min-height: 44px;
    padding: 4px 4px 5px 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
#productionqueuecomponent .planetQueues.research {
    flex-direction: row;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    margin: 0 7px 5px 7px;
}
#productionqueuecomponent .researchQueueInfos {
    height: 40px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#productionqueuecomponent .queueInfos {
    width: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    height: calc(100% + 10px);
}
#productionqueuecomponent .queueInfos.moon {
    min-height: 50px !important;
}
#productionqueuecomponent .queueInfos * {
    box-sizing: border-box;
}

#productionqueuecomponent .planetInfo {
    width: 10%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}


#productionqueuecomponent .researchTitle {
    width: fit-content;
    min-width: 10%;
}
#productionqueuecomponent .researchTitle,
#productionqueuecomponent .planetName {
    color: #3a7fb4;
    font-weight: 700;
    text-align: left;
    text-shadow: 1px 1px 1px black, 0 0 7px hsl(200, 60%, 35%);
    line-height: 16px;
    height: 17px;
    font-size: 14px;
}
#productionqueuecomponent .planetIcon {
    width: 20px;
    height: 20px;
}
#productionqueuecomponent .planetIcon img {
    width: 20px;
}
#productionqueuecomponent .planetCoods {
    flex-grow: 1;
}

#productionqueuecomponent .queues {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
}
#productionqueuecomponent .singleQueueWithTitle {
    width: 33%;
    min-height: 50px;
    border-radius: 4px;
    padding-top: 6px;
    position: relative;
}

#productionqueuecomponent .singleQueueWithTitle > .boxTitle {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    /* max-height: 100%; */
    color: rgba(255, 255, 255, 0.6);
    font-size: 100%;
    line-height: 12px;
}
#productionqueuecomponent .singleQueueWithTitle > .boxTitle:before {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(192, 192, 192, 0.15);
    min-width: 10px;
    height: 10px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}
#productionqueuecomponent .singleQueueWithTitle > .boxTitle:after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(192, 192, 192, 0.15);
    min-width: 10px;
    height: 10px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

#productionqueuecomponent .singleQueueWithTitle.noOrder > .boxTitle:before,
#productionqueuecomponent .singleQueueWithTitle.noOrder > .boxTitle:after {
    border-top-color: rgba(80, 80, 80, 0.6);
}
#productionqueuecomponent  .singleQueueWithTitle.noOrder .singleQueue {
    border-color: rgba(80, 80, 80, 0.6);
}
#productionqueuecomponent  .singleQueueWithTitle.noOrder .noLifeform,
#productionqueuecomponent  .singleQueueWithTitle.noOrder .noEntry {
    color: rgba(168, 168, 168, 0.6);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#productionqueuecomponent .singleQueueWithTitle > .boxTitle span {
    margin: 0 3px;
}

#productionqueuecomponent .singleQueue {
    width: 100%;
    height: 100%;
    border: 1px solid rgba(192, 192, 192, 0.15);
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    border-top: transparent;
    font-size: 11px;
    color: #CFCBC2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#productionqueuecomponent .singleQueue .link {
    font-size: 10px;
    color: #6f9fc8;
    text-decoration: none;
    justify-content: space-around;
    display: flex;
    align-items: end;
}
#productionqueuecomponent .planetQueues.research:hover .link,
#productionqueuecomponent .singleQueue:hover .link {
    color: #9c0;
    text-decoration: underline;
}
#productionqueuecomponent .singleQueue:hover {
    cursor: pointer;
}
#productionqueuecomponent .production {
    display: flex;
    width: 95%;
    margin-top: 10px;
    height: 100%;
}

#productionqueuecomponent .researchIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

#productionqueuecomponent .productionIcon {
    width: 35px;
    height: 35px;
}
#productionqueuecomponent .singleQueueTexts {
    flex-grow: 1;
    width: calc(100% - 45px);
}
#productionqueuecomponent .planetQueues.research > div {
    width: 24%;
}
#productionqueuecomponent .planetQueues.research .productionTimer {
    text-align: end;
}
#productionqueuecomponent .planetQueues.research time,
#productionqueuecomponent .singleQueueTexts time {
    font-weight: bolder;
}
#productionqueuecomponent .planetQueues.research .productionLevel,
#productionqueuecomponent .singleQueueTexts .productionLevel {
    color: #a26d00;
}
#productionqueuecomponent .planetTitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
#productionqueuecomponent .productionDetails {
    display: flex;
    flex-direction: column;
}
#productionqueuecomponent .singleQueue:hover .noEntry {
    display: none;
}
#productionqueuecomponent .singleQueue:not(:hover) .noEntry {
    display: flex;
}

#productionqueuecomponent .planetQueues.research:hover .productionTimer,
#productionqueuecomponent .singleQueue:hover .productionDetails {
    display: none;
}
#productionqueuecomponent .planetQueues.research:not(:hover) .productionTimer,
#productionqueuecomponent .singleQueue:not(:hover) .productionDetails {
    display: flex;
}
#productionqueuecomponent .planetQueues.research:hover .linkDetails,
#productionqueuecomponent .singleQueue:hover .linkDetails {
    display: flex;
}
#productionqueuecomponent .planetQueues.research:not(:hover) .linkDetails,
#productionqueuecomponent .singleQueue:not(:hover) .linkDetails {
    display: none;
}

#productionqueuecomponent .linkDetails {
    display: none;
    height: 90%;
    align-items: center;
    justify-content: center;
}
#productionqueuecomponent .moonProduction {
    display: none;
}
#productionqueuecomponent .spaceObjectSelection {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 5px 0 0 10px;
}
#productionqueuecomponent .spaceObjectSelection .spaceObjectTab {
    background: url(/img/icons/548bc30b8ed3413d7d0f0ac1bc6f80.gif) no-repeat 0 -26px;
    cursor: pointer;
    color: #eaeaea;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 22px;
    width: 177px;
}
#productionqueuecomponent .spaceObjectSelection .spaceObjectTab.inactive {
    background: url(/img/icons/548bc30b8ed3413d7d0f0ac1bc6f80.gif) no-repeat;
    color: #848484;
}
#productionqueuecomponent .spaceObjectSelection .none {
    flex-grow: 1;
}
.showPlanetProdOverwiew {
    position: absolute;
    right: 6px;
    top: 4px;
}
gradient-button .custom_btn.showPlanetProdOverviewBtn {
    border: 1px outset #797979 !important;
}

.ui-dialog-content.overlayDiv.repairlayer,
#popupContent.overlayDiv.repairlayer {
  background: url("/img/icons/e9f54b10dc4e1140ce090106d2f528.jpg") top right no-repeat;
}

#repairlayer {
    display: block;
}

#repairlayer #wreckfields #wreckfield-btns {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#repairlayer #description #wreckfields .btn > input,
#repairlayer .repairableShips .btn > input {
  font-size: 12px;
  font-weight: bold;
}

#repairlayer #repairableships {
    width: 500px;
    height: 300px;
    display: block;
}

#repairlayer .ships_wrapper {
  background: #000;
  background: rgba(0,0,0,0.6);
  border: 1px solid #192330;
  padding: 10px 5px;
}

#repairlayer .repairableShips > h3 {
  font-weight: 600;
  margin: 0 0 8px;
}

#repairlayer .ships {
    background: #000000 url('/img/icons/c87ca034cccf5a16875c5a05239118.png');
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
}

#repairlayer .ships .repairTime {
    position: relative;
    width:100%;
    background-color:#000000aa;
    box-shadow: 0 5px 5px #000000aa;
    padding:2px 0 0 5px;
}

#repairlayer #ship202 {background-position: 0 0
}
#repairlayer #ship203 {background-position: -80px 0
}
#repairlayer #ship204 {background-position: -160px 0
}
#repairlayer #ship205 {background-position: -240px 0
}
#repairlayer #ship206 {background-position: -320px 0
}
#repairlayer #ship207 {background-position: -400px 0
}
#repairlayer #ship208 {background-position: -480px 0
}
#repairlayer #ship209 {background-position: -560px 0
}
#repairlayer #ship210 {background-position: -640px 0
}
#repairlayer #ship211 {background-position: -720px 0
}
#repairlayer #ship212 {background-position: -800px 0
}
#repairlayer #ship213 {background-position: -880px 0
}
#repairlayer #ship214 {background-position: -960px 0
}
#repairlayer #ship215 {background-position: -1040px 0
}
#repairlayer #ship218 {background-position: -1120px 0
}
#repairlayer #ship219 {background-position: -1200px 0
}
#repairlayer #ship217 {background-position: -1280px 0
}

#repairlayer .ecke {
    background:url("/img/icons/e3d481656bab1b216428a98a2e022e.gif") no-repeat;
    color:#ff9600;
    display:block;
    height:80px;
    text-decoration:none;
    width:80px;
    position: absolute;
    z-index: 3;
}

#repairlayer span.level {
    position:absolute;
    float:left;
    top:65px;
    left:10px;
    width:60px;
    text-align:right;
}

#repairlayer .descriptionText {
  float: left;
  width: 60%;
}

#repairlayer .rightArea {
  float: right;
  width: auto;
}

#repairlayer .boxed {
  border: 1px solid #ffda00;
  border: 1px solid rgba(255,218,0,0.5);
  border-radius: 5px;
  background: #171d2b; /* Old browsers */
  background: -moz-linear-gradient(top,  #171d2b 0%, #080d13 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #171d2b 0%,#080d13 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #171d2b 0%,#080d13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-sizing: border-box;
  padding: 5px 25px;
  text-align: center;
}


#repairlayer #burnUpCountDownForRepairOverlay {
  color:#ffda00;
  margin: 5px 0 0;
}

#research header {
    position: relative;
    width: 654px;
    height: 250px;
    margin: 0 auto 8px;
    background: url("/img/icons/dbeeb7b3b30e09448a6b0064288e7c.jpg");
}

#research header::after {
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 670px;
    height: 39px;
    background: url("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") bottom left no-repeat, url("/img/icons/7c3b7bb7038a638e9c122542398514.gif") bottom right no-repeat ;
    content: "";
}

#research header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#research #technologies,
#research #technologies .icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

#research #technologies {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
}

#research #technologies::before,
#research #technologies::after {
    pointer-events: none;
}

#research #technologies::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#research #technologies::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

#research #technologies_basic,
#research #technologies_drive,
#research #technologies_advanced,
#research #technologies_combat {
    margin-bottom: 7px;
}

#research #technologies h3 {
    position: relative;
    margin: -2px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

#research #technologies h3::before,
#research #technologies h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#research #technologies h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#research #technologies h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#research #technologies_basic h3::after,
#research #technologies_drive h3::before,
#research #technologies_advanced h3::after,
#research #technologies_combat h3::before {
    background: none;
}

#resourcesbarcomponent {
    /* Positioning */
    position: relative;
    position: absolute; /* remove after twig done */
    top: 20px;
    left: 195px;
    /* Box-Model */
    width: 480px;
    height: 50px;
    float: left;

    /* Typography */
    /* Visual */
    /* Misc */
}

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

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

#resourcesbarcomponent div#resources {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#resourcesbarcomponent div#resources div.resource {
    height: 47px;
    width: 64px;
    text-align: center;
    cursor: pointer;
}
#resourcesbarcomponent div#resources div#population_box.resource,
#resourcesbarcomponent div#resources div#food_box.resource {
    cursor: default;
}
#resourcesbarcomponent div#resources div.resource.darkmatter { position: absolute; }
#resourcesbarcomponent div#resources .resourceIcon,
#resourcesbarcomponent div#resources div.resource img {
    margin: 0 8px 2px 8px;
    width: 48px;
    height: 32px;
}

#resourcesbarcomponent div#resources {
    position: relative;
}

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

#resourcesbarcomponent div#resources div.resource img { margin-bottom: 0; }


#resourcesbarcomponent div#resources div.resource.darkmatter a {
    display: block;
    height: 32px;
    text-decoration: none;
}

#resourcesbarcomponent div#resources div.resource.darkmatter img {
    position: absolute;
    left: 0;
    z-index: 10;
}

#resourcesbarcomponent .resourceIcon {
    background: transparent url("/img/icons/7f14c18b15064d2604c5476f5d10b3.png") 0px 0px no-repeat;
    width: 48px;
    height: 32px;
    float: left;
}

#resourcesbarcomponent .resourceIconSmall {
    background: transparent url("/img/icons/22ec13d536fa483c5dc3636fae7dc7.png") 0px 0px no-repeat;
    width: 30px;
    height: 20px;
    float: left;
}

#resourcesbarcomponent .resource_tile {
    padding: 16px 0 0 23px;
    margin: 0 -10px;
    width: 82px;
    height: 50px;
}
#resourcesbarcomponent .resource_tile.metal { background: transparent url("/img/icons/da17bf4092cfc855f98620053b4b77.png") 0px 0px no-repeat; }
#resourcesbarcomponent .resource_tile.crystal { background: transparent url("/img/icons/fa1ba61880a038a5e30460b5aece60.png") 0px 0px no-repeat; }
#resourcesbarcomponent .resource_tile.deuterium { background: transparent url("/img/icons/88d4e53ca1cebbf48614687df95cbd.png") 0px 0px no-repeat; }
#resourcesbarcomponent .resource_tile.energy { background: transparent url("/img/icons/e2072058157a98d2eeb9327e34a265.png") 0px 0px no-repeat; }
#resourcesbarcomponent .resource_tile.darkmatter { background: transparent url("/img/icons/b024ac264716b09656b05092cdf563.png") 0px 0px no-repeat; }
#resourcesbarcomponent .resource_tile.population { background: transparent url("/img/icons/da17bf4092cfc855f98620053b4b77.png") 0px 0px no-repeat; }
#resourcesbarcomponent .resource_tile.food { background: transparent url("/img/icons/fa1ba61880a038a5e30460b5aece60.png") 0px 0px no-repeat; }

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

#resourcesbarcomponent .resourceIconSmall.metal { background-position: 0px 0px;}
#resourcesbarcomponent .resourceIconSmall.crystal { background-position: -30px 0px;}
#resourcesbarcomponent .resourceIconSmall.deuterium { background-position: -60px 0px;}
#resourcesbarcomponent .resourceIconSmall.energy { background-position: -90px 0px;}
#resourcesbarcomponent .resourceIconSmall.darkmatter { background-position: -120px 0px;}

#resourcesbarcomponent span > span.value {
    display: block;
    text-align: center;
}

#resourcesbarcomponent span.value {
    text-align: center;
    /*
    This rule was extracted to /assets/css/resourcesbar.css because yuicompressor was breaking it
    */
    width: calc(100% + 30px);
    display: flex;
    justify-content: center;
    word-break: break-all;
    bottom: 0;
    position: relative;
}

#resourcesbarcomponent span.value > span:first-of-type {
    position: absolute;
    top: 3px;
    width: 100%;
    left: -15px;
}


#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet,
div#resourcesettingscomponent .listOfResourceSettingsPerPlanet {
    margin:10px auto 0 auto;
    border-collapse:collapse;
    clear:both;
    border: 1px solid black;
    background-color: #0D1014;
}

div#resourcesettingscomponent .listOfResourceSettingsPerPlanet {width:315px;}
#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet {width:645px;}

#resourcesettingscomponent #inhalt td#factor,
#resourcesettingscomponent td#factor{
    font-weight:700;
    text-align:center;
    line-height:27px;
    vertical-align:middle;
    color:#d3d3d3;
}

#resourcesettingscomponent #inhalt td#factor .secondcol,
#resourcesettingscomponent td#factor .secondcol{ display:block; float:none; margin:0;}

#resourcesettingscomponent #inhalt td#factor span.factorkey,
#resourcesettingscomponent td#factor span.factorkey { color:#9c0; float:left; display:inline;}
#resourcesettingscomponent #inhalt td#factor span.factorbutton,
#resourcesettingscomponent td#factor span.factorbutton {float:right; margin-left:13px; display:inline;}

#resourcesettingscomponent #inhalt td.textRight,
#resourcesettingscomponent td.textRight{	text-align:right; }
#resourcesettingscomponent #inhalt td.label,
#resourcesettingscomponent td.label {
    color:grey;
    text-align:left;
    padding-left:5px;
}

#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet tr:hover td,
#resourcesettingscomponent .listOfResourceSettingsPerPlanet tr:hover td {	background-color:#23282d;}

#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet td,
#resourcesettingscomponent #RessLayer .listOfResourceSettingsPerPlanet td {
    font-size: 11px;
}

#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet td.undermark,
#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet td.normalmark,
#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet td.overmark {
    padding: 0 5px;
}

#resourcesettingscomponent .mainRS .listOfResourceSettingsPerPlanet td,
#resourcesettingscomponent .mainRS .listOfResourceSettingsPerPlanet th {
    text-align:right;
    height:25px;
}

#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet td em,
#resourcesettingscomponent .listOfResourceSettingsPerPlanet td em {
    font-style:normal;
    font-weight:700;
}

#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet th {
    font-weight:700;
    padding-bottom:0;
    vertical-align:middle;
}

#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet th .resourceIconSmall {
    float: right;
    margin: 0 -4px 0 20px;
}

.no-touch #resourcesettingscomponent .listOfResourceSettingsPerPlanet th a:hover,
#resourcesettingscomponent .listOfResourceSettingsPerPlanet th a:active { text-decoration: underline; }

#resourcesettingscomponent #inhalt .listOfResourceSettingsPerPlanet tr.summary td,
#resourcesettingscomponent .listOfResourceSettingsPerPlanet tr.summary td {
    border-top:1px dotted #848484;
}

#resourcesettingscomponent .listOfResourceSettingsPerPlanet select { width: 67px; }

#resourcesettingscomponent.showOldDropdowns .listOfResourceSettingsPerPlanet option,
.showOldDropdowns #resourcesettingscomponent .listOfResourceSettingsPerPlanet option {
    background-color: #000000;
}

#resourcesettingscomponent #inhalt input.new,
#resourcesettingscomponent input.new {
    background-color:#333;
    border:1px solid #848484;
    color:#848484;
    font-size:10px;
    margin:3px 0;
    padding:0 3px;
}

#resourcesettingscomponent #inhalt td.left2,
#resourcesettingscomponent td.left2 { padding-left:2px; }

#resourcesettingscomponent #inhalt .headerRS,
#resourcesettingscomponent #inhalt .footerRS,
#resourcesettingscomponent .headerRS,
#resourcesettingscomponent .footerRS{
    background: transparent url("/img/icons/32469184f13227d35e7cb4bdab93ae.gif") no-repeat;
    line-height:normal;
    height: 29px;
}

#resourcesettingscomponent #inhalt .mainRS,
#resourcesettingscomponent .mainRS {
    background: transparent url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    padding-top:10px;
}
#resourcesettingscomponent #inhalt .footerRS,
#resourcesettingscomponent .footerRS {
    background: transparent url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") no-repeat;
}

#resourcesettingscomponent #inhalt .sprite.characterclass {
    display:inline-block;
    width:26px;
    height:26px;
    float:left;
}

#resourcesettingscomponent #inhalt .sprite.allianceclass {
    display:inline-block;
    width:26px;
    height:26px;
    float:left;
}

#resourcesettingscomponent #planet.shortHeader { background-image: url("/img/icons/8a1aa7b42b1d117d9ebb04c97b6d6d.jpg"); }

#resourcesettingscomponent #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;
}

.overcharge { color:#399fff !important;}

.bonusesButtonHolder {
    display: flex;
    justify-content: end;
    margin-bottom: 14px;
}

.bonusesButton {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -143px -162px no-repeat;
    height:25px;
    font-size:11px;
    line-height:25px;
    text-align:center;
    text-decoration:none;
    overflow:hidden;
    padding:0;
    width:231px;
    margin-right: 10px;
}

.bonusesButton-hover {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -143px -187px no-repeat;
    color:#ccc;
}

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

#retrieveEmailComponent {
    display: flex;
    align-items: center;
    /*
    100% minus height of both header and footer also this rule was extracted to /assets/css/retrieveEmail.css because
    yuicompressor was breaking it
    */
    height: calc(100% - (20px + 19px));
}

#retrieveEmailComponent div {
    position: relative;
    min-height: 145px;
    min-width: 350px;

    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    padding: 15px;
    border-color: white;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 25px #000;
    margin: auto;
}

#retrieveEmailComponent input {
    float: right;
}

#retrieveEmailComponent br {
    clear: both;
}

#retrieveEmailComponent label {
    display: inline-block;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
}

#retrieveEmailComponent #retrieve {
    display: inherit;
    margin: 7px auto 0;
}

#retrieveEmailComponent #response {
    display: inline-block;
    text-align: center;
    width: 340px;
}

#retrieveEmailComponent #response.success {
    color: greenyellow;
}

#retrieveEmailComponent #response.error {
    color: red;
}

#rewardings .header,
.header .c-left,
.header .c-right {
    background-image: url("/img/icons/10e31cd5234445e4084558ea3506ea.gif");
    background-repeat: no-repeat;
}

#rewardingcomponent #planet {
    position: relative;
    width: 654px;
    height: 250px;
    background: url('/img/icons/2df2040407a656a1dbc23bdea0014e.png');
    margin: 0 auto;
}

#rewardings .header {
    height: 28px;
    position: relative;
}

#rewardings .content {
    background: url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    margin: 0 0 20px 0;
    min-height: 115px;
    padding: 10px 0 5px 0;
    position: relative;
}

#rewardings .footer  {
    background: url("/img/icons/997fd607a76c0b713e24cb7f2d41f5.png") no-repeat;
    bottom: -50px;
    height: 50px;
    left: 0;
    margin: 0 0 1px 0;
    position: absolute;
    width: 667px;
    z-index: 1;
}

#rewardings .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;
}

#rewardingcomponent .placeholder {
    height: 50px;
    display: block;
}

#rewardings #welcome {
    font-weight: 600;
    margin: 0 0 8px 2px;
    text-align: center;
}

#rewardings #rewarddescription,
#rewardings #header,
#rewardings #commandingstaff,
#rewardings #select_one {
    color: #848484;
    font-size: 11px;
    line-height: 130%;
    margin: 3px 0 0 4px;
    height: 30px;
    text-align: center;
}

#rewardings #header,
#rewardings #select_one {
    height: 12px;
    margin: 20px 0 0 0;
}

#rewardings #header a,
#rewardings #commandingstaff a {
    color: #d29d00;
    text-decoration: none;
}

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

#rewardings .rewardlist .titlebar {
    display: flex;
    justify-content: space-between;
}

#rewardings .rewardlist .tierlist {
    display: flex;
    justify-content: space-evenly;
    gap: 2px;
}

#rewardings .rewardlist-item {position: relative;}

#rewardings .rewardlistimage {
    display: block;
    margin: 0 auto;
    width: 621px;
}

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

#rewardings .rewardlist-item-text {
    font-size: 11px;
    line-height: 150%;
    margin: 0px 0 0 100px;
    padding: 8px 0 0;
    width: 521px;
}

#rewardings .rewardlist-item-text > h3 {
    margin: 4px 115px 6px 15px;
    font-weight: 600;
}

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

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

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

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

#rewardings .rewardheader {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
}

#rewardings .rewardlist-item-bottom {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -100px -85px;
    height: 7px;
    width: 519px;
}

#rewardings .rewardlist-item-wrapper {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -640px 0;
    min-height: 40px;
    padding: 6px 14px;
}

#rewardings .rewardlist-item-wrapper > p {
    width: 330px;
}

#rewardings .tritiumstage {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -143px -162px no-repeat;
    height:25px;
    font-size:11px;
    line-height:25px;
    text-align:center;
    padding:0;
    width:231px;
    z-index:1;
    bottom:0px;
    margin: 3px 0 5px -17px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    display: flex;
    justify-content: center;
}

#rewardings .tritiumstage .tritiumicon,
#rewardings .tritiumstage .tritiumvalue {
    color: #9c0;
    display: block;
    text-decoration: none;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#rewardings .tritiumstage.playervalue .tritiumicon {
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#rewardings .titlebar{
    margin-bottom: 15px;
}

#rewardings .tierlist {
    float: right;
}
#rewardings #tothetier {
    position: relative;
    height: 34px;
}

#rewardings a.tier-button {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -188px no-repeat;
    bottom: 15px;
    color: #fff;
    font-weight: 600;
    height: 15px;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 141px;
    display: block;
    margin: auto;
}

#rewardings .rewarded{
    color: #9c0;
}

#rewardings a.tier-button:hover {
    background-position: 0 -214px;
}

#rewardings .tierlist .btn_blue {
    min-width: 50px;
}

#rewardings .og-loading > .og-loading-overlay > .og-loading-indicator {
    position:absolute;
    left:50%;
    top:50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    background: url("/img/icons/6e0f46d7504242302bc8055ad9c8c2.gif");
    background-size: 100%;
}

#rewardings .rewardlist .rewardlist_wrapper {
    position: relative;
    height: 100%;
    min-height: 240px;
}


#rewardings .normalRewards {
    display: flex;
    display: -ms-flexbox; /* IE 10 */
    flex-direction: row;
    -ms-flex-direction: row; /* IE 10 */
    justify-content: space-between;
    -ms-flex-pack: center; /* IE 10 */
    margin: 10px auto;
    width: 566px;
}

#rewardings .additionalRewards {
    display: flex;
    display: -ms-flexbox; /* IE 10 */
    flex-direction: row;
    -ms-flex-direction: row; /* IE 10 */
    justify-content: space-between;
    -ms-flex-pack: center; /* IE 10 */
    margin: 5px auto 10px auto;
    width: 566px;
}

#rewardings .singleReward {
    position: relative;
    width:180px;
    box-sizing: border-box;
    border-width: 2px;
    border-style: solid;
    border-color: #273746;
    padding: 10px;
    font-size: 11px;
    line-height: 18px;
    margin: 0px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}
#rewardings .singleReward .rewardName {
    flex-grow: 1;
}
#rewardings .singleReward

#rewardings .normalRewards .singleReward{
    transition: all 0.2s ease-in-out;
}
#rewardings .normalRewards .singleReward:hover {
    transform: scale(1.05);
    cursor: pointer;
}
#rewardings .normalRewards .singleReward[disabled]:hover {
    transform: scale(1);
    cursor: default;
}

#rewardings .additionalRewards .singleReward {
    width:120px;
    margin: 0 3px;
}
#rewardings .additionalRewards .og-itembox {
    width: 80px;
    height: 80px;
}

#rewardings .additionalRewards .og-itembox > .box {
    width: 80px;
    height: 80px;
}

#rewardings .additionalRewards .og-itembox > .thumbnail > .sprite.ship {
    transform-origin: top left;
    transform: scale(0.4);
    margin:2px;
}

#rewardings .additionalRewards .og-itembox > .thumbnail > .sprite.resource {
    transform-origin: top left;
    transform: scale(1.00);
}

#rewardings .additionalRewards .og-itembox > .thumbnail > .sprite.defense {
    transform-origin: top left;
    transform: scale(1.00);
}

#rewardings .additionalRewards .og-itembox > .thumbnail > .sprite.building {
    transform-origin: top left;
    transform: scale(0.4);
    margin:2px;
}

#rewardings .additionalRewards .og-itembox > .thumbnail > .sprite.research {
    transform-origin: top left;
    transform: scale(0.4);
    margin:2px;
}

#rewardings .additionalRewards .og-itembox > .thumbnail > .sprite.officers200 {
    transform-origin: top left;
    transform: scale(0.4);
    margin:2px;
}

#rewardings .rewardName {
    text-align: center;
}
#rewardings .og-itembox {
    position: relative;
    width:100px;
    height:100px;
    display: block;
    overflow: hidden;
    margin: auto;
}

#rewardings .og-itembox > .thumbnail {
    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

#rewardings .og-itembox > .thumbnail[data-status="off"] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
#rewardings .og-itembox > .thumbnail[data-status="disabled"] .icon::after {
    background: repeating-linear-gradient(-45deg, rgba(255, 150, 0, .33), rgba(255, 150, 0, .33) 2px, transparent 3px, transparent 7px);
}

#rewardings .og-itembox > .thumbnail > .sprite.ship {
    transform-origin: top left;
    transform: scale(0.48);
    margin:2px;
}

#rewardings .og-itembox > .thumbnail > .sprite.resource {
    transform-origin: top left;
    transform: scale(1.26);
}

#rewardings .og-itembox > .thumbnail > .sprite.defense {
    transform-origin: top left;
    transform: scale(1.29);
}

#rewardings .og-itembox > .thumbnail > .sprite.building {
    transform-origin: top left;
    transform: scale(0.48);
    margin:2px;
}

#rewardings .og-itembox > .thumbnail > .sprite.research {
    transform-origin: top left;
    transform: scale(0.48);
    margin:2px;
}

#rewardings .og-itembox > .thumbnail > .sprite.officers200 {
    transform-origin: top left;
    transform: scale(0.50);
    margin:2px;
}

#rewardings .og-itembox > .thumbnail > img {
    width:100%;
    height:100%;
}

#rewardings .og-itembox > .box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    display: block;

    background: url(/img/icons/2fdbfb9b4367313510bd42f4d1395d.png) no-repeat left bottom;
    z-index: 2;
}

#rewardings .og-itembox > .box > .quantity {
    position: absolute;
    right:0;
    bottom:0;

    box-sizing: border-box;

    padding-right: 5px;

    width:100%;
    height:18px;
    line-height: 18px;

    color: #FF9600;
    font-size: 13px;
    text-align: right;
}

#rewardings a.select-button {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -188px no-repeat;
    bottom: 15px;
    color: #fff;
    font-weight: 600;
    height: 15px;
    padding: 5px 0;
    text-decoration: none;
    text-align: center;
    text-shadow: -1px 1px 5px #246a05;
    width: 141px;
    display: block;
    margin: auto;
    cursor: pointer;
}

#rewardings a.select-button.disabled,
#rewardings a.select-button.disabled:hover {
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 -162px no-repeat;
    cursor: not-allowed;
}

#rewardings a.select-button:hover {
    background-position: 0 -214px;
}

#rewardings .selectReward {
    transform: scale(0.8);
    margin: 5px auto;
}

#rewardings .titlebar .btn_blue[disabled]:hover,
#rewardings .titlebar .btn_blue[disabled]:active,
#rewardings .titlebar .btn_blue[disabled]
{
    background: #59758f url(/img/icons/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%);
    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));
    background: -webkit-linear-gradient(top, #6e87a0 0%, #5d7ea2 17%, #7897b1 50%, #57799c 54%, #56789e 59%, #6a89ac 82%, #89a4bd 100%);
    background: -o-linear-gradient(top, #6e87a0 0%, #5d7ea2 17%, #7897b1 50%, #57799c 54%, #56789e 59%, #6a89ac 82%, #89a4bd 100%);
    background: -ms-linear-gradient(top, #6e87a0 0%, #5d7ea2 17%, #7897b1 50%, #57799c 54%, #56789e 59%, #6a89ac 82%, #89a4bd 100%);
    background: linear-gradient(to bottom, #6e87a0 0%, #5d7ea2 17%, #7897b1 50%, #57799c 54%, #56789e 59%, #6a89ac 82%, #89a4bd 100%);
    border-color: #7E94AC #627F9C #546A7E #7494B4;
    color: #fff;
    text-shadow: 0 1px 2px #354A5E, 0 0 7px #8CA3BB;
}

#rewardings .titlebar .undermark {
    background: #355d4a url(/img/icons/f31afc335e98da94533966b41da2be.png) 0 2px repeat-x;
    background: -moz-linear-gradient(top, #52866e 0%, #579675 17%, #629b7f 51%, #44755b 53%, #3d7e5e 85%, #609479 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52866e), color-stop(17%,#579675), color-stop(51%,#629b7f), color-stop(53%,#44755b), color-stop(85%,#3d7e5e), color-stop(100%,#609479));
    background: -webkit-linear-gradient(top, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    background: -o-linear-gradient(top, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    background: -ms-linear-gradient(top, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    background: linear-gradient(to bottom, #52866e 0%,#579675 17%,#629b7f 51%,#44755b 53%,#3d7e5e 85%,#609479 100%);
    border-color: #70a388 #579676 #547e6a #62a282;
    color: #fff !important;
    cursor: pointer;
    text-shadow: 0 1px 2px #2d5240;
}

#rewardings .titlebar .undermark[disabled],
#rewardings .titlebar .undermark[disabled]:hover,
#rewardings .titlebar .undermark[disabled]:active,
#rewardings .titlebar .undermark:hover {
    background: #598f75 url(/img/icons/f31afc335e98da94533966b41da2be.png) 0 -27px repeat-x;
    background: -moz-linear-gradient(top, #6ea082 0%, #5da27e 17%, #78b197 50%, #579c79 54%, #569e78 59%, #6aac89 82%, #89bda4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ea082), color-stop(17%, #5da27e), color-stop(50%, #78b197), color-stop(54%, #579c79), color-stop(59%, #569e78), color-stop(82%, #6aac89), color-stop(100%, #89bda4));
    background: -webkit-linear-gradient(top, #6ea082 0%, #5da27e 17%, #78b197 50%, #579c79 54%, #569e78 59%, #6aac89 82%, #89bda4 100%);
    background: -o-linear-gradient(top, #6ea082 0%, #5da27e 17%, #78b197 50%, #579c79 54%, #569e78 59%, #6aac89 82%, #89bda4 100%);
    background: -ms-linear-gradient(top, #6ea082 0%, #5da27e 17%, #78b197 50%, #579c79 54%, #569e78 59%, #6aac89 82%, #89bda4 100%);
    background: linear-gradient(to bottom, #6ea082 0%, #5da27e 17%, #78b197 50%, #579c79 54%, #569e78 59%, #6aac89 82%, #89bda4 100%);
    border-color: #7eac94 #629c7f #547e6a #74b494;
    color: #fff !important;
    text-shadow: 0 1px 2px #355e4a, 0 0 7px #8cbba3;
}

#rewardings .playervalue {
    transform: scaleX(1);
    right: -14px;
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
}
#rewardings .playervalue span {
    transform: scaleX(1) !important;
}

#rewardings .tritiumicon {
    width: 21px;
    height: 21px;
    background: url(/img/icons/7f14c18b15064d2604c5476f5d10b3.png) -253px -168px no-repeat;
    float: left;
    display: block;
    margin: 3px 2px 0px 2px;
    border-right: black solid 1px;
    border-left: black solid 1px;
}

#rewardings .tritiumamount {
    display: inline-block;
    color: #9c0;
    min-width: 60px;
    float: left;
}

/*  REWARD PAGE */

#rewardscomponent .rewardlist a.reward-button {
    background: transparent url(/img/icons/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;
}
#rewardscomponent .rewardlistimg {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 621px;
}

#rewardscomponent .rewardclaimed {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
}

#rewardscomponent .rewardcanclaim {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
}

#rewardscomponent .rewardnotclaim {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) no-repeat;
}

#rewardscomponent .rewardlist-item-text > h3 {
    font-weight: 600;
    margin: 4px 115px 6px 15px;
}

#rewardscomponent .rewardlist-item-text {
    font-size: 11px;
    line-height: 150%;
    margin: 0px 0 0 100px;
    padding: 8px 0 0;
    width: 521px;
}

#rewardscomponent .rewardlist-item-wrapper {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -640px 0;
    min-height: 30px;
    padding: 6px 14px;
}

#rewardscomponent .rewardlist-item-wrapper > p {
    width: 330px;
}

#rewardscomponent .rewardlist-item-bottom {
    background: url(/img/icons/e3e67150390416129bbbc8696f7b91.png) repeat-y -100px -85px;
    height: 7px;
    width: 519px;
}



/* *****************************************************************************
   STATION: ROCKETSILO OVERLAY
***************************************************************************** */

#rocketsilo {
    height: 235px;
}

#rocketsilo #inner div.content {
    float:left;
    margin: 0 0 0 10px;
    width: 450px;
}

#rocketsilo #inner table {
    width:100%;
    margin:10px auto;
}

#rocketsilo #inner th { border-bottom: 1px dotted #848484; }

#rocketsilo #inner th,
#rocketsilo #inner td {	padding:3px 5px;}

#rocketsilo #inner input.txt {
    font-size:12pt;
    text-align:center;
    width: 70px;
}

#shipyard header {
    position: relative;
    width: 654px;
    height: 250px;
    margin: 0 auto 8px;
    background: url("/img/icons/4a2248baf2d19850da97bf3e69f2f0.jpg");
}

#shipyard header::after {
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 670px;
    height: 39px;
    background: url("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") bottom left no-repeat, url("/img/icons/7c3b7bb7038a638e9c122542398514.gif") bottom right no-repeat ;
    content: "";
}

#shipyard header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#shipyard #technologies,
#shipyard #technologies .icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

#shipyard #technologies {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
    flex-direction: row;
    justify-content: space-between;
}

#shipyard #technologies::before,
#shipyard #technologies::after {
    pointer-events: none;
}

#shipyard #technologies::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#shipyard #technologies::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

#shipyard #technologies_battle,
#shipyard #technologies_civil {
    margin-bottom: 7px;
}

#shipyard #technologies_battle {
    position: relative;
    width: 360px;
}

#shipyard #technologies #technologies_battle ul.icons {
    padding:0 5px;
}

#shipyard #technologies_civil {
    position: relative;
    right: 0;
    width: 280px;
}

#shipyard #technologies #technologies_civil ul.icons {
    padding:0 5px;
}

#shipyard #technologies h3 {
    position: relative;
    margin: -2px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

#shipyard #technologies h3::before,
#shipyard #technologies h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#shipyard #technologies h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#shipyard #technologies h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#shipyard #technologies_battle h3::after,
#shipyard #technologies_civil h3::before {
    background: none;
}

/* Resources */
.sprite.resource {
    position: relative;
    box-sizing: border-box;
}

/* Resources small */
.sprite.resource.small {
    background-image: url('/img/icons/7f14c18b15064d2604c5476f5d10b3.png');
    background-repeat: no-repeat;
    width:80px;
    height:80px;
}

.sprite.resource.small.metal { background-position-x: 0; }
.sprite.resource.small.crystal { background-position-x: -80px; }
.sprite.resource.small.deuterium { background-position-x: -160px;}
.sprite.resource.small.energy { background-position-x: -240px;}
.sprite.resource.small.darkmatter { background-position-x: -320px;}

/* Ships */
.sprite.ship {
    position:relative;
    box-sizing: border-box;
}

/* Ships small */
.sprite.ship.small {
    background-image: url('/img/icons/c87ca034cccf5a16875c5a05239118.png');
    background-repeat: no-repeat;
    width:80px;
    height:80px;
}

.sprite.ship.small.disabled { background-position-y: -80px; }
.sprite.ship.small.unavailabe {background-position-y: -160px; }

.sprite.ship.small.ship202 { background-position-x: 0; }
.sprite.ship.small.ship203 { background-position-x: -80px; }
.sprite.ship.small.ship204 { background-position-x: -160px; }
.sprite.ship.small.ship205 { background-position-x: -240px; }
.sprite.ship.small.ship206 { background-position-x: -320px; }
.sprite.ship.small.ship207 { background-position-x: -400px; }
.sprite.ship.small.ship208 { background-position-x: -480px; }
.sprite.ship.small.ship209 { background-position-x: -560px; }
.sprite.ship.small.ship210 { background-position-x: -640px; }
.sprite.ship.small.ship211 { background-position-x: -720px; }
.sprite.ship.small.ship212 { background-position-x: -800px; }
.sprite.ship.small.ship213 { background-position-x: -880px; }
.sprite.ship.small.ship214 { background-position-x: -960px; }
.sprite.ship.small.ship215 { background-position-x: -1040px; }
.sprite.ship.small.ship216 { background-position-x: -1120px; }
.sprite.ship.small.ship217 { background-position-x: -1280px; }
.sprite.ship.small.ship218 { background-position-x: -1120px; }
.sprite.ship.small.ship219 { background-position-x: -1200px; }
.sprite.ship.small.ship220 { background-position-x: -1440px; }

/* Ships large */
.sprite.ship.large {
    background-image: url('/img/icons/3e5727ff971813ce2f5720408e0f8b.jpg');
    background-repeat: no-repeat;
    width:200px;
    height:200px;
}
.sprite.ship.large.ship202 { background-position-x: -1600px; }
.sprite.ship.large.ship203 { background-position-x: -1800px; }
.sprite.ship.large.ship204 { background-position-x: 0; }
.sprite.ship.large.ship205 { background-position-x: -200px; }
.sprite.ship.large.ship206 { background-position-x: -400px; }
.sprite.ship.large.ship207 { background-position-x: -600px; }
.sprite.ship.large.ship208 { background-position-x: -2000px; }
.sprite.ship.large.ship209 { background-position-x: -2200px; }
.sprite.ship.large.ship210 { background-position-x: -2400px; }
.sprite.ship.large.ship211 { background-position-x: -1000px; }
.sprite.ship.large.ship212 { background-position-x: -2600px; }
.sprite.ship.large.ship213 { background-position-x: -1200px; }
.sprite.ship.large.ship214 { background-position-x: -1400px; }
.sprite.ship.large.ship215 { background-position-x: -800px; }
.sprite.ship.large.ship216 { background-position-x: -2600px; }
.sprite.ship.large.ship217 { background-position-x: -3200px; }
.sprite.ship.large.ship218 { background-position-x: -2800px }
.sprite.ship.large.ship219 { background-position-x: -3000px; }
.sprite.ship.large.ship220 { background-position-x: -3400px; }

/* Buildings large*/
.sprite.building.large {
    background-image: url('/img/icons/7a9861be0c38bf7de05a57c56d73cf.jpg');
    background-repeat: no-repeat;
    width:200px;
    height:200px;
}
.sprite.building.large.building1 { background-position: 0 0; }
.sprite.building.large.building2 { background-position: -200px 0; }
.sprite.building.large.building3 { background-position: -400px 0; }
.sprite.building.large.building4 { background-position: -600px 0; }
.sprite.building.large.building5 { background-position: -800px 0; }
.sprite.building.large.building22 { background-position: -1200px 0; }
.sprite.building.large.building23 { background-position: -1400px 0; }
.sprite.building.large.building24 { background-position: -1600px 0; }

.sprite.building.large.building14 { background-position: 0 -1000px;}
.sprite.building.large.building21 { background-position: -200px -1000px; }
.sprite.building.large.building31 { background-position: -400px -1000px; }
.sprite.building.large.building34 { background-position: -600px -1000px; }
.sprite.building.large.building44 { background-position: -800px -1000px; }
.sprite.building.large.building15 { background-position: -1000px -1000px; }
.sprite.building.large.building33 { background-position: -1200px -1000px; }
.sprite.building.large.building36 { background-position: -2000px -1000px; }

/* Defenses */
.sprite.defense {
    position:relative;
    box-sizing: border-box;
}

/* Defenses small */
.sprite.defense.small {
    background-image: url('/img/icons/8ca8bdbf47953336d3c915a50fd5d4.png');
    background-repeat: no-repeat;
    width:80px;
    height:80px;
}

.sprite.defense.small.defense401 { background-position-x: 0; }
.sprite.defense.small.defense402 { background-position-x: -80px; }
.sprite.defense.small.defense403 { background-position-x: -160px; }
.sprite.defense.small.defense404 { background-position-x: -240px; }
.sprite.defense.small.defense405 { background-position-x: -320px; }
.sprite.defense.small.defense406 { background-position-x: -400px; }
.sprite.defense.small.defense407 { background-position-x: -480px; }
.sprite.defense.small.defense408 { background-position-x: -560px; }
.sprite.defense.small.defense501 { background-position-x: -640px; }
.sprite.defense.small.defense502 { background-position-x: -720px; }
.sprite.defense.small.defense503 { background-position-x: -800px; }

.sprite.defense.small.disabled { background-position-y: -80px; }
.sprite.defense.small.unavailabe {background-position-y: -160px; }

/* Defense large*/
.sprite.defense.large {
    background-image: url('/img/icons/7a9861be0c38bf7de05a57c56d73cf.jpg');
    background-repeat: no-repeat;
    width:200px;
    height:200px;
}

.sprite.defense.large.defense401 { background-position: 0 -2000px; }


/* Research large*/
.sprite.research.large {
    background-image: url("/img/icons/9897aca327d1db8626f3d3ed4b3149.jpg");
    background-repeat: no-repeat;
    width:200px;
    height:200px;
}

.sprite.research.large.research113 { background-position: 0px 0; }
.sprite.research.large.research120 { background-position: -200px 0; }
.sprite.research.large.research121 { background-position: -400px 0; }
.sprite.research.large.research114 { background-position: -600px 0; }
.sprite.research.large.research122 { background-position: -800px 0; }
.sprite.research.large.research115 { background-position: -1000px 0; }
.sprite.research.large.research117 { background-position: -1200px 0; }
.sprite.research.large.research118 { background-position: -1400px 0; }
.sprite.research.large.research106 { background-position: -1600px 0; }
.sprite.research.large.research108 { background-position: -1800px 0; }
.sprite.research.large.research124 { background-position: -2000px 0; }
.sprite.research.large.research123 { background-position: -2200px 0; }
.sprite.research.large.research199 { background-position: -2400px 0; }
.sprite.research.large.research111 { background-position: -2600px 0; }
.sprite.research.large.research109 { background-position: -2800px 0; }
.sprite.research.large.research110 { background-position: -3000px 0; }

/* Alliance class */
.sprite.allianceclass.small {
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.sprite.allianceclass.medium {
    background-repeat: no-repeat;
    background-size: cover;
    width:60px;
    height:60px;
}
.sprite.allianceclass.large {
    background-repeat: no-repeat;
    background-size: cover;
    width:100px;
    height:100px;
}
.sprite.allianceclass.small.none { background-image: url('/img/icons/91f4cdf171328d7cef3443860cd063.png'); }
.sprite.allianceclass.small.trader { background-image: url('/img/icons/02614bfe12340c2d8f89ce58ad83c7.png'); }
.sprite.allianceclass.small.explorer { background-image: url('/img/icons/bb0ff2146d93887ff9bf2a14a25a45.png'); }
.sprite.allianceclass.small.warrior { background-image: url('/img/icons/f2435fcc1304b0d181323254d3d3ec.png'); }
.sprite.allianceclass.medium.none { background-image: url('/img/icons/be2d91117e545679cb3aaa73e22af2.png');; }
.sprite.allianceclass.medium.trader { background-image: url('/img/icons/4c2481811140db89100f0bc2e7118a.png'); }
.sprite.allianceclass.medium.explorer { background-image: url('/img/icons/fd0da2a874d163d64bcbe0189819ce.png'); }
.sprite.allianceclass.medium.warrior { background-image: url('/img/icons/ee056f72d77c0bb3d511e51f1a693c.png'); }
.sprite.allianceclass.large.none { background-image: url('/img/icons/7ebdaddbf870f0c6ed4df608c2b778.png');; }
.sprite.allianceclass.large.trader { background-image: url('/img/icons/dc5d139f79fa745594db047e57b26e.png'); }
.sprite.allianceclass.large.explorer { background-image: url('/img/icons/58ca35abbdfaf080563fe67fc08a6d.png'); }
.sprite.allianceclass.large.warrior { background-image: url('/img/icons/c6136ea39904df0239a3d5eaa24bb8.png'); }

/* Character class */
.sprite.characterclass.small {
    background-repeat: no-repeat;
    width:20px;
    height:20px;
}
.sprite.characterclass.medium {
    background-repeat: no-repeat;
    background-size: cover;
    width:60px;
    height:60px;
}
.sprite.characterclass.large {
    background-repeat: no-repeat;
    background-size: cover;
    width:100px;
    height:100px;
}
.sprite.characterclass.small.none { background-image: url('/img/icons/b093c16b9d703f67b4959d0e1110c5.png'); }
.sprite.characterclass.small.miner { background-image: url('/img/icons/d8fef22d14bb70419405c4dceb5d3d.png'); }
.sprite.characterclass.small.explorer { background-image: url('/img/icons/0361a8c680334eb802f0f35676a66c.png'); }
.sprite.characterclass.small.warrior { background-image: url('/img/icons/a1f541e196f249a658175a40e9945a.png'); }
.sprite.characterclass.medium.none { background-image: url('/img/icons/7924c98af4dc3dc0def79275ebcd7f.png');; }
.sprite.characterclass.medium.miner { background-image: url('/img/icons/ebadb2179a145168f234a9287786c1.png'); }
.sprite.characterclass.medium.explorer { background-image: url('/img/icons/a7226db4268e3c22d65a3fbd936975.png'); }
.sprite.characterclass.medium.warrior { background-image: url('/img/icons/4820e3768f76849d1faa718d57b09e.png'); }
.sprite.characterclass.large.none { background-image: url('/img/icons/7924c98af4dc3dc0def79275ebcd7f.png');; }
.sprite.characterclass.large.miner { background-image: url('/img/icons/ebadb2179a145168f234a9287786c1.png'); }
.sprite.characterclass.large.explorer { background-image: url('/img/icons/a7226db4268e3c22d65a3fbd936975.png'); }
.sprite.characterclass.large.warrior { background-image: url('/img/icons/4820e3768f76849d1faa718d57b09e.png'); }

/* Character class boni */
.sprite.characterclassboni.small {
    background-image: url('/img/icons/7a9861be0c38bf7de05a57c56d73cf.jpg');
    background-repeat: no-repeat;
    background-position-y: -2240px;
    width:20px;
    height:20px;
}
.sprite.characterclassboni.small.active { background-position-y: -2240px; }
.sprite.characterclassboni.small.inactive { background-position-y: -2270px; }

.sprite.characterclassboni.small.fleetslot { background-position-x: 0; }
.sprite.characterclassboni.small.colonization { background-position-x: -30px; }
.sprite.characterclassboni.small.expedition { background-position-x: -60px; }
.sprite.characterclassboni.small.debrisfield { background-position-x: -90px; }
.sprite.characterclassboni.small.research { background-position-x: -120px; }
.sprite.characterclassboni.small.cargocapacity { background-position-x: -150px; }
.sprite.characterclassboni.small.fuelconsumption { background-position-x: -180px; }
.sprite.characterclassboni.small.shipspeed { background-position-x: -210px; }
.sprite.characterclassboni.small.lightfighter { background-position-x: -240px; }

.sprite.buttons.small {
    background-image: url('/img/icons/7613e489427cd151f2f8b322eb4f58.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.sprite.buttons.medium {
    background-image: url('/img/icons/c29d310d02b3a1db5558a7d4ba04c7.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.sprite.buttons.large {
    background-image: url('/img/icons/ebb69941a2685a9e066628e6134ede.png');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
}

.sprite.buttons.small.enabled { background-position-y:0; }
.sprite.buttons.small.enabled:hover { background-position-y:-32px; }
.sprite.buttons.small.disabled { background-position-y:-64px; }
.sprite.buttons.small.disabled:hover { background-position-y:-96px; }

.sprite.buttons.medium.enabled { background-position-y:0; }
.sprite.buttons.medium.enabled:hover { background-position-y:-64px; }
.sprite.buttons.medium.disabled { background-position-y:-128px; }
.sprite.buttons.medium.disabled:hover { background-position-y:-192px; }

.sprite.buttons.large.enabled { background-position-y:0; }
.sprite.buttons.large.enabled:hover { background-position-y:-128px; }
.sprite.buttons.large.disabled { background-position-y:-256px; }
.sprite.buttons.large.disabled:hover { background-position-y:-384px; }

.sprite.buttons.small:hover { background-position-y: -32px;}
.sprite.buttons.medium:hover { background-position-y: -64px;}
.sprite.buttons.large:hover { background-position-y: -96px;}

.sprite.buttons.small.offer { background-position-x: 0; }
.sprite.buttons.small.order { background-position-x: -32px; }
.sprite.buttons.small.auto-offer { background-position-x: -64px; }
.sprite.buttons.small.auto-order { background-position-x: -96px; }
.sprite.buttons.small.delete { background-position-x: -128px; }
.sprite.buttons.small.collectPrice { background-position-x: 0; }
.sprite.buttons.small.collectItem { background-position-x: 0; }

.sprite.buttons.medium.offer { background-position-x: 0; }
.sprite.buttons.medium.order { background-position-x: -64px; }
.sprite.buttons.medium.auto-offer { background-position-x: -128px; }
.sprite.buttons.medium.auto-order { background-position-x: -192px; }
.sprite.buttons.medium.delete { background-position-x: -256px; }
.sprite.buttons.medium.collectPrice { background-position-x: -320px; }
.sprite.buttons.medium.collectItem { background-position-x: -384px; }

.sprite.buttons.large.offer { background-position-x: 0; }
.sprite.buttons.large.order { background-position-x: -128px; }
.sprite.buttons.large.auto-offer { background-position-x: -256px; }
.sprite.buttons.large.auto-order { background-position-x: -384px; }
.sprite.buttons.large.delete { background-position-x: -512px; }
.sprite.buttons.large.collectPrice { background-position-x: -640px; }
.sprite.buttons.large.collectItem { background-position-x: -768px; }

#supplies header {
    position: relative;
    width: 654px;
    height: 300px;
    margin: 0 auto 8px;
}

#supplies header::after {
    position: absolute;
    left: -8px;
    bottom: -2px;
    width: 670px;
    height: 39px;
    background: url("/img/icons/e7a3f8489bd4c9c45d14851020c656.gif") bottom left no-repeat, url("/img/icons/7c3b7bb7038a638e9c122542398514.gif") bottom right no-repeat ;
    content: "";
}

#supplies header h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

#supplies .exhausted,
#supplies .exhausted a {
    color: #d43635;
    display: inline;
}

#supplies #technologies {
    position: relative;
    box-sizing: border-box;
    width: 654px;
    border: 2px solid #000;
    margin: 0 auto 7px;
    padding: 0 5px;
    background: #0d1014;
}

#supplies #technologies::before,
#supplies #technologies::after {
    pointer-events: none;
}

#supplies #technologies::before {
    position: absolute;
    left: -9px;
    top: -3px;
    width: 668px;
    height: 28px;
    background: url("/img/icons/f333e15eb738b8ec692340f507e1ae.png") bottom left no-repeat, url("/img/icons/66551209db14e23b3001901b996cc6.png") bottom right no-repeat;
    content: "";
}

#supplies #technologies::after {
    position: absolute;
    left: -9px;
    bottom: -4px;
    width: 668px;
    height: 50px;
    background: url("/img/icons/0330abcdca0d125d35a0ebace4b584.png") bottom left no-repeat, url("/img/icons/8003a40825bc96919c5fec01b018b8.png") bottom right no-repeat;
    content: "";
}

#supplies #technologies h3 {
    position: relative;
    width: 100%;
    margin: -2px 0 5px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #6f9fc8;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-align: center;
}

#supplies #technologies h3::before,
#supplies #technologies h3::after {
    position: absolute;
    top: 0;
    width: 26px;
    height: 27px;
    content: "";
}

#supplies #technologies h3::before {
    left: -5px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
}

#supplies #technologies h3::after {
    right: -5px;
    background: url("/img/icons/80db96934a5b82ce002f839cd85a44.png");
}

#supplies #technologies .icons {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
#supplies #technologies .technology {
    order: 1;
    margin: 0px 3px;
}
#supplies #technologies .metalStorage,
#supplies #technologies .crystalStorage,
#supplies #technologies .deuteriumStorage
{
    order: 2;
}
#supplies #technologies .resbuggy
{
    order: 3;
    margin-left: auto;
    padding-right: 4px;
}

#supplies #technologies li.metalStorage::before,
#supplies #technologies li.metalStorage::after,
#supplies #technologies li.crystalStorage::before,
#supplies #technologies li.crystalStorage::after,
#supplies #technologies li.deuteriumStorage::before,
#supplies #technologies li.deuteriumStorage::after {
    display: inline-block;
    width: 5px;
    height: 100%;
    content: "";
    cursor: default;
}

#supplies #technologies li.metalStorage::before,
#supplies #technologies li.crystalStorage::before,
#supplies #technologies li.deuteriumStorage::before {
    padding-right: 5px;
    background: url("/img/icons/246b1eea134619d4d80941b0a7f421.png") 0 0 no-repeat;
}

#supplies #technologies li.metalStorage::after,
#supplies #technologies li.crystalStorage::after,
#supplies #technologies li.deuteriumStorage::after {
    padding-left: 5px;
    background: url("/img/icons/ce21cce442bafa8a8d4348a0522db2.png") 100% 0 no-repeat;
}

#supplies #technologies span.metalStorage,
#supplies #technologies span.crystalStorage,
#supplies #technologies span.deuteriumStorage {
    margin-bottom: 20px;
}

/* *****************************************************************************
   DETAILSCREEN (techDetails_ajax.tpl.php)
***************************************************************************** */
.techdetail {
    border: 1px solid #29333d;
    border-radius: 6px;
    cursor: help;
}

.techdetail:hover {
    border: 1px solid #ff9600;
    border-radius: 6px;
}

div.detail_screen {
    background-repeat:no-repeat;
    height:300px;
    width:654px;
    background-image:url("/img/icons/dab435e02e060b479363268ca63b0e.gif");
    z-index:10;
    display:none;
    margin:0px;
    position:absolute;
    top: 0;
    padding: 1px 0 0 3px;
}

div.detail_screen.small {background-image:url("/img/icons/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;
}

.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: 0px;
    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("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -143px 0px no-repeat;
}

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

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

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

.demolish_img,
.demolish_img_disabled {
    height: 32px;
    margin: 0px 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(/img/icons/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(/img/icons/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: 0px;
    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("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -208px -71px no-repeat;
    height: 15px;
    position:absolute;
    width: 15px;
    right: 1px;
    bottom: 3px;
}
#productionboxlfresearchcomponent a.abortNow {
    bottom: 0px;
}

    /* *********************** Costs ******************************************** */
.costs_wrap {
    color: #848484;
    float: left;
    font-size: 11px;
    line-height: 14px;
    padding: 0px 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;
    bottom: 0px;
    position: absolute;
    right: 0px;
    margin: 8px;
}
a.build-it,
a.build-it_disabled {
    background: transparent url("/img/icons/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.deactivate-it_disabled,
a.deactivate-it_disabled:hover,
a.build-it_disabled,
a.build-it_disabled:hover {
    color:#848484;
}

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

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

.no-touch a.deactivate-it_disabled:hover,
a.deactivate-it_disabled:active,
.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 0px 2px 0;
    width: 204px;
}
.premium_info_placeholder { height: 28px; }

button.build-it_premium {
    background: transparent url("/img/icons/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: 0px 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(/img/icons/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 0px 0px;
}
#alliance a.help {
    margin: 0px 5px 0px 0px;
    float: right;
}

a.help,
a.help:link,
a.help:visited { background: transparent url("/img/icons/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("/img/icons/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;
}





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("/img/icons/f5f81e8302aaad56c958c033677fb8.png") -207px 0px no-repeat;}

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

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 0px 0px;
    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;
}

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


/*
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;
}
*/
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("/img/icons/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("/img/icons/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 {
    position: absolute;
    left: 181px;
    top: 97px;
    height: 40px;
    width: 654px;
}
*/
#message_alert_box,
a#message_alert_box_default,
#messages_collapsed,
#attack_alert  {
    float:left;
}

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

#message_alert_box,
#message_alert_box_default {
    background: url("/img/icons/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(/img/icons/195289b6c88eff9d729496ed0c527a.gif) no-repeat;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.homeIcon:hover,.homeIcon.hover {
    background: url(/img/icons/c426177e70d2bb4237757089cc8950.gif) no-repeat;
}
.openStandardMoonMenu {
    position: absolute;
    top:73px;
    left:303px;
}

.technology .icon,
.technology .upgrade,
.technology .acceleration,
.technology .targetlevel,
.technology .targetamount,
.technology .countdown,
.technology .level,
.technology .amount {
    cursor: pointer;
}

.technology,
.technology .icon {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
}

.technology.interactive {
    margin-bottom: 30px;
}

.technology .icon {
    background-clip: padding-box;
    border: 2px solid #0d1014;
    overflow: hidden;
}

.technology .icon:hover,
.technology.showsDetails .icon {
    border: 2px solid #ff9600;
}

.technology .icon.large {
    width: 200px;
    height: 200px;
    border-radius: 6px;
}

.technology .icon.medium {
    width: 100px;
    height: 100px;
    border-radius: 6px;
}

.technology .icon.small {
    width: 80px;
    height: 80px;
    border-radius: 6px;
}

.technology .icon.tiny {
    width: 28px;
    height: 28px;
    border-radius: 2px;
}

.technology[data-status="active"] .icon::after,
.technology[data-status="disabled"] .icon::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.technology[data-status="active"] .cooldownBackground {
    height: 70%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
}
.technology[data-status="disabled"] .icon::after {
    background: repeating-linear-gradient(-45deg, rgba(255, 150, 0, .33), rgba(255, 150, 0, .33) 2px, transparent 3px, transparent 7px);
}

.technology[data-status="off"] .icon {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.technology[data-status="off"] .icon::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: "";
}

.technology .icon .upgrade {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    width: 22px;
    height: 14px;
    border-bottom-right-radius: 4px;
    background: linear-gradient(#53a423, #2f6c04);
    color: #2b6303;
    text-align: center;
    z-index: 2;
}

.technology .icon .buildmulti {
    position: absolute;
    left: 0;
    top: 16px !important;
    padding: 0;
    width: 22px;
    height: 14px;
    border-bottom-right-radius: 4px;
    background: linear-gradient(#53a423, #2f6c04);
    color: #102a02;
    text-align: center;
    font-size: 10px;
    z-index: 2;
}

.technology .icon .upgrade::after {
    position: absolute;
    left: 4px;
    top: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    font-weight: bold;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #2b6303 transparent;
    content: "";
}

.technology .icon .buildmulti:hover,
.technology .icon .upgrade:hover {
    background: linear-gradient(#93e438, #54ad08);
    color: #4fa008;
}

.technology .icon .buildmulti:hover::after,
.technology .icon .upgrade:hover::after {
    border-color: transparent transparent #4fa008 transparent;
}

.technology .icon .acceleration {
    display: inline-block;
    position: absolute;
    right: -20px;
    top: 10px;
    box-sizing: border-box;
    width: 79px;
    border: 1px solid #2b6303;
    background: linear-gradient(#93e438, #54ad08);
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
    transform: rotate(45deg);
    z-index: 2;
}

.technology .icon .level,
.technology .icon .targetlevel,
.technology .icon .amount,
.technology .icon .targetamount {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    padding: 0 5px;
    text-align: right;
    font-size: 11px;
    line-height: 15px;
    z-index: 2;
}

.technology .icon .targetlevel,
.technology .icon .targetamount {
    right: 0;
    top: 0;
    border-bottom-left-radius: 7px;
    background: linear-gradient(#1b222d, #0e1117);
    color: #9c0;
    padding: 0px;
}

.technology .icon .level,
.technology .icon .amount {
    right: 0;
    bottom: 0;
    border-top-left-radius: 15px;
    background: linear-gradient(#0e1117, #1b222d);
    color: #ff9600;
}

.technology .icon .level .bonus,
.technology .icon .amount .bonus {
    color: #9c0;
}

.technology .icon time-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.technology .icon time {
    width: 100%;
    background: rgba(13,16,20,0.8);
    color: #fff;
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    font-weight: bold;
    z-index: 2;
}

.technology .icon.medium time {
    top: 39px;
}

.technology .icon.small time {
    top: 29px;
}

.technology .icon.tiny[data-acceleration]::before,
.technology .icon.tiny .upgrade,
.technology .icon.tiny .targetlevel,
.technology .icon.tiny time,
.technology .icon.tiny .level
{
    display: none;
}

.technology input:disabled {
    cursor: not-allowed;
}

.technology input[type="number"],
.technology input[type="text"] {
    position: absolute;
    bottom: -23px;
    left: 5%;
    box-sizing: border-box;
    width: 90%;
    height: 25px;
    background: #b3c3cb;
    border: 1px solid #668599;
    border-bottom-color: #d3d9de;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px 0 #454f54;
    color: #000;
    text-align: center;
    line-height: 18px;
    z-index: 2;
    -moz-appearance: textfield;
    padding: 2px 5px;
    font-size: 12px;
}

.technology input[type="number"]:focus,
.technology input[type="text"]:focus {
    background: #fff;
}

.technology input[type="number"][disabled],
.technology input[type="text"][disabled] {
    background-color: #424548;
    border: 1px solid #44484B;
    border-bottom-color: #575C60;
    box-shadow: inset 0 1px 3px 0 #27292B;
}

.technology input[type="number"]::-webkit-inner-spin-button,
.technology input[type="number"]::-webkit-outer-spin-button,
.technology input[type="text"]::-webkit-inner-spin-button,
.technology input[type="text"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

#technologydetails_wrapper {
    position: absolute;
    top: 0;
    left:8px;
    width:654px;
    height:300px;
    display:none;
    overflow: hidden;
}

#technologydetails_content {
    position: absolute;
    top:300px;
    width:654px;
    height:300px;
    display: none;
    background-image: url(/img/icons/dab435e02e060b479363268ca63b0e.gif);
}
#technologydetails_wrapper.slide-up {
    display:block;
}

#technologydetails_wrapper.slide-down {
    display:block;
}

#technologydetails_wrapper.slide-up #technologydetails_content{
    display: block;
    animation-name: anim-techdetails-slide-up;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes anim-techdetails-slide-up {
    from {
        top:300px;
    }
    to {
        top:0;
    }
}

#technologydetails_wrapper.slide-down #technologydetails_content{
    display: block;
    animation-name: anim-techdetails-slide-down;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes anim-techdetails-slide-down {
    from {
        top:0;
    }
    to {
        top:300px;
    }
}

#technologydetails {
    position: absolute;
    left:0;
    top:0;
    box-sizing: border-box;
    width: 654px;
    height: 100%; /* @TODO-merge this was 250px in 6.7.2 */
    border: 1px solid #000;
    color: #848484;
    font-size: 11px;
    line-height: 13px;
}

#technologydetails input,
#technologydetails button {
    font: 11px Verdana,Arial,Helvetica,sans-serif;
}

#technologydetails input:disabled {
    cursor: not-allowed !important;
}

#technologydetails input[type="number"] {
    -moz-appearance: textfield;
}

#technologydetails input[type="number"]::-webkit-inner-spin-button,
#technologydetails input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

#technologydetails button {
    padding: 0;
    margin: 0;
    cursor: pointer;
    background-color: transparent;
}

#technologydetails button.recomission:disabled span,
#technologydetails button[disabled].recomission  span {
    color: #444444;
}

#technologydetails button:disabled {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    cursor: not-allowed !important;
}
#technologydetails > .lifeformsprite,
#technologydetails > .sprite {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 200px;
    height: 200px;
    border: 2px solid #000;
    border-top-width: 1px;
    border-left-width: 1px;
    background-repeat: no-repeat;
    content: "";
}

#technologydetails.metalMine::before {
    background-image: url("/img/icons/740dcd4d63f5ebf243d4ebc063f9c8.jpg");
}
#technologydetails.crystalMine::before {
    background-image: url("/img/icons/88fe97653b1f67865158d625f1547a.jpg");
}
#technologydetails.deuteriumSynthesizer::before {
    background-image: url("/img/icons/371d3e9fd872e7e48cc3ac36083808.jpg");
}
#technologydetails.solarPlant::before {
    background-image: url("/img/icons/1fb8ae6deba22d236ff0e097cccf24.jpg");
}
#technologydetails.fusionPlant::before {
    background-image: url("/img/icons/4e0956ffc1ccc50e50f9705dbb135f.jpg");
}
#technologydetails.solarSatellite::before {
    background-image: url("/img/icons/8b8ffde4647780addf9d5c9ed7242d.jpg");
}
#technologydetails.metalStorage::before {
    background-image: url("/img/icons/14bda77ea32ae4ec81bd48bc1193aa.jpg");
}
#technologydetails.crystalStorage::before {
    background-image: url("/img/icons/65f5a22c411f0f92cb9c61bc091272.jpg");
}
#technologydetails.deuteriumStorage::before {
    background-image: url("/img/icons/87a9fdcc304c142a0979868bd9f2fe.jpg");
}


#technologydetails.roboticsFactory::before {
    background-image: url("/img/icons/ab1ee5c67764e116c0a8ac6ac56ad0.jpg");
}
#technologydetails.shipyard::before {
    background-image: url("/img/icons/f38d81197757d93a5cc1f93c6caf1e.jpg");
}
#technologydetails.researchLaboratory::before {
    background-image: url("/img/icons/4711ec76906e2499c5f04faab8c91c.jpg");
}
#technologydetails.allianceDepot::before {
    background-image: url("/img/icons/89f728d3c0a8a6c04632b9a7da41ff.jpg");
}
#technologydetails.missileSilo::before {
    background-image: url("/img/icons/9a4f1294c1177982baf7f3491eb367.jpg");
}
#technologydetails.naniteFactory::before {
    background-image: url("/img/icons/0b00af8c6af73442d898967ba3d75c.jpg");
}
#technologydetails.terraformer::before {
    background-image: url("/img/icons/c70b53a6ef5e805bb4f76752508755.jpg");
}
#technologydetails.repairDock::before {
    background-image: url("/img/icons/f9adbc97f5e23c06171b7c0d442dad.jpg");
}


#technologydetails.gaussCannon::before {
    background-image: url("/img/icons/6c5ab712012b75988af441953b00cc.jpg");
}
#technologydetails.ionCannon::before {
    background-image: url("/img/icons/a51f976ad3c56c646a7147fef901fb.jpg");
}
#technologydetails.laserCannonHeavy::before {
    background-image: url("/img/icons/6a33ded8d6350d64ad6c99a649cbc2.jpg");
}
#technologydetails.laserCannonLight::before {
    background-image: url("/img/icons/a0e8947f32c547bbd5b84ee6689431.jpg");
}
#technologydetails.plasmaCannon::before {
    background-image: url("/img/icons/c51bdcc4e5e7d0a3f2957e1b8c7da9.jpg");
}
#technologydetails.rocketLauncher::before {
    background-image: url("/img/icons/e5fd7e6938872929193515fbe886c9.jpg");
}
#technologydetails.shieldDomeLarge::before {
    background-image: url("/img/icons/d07822241bdac0f3a7ea39ecb20f5e.jpg");
}
#technologydetails.shieldDomeSmall::before {
    background-image: url("/img/icons/cd9c59194ad5a8efa9ba19bebb7687.jpg");
}
#technologydetails.missileInterceptor::before {
    background-image: url("/img/icons/d25551203ee00b0ad92f511af220a3.jpg");
}
#technologydetails.missileInterplanetary::before {
    background-image: url("/img/icons/19a87421615f8535f19c8c67041c27.jpg");
}


#technologydetails.battleship::before {
    background-image: url("/img/icons/ce8156b25e7fd980aa6a6cd93f1bdd.jpg");
}
#technologydetails.bomber::before {
    background-image: url("/img/icons/708c8feb89852e5cc4f2c8d2c26355.jpg");
}
#technologydetails.colonyShip::before {
    background-image: url("/img/icons/b0c7dc5cc62762d6c1bd953e71b6a8.jpg");
}
#technologydetails.cruiser::before {
    background-image: url("/img/icons/3bac05cfa42a9592f813cf1efda41e.jpg");
}
#technologydetails.deathstar::before {
    background-image: url("/img/icons/38ef392ed92bdba8902e1916796f22.jpg");
}
#technologydetails.destroyer::before {
    background-image: url("/img/icons/eecd440a67e0a7289067ae5988159d.jpg");
}
#technologydetails.espionageProbe::before {
    background-image: url("/img/icons/a8071800b0edd310e8841abd3aa0e3.jpg");
}
#technologydetails.fighterHeavy::before {
    background-image: url("/img/icons/70d5d5e12df1afaf691438e28edefc.jpg");
}
#technologydetails.fighterLight::before {
    background-image: url("/img/icons/c083fda984f5a6b64793c4ff164d5e.jpg");
}
#technologydetails.interceptor::before {
    background-image: url("/img/icons/72ec975641a9a2e7bc8388bf085b70.jpg");
}
#technologydetails.recycler::before {
    background-image: url("/img/icons/bfc738a6c1cd3dab0b74f80114e810.jpg");
}
#technologydetails.transporterLarge::before {
    background-image: url("/img/icons/b4dcc8521732e3f6da8b725ccb4f6f.jpg");
}
#technologydetails.transporterSmall::before {
    background-image: url("/img/icons/dec0f3dcde9c58ee64451af93ae084.jpg");
}


#technologydetails.armorTechnology::before {
    background-image: url("/img/icons/836b5a2aa4285748c76be9592a581d.jpg");
}
#technologydetails.astrophysicsTechnology::before {
    background-image: url("/img/icons/98c2ca2074ddc7c25f0192ae556d6e.jpg");
}
#technologydetails.combustionDriveTechnology::before {
    background-image: url("/img/icons/b95f638b8c2e0c64ea2a5b42967f20.jpg");
}
#technologydetails.computerTechnology::before {
    background-image: url("/img/icons/cb903f6fdf754cf21cb29bcc0a5ee2.jpg");
}
#technologydetails.energyTechnology::before {
    background-image: url("/img/icons/992bbdde9fa00d9415b02131fcec93.jpg");
}
#technologydetails.espionageTechnology::before {
    background-image: url("/img/icons/d8bebba92042aa1599d72fdb126545.jpg");
}
#technologydetails.gravitonTechnology::before {
    background-image: url("/img/icons/6d51b8ebfbd3eb30bdbd37947120fb.jpg");
}
#technologydetails.hyperspaceDriveTechnology::before {
    background-image: url("/img/icons/2fb0a1fd7e1f6ae370213e7d880363.jpg");
}
#technologydetails.hyperspaceTechnology::before {
    background-image: url("/img/icons/d914ac6359daf1a75375e9d91ed5bd.jpg");
}
#technologydetails.impulseDriveTechnology::before {
    background-image: url("/img/icons/0cae6a535b333ca9e84413fc33a3d1.jpg");
}
#technologydetails.ionTechnology::before {
    background-image: url("/img/icons/256ee84678fca3de44e596cd28c45f.jpg");
}
#technologydetails.laserTechnology::before {
    background-image: url("/img/icons/a92f70fc0d06f0d712f8432929f365.jpg");
}
#technologydetails.plasmaTechnology::before {
    background-image: url("/img/icons/b2158b5962495aaad279831d4cc4f1.jpg");
}
#technologydetails.researchNetworkTechnology::before {
    background-image: url("/img/icons/7bb36201c75d01fe605e800ca05ef3.jpg");
}
#technologydetails.shieldingTechnology::before {
    background-image: url("/img/icons/36203bf6cc07b1592b41178b8a7d5e.jpg");
}
#technologydetails.weaponsTechnology::before {
    background-image: url("/img/icons/27e8861e7be3dc8bf6810219be0ce2.jpg");
}

#technologydetails .content {
    position: absolute;
    left:208px;
    right: 0;
    height:200px;

    overflow: hidden;
}


#technologydetails .close {
    position: absolute;
    right: 5px;
    top: 6px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 1px solid black;
    background: #395281;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    z-index: 2;
}

#technologydetails .level,
#technologydetails .amount {
    position: absolute;
    right: 26px;
    top: 0;
    color: #ff9600;
    line-height: 27px;
}

#technologydetails h3 {
    position: absolute;
    right: 0;
    top: 0;
    width: 450px;
    background: url("/img/icons/a4e7913209228ebaf2297429aeb87b.png");
    color: #ff9600;
    font: bold 12px/27px Verdana,Arial,Helvetica,sans-serif;
    text-indent: 26px;
}

#technologydetails h3::before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 26px;
    height: 27px;
    background: url("/img/icons/127bd495b9325216af08a588ecc540.png");
    content: "";
}

#technologydetails .information {
    box-sizing: border-box;
    padding: 5px;
    line-height: 14px;
    margin-top: 26px;
}

#technologydetails .information > ul {
    display: flex;
    flex-flow: column;
}

#technologydetails .information > ul.narrow {
    width: 235px;
}

#technologydetails .information > ul li {
    margin-bottom: 5px;
}

#technologydetails .value {
    color: #fff;
    font-weight: bold;
}

#technologydetails .bonus {
    color: #9c0;
}

#technologydetails .costs {
    position: absolute;
    top: 130px;
}

#technologydetails .costs p {
    margin-bottom: 5px;
}

#technologydetails #demolition_costs_tooltip {
    display: none;
}

#errorBoxDecisionContent h1 {
    color: #6f9fc8;
    font-weight: bold;
}

#errorBoxDecisionContent .demolition_costs {
    width: 100%;
}

#demolition_costs_tooltip .demolition_costs th,
#demolition_costs_tooltip .demolition_costs td,
#errorBoxDecisionContent .demolition_costs th,
#errorBoxDecisionContent .demolition_costs td {
    text-align: right;
}

#demolition_costs_tooltip .demolition_costs th,
#errorBoxDecisionContent .demolition_costs th {
    padding-right: 3px;
}

#demolition_costs_tooltip .demolition_costs td.insufficient,
#errorBoxDecisionContent .demolition_costs td.insufficient {
    color: #d43635;
}

#demolition_costs_tooltip .demolition_costs .demolition_costs_bonus td,
#errorBoxDecisionContent .demolition_costs .demolition_costs_bonus td {
    color: #9c0;
}

#demolition_costs_tooltip .demolition_costs .demolition_costs_bonus {
    display: none;
}

#technologydetails .resource.icon::before {
    display: block;
    width: 48px;
    height: 32px;
    margin: 0 auto 2px;
    background: url("/img/icons/7f14c18b15064d2604c5476f5d10b3.png") no-repeat 0 -160px;
    content: "";
}

#technologydetails .resource.icon.metal::before {
    background-position-x: 0;
}

#technologydetails .resource.icon.crystal::before {
    background-position-x: -48px;
}

#technologydetails .resource.icon.deuterium::before {
    background-position-x: -96px;
}

#technologydetails .resource.icon.energy::before {
    background-position-x: -144px;
}

#technologydetails .resource.icon.food::before {
    background-position-x: -288px;
}

#technologydetails .resource.icon.population::before {
    background-position-x: -336px;
}

#technologydetails .resource.icon {
    display: inline-block;
    width: 52px;
    height: 48px;
    margin: 0 3px;
    background: none;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

#technologydetails .resource.icon:first-of-type {
    margin-left: 0;
}

#technologydetails .resource.icon:last-of-type {
    margin-right: 0;
}

#technologydetails .resource.insufficient {
    color: #d43635;
}

#technologydetails .capacity {
    position: relative;
    float: left;
    background-color: #1f2b36;
    line-height: 18px;
    text-align: center;
    box-sizing: border-box;
    width: 195px;
    height: 52px;
    padding: 2px 4px;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

#technologydetails .fill_capacity_info {
    background-color: #293742;
    float: left;
    height: 52px;
    width: 447px;
}
#technologydetails .fill_capacity_info .action {
    position: relative;
    border: 0px;
    width: 392px;
    bottom: 0px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#technologydetails .fill_capacity_info .action .description{
    display: block;
    margin: 0 0 0 5px;
    width: 228px;
}
#technologydetails .txt_box{
    float: left;
}

#technologydetails .arrow_description {
    background: url(/img/icons/bd821d798d0f2d4829d382a0c10c5d.png) no-repeat;
    float: left;
    height: 52px;
    margin: 0 25px 0 0;
    width: 25px;
}

#technologydetails .capacity > span,
#technologydetails .capacity > meter {
    display: block;
}

#technologydetails .capacity meter {
    position: relative;
    width: 176px;
    height: 8px;
    margin: 0 auto;
    background: linear-gradient(#000 0%, #273541 30%, #273541 70%, #000 100%);
    box-shadow: 0 0 1px #000;
}

#technologydetails .capacity meter::after {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: repeating-linear-gradient(90deg, #000, #000 1px, transparent 2px, transparent 5px);;
}

#technologydetails .capacity meter::-webkit-meter-bar {
    background: linear-gradient(#000 0%, #273541 30%, #273541 70%, #000 100%);
}

#technologydetails .capacity meter::-webkit-meter-optimum-value {
    background: linear-gradient(#000 0%, #04c931 30%, #04c931 70%, #000 100%);
}

#technologydetails .capacity meter::-webkit-meter-suboptimum-value {
    background: linear-gradient(#000 0%, #ff9401 30%, #ff9401 70%, #000 100%);
}

#technologydetails .capacity meter::-webkit-meter-even-less-good-value {
    background: linear-gradient(#000 0%, #e83901 30%, #e83901 70%, #000 100%);
}

#technologydetails .capacity meter:-moz-meter-optimum::-moz-meter-bar {
    background: linear-gradient(#000 0%, #04c931 30%, #04c931 70%, #000 100%);
}

#technologydetails .capacity meter:-moz-meter-sub-optimum::-moz-meter-bar {
    background: linear-gradient(#000 0%, #ff9401 30%, #ff9401 70%, #000 100%);
}

#technologydetails .capacity meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: linear-gradient(#000 0%, #e83901 30%, #e83901 70%, #000 100%);
}

#technologydetails .capacity .good {
    color: #9c0;
}

#technologydetails .capacity .critical {
    color: #d29d00;
}

#technologydetails .capacity .full {
    color: #d43635;
}

#technologydetails .action,
#technologydetails .complex_action {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border: 2px solid #151f29;
    display: flex;
    background: #293742;
}

#technologydetails .description .action,
#technologydetails .description .complex_action {
    position: relative;
    background: transparent;
}

#technologydetails .description .txt_box {
    position: relative;
    padding: 3px 0 0 3px;
    width: 95%;
}
#technologydetails[data-technology-id="36"] .description .txt_box {
    position: relative;
    padding: 3px 0 0 3px;
    width: 288px;
}

#technologydetails .repair_order a.value {
    font-style: italic;
    font-weight: normal;
    text-decoration: unset;
}


#technologydetails .description #wreckfield-btns {
    float: right;
}

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

#technologydetails .capacity + .action,
#technologydetails .capacity + .complex_action {
    /*
    This rule was extracted to /assets/css/technologydetails.css because yuicompressor was breaking it
    */
    width: calc(100% - 201px);
    padding-left: 25px;
}

#technologydetails .capacity + .action::before,
#technologydetails .capacity + .action::after,
#technologydetails .capacity + .complex_action::before,
#technologydetails .capacity + .complex_action::after {
    position: absolute;
    border: solid transparent;
    display: block;
    content: "";
    pointer-events: none;
}

#technologydetails .capacity + .action::before,
#technologydetails .capacity + .complex_action::before {
    left: 0;
    top: -2px;
    border-left-color: #151f29;
    border-width: 25px;
}

#technologydetails .capacity + .action::after,
#technologydetails .capacity + .complex_action::after {
    left: -2px;
    top: 0;
    border-left-color: #1e2b39;
    border-width: 23px;
}

#technologydetails .action > span,
#technologydetails .action > button,
#technologydetails .complex_action > span,
#technologydetails .complex_action > button {
    display: block;
    width: 50%;
    margin: 5px;
}

#technologydetails .action > span,
#technologydetails .complex_action > span {
    align-self: center;
}

#technologydetails .action > button,
#technologydetails .complex_action > button {
    height: 36px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
}

#technologydetails .action > button span,
#technologydetails .complex_action > button span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 36px;
}

#technologydetails > .description {
    position: absolute;
    top: 203px; /* @TODO-merge was bottom 0 height 45px display flex before*/
    box-sizing: border-box;
    width: 100%;
    height: 95px;
    display: block;
    padding: 3px 5px;
}

#technologydetails.large {
    height: 300px;
}

#technologydetails.large > .description {
    height: 95px;
}

#technologydetails.large > .capacity + .description,
#technologydetails.large > .action + .description,
#technologydetails.large > .complex_action + .description {
    height: 45px;
}

#technologydetails > .description .details,
#technologydetails > .description .text {
    align-self: center;
}

#technologydetails > .description .details {
    display: block;
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 3px;
    background: linear-gradient(#445982, #253249);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    float: left;
}

#technologydetails > .description .details:hover {
    background: linear-gradient(#6b86b4, #384c6b);
}

#technologydetails > .description .text {
    display: block;
    padding: 0 0 0 5px;
    overflow: hidden;
}

#technologydetails > .action button.offers {
    background: linear-gradient(#53a423, #2f6c04);
    box-shadow: inset 0 0 25px #2b6303;
    color: #fff;
    text-shadow: 0 0 1px #2b6303;
}

#technologydetails > .action button.offers:hover {
    background: linear-gradient(#93e438, #54ad08);
}

#technologydetails > .action button.rockets {
    background: linear-gradient(#1b222d, #0e1117);
    box-shadow: inset 0 0 25px #151f29;
    color: #fff;
    text-shadow: 0 0 1px #151f29;
}

#technologydetails > .action button.rockets:hover {
    background: linear-gradient(#303a46, #1b222d);
}

#technologydetails .build_amount {
    display: flex;
    position: absolute;
    right: 5px;
    top: 51px;
    padding: 5px;
    border-radius: 4px;
    background: #151f29;
}

#technologydetails .build_amount label {
    position: absolute;
    left: 5px;
    top: -19px;
}

#technologydetails #build_amount,
#technologydetails .build_amount .maximum {
    height: 36px;
}

#technologydetails #build_amount {
    box-sizing: border-box;
    width: 95px;
    height: 35px;
    background: #b3c3cb;
    border: 1px solid #668599;
    border-bottom-color: #d3d9de;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px 0 #454f54;
    color: #000;
    text-align: center;
    font-size: 18px;
}

#technologydetails #build_amount:focus {
    background: #fff;
}

#technologydetails .build_amount .maximum {
    min-width: 85px;
    align-self: center;
    margin: 0 0 0 23px;
    padding: 5px;
    background: #1e2b39;
    color: #fff;
}

#technologydetails .build_amount .maximum:hover {
    text-decoration: underline;
}

#technologydetails .build_amount .maximum:before {
    position: absolute;
    left: 87px;
    top: 50%;
    display: block;
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-right-color: #1e2b39;
    margin-top: -18px;
    content: "";
    pointer-events: none;
}

#technologydetails a.upgrade{
    height: 51px;
    position: absolute;
}

#technologydetails a.upgrade:hover,
#technologydetails button.upgrade:hover {
    background-position-y: -54px;
}

#technologydetails button:disabled span {
    cursor: not-allowed !important;
}

#technologydetails a.upgrade span,
#technologydetails button.upgrade span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 45px;
}
#technologydetails a.upgrade span {
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
}

#technologydetails a.build-it_premium span,
#technologydetails button.build-it_premium span {
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-left: 6px;
    padding-top: 2px;
}

#technologydetails button.build-it_premium:disabled span {
    padding-left: 48px;
}

#technologydetails a.upgrade,
#technologydetails button.upgrade {
    width: 143px;
    height: 54px;
    padding-top: 3px;
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 0 no-repeat;
    color: #fff;
    text-shadow: 0 0 1px #2b6303;
    font-size: 16px;
    font-weight: bold;
}

a.build-it_premium,
button.build-it_premium {
    background: transparent url("/img/icons/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;
}
a.build-it_premium:hover,
a.build-it_premium:active,
button.build-it_premium:hover,
button.build-it_premium:active {
    background-position: 0 -52px;
    color: #fff;
}

#technologydetails button.downgrade {
    position: absolute;
    top: 40px;
    right: 11px;
    height: 32px;
    background: linear-gradient(#a32323, #6b0404);
    box-shadow: inset 0 0 25px #600303;
    color: #848484;
    text-shadow: 0 0 1px #600303;
    font-size: 11px;
    font-weight: bold;
}

#technologydetails button.downgrade:hover {
    background: linear-gradient(#e23838, #aa0808);
    color:#ffffff;
}

#technologydetails button.downgrade span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 13px;
}

#technologydetails .technology_tree {
    position: absolute;
    left: 0;
    top: 151px;
    box-sizing: border-box;
    width: auto;
    padding: 35px 3px 3px;
    background: rgba(0, 0, 0, .65);
    color: #848484;
}

#technologydetails .technology_tree::before {
    position: absolute;
    /*
    This rule was extracted to /assets/css/technologydetails.css because yuicompressor was breaking it
    */
    left: calc(50% - 16px);
    top: 3px;
    display: block;
    width: 32px;
    height: 32px;
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") no-repeat -143px 0;
    content: "";
}

#technologydetails .technology_tree:hover {
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
}

#technologydetails .technology_tree:hover::before {
    background-position-y: -32px;
}

#technologydetails .technology_tree.no_prerequisites::before {
    background-position-y: -64px;
}

#technologydetails button.cancel {
    position: absolute;
    right:11px;
    top: 40px;
    box-sizing: border-box;
    height: 32px;
    padding: 0;
    font-size: 11px;
    line-height: 13px;
    font-weight: bold;
    color: #848484;
}

#technologydetails button.cancel:hover {
    background: linear-gradient(#e23838, #aa0808);
    color:#ffffff;
}

#technologydetails #missingResource {
    position: static !important;
    top: 141px;
    right: 5px;
    width: 143px;
    height: 51px;
    padding-top: 3px;
    background: transparent url(/img/icons/f5f81e8302aaad56c958c033677fb8.png) 0 0 no-repeat;
    color: #fff;
    text-shadow: 0 0 1px #2b6303;
    font-size: 16px;
    font-weight: bold;
    display: block;
    background-position: 0px -316px;
}

#technologydetails #missingResource:hover {
    background-position: 0px -370px;
}

/*
########################################################################################################################
## Complex action styles ###############################################################################################
########################################################################################################################
*/

#technologydetails > .complex_action.wreckfield_repairorder > .description,
#technologydetails > .complex_action.wreckfield_norepairorder > .description,
#technologydetails > .complex_action.nowreckfield_repairorder > .description {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

#technologydetails > .complex_action.wreckfield_repairorder > .description,
#technologydetails > .complex_action.nowreckfield_repairorder > .description {
    width: 75%;
}

#technologydetails > .complex_action.wreckfield_norepairorder > .description {
    width: 50%;
}

#technologydetails > .complex_action.wreckfield_norepairorder > button.burn_up {
    width: 25%;
    background: linear-gradient(#a32323, #6b0404);
    box-shadow: inset 0 0 25px #600303;
    color: #fff;
    text-shadow: 0 0 1px #600303;
}

#technologydetails > .complex_action.wreckfield_norepairorder > button.burn_up:hover {
    background: linear-gradient(#e23838, #aa0808);
}

#technologydetails > .complex_action.wreckfield_norepairorder > button.repair,
#technologydetails > .complex_action.nowreckfield_repairorder > button.recomission,
#technologydetails > .complex_action.wreckfield_repairorder > button.recomission {
    width: 25%;
    background: linear-gradient(#53a423, #2f6c04);
    box-shadow: inset 0 0 25px #2b6303;
    color: #fff;
    text-shadow: 0 0 1px #2b6303;
}

#technologydetails > .complex_action.wreckfield_norepairorder > button.repair:hover,
#technologydetails > .complex_action.nowreckfield_repairorder > button.recomission:hover,
#technologydetails > .complex_action.wreckfield_repairorder > button.recomission:hover {
    background: linear-gradient(#93e438, #54ad08);
}

#technologydetails > .complex_action .repair_order .duration,
#technologydetails > .complex_action .repair_order .ships {
    display: block;
}

#technologydetails .character_class_selection {
    position: absolute;
    left:200px;
    right: 0;
    height:270px;

    padding-top:25px;

    overflow: hidden;
}

#technologydetails .character_class_box {
    position:relative;
    width:340px;
    height:82px;

    box-sizing: border-box;

    border-width: 1px;
    border-style: solid;
    border-color: #273746;

    margin: 5px auto;

    background-color: #141c23;
}

#technologydetails .character_class_box:hover,
#technologydetails .character_class_box.active
{
    border-color:#07aa07;
    box-shadow: 0 0 10px #1cff1c;
}
#technologydetails .character_class_box:hover,
#technologydetails .character_class_box:hover .character_class_bonus .tooltip,
#technologydetails .character_class_box.active,
#technologydetails .character_class_box.active .character_class_bonus .tooltip
{
    color: #07cc07;
}

#technologydetails .character_class_box .character_class_info_box {
    position: relative;
    height:60px;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#technologydetails .character_class_box .sprite.medium {
    margin:5px;
    width:50px;
    height:50px;
}
#technologydetails .character_class_box .info {
    text-align: center;
}

#technologydetails .character_class_box .character_class_info_box h2 {
    flex-grow: 0;
    flex-shrink: 0;
    width: 110px;

    color: #6F9FC8;
    font-size: 13px;
}

#technologydetails .character_class_box .character_class_info_box .icon-info {
    position: relative;
    width: 16px;
    height: 16px;

    line-height: 16px;

    border-color: #848484;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;

    text-align: center;
    color: #848484;

    font-size: 12px;
    font-weight: bold;
}

#technologydetails .button {
    position: relative;
    height: 30px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    margin-left: 10px;
    margin-right: 10px;
    border-radius: 6px;

    font-weight: bold;
    text-align: center;

    cursor: pointer;

    box-sizing: border-box;
    width:100px;
}

#technologydetails .button.select_class {
    border: 1px solid #6F9FC8;
    background-color: #263b4c;
    color: #6F9FC8;
}

#technologydetails .button.select_class:hover {
    background-color: #4F7Fa8;
    color: #ffffff;
}

#technologydetails .button.deselect_class {
    text-decoration: underline;
}

#technologydetails .character_class_box .character_class_boni {
    position: relative;

    height:20px;

    background-color: #273746;

    display: flex;
    flex-direction: row;
}

#technologydetails .character_class_bonus {
    position: relative;

    min-width: 60px;

    font-size: 10px;
    line-height: 21px;

    display: flex;
    flex-direction: row;
}

#technologydetails .character_class_bonus .tooltip {
    color:#909090;
}

#technologydetails .character_class_bonus > .sprite {
    margin:0 5px;
    flex-grow: 0;
    flex-shrink: 0;
}


/*
wreckfields
 */

#technologydetails #description #wreck_field {
    padding: 5px 3px;
}

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

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

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

#technologydetails #description .btn_dark:hover {
    background-position: 0 -570px;
}
#technologydetails #description .btn_dark:before {
    background-position: 0 -456px;
}
#technologydetails #description .btn_dark:after {
    background-position: -23px -456px;
}
#technologydetails #description .btn_dark:hover:before {
    background-position: 0 -494px;
}
#technologydetails #description .btn_dark:hover:after {
    background-position: -23px -494px;
}


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

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

#technologydetails .description .slot {
    bottom: 4px !important;
    right: 2px !important;
}

#technologytreeComponent,
#technologytreecomponent {
    min-width: 792px;
    width: auto;
}

#technologytree nav {
    padding: 0;
    border-bottom: 1px solid #0d1014;
}

#technologytree nav ul {
    list-style: none;
    padding: 0 0 0 10px;
    min-width: 460px;
}

#technologytree nav ul::after {
    display: block;
    content: "";
    clear: left;
}

#technologytree nav li,
#technologytree nav li a {
    display: block;
}

#technologytree nav li {
    text-align: center;
    overflow: hidden;
    float: left;
    position: relative;
    height: 30px;
    border-radius: 10px 30px 0 0;
    margin-left: -10px;
    text-shadow: 1px 1px 0 #bbb;
    box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    transition: .2s;
}

#technologytree nav li a {
    height: 20px;
    line-height: 20px;
    display: block;
    position: relative;
    width: 195px;
    padding: 6px 10px 20px 0;
    border-radius: 10px 30px 0 0;
    background: #999;
    color: #444;
    text-align: center;
    text-decoration: none;
    transition: .2s;
}

#technologytree nav li:hover {
    z-index: 1;
}

#technologytree nav li:hover a {
    background: #ccc;
    color: #000;
}

#technologytree nav[data-current-action="technologytree"] a[data-action="technologytree"],
#technologytree nav[data-current-action="applications"] a[data-action="applications"],
#technologytree nav[data-current-action="technologyinformation"] a[data-action="technologyinformation"],
#technologytree nav[data-current-action="technologies"] a[data-action="technologies"] {
    background: #262e39;
    background: linear-gradient(#262e39 0%, #181e26 50%, #0d1014 100%);
    border-color: #35404f #0d1014 #0d1014 #0d1014;
    color: #fff;
    text-shadow: none;
}

#technologytree .content {
    min-width: 752px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
}

#technologytree p.hint,
#technologytree p.error {
    border: none;
    padding: 50px 25px;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    color: #848484;
    text-align: center;
}

/*
########################################################################################################################
##  TECHNOLOGY TREE ####################################################################################################
########################################################################################################################
*/

/* TODO: Clean-up classes */

#technologytree .graph {
    margin: 0 auto;
}

#technologytree .graph::after {
    display: block;
    content: "";
    clear: left;
}

#technologytree .graph .techWrapper {
    position: relative;
    display: block;
}


#technologytree .graph .techImage {
    margin: 40px 120px;
    margin: 40px;
    display:inline-block;
}

#technologytree .graph .endpoint {
    visibility: hidden;
}

#technologytree .graph .techtreeNode {
    position:relative;
    float:left;
    text-align: center;
}

#technologytree .graph.columns_1 .techtreeNode { width:100%; }
#technologytree .graph.columns_2 .techtreeNode { width:50%; }
#technologytree .graph.columns_3 .techtreeNode { width:33%; }
#technologytree .graph.columns_4 .techtreeNode { width:25%; }
#technologytree .graph.columns_5 .techtreeNode { width:20%; }
#technologytree .graph.columns_6 .techtreeNode { width:16.66%; }
#technologytree .graph.columns_7 .techtreeNode { width:14.28%; }
#technologytree .graph.columns_8 .techtreeNode { width:12.5%; }
#technologytree .graph.columns_9 .techtreeNode { width:11.11%; }
#technologytree .graph.columns_10 .techtreeNode { width:10%; }

#technologytree .graph a,
#technologytree .neededFor a {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    border: 2px solid;
    border-radius: 6px;
    z-index: 2;
}

#technologytree .techImage.built a {
    border-color: #015100;
}
#technologytree .techImage.notBuilt a {
    border-color: #510009;
}

#technologytree .graph .label {
    padding: 1px;
    border: 1px solid;
    background-color: #fff;
    font-weight: bold;
    z-index: 3;
}

#technologytree .graph .label.hasRequirements {
    border-color: #015100;
    color: #015100;
}

#technologytree .graph .label.hasNotRequirements {
    border-color: #510009;
    color: #510009;
}

#technologytree ._jsPlumb_connector {
    z-index: 1;
}

/*
########################################################################################################################
##  APPLICATIONS  ######################################################################################################
########################################################################################################################
*/

#technologytree .content.applications .applications {
    display: flex;
    max-width: 752px;
    flex-flow: row wrap;
}

#technologytree .content.applications .applications li {
    width: 80px;
    height: 80px;
    margin: 5px;
    border-radius: 6px;
    overflow: hidden;
}

#technologytree .content.applications .applications li a {
    position: relative;
}

#technologytree .content.applications .applications li a span {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px;
    white-space: nowrap;
    font-size: 10px;
}

#technologytree .content.applications .applications li[data-prerequisites-met="true"] {
    border: 2px solid #015100;
}

#technologytree .content.applications .applications li[data-prerequisites-met="true"] a span {
    background: rgba(0, 0, 0, .75);
    color: #9c0;
}

#technologytree .content.applications .applications li[data-prerequisites-met="false"] {
    border: 2px solid #510009;
}

#technologytree .content.applications .applications li[data-prerequisites-met="false"] a {
    position: relative;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#technologytree .content.applications .applications li[data-prerequisites-met="false"] a::after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    content: "";
}

#technologytree .content.applications .applications li[data-prerequisites-met="false"] a span {
    background: rgba(0, 0, 0, .75);
    color: #d43635;
}

#technologytree .content.applications .applications li a {
    display: block;
    width: 100%;
    height: 100%;
}

/*
########################################################################################################################
##  TECHNOLOGY INFORMATION  ############################################################################################
########################################################################################################################
*/

#technologytree .content.technologyinformation {
    min-height: 200px;
}

#technologytree .content.technologyinformation::before {
    position: absolute;
    display: block;
    width: 200px;
    height: 200px;
    border: 2px solid #000;
    content: "";
}

#technologytree .content.technologyinformation > .information {
    margin-left: 214px;
}

#technologytree .content.technologyinformation > .information > p,
#technologytree .content.technologyinformation > .information > li {
    max-width: 538px;
}

#technologytree .content.technologyinformation .general_details td[data-value] {
    color: #9c0;
}

#technologytree .content.technologyinformation .general_details td[data-value^="-"] {
    color: #d43635;
}

#technologytree .content.technologyinformation .general_details,
#technologytree .content.technologyinformation .combat_unit_details {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #000;
    margin: 10px 0 0;
}

#technologytree .content.technologyinformation .additional_information thead tr,
#technologytree .content.technologyinformation .general_details thead tr,
#technologytree .content.technologyinformation .combat_unit_details thead tr {
    background: #13181d;
}

#technologytree .content.technologyinformation .additional_information thead th,
#technologytree .content.technologyinformation .general_details thead th,
#technologytree .content.technologyinformation .combat_unit_details thead th {
    border-bottom: 1px dotted #848484;
}

#technologytree .content.technologyinformation .additional_information tbody tr:nth-of-type(even),
#technologytree .content.technologyinformation .general_details tbody tr:nth-of-type(even),
#technologytree .content.technologyinformation .combat_unit_details tbody tr:nth-of-type(even) {
    background: #13181d;
}

#technologytree .content.technologyinformation .additional_information tbody tr:nth-of-type(odd),
#technologytree .content.technologyinformation .general_details tbody tr:nth-of-type(odd),
#technologytree .content.technologyinformation .combat_unit_details tbody tr:nth-of-type(odd) {
    background: #0d1014;
}

#technologytree .content.technologyinformation .additional_information tbody tr:nth-of-type(odd),
#technologytree .content.technologyinformation .general_details tbody tr:nth-of-type(odd),
#technologytree .content.technologyinformation .combat_unit_details tbody tr:nth-of-type(odd) {
    background: #0d1014;
}

#technologytree .content.technologyinformation .additional_information tbody tr.current,
#technologytree .content.technologyinformation .general_details tbody tr.current {
    background: #2c4f20;
}

#technologytree .content.technologyinformation .additional_information th,
#technologytree .content.technologyinformation .additional_information td,
#technologytree .content.technologyinformation .general_details th,
#technologytree .content.technologyinformation .general_details td,
#technologytree .content.technologyinformation .combat_unit_details th,
#technologytree .content.technologyinformation .combat_unit_details td {
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
}

#technologytree .content.technologyinformation .combat_unit_details th,
#technologytree .content.technologyinformation .combat_unit_details th,
#technologytree .content.technologyinformation .combat_unit_details td {
    width: 50%;
}

#technologytree .content.technologyinformation .general_details th,
#technologytree .content.technologyinformation .combat_unit_details th {
    font-weight: bold;
}

.combat_unit_details_tooltip {
    width: 100%;
}

.combat_unit_details_tooltip th {
    text-align: left;
}

.combat_unit_details_tooltip th .formula {
    display: block;
    font-size: 8px;
}

.combat_unit_details_tooltip td {
    padding-left: 5px;
    color: #fff;
    text-align: right;
}

.combat_unit_details_tooltip td.sum {
    border-top: 1px solid #848484;
    color: #9c0;
}

#technologytree .content.technologyinformation .rapid_fire {
    margin: 10px 0 0;
    padding-left: 15px;
    list-style-type: square;
}

#technologytree .content.technologyinformation .rapid_fire a {
    color: #acacac;
    text-decoration: none;
}

#technologytree .content.technologyinformation .rapid_fire_from .value {
    color: #d43635;
}

#technologytree .content.technologyinformation .rapid_fire_against .value {
    color: #9c0;
}

#technologytree .content.technologyinformation .additional_information {
    margin: 10px 0 0;
}

#technologytree .content.technologyinformation.astrophysicsTechnology .additional_information {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #000;
    text-align: center;
}

#technologytree .content.technologyinformation.astrophysicsTechnology .additional_information li {
    padding: 5px;
}

#technologytree .content.technologyinformation.astrophysicsTechnology .additional_information li:nth-of-type(even) {
    background: #13181d;
}

#technologytree .content.technologyinformation.astrophysicsTechnology .additional_information li:nth-of-type(odd) {
    background: #0d1014;
}

/*
########################################################################################################################
##  TECHNOLOGIES  ######################################################################################################
########################################################################################################################
*/

#technologytree .content.technologies .fulfilled {
    color: #9c0;
}

#technologytree .content.technologies .unfulfilled {
    color: #d43635;
}

#technologytree .content.technologies > h1 {
    position: relative;
    padding: 15px 10px 15px 33px;
    background: #12171c;
    border-top: 1px solid #303b41;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

#technologytree .content.technologies > h1::before {
    position: absolute;
    left: 10px;
    /*
    This rule was extracted to /assets/css/technologytree.css because yuicompressor was breaking it
    */
    top: calc(50% - 4px);
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #2dad40;
    content: "";
}

#technologytree .content.technologies > ul {
    padding: 5px;
    background: #0d1014;
    display: none;
}

#technologytree .content.technologies > ul > li {
    display: flex;
    justify-content: space-between;
}

#technologytree .content.technologies a.technology,
#technologytree .content.technologies a.prerequisites {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    /*
    This rule was extracted to /assets/css/technologytree.css because yuicompressor was breaking it
    */
    width: calc(50% - 5px);
    height: 100%;
    min-height: 38px;
    margin: 5px 0;
    padding: 5px 5px 5px 38px;
    border-radius: 6px;
    background: #1b2028;
    color: #fff;
    text-decoration: none;
}

#technologytree .content.technologies a.technology:hover,
#technologytree .content.technologies a.prerequisites:hover {
    background: #29313d;
}

#technologytree .content.technologies a.technology::before,
#technologytree .content.technologies a.prerequisites::before {
    position: absolute;
    left: 5px;
    /*
    This rule was extracted to /assets/css/technologytree.css because yuicompressor was breaking it
    */
    top: calc(50% - 14px);
    display: block;
    content: "";
    height: 28px;
    width: 28px;
}

#technologytree .content.technologies a.prerequisites::before {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") no-repeat -125px 0;
    background-size: 483px 380px;
}

.messagebox { overflow:hidden; }
.messagebox.bbcodepreview { overflow: auto }
.messagebox.write {
    background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6);
    padding: 5px;
}

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

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


.messagebox a.tips:link,
.messagebox a.tips:visited,
.no-touch .messagebox a.tips:hover,
.messagebox a.tips:active,
#buddypointsconvert a.tips:link,
#buddypointsconvert a.tips:visited,
#buddypointsconvert a.tips:hover,
#buddypointsconvert a.tips:active {
	color:#636363;
	text-decoration:none;
}

.messagebox form { padding:0; margin:0;}
.messagebox table,
#buddypremiumconvert table,
#buddypointsOverlay table { width:99% !important;}

.messagebox .contentpaginator{
	background:#13181D;
	margin:0;
	padding-bottom:5px;
}

.messagebox .contentpaginator td {	text-align: center; }

.messagebox th {
	color: #fff;
	text-align:right;
	vertical-align:top;
}

.infohead table th,
.infohead table td,
.messagebox td.pages {
    font: 100 11px Verdana, Arial, Helvetica, sans-serif;
}

.infohead table th {
	font-weight:700;
        line-height: 20px;
	padding-right:10px;
	width: 182px;
}

.infohead span.new {
	font-weight:700;
	padding-left:10px;
}

.infohead span.new span{
	background-color:#848484;
	color:#0A0A0D;
	padding:0 3px;
	text-transform:uppercase;
}

#networkm #TB_window body,
#networkm #TB_window html {
	border-width:0;
	border-style:none;
}

.messagebox .textWrapper,
.messagebox .textWrapperSmall {
    background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6);
	overflow-x:hidden;
	overflow-y:auto;
    padding: 10px;
    max-height: 530px;
}
.buddyRequest .messagebox .textWrapper,
.buddyRequest .messagebox .textWrapperSmall {
    padding: 0;
}

.messagebox .textWrapperSmall .note,
.messagebox .textWrapper .note {
    padding:0;
    margin-left: auto;
    margin-right: auto;
}

.messagebox .infohead {
	background-color:#0A0A0D;
	padding:5px 0;
}

.messagebox .infohead table  { margin:0 5px 0 0
}


.textWrapperSmall li,
.textWrapper ul li {
    list-style-type: square;
    list-style-position: inside;
}

.messagebox ul.toolbar {
        height: 20px;
	list-style-type:none;
	margin:0;
	padding:0;
}
.messagebox ul.toolbar li {
	background-color:#13181d;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position: 5px 2px;
	border-right:1px solid #000;
	float:left;
	height: 16px;
	margin: 2px;
	min-width: 179px;
	vertical-align: middle;
}

.messagebox ul.toolbar li:last-child {
    border-right:0;
}
.messagebox .showMsgNavi,
.showmessage div.answerHeadline{
	background-color:#13181d;
	border:1px solid #000;
}
.messagebox ul li.reply {	background-image:url("/img/icons/33c49645c72c812e0156946af44f56.gif");}
.messagebox ul li.tag {	background-image:url("/img/icons/75891faa1b4300673945211775764e.gif");}
.messagebox ul li.notify {	background-image:url("/img/icons/44135e1f4f62f9268279ce424f9fbe.gif");}
.messagebox ul li.shareReport {  background-image:url("/img/icons/eccd2d1775316166ba8439f7b00816.gif");}
.messagebox ul li.hideReport {  background-image:url("/img/icons/4cb615d0dba32729d480d658d5125f.gif");}
.messagebox ul li.recall {  background-image:url("/img/icons/89624964d4b06356842188dba05b1b.gif");}

.showMsgNavi ul li a:link,
.showMsgNavi ul li a:visited,
.showMsgNavi ul li a:active {
	display:inline-block;
        line-height: 16px;
	padding-left: 5px;
        vertical-align: top;
}

.searchLayer #netz table.searchresults { max-height:315px;}

.searchLayer #netz table.searchresults td.pagebar { padding-bottom: 5px;}

#searchText { width: 200px; }

.no-touch .showMsgNavi ul li a:hover {color:#c4c4c4;}

div.test {
	min-height:300px;
	height:300px !important;  /* für moderne Browser */
	height:300px;  /*für den IE */
}
.submit_answer {
    margin: 3px 0 0 25px;
    width: 702px;
}

.fleft {float:left;}

#shortreport th {
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
}

.battlereport td.value { text-align:right;}

.battlereport .winner {
	font-weight:700;
	margin:10px auto;
	padding:10px 0;
	text-align:center;
}

table#shortreport { border-collapse:collapse;}

#shortreport td {
	border-bottom:1px dotted #1a1a1a;
	padding:2px 5px;
	font-size:11px !important;
}
#shortreport td.col01 { padding:0 10px 0;}
#shortreport td.next { padding-top:8px}
#shortreport td.spacer { width:25px;}
#shortreport td.summary { padding:5px 0;}

.battlereport .win,
.battlereport .draw,
.battlereport .lose,
.battlereport div.combatants {
	background-color:#18131d;
	border:1px solid #000;
}

.battlereport h3 {
	margin:0;
	padding:0 0 10px 0;
}

.battlereport p {
	margin:0;
	padding:5px;
}

.battlereport .combatants {
	background-color:#18131d;
	border:1px solid #000;
}

.battlereport .combatants div {
	float:left;
	padding:10px 0;
	text-align:center;
	width: 100%;
}

.messagebox th.area,
.messagebox td.defense {
	background-color:#13181D;
	border:1px solid #000;
	font-weight:700;
	padding:5px 0;
	text-align:center;
}

.messagebox .spy td {padding:5px;}
.messagebox .fleetdefbuildings td.key{ width:250px; border-bottom:1px dotted #161616;}
.messagebox .fleetdefbuildings td.value{ width:100px; border-bottom:1px dotted #161616;}

.messagebox .note table td.attack {	padding:10px 0;}

.count {width:350px;}

.showmessage .button188 {color:#fff;margin:0 0 0 190px;}

.no-touch .buttonSave:hover {	color:#fff;background:transparent url("/img/icons/95c8d984f0b5e1ecf05e731ffc35f2.gif") no-repeat 0 -81px;}
.no-touch .button188:hover {	color:#fff;background:transparent url("/img/icons/95c8d984f0b5e1ecf05e731ffc35f2.gif") no-repeat 0 -27px;}

.messagebox .note table td.attack a.buttonSave {
	color:#0D1014;
	display:block;
	margin:0 auto;
	text-decoration:none;
}

.messagebox .note table td.attack a span {
	font-weight:700;
	line-height:27px;
}

.contentPageNavi {
    background: #13181D;
    height: 24px;
    line-height: 24px;
}
.contentPageNavi .icon_link {
    margin: 3px 5px 0 5px;
    text-decoration: none;
}
.contentPageNavi .pagination_txt {
    display:inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    vertical-align: top;
}


.searchLayer h2{
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	margin:12px 0;
	padding-left:70px;
}

.ajaxContent {
    background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
    background: rgba(0,0,0,0.6);
    margin: 0;
    min-height: 300px;
    /*overflow-x: hidden;
    overflow-y: auto; */
    padding: 10px 5px;
    /*width: 810px;*/
}


.searchLayer .ajaxContent table th,
.searchLayer .ajaxContent table td {
    text-align:left;
    padding: 5px 2px;
    font-size:11px;
}

.searchLayer .ajaxContent table th.no,
.searchLayer .ajaxContent table td.no {
	width:30px;
}

.searchLayer .ajaxContent table th.highscore,
.searchLayer .ajaxContent table td.highscore {
	padding: 5px 10px 5px 10px;
	text-align:right;
	width:84px;
	padding-right: 25px !important;
}

.searchLayer .ajaxContent table th.action,
.searchLayer .ajaxContent table td.action {
	width:30px;
	text-align: right!important;
}

.searchLayer .ajaxContent table th.allyPoints,
.searchLayer .ajaxContent table td.allyPoints {
	padding: 5px 10px 5px 10px;
	text-align:right;
	width:80px;
}



.searchLayer .ajaxContent table th {
	border-bottom: 1px dotted #848484;
	font-size:11px;
}

.searchLayer .ajaxContent .requestText {
    font-size:11px;
    width: 570px;
    overflow: hidden;
}

tr.alt td {	background: #13181D;}
tr.over td {background: #212a33;}



.buddyRequest .ajaxContent {
    min-height: 250px;
    width: 630px;
}

.showmessage { width:740px; }
#jumpgate .showmessage { width:auto;}
.showmessage strong { font-weight: 700; }
.showmessage div.answerHeadline {
    height:22px;
    font-weight:bold;
    padding:6px 0 0 3px;
    position: relative;
    bottom:0;
    text-transform: capitalize;
}

.showmessage .answerHeadline a,
.showmessage .answerHeadline a.open{
    display:block;
    height:22px;
    right:5px;
    top:3px;
    width:22px;
    position:absolute;
}

.showmessage .answerHeadline a {background:transparent url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat scroll 0 0;}
.showmessage .answerHeadline.open a {background:transparent url("/img/icons/d55059f8c9bab5ebf9e8a3563f26d1.gif") no-repeat scroll 0 -22px;}

.answerForm {
  background: transparent url("/img/icons/6ed70123ac0cf419b30c31d99ae208.png") repeat;
  background: rgba(0,0,0,0.6);
  padding: 0 0 10px 0;
}

.messagebox .own,
.messagebox .newMessage,
.messagebox .other {
    background: none repeat scroll 0 0 #1E242C;
    border:1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:#a9a9a9;
    margin: 0 40px 0 0;
    overflow:hidden;
    padding:5px;
}
.messagebox .other {
    background:#263240;
    margin:0 0 0 40px;
}
.messagebox .newMessage { margin: 0; }

.messagebox .info {
    font-size:10px;
    margin: 15px 0 5px 0;
}

.messagebox .name {
    font-weight:bold;
    color:white;
}

.showmessage div.answerHeadline.pushable {
	background-color: #1f232C;
	cursor:pointer;
}


.messagebox div.retreatText {
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.messagebox div.retreatText span {
    font-size: 9px;
    color: #848484;
    text-align: center;
}

.messagebox span.honorPoints {
    font-weight: normal;
}

#kickMemberReason {
    width: 600px !important;
    text-align: center;
}

#kickMemberReason textarea {
    width: 550px;
}

/*
 * Tipped - A Complete Javascript Tooltip Solution - v4.6.1
 * (c) 2012-2017 Nick Stakenburg
 *
 * http://www.tippedjs.com
 *
 * License: http://www.tippedjs.com/license
 */

.tpd-tooltip {
  position: absolute;
}

/* Fix for CSS frameworks that don't keep the use of box-sizing: border-box
   within their own namespace */
.tpd-tooltip { box-sizing: content-box; }
.tpd-tooltip [class^="tpd-"] { box-sizing: inherit; }

/* Content */
.tpd-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-content-spacer,
.tpd-content-relative,
.tpd-content-relative-padder {
  float: left;
  position: relative;
}
.tpd-content-relative {
  width: 100%;
}

.tpd-content {
  float: left;
  clear: both;
  position: relative;
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
  color: #fff;
  box-sizing: border-box !important;
}
.tpd-has-inner-close .tpd-content-relative .tpd-content { padding-right: 0 !important; }
.tpd-tooltip .tpd-content-no-padding { padding: 0 !important; }

.tpd-title-wrapper {
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-title-spacer {
  float: left;
}
.tpd-title-relative,
.tpd-title-relative-padder {
  float: left;
  position: relative;
}
.tpd-title-relative { width: 100%; }
.tpd-title {
  float: left;
  position: relative;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  box-sizing: border-box !important;
}
.tpd-has-title-close .tpd-title { padding-right: 0 !important; }
.tpd-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  overflow: hidden;
  color: #fff;
}
.tpd-close-icon {
  float: left;
  font-family: Arial, Baskerville, monospace;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}


/* Skin */
.tpd-skin {
  position: absolute;
  top: 0;
  left: 0;
}

.tpd-frames {
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-frames .tpd-frame {
  float: left;
  width: 100%;
  height: 100%;
  clear: both;
  display: none;
}

.tpd-visible-frame-top .tpd-frame-top { display: block; }
.tpd-visible-frame-bottom .tpd-frame-bottom { display: block; }
.tpd-visible-frame-left .tpd-frame-left { display: block; }
.tpd-visible-frame-right .tpd-frame-right { display: block; }

.tpd-backgrounds {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.tpd-background-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  pointer-events: none;
}
.tpd-no-shadow .tpd-skin .tpd-background-shadow { box-shadow: none !important; }

.tpd-background-box {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* only the top background box should be shown when not using a stem */
.tpd-no-stem .tpd-background-box,
.tpd-no-stem .tpd-shift-stem { display: none; }
.tpd-no-stem .tpd-background-box-top { display: block; }

.tpd-background-box-shift,
.tpd-background-box-shift-further {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
}
.tpd-background {
  border-radius: 10px;
  float: left;
  clear: both;
  background: none;
  -webkit-background-clip: padding-box; /* Safari */
  background-clip: padding-box; /* IE9+, Firefox 4+, Opera, Chrome */
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255,255,255,.1); /* opacity here bugs out in firefox, .tpd-background-content should have no opacity if this opacity is less than 1 */
}
.tpd-background-loading { display: none; }
/* no radius */
.tpd-no-radius .tpd-skin .tpd-frames .tpd-frame .tpd-backgrounds .tpd-background { border-radius: 0; }
.tpd-background-title {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-content {
  float: left;
  clear: both;
  width: 100%;
  background-color: #282828;
}
.tpd-background-border-hack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-style: solid;
}

.tpd-background-box-top { top: 0; }
.tpd-background-box-bottom { bottom: 0; }
.tpd-background-box-left { left: 0; }
.tpd-background-box-right { right: 0; }

/* Skin / Stems */
.tpd-shift-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.tpd-shift-stem-side {
  position: absolute;
}
.tpd-frame-top .tpd-shift-stem-side,
.tpd-frame-bottom .tpd-shift-stem-side { width: 100%; }
.tpd-frame-left .tpd-shift-stem-side,
.tpd-frame-right .tpd-shift-stem-side { height: 100%; }

.tpd-stem {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; /* shows possible invalid subpx rendering */
  width: 16px; /* best cross browser stem: width = 2 x height (90deg angle) */
  height: 8px;
  margin-left: 3px; /* space from the side */
  margin-top: 2px; /* space between target and stem */
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
/* remove margins once we're done measuring */
.tpd-tooltip .tpd-skin .tpd-frames .tpd-frame .tpd-shift-stem .tpd-stem-reset { margin: 0 !important; }

.tpd-stem-spacer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tpd-stem-reset .tpd-stem-spacer { margin-top: 0; }

.tpd-stem-point {
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
}
.tpd-stem-downscale,
.tpd-stem-transform {
  float: left;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  position: relative;
}

.tpd-stem-side {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.tpd-stem-side-inversed {
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1);
}
.tpd-stem-triangle {
  width: 0;
  height: 0;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-left-style: solid;
  position: absolute;
  top: 0;
  left: 0;
}
.tpd-stem-border {
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #fff; /* will become transparent */
  border-right-color: #fff;
  border-right-style: solid;
  border-right-width: 0;
}

.tpd-stem-border-corner {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  border-right-style: solid;
  border-right-width: 0;
}

/* fixes rendering issue in IE */
.tpd-stem * { z-index: 0; zoom: 1; }

/* used by IE < 9 */
.tpd-stem-border-center-offset,
.tpd-stem-border-center-offset-inverse {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tpd-stem-notransform {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}
.tpd-stem-notransform .tpd-stem-border {
  height: 100%;
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 0;
}
.tpd-stem-notransform .tpd-stem-border-center {
  position: absolute;
}
.tpd-stem-notransform .tpd-stem-border-corner {
  background: #fff;
  border: 0;
  top: auto;
  left: auto;
}
.tpd-stem-notransform .tpd-stem-border-center,
.tpd-stem-notransform .tpd-stem-triangle {
  height: 0;
  border: 0;
  left: 50%;
}

/* transformations for left/right/bottom */
.tpd-stem-transform-left {
  -webkit-transform: rotate(-90deg) scale(-1,1);
  transform: rotate(-90deg) scale(-1,1);
}
.tpd-stem-transform-right {
  -webkit-transform: rotate(90deg) translate(0, -100%);
  transform: rotate(90deg) translate(0, -100%);
}
.tpd-stem-transform-bottom {
  -webkit-transform: scale(1,-1) translate(0, -100%);
  transform: scale(1,-1) translate(0, -100%);
}


/* Spinner */
.tpd-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 46px;
  height: 36px;
}
.tpd-spinner-spin {
  position: relative;
  float: left;
  margin: 8px 0 0 13px;
  text-indent: -9999em;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left: 2px solid #fff;
  -webkit-animation: tpd-spinner-animation 1.1s infinite linear;
  animation: tpd-spinner-animation 1.1s infinite linear;
  box-sizing: border-box !important;
}
.tpd-spinner-spin,
.tpd-spinner-spin:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
@-webkit-keyframes tpd-spinner-animation {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes tpd-spinner-animation {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* show the loader while loading and hide all the content */
.tpd-is-loading .tpd-content-wrapper,
.tpd-is-loading .tpd-title-wrapper { display: none; }
.tpd-is-loading .tpd-background { display: none; }
.tpd-is-loading .tpd-background-loading { display: block; }



/* Resets while measuring content */
.tpd-tooltip-measuring {
  top: 0;
  left: 0;
  position: absolute;
  max-width: 100%;
  width: 100%;
}
.tpd-tooltip-measuring .tpd-skin,
.tpd-tooltip-measuring .tpd-spinner {
  display: none;
}

.tpd-tooltip-measuring .tpd-content-wrapper,
.tpd-tooltip-measuring .tpd-title-wrapper { display: block; }


/* Links */
.tpd-tooltip a,
.tpd-tooltip a:hover { color: #808080; text-decoration: underline; }
.tpd-tooltip a:hover { color: #6c6c6c; }


/*
 * Sizes
 */
/* x-small */
.tpd-size-x-small .tpd-content,
.tpd-size-x-small .tpd-title {
  padding: 7px 8px;
  font-size: 10px;
  line-height: 15px;
}
.tpd-size-x-small .tpd-background { border-radius: 5px; }
.tpd-size-x-small .tpd-stem {
  width: 12px;
  height: 6px;
  margin-left: 4px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-x-small.tpd-no-radius .tpd-stem { margin-left: 7px; }
.tpd-size-x-small .tpd-close { margin-bottom: 1px; }
.tpd-size-x-small .tpd-spinner {
  width: 35px;
  height: 29px;
}
.tpd-size-x-small .tpd-spinner-spin { margin: 6px 0 0 9px; }
.tpd-size-x-small .tpd-spinner-spin,
.tpd-size-x-small .tpd-spinner-spin:after {
  width: 17px;
  height: 17px;
}

/* small */
.tpd-size-small .tpd-content,
.tpd-size-small .tpd-title {
  padding: 8px;
  font-size: 10px;
  line-height: 16px;
}
.tpd-size-small .tpd-background { border-radius: 6px; }
.tpd-size-small .tpd-stem {
  width: 14px;
  height: 7px;
  margin-left: 5px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-small.tpd-no-radius .tpd-stem { margin-left: 8px; }
.tpd-size-small .tpd-close { margin: 2px 1px; }
.tpd-size-small .tpd-spinner {
  width: 42px;
  height: 32px;
}
.tpd-size-small .tpd-spinner-spin { margin: 7px 0 0 13px; }
.tpd-size-small .tpd-spinner-spin,
.tpd-size-small .tpd-spinner-spin:after {
  width: 18px;
  height: 18px;
}


/* medium (default) */
.tpd-size-medium .tpd-content,
.tpd-size-medium .tpd-title {
  padding: 10px;
  font-size: 11px;
  line-height: 16px;
}
.tpd-size-medium .tpd-background { border-radius: 8px; }
.tpd-size-medium .tpd-stem {
  width: 16px;      /* best cross browser stem width is 2xheight, for a 90deg angle */
  height: 8px;
  margin-left: 6px; /* space from the side */
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-medium.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-medium .tpd-close { margin: 4px 2px; }
/* ideal spinner dimensions don't cause movement op top and
   on the stem when switching to text using position:'topleft' */
.tpd-size-medium .tpd-spinner {
  width: 50px;
  height: 36px;
}
.tpd-size-medium .tpd-spinner-spin { margin: 8px 0 0 15px; }
.tpd-size-medium .tpd-spinner-spin,
.tpd-size-medium .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}


/* large */
.tpd-size-large .tpd-content,
.tpd-size-large .tpd-title {
  padding: 10px;
  font-size: 13px;
  line-height: 18px;
}
.tpd-size-large .tpd-background { border-radius: 8px; }
.tpd-size-large .tpd-stem {
  width: 18px;
  height: 9px;
  margin-left: 7px;
  margin-top: 2px; /* space between target and stem */
}
.tpd-size-large.tpd-no-radius .tpd-stem { margin-left: 10px; }
.tpd-size-large .tpd-close { margin: 5px 2px 5px 2px; }
.tpd-size-large .tpd-spinner {
  width: 54px;
  height: 38px;
}
.tpd-size-large .tpd-spinner-spin { margin: 9px 0 0 17px; }
.tpd-size-large .tpd-spinner-spin,
.tpd-size-large .tpd-spinner-spin:after {
  width: 20px;
  height: 20px;
}



/* Skins */
/* default (dark) */
.tpd-skin-dark .tpd-content,
.tpd-skin-dark .tpd-title,
.tpd-skin-dark .tpd-close { color: #fff; }
.tpd-skin-dark .tpd-background-content,
.tpd-skin-dark .tpd-background-title {
  background-color: #282828;
}
.tpd-skin-dark .tpd-background {
  border-width: 1px;
  border-color: rgba(255,255,255,.1);
}
/* line below the title */
.tpd-skin-dark .tpd-title-wrapper { border-bottom: 1px solid #404040; }
/* spinner */
.tpd-skin-dark .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
/* links */
.tpd-skin-dark a { color: #ccc; }
.tpd-skin-dark a:hover { color: #c0c0c0; }


/* light */
.tpd-skin-light .tpd-content,
.tpd-skin-light .tpd-title,
.tpd-skin-light .tpd-close { color: #333; }
.tpd-skin-light .tpd-background-content {
  background-color: #fff;
}
.tpd-skin-light .tpd-background {
  border-width: 1px;
  border-color: rgba(0,0,0,.3);
}
.tpd-skin-light .tpd-background-title {
  background-color: #f7f7f7;
}
.tpd-skin-light .tpd-title-wrapper { border-bottom: 1px solid #c0c0c0; }
.tpd-skin-light .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
/* fallback for no/disabled shadow */
.tpd-skin-light.tpd-no-shadow .tpd-background {
  border-color: rgba(100,100,100,.3);
}
.tpd-skin-light .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-light a { color: #808080; }
.tpd-skin-light a:hover { color: #6c6c6c; }


/* gray */
.tpd-skin-gray .tpd-content,
.tpd-skin-gray .tpd-title,
.tpd-skin-gray .tpd-close { color: #fff; }
.tpd-skin-gray .tpd-background-content,
.tpd-skin-gray .tpd-background-title {
  background-color: #727272;
}
.tpd-skin-gray .tpd-background {
  border-width: 1px;
  border-color: rgba(255,255,255,.1);
}
.tpd-skin-gray .tpd-title-wrapper { border-bottom: 1px solid #505050; }
.tpd-skin-gray .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-gray a { color: #ccc; }
.tpd-skin-gray a:hover { color: #b6b6b6; }


/* red */
.tpd-skin-red .tpd-content,
.tpd-skin-red .tpd-title,
.tpd-skin-red .tpd-close { color: #fff; }
.tpd-skin-red .tpd-background-content { background-color: #e13c37; }
.tpd-skin-red .tpd-background {
  border-width: 1px;
  border-color: rgba(12,0,0,.6);
}
.tpd-skin-red .tpd-background-title { background-color: #e13c37; }
.tpd-skin-red .tpd-title-wrapper { border-bottom: 1px solid #a30500; }
.tpd-skin-red .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-red .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-red a { color: #ddd; }
.tpd-skin-red a:hover { color: #c6c6c6; }


/* green */
.tpd-skin-green .tpd-content,
.tpd-skin-green .tpd-title,
.tpd-skin-green .tpd-close { color: #fff; }
.tpd-skin-green .tpd-background-content { background-color: #4aab3a; }
.tpd-skin-green .tpd-background {
  border-width: 1px;
  border-color: rgba(0,12,0,.6);
}
.tpd-skin-green .tpd-background-title { background-color: #4aab3a; }
.tpd-skin-green .tpd-title-wrapper { border-bottom: 1px solid #127c00; }
.tpd-skin-green .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-green .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-green a { color: #ddd; }
.tpd-skin-green a:hover { color: #c6c6c6; }


/* blue */
.tpd-skin-blue .tpd-content,
.tpd-skin-blue .tpd-title,
.tpd-skin-blue .tpd-close { color: #fff; }
.tpd-skin-blue .tpd-background-content { background-color: #45a3e3; }
.tpd-skin-blue .tpd-background {
  border-width: 1px;
  border-color: rgba(0,0,12,.6);
}
.tpd-skin-blue .tpd-background-title { background-color: #45a3e3; }
.tpd-skin-blue .tpd-title-wrapper { border-bottom: 1px solid #1674b4; }
.tpd-skin-blue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-blue .tpd-spinner-spin {
  border-color: rgba(255,255,255,.2);
  border-left-color: #fff;
}
.tpd-skin-blue a { color: #ddd; }
.tpd-skin-blue a:hover { color: #c6c6c6; }


/* lightyellow */
.tpd-skin-lightyellow .tpd-content,
.tpd-skin-lightyellow .tpd-title,
.tpd-skin-lightyellow .tpd-close { color: #333; }
.tpd-skin-lightyellow .tpd-background-content { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-background {
  border-width: 1px;
  border-color: rgba(8,8,0,.35);
}
.tpd-skin-lightyellow .tpd-background-title { background-color: #ffffa9; }
.tpd-skin-lightyellow .tpd-title-wrapper { border-bottom: 1px solid #a7a697; }
.tpd-skin-lightyellow .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightyellow .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-lightyellow a { color: #777; }
.tpd-skin-lightyellow a:hover { color: #868686; }


/* lightblue */
.tpd-skin-lightblue .tpd-content,
.tpd-skin-lightblue .tpd-title,
.tpd-skin-lightblue .tpd-close { color: #333; }
.tpd-skin-lightblue .tpd-background-content { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-background {
  border-width: 1px;
  border-color: rgba(0,0,8,.35);
}
.tpd-skin-lightblue .tpd-background-title { background-color: #bce5ff; }
.tpd-skin-lightblue .tpd-title-wrapper { border-bottom: 1px solid #909b9f; }
.tpd-skin-lightblue .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightblue .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-lightblue a { color: #777; }
.tpd-skin-lightblue a:hover { color: #868686; }


/* lightpink */
.tpd-skin-lightpink .tpd-content,
.tpd-skin-lightpink .tpd-title,
.tpd-skin-lightpink .tpd-close { color: #333; }
.tpd-skin-lightpink .tpd-background-content { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-background {
  border-width: 1px;
  border-color: rgba(8,0,0,.35);
}
.tpd-skin-lightpink .tpd-background-title { background-color: #ffc4bf; }
.tpd-skin-lightpink .tpd-title-wrapper { border-bottom: 1px solid #a08f8f; }
.tpd-skin-lightpink .tpd-background-shadow { box-shadow: 0 0 8px rgba(0,0,0,.15); }
.tpd-skin-lightpink .tpd-spinner-spin {
  border-color: rgba(51,51,51,.2);
  border-left-color: #333;
}
.tpd-skin-lightpink a { color: #777; }
.tpd-skin-lightpink a:hover { color: #868686; }

/**
Tipped JS custom skins
 */

/* cloud */
.tpd-skin-cloud .tpd-content,
.tpd-skin-cloud .tpd-title,
.tpd-skin-cloud .tpd-close {
    color: #aaa;
    font-size: 10px;
    line-height: 16px;
    padding: 5px;
}
.tpd-skin-cloud .tpd-background {
    background: linear-gradient(to bottom, #303a46, #242d38 49%, #10181f 81%, #0d1014);
    border: 1px solid #394959;
}
/* links */
.tpd-skin-cloud a {
    color: #6f9fc8;
    text-decoration: none;
}
.tpd-skin-cloud a:hover {
    color: #9c0;
    text-decoration: underline;
}

.tpd-skin-cloud .inactiveLink {
    text-decoration: line-through;
}

/* premium */
.tpd-skin-premium .tpd-content,
.tpd-skin-premium .tpd-title,
.tpd-skin-premium .tpd-close {
    color: #000;
    font-size: 10px;
    line-height: 16px;
    padding: 5px;
}
.tpd-skin-premium .tpd-background {
    background: linear-gradient(to bottom, #a3e4f0, #1cbad7 15%, #0f78b1);
    border: 1px solid #000;
}
/* links */
.tpd-skin-premium a {
    color: #6f9fc8;
    text-decoration: none;
}
.tpd-skin-premium a:hover {
    color: #9c0;
    text-decoration: underline;
}

/* buttons */
.tpd-content-wrapper a.btn_blue { text-decoration: none; }

#toolbarcomponent {
    /*!* Positioning *!*/
    /*position: absolute;*/
    /*top: 145px;*/
    /*!*left: 180px;*!*/
    /*!* Box-Model *!*/
    float: left;
    /*width: 133px;*/
    /*!*margin: 0;*!*/
    /*height: 100%;*/
    /*!* Typography *!*/
    /*line-height: 1;*/
    /*!* Visual *!*/
    /*!* Misc *!*/
}

.menu_icon .menuImage {
    display: block;
    width: 27px;
    height: 27px;
    background: transparent url("/img/icons/ce44d444b7d14a3ea6fa51fa6c1148.png") 0 0 no-repeat;
}

.menu-icon .menuImage a {
    cursor: pointer;
}

.menu_icon .menuImage.grayscale {
    cursor: default;
}

.menu_icon .menuImage.overview { background-position: -162px 0;}
.menu_icon .menuImage.overview_claimable { background-position: -162px -54px;}
.menu_icon .menuImage.lifeform { background-position: -405px 0;}
.menu_icon .menuImage.lifeform.active { background-position: -405px -27px;}
.menu_icon .menuImage.resources { background-position: -243px 0;}
.menu_icon .menuImage.resources.active { background-position: -243px -27px;}
.menu_icon .menuImage.station { background-position: -297px 0;}
.menu_icon .menuImage.station.active { background-position: -297px -27px;}
.menu_icon .menuImage.traderOverview { background-position: -324px 0;}
.menu_icon .menuImage.traderOverview.active { background-position: -324px -27px;}
.menu_icon .menuImage.research { background-position: -216px 0;}
.menu_icon .menuImage.research.active { background-position: -216px -27px;}
.menu_icon .menuImage.shipyard { background-position: -270px 0;}
.menu_icon .menuImage.shipyard.active  { background-position: -270px -27px;}
.menu_icon .menuImage.defense { background-position: -27px 0;}
.menu_icon .menuImage.defense.active  { background-position: -27px -27px;}
.menu_icon .menuImage.fleet1 { background-position: -108px 0;}
.menu_icon .menuImage.fleet1.active  { background-position: -108px -27px;}
.menu_icon .menuImage.galaxy { background-position: -135px 0;}
.menu_icon .menuImage.galaxy.active  { background-position: -135px -27px;}
.menu_icon .menuImage.empire { background-position: -54px 0;}
.menu_icon .menuImage.alliance { background-position: -0px 0;}
.menu_icon .menuImage.alliance.active  { background-position: -0px -27px;}
.menu_icon .menuImage.premium { background-position: -189px 0;}
.menu_icon .menuImage.premium.active  { background-position: -189px -27px;}
.menu_icon .menuImage.shop { background-position: -82px 0;}
.menu_icon .menuImage.shop.active  { background-position: -82px -27px;}
.menu_icon .menuImage.rewarding { background-position: -378px 0;}
.menu_icon .menuImage.rewarding.active  { background-position: -378px -27px;}
.menu_icon .menuImage.marketplace { background-position: -351px 0;}
.menu_icon .menuImage.marketplace.active  { background-position: -351px -27px;}

.menu_icon a:hover .menuImage.overview,
.menu_icon a:active .menuImage.overview,
.menu_icon .menuImage.active.overview { background-position: -162px -54px;}
.menu_icon a:hover .menuImage.lifeform,
.menu_icon a:active .menuImage.lifeform { background-position: -405px -54px;}
.menu_icon a:hover .menuImage.fleet1,
.menu_icon a:active .menuImage.fleet1 { background-position: -108px -54px;}
.menu_icon a:hover .menuImage.resources,
.menu_icon a:active .menuImage.resources { background-position: -243px -54px;}
.menu_icon a:hover .menuImage.traderOverview,
.menu_icon a:active .menuImage.traderOverview { background-position: -324px -54px;}
.menu_icon a:hover .menuImage.alliance,
.menu_icon a:active .menuImage.alliance,
.menu_icon a:hover .menuImage.highlighted.alliance { background-position: -0px -54px;}
.menu_icon a:hover .menuImage.shop,
.menu_icon a:active .menuImage.shop { background-position: -82px -54px;}
.menu_icon a:hover .menuImage.rewarding,
.menu_icon a:active .menuImage.rewarding { background-position: -378px -54px;}
.menu_icon a:hover .menuImage.research,
.menu_icon a:active .menuImage.research { background-position: -216px -54px;}
.menu_icon a:hover .menuImage.marketplace,
.menu_icon a:active .menuImage.marketplace { background-position: -351px -54px;}

.menu_icon a:hover .menuImage.active.overview,
.menu_icon a:active .menuImage.active.overview,
.menu_icon .menuImage.highlighted.overview { background-position: -162px -27px;}
.menu_icon .menuImage.highlighted.resources { background-position: -243px -27px;}
.menu_icon a:hover .menuImage.active.station,
.menu_icon a:active .menuImage.active.station { background-position: -297px -27px;}
.menu_icon .menuImage.highlighted.station { background-position: -297px -54px;}
.menu_icon .menuImage.highlighted.traderOverview { background-position: -324px -27px;}
.menu_icon .menuImage.highlighted.research { background-position: -216px -27px;}
.menu_icon .menuImage.highlighted.shipyard { background-position: -270px -27px;}
.menu_icon .menuImage.highlighted.defense { background-position: -27px -27px;}
.menu_icon .menuImage.highlighted.fleet1 { background-position: -108px -27px;}
.menu_icon .menuImage.highlighted.galaxy { background-position: -135px -27px;}
.menu_icon .menuImage.highlighted.empire { background-position: -54px -27px;}
.menu_icon .menuImage.highlighted.alliance { background-position: -0px -27px;}
.menu_icon .menuImage.highlighted.premium { background-position: -189px -27px;}
.menu_icon .menuImage.highlighted.shop { background-position: -82px -27px;}
.menu_icon .menuImage.highlighted.rewarding { background-position: -378px -27px;}
.menu_icon .menuImage.highlighted.lifeform { background-position: -405px -27px;}

/* CSS Document
 * @descrition: This is the stylesheet for the following Trader Screens:
 *  traderResources, traderScrap, traderImportExport, traderBroker
 * --> when it is finished, it can replace the old trader's css file
 * @autor: Stefanie Knoth
 * last changed: 28.06.2011
*/

/* *****************************************************************************
   ALLGEMEINE STYLES
***************************************************************************** */
#traderOverview #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;
}

/******************************************************/
/***************** TRADER: DetailScreen *****************/
/******************************************************/
#traderOverview .detail_screen #wrapper {
    margin-top: 10px;
}
#traderOverview div#detail div#pic {
    float: left;
    height: 200px;
    margin-left: 2px;
    position: relative;
    width: 200px;
}
#traderOverview .detail_screen #content h2 {
    margin: 2px 0 0 25px;
    width: auto;
}
#traderOverview .detail_screen #content span.level {
    float: right;
    text-align: right;
    width: auto;
    margin-right: 5px;
}
#traderOverview  .detail_screen #content a.close_details { float: right; }

#traderOverview div#features a.build-it,
#traderOverview div#features a.build-it_disabled {
    display: table;
    float: right;
    font-size: 12px;
    left: auto;
    margin-top: 0;
    position: static;
}
#traderOverview div#features .special_price p,
#traderOverview div#features p.more_info {
    color: #6F9FC8;
    float: right;
    font-size: 12px;
    font-weight: 700;
    height: auto;
    line-height: 16px;
    margin: 10px 15px 0 0;
    position: relative;
    width: 140px;
}
#traderOverview div#features .special_price p {
    color: #4EA31B;
    margin: 0 15px 10px 0;
    text-align: center;
}

#shop #description p,
#shop #description div.item_characterclass_bonus,
#traderOverview #description p {
    color: #6F9FC8;
    font-weight: 700;
}

#shop #description div.item_characterclass_bonuslist {
    position: relative;
    display: flex;
    flex-direction: row;
}
#shop #description div.item_characterclass_bonus{
    color: #6F9FC8;
    font-weight: 700;
    margin:0 10px;
}

/**************************************************************************/
/***************** TRADER: Trader Overview, common styles *****************/
/*************************************************************************/

#traderOverview #planet {
    background: url("/img/icons/19853cccba473bd3b1e6fe6e299b55.jpg") no-repeat -273px 0;
    overflow: hidden;
    height: 500px;
    /*position: relative;*/
}
#traderOverview #planet .trader_link h2 {
    margin: 0 0 0 80px;
    overflow: visible;
    width: auto;
}

#traderOverview #planet.detail {
    background-image: url("/img/icons/5a3280d5a02889cfaa24fbdade2304.jpg");
}
#traderOverview #planet #header_text {
    background-image: url("/img/icons/59a78d6821d72627dd24412e1693f0.png");
    display: none;
    height: 250px;
    position: absolute;
    width: 654px;
}
#traderOverview #planet .trader_link {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 235px;
    margin: 0;
    width: 327px;
    text-decoration: none;
    zoom: 1;
}

#traderOverview #planet .resources_link_hover { background: url("/img/icons/74a35222a2588068a3b069bf82f8d1.jpg") no-repeat -273px 0; }
#traderOverview #planet .auctioneer_link_hover { background: url("/img/icons/74a35222a2588068a3b069bf82f8d1.jpg") no-repeat -600px 0; }
#traderOverview #planet .importexport_link_hover { background: url("/img/icons/74a35222a2588068a3b069bf82f8d1.jpg") no-repeat -600px -235px; }
#traderOverview #planet .scrap_link_hover { background: url("/img/icons/74a35222a2588068a3b069bf82f8d1.jpg") no-repeat -273px -235px; }

#traderOverview #planet .small_back_to_overview {
    position: absolute;
    width: 40px;
    height: 32px;
    bottom: 0;
    left: 0;
    z-index: 1;
}

#traderOverview .back_to_overview {
    background: url("/img/icons/0d5c994d405e1e1da32429819c3742.png") no-repeat scroll 0 0 transparent;
    display: none;
    height: 149px;
    position: relative;
    top: 20px;
    width: 60px;
}

#traderOverview .back_to_overview.left {
    background-position: 0 0;
    float: left;
    left: 0;
}
#traderOverview .back_to_overview.right {
    background-position: -60px 0;
    float: right;
    right: 0;
}

#traderOverview .c-left,
#traderOverview .c-right { top: 434px; }
#traderOverview .c-small { top: 214px; }

#traderOverview strong { font-weight: bold; }

#traderOverview .div_trader {
    background: none;
    color: #848484;
    height: auto;
    margin: 3px auto 25px;
    width: 667px;
}
#traderOverview .div_trader .header {
    background: url("/img/icons/10e31cd5234445e4084558ea3506ea.gif") no-repeat;
    height: 28px;
    text-align: center;
}
#traderOverview .div_trader .content {
    background: url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    min-height: 220px;
}
#traderOverview .div_trader #activeTrader .content {
    min-height: 75px;
}
#traderOverview .div_trader .footer {
    background: url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") no-repeat;
    height: 29px;
}

#traderOverview .div_trader .left_box b { font-weight: bold;}

#traderOverview .div_trader .right_box .green_text,
#traderOverview .div_trader .left_box .green_text,
#traderOverview .div_trader .left_box .detail_value.green_text { color: #4EA31B; }

#traderOverview .div_trader .left_box .red_text,
#traderOverview .div_trader .left_box .detail_value.red_text { color: #d43635; }

#traderOverview p.stimulus {
    min-height: 20px;
    padding: 10px 20px;
}
#traderOverview .div_trader .left_box {
    float: left;
    height: auto;
    margin: 0 0 0 10px;
    width: 222px;
}
#traderOverview .div_trader .left_box .left_header {
    background: url("/img/icons/ed2e9e89d20a14ede341ae20ca75ae.gif") no-repeat transparent;
    height: 32px;
    text-align: center;
}
#traderOverview .div_trader .left_box .left_content {
    background: url("/img/icons/160078fc4306ae8c869c034b681e83.gif") repeat-y;
    height: auto;
    padding: 13px 13px 0 13px;
}
#traderOverview #div_traderAuctioneer .left_box .left_content .overlay {
    background: #848484;
    margin: 0;
    width: 200px;
    height: 375px;
    position: absolute;
    display: none;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
*+html #traderOverview #div_traderAuctioneer .left_box .left_content .overlay { margin-left: -100px; }

#traderOverview .div_trader .left_box .left_footer {
    background: url("/img/icons/4ae88977dce87d1ec5db4d58439ff6.gif") no-repeat;
    height: 20px;
}
#traderOverview .div_trader .right_box {
    margin: 0 0 0 229px;
    height: auto;
    width: 431px;
    position: relative;
}

#traderOverview .div_trader .noAuctionOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #0D1218;
    z-index: 50;
    opacity: .8;
    filter: alpha(opacity=80);
}

#traderOverview .div_trader .right_box .right_header {
    background: url("/img/icons/5d82db8bdc8d0677b0c4ec6d71f538.gif") no-repeat transparent;
    height: 33px;
    text-align: center;
}
#traderOverview .div_trader .right_box .right_content {
    background: url("/img/icons/26da74ca77f0bdb1b5eb182ef72fe8.gif") repeat-y;
    min-height: 345px;
    padding: 13px 0 0 0;
    position: relative;
}
#traderOverview .div_trader #resourceTraderCall.right_box .right_content,
#traderOverview #resourceTraderCall .content,
#traderOverview #div_traderResources .left_box .left_content {
    padding: 0;
    min-height: 160px;
}
#traderOverview #div_traderImportExport .right_box .right_content { min-height: 300px; }
*+html #traderOverview .div_trader .right_box .right_header,
*+html #traderOverview .div_trader .right_box .right_content,
*+html #traderOverview .div_trader .right_box .right_footer { width: 431px; margin: 0 0 0 -12px; }

#traderOverview .div_trader .right_box .right_footer {
    background: url("/img/icons/a71a82479a628f58a8f25509b8cac4.gif") no-repeat;
    height: 20px;
}

#traderOverview .div_trader .even { background-color: #0d1218;}
#traderOverview .div_trader .odd { background-color: #121a23;}

/* Auktionator */
/* Auktionator Left */
#traderOverview .div_trader .left_box .image_140px {
    height: 140px;
    width: 140px;
    margin: 15px auto;
    position: relative;
}
#traderOverview .div_trader .left_box .detail_button {
    background: url("/img/icons/2fdbfb9b4367313510bd42f4d1395d.png") no-repeat left bottom;
    display: block;
    height: 140px;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 140px;
    z-index: 2;
}

#traderOverview .div_trader .left_box .detail_button.r_rare_140px { background-position: 0 0; }
#traderOverview .div_trader .left_box .detail_button.r_uncommon_140px { background-position: -141px 0; }
#traderOverview .div_trader .left_box .detail_button.r_common_140px { background-position: -282px 0; }
#traderOverview .div_trader .left_box .detail_button.r_buddy_140px { background-position: -423px 0; }
#traderOverview .div_trader .left_box .detail_button.r_epic_140px { background-position: -564px 0; }

#traderOverview .div_trader .left_box .ecke {
    color: #FF9600;
    float: left;
    font-size: 13px;
    left: 10px;
    position: relative;
    text-align: right;
    top: 120px;
    width: 120px;
}
#traderOverview .div_trader .left_box .auction_info {
    font-size: 15px;
    height: 45px;
    padding: 0 5px 15px;
}
#traderOverview .div_trader .left_box .auction_detail {
    display: block;
    height: 17px;
    line-height: 17px;
    padding: 3px;
    text-align: left;
    width: 189px;
}
#traderOverview .div_trader .left_box .detail_value {
    color: #fff;
    display: block;
    height: 17px;
    padding: 3px;
    text-align: left;
    text-decoration: none;
    width: 189px;
}
*+html #traderOverview .div_trader .left_box .detail_value { }
/***** Dropdown for planet Selection (auctioneer and import/export) ******/

#traderOverview .source {
    background: url("/img/icons/959a4123aecfd2de881188648e6f71.gif") no-repeat 0 0;
    display: inline-block;
    height: 30px;
    width: 37px;
    margin: 0 0 0 3px;
}
#traderOverview .source.planet {
}
#traderOverview .source.moon {
    background-position: -37px 0;
}
#traderOverview .source.honor {
    background-position: -76px 0;
    margin-right: 10px;
}
#traderOverview .source.hover,
#traderOverview .source.selected { background-position: 0 -30px; }
#traderOverview .moon.hover,
#traderOverview .moon.selected { background-position: -37px -30px; }
#traderOverview .honor.hover,
#traderOverview .honor.selected { background-position: -76px -30px; }
#traderOverview .selectWrapper {
    display: block;
    height: 40px;
    margin-right: 15px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
}
#traderOverview .currentPlanet,
#traderOverview .toggleLink {
    background: url("/img/icons/853a6164b751f2ffa84849ab70aebb.gif") no-repeat;
    color: #848484;

    display: inline-block;

    height: 31px;
    padding: 0 0 0 20px;
    text-align: left;
    text-decoration: none;
    width: 235px;
    vertical-align: top;
}

#traderOverview .toggleLink.honor {
    background: none;
}

#traderOverview .toggleLink img { margin: 8px 0 0 0;}
#traderOverview .option_source {
    position: relative;
    top: -3px;
    width: 165px;
    height: 15px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 15px;
}

#traderOverview .currentPlanet { margin: 0 0 0 240px; }

#traderOverview .togglePanel {
    background: #181f26;
    border: 2px solid #000;
    color: #848484;
    margin: 0 38px 0 0;
    padding: 4px;
    text-align: left;
    text-decoration: none;
    width: 193px;

    position: absolute;
    z-index: 10;
    border-top: none;

    right: 15px;
    top: 30px;
}

#traderOverview .togglePanel li {
    cursor: pointer;
    list-style: none;
    padding: 0 0 0 3px;
}

/***** End Dropdown for planet Selection ******/

#traderOverview .auction_history {
    font-size: 11px;
    height: auto;
    margin: 5px 10px 0;
    width: 650px;
}
#traderOverview .auction_history .history_header {
    background: url("/img/icons/e9a4aae5433b88a8a0eea95aa2feab.gif") no-repeat;
    text-align: center;
}
#traderOverview .auction_history .history_content {
    background: url("/img/icons/ce8524fb61f99882b496c105b37956.gif") repeat-y;
    padding: 6px 15px;
    height: auto;
}
#traderOverview .auction_history .history_footer {
    background: url("/img/icons/edda30d6228d559e8fd41fd9d57296.gif") no-repeat;
    height: 20px;
}
#traderOverview .div_trader .auction_history li {
    height: 33px;
    list-style: none;
}
#traderOverview .div_trader .auction_history .item_img {
    display: inline-block;
    float: left;
    height: 30px;
    margin: 0;
    width: 30px;
}
#traderOverview .auction_history .detail {
    display: inline-block;
    float: left;
    line-height: 30px;
    padding: 0 5px;
    text-align: right;
}
#traderOverview .auction_history .sum { width: 150px; }
#traderOverview .auction_history .player {
    text-align: left;
    padding-left: 40px;
    width: 230px;
}
#traderOverview .auction_history .date_time { width: 130px; }
#traderOverview .more {
    float: right;
    margin: 0 15px 0 0;
}
#traderOverview .auction_history .more_auctions_li { display: none; }


/* Auktionator Right */

#traderOverview .div_trader .slider_resources {
    height: 70px;
    margin: 2px 10px;
}
#traderOverview .div_trader .slider_resources.first {
    margin: 0 10px 0;
    padding: 40px 0 0 0;
}

#traderOverview .div_trader .resource_label {
    float: left;
    margin: 1px 2px;
    position: relative;
}

#traderOverview .div_trader .right_box .value-control {
    cursor: pointer;
    float: left;
    height: 22px;
    margin: 0 3px 0 3px;
    position: relative;
    text-indent: -9999px;
    width: 19px;
}
#traderOverview .div_trader .right_box .less { background: url("/img/icons/086053976a12c564e42cf8b50e6e41.png")  no-repeat 0 0; }
#traderOverview .div_trader .right_box .more { background: url("/img/icons/086053976a12c564e42cf8b50e6e41.png") no-repeat -35px 0; }
#traderOverview .div_trader .right_box .max {
    background: url("/img/icons/086053976a12c564e42cf8b50e6e41.png") repeat scroll -54px 0 transparent;
    margin: 1px 0 0 3px;
    width: 23px;
}

#merchant a.setMaxValue {
    background: url("/img/icons/220ba93a2077a9f4338e313354ee19.png") no-repeat;
    height: 32px;
    width: 32px;
    display: block;
}


#traderOverview .div_trader .right_box .less.hover { background: url("/img/icons/086053976a12c564e42cf8b50e6e41.png") no-repeat 0 -22px; }
#traderOverview .div_trader .right_box .more.hover { background: url("/img/icons/086053976a12c564e42cf8b50e6e41.png") no-repeat -35px -22px; }
#traderOverview .div_trader .right_box .max.hover { background: url("/img/icons/086053976a12c564e42cf8b50e6e41.png") no-repeat -54px -22px; }

#traderOverview .resourceAmount {
    font-size: 16px;
    text-align: right;
    width: 190px;
    margin: 0 5px 0 2px;
}

#traderOverview .table_ressources {
    color: #848484;
    font-size: 12px;
    margin: 35px 0 0 11px;
    position: relative;
    width: 395px;
    z-index: 0;
}
#traderOverview .max_hint {
    margin: 0 0 10px 0;
    text-align: center;
}
#traderOverview .table_ressources_sum {
    margin-right: 20px;
    width: 400px;
    font-size: 12px;
    color: #848484;
    bottom: 40px;
    position: absolute;
    right: 0;
}

#traderOverview td.auctionInfo {
    height: 25px;
    text-align: right;
    padding-right: 3px;
}

#traderOverview #div_traderAuctioneer .max_planet_res,
#traderOverview #div_traderImportExport .max_planet_res{
    font-size: 10px;
    padding: 0 0 8px;
    text-align: center;
    width: 120px;
}

#traderOverview #div_traderAuctioneer .multiplier,
#traderOverview #div_traderImportExport .multiplier {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    width: 80px;
}

#traderOverview .div_trader .right_box .label {
    display: inline-block;
    float: left;
    height: 15px;
    margin: 0;
    text-align: right;
    width: 275px;
}

#traderOverview .div_trader .simple_input {
    background: #0d1014;
    color: #848484;
    height: 20px;
    margin: 0;
    text-align: right;
    width: 115px;
    display: inline-block;
}

#traderOverview .div_trader .right_box .label_bottom_margin {
    margin-bottom: 15px;
}

#traderOverview .div_trader .right_box .overbid {
    color: #d43635;
    font-weight: bold;
}
#traderOverview .div_trader .right_box .overbid_text {
    background: url("/img/icons/7474daa3a810352a6d2e2fde750826.gif") no-repeat;
    color: #d43635;
    font-weight: bold;
    height: auto;
    line-height: 18px;
    padding: 0 0 0 25px;
    text-align: left;
    bottom: 0;
    left: 15px;
    position: absolute;
}

/* Scrap Trader */

/* Trader Button Styles */
#traderOverview .bargain,
#traderOverview #div_traderScrap .scrap_it,
#traderOverview .div_trader .right_box .pay {
    background: url("/img/icons/86fae2d27eccc9e7c260fc99de410c.png") no-repeat;
    color: #fff;
    cursor: pointer;
    cursor: hand;
    float: right;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    margin: 20px 15px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px #171E25, 0 0 8px #226000;
    width: 163px
}
#traderOverview #div_traderScrap .bargain { margin: 12px 15px 0 0; }
#traderOverview #div_traderScrap .scrap_it { margin: 15px 36px 0 0; }
#traderOverview .bargain.hover,
.no-touch #traderOverview .bargain:hover,
#traderOverview #div_traderScrap .scrap_it.hover,
.no-touch #traderOverview #div_traderScrap .scrap_it:hover,
.no-touch #traderOverview .div_trader .right_box .pay:hover { background: url("/img/icons/86fae2d27eccc9e7c260fc99de410c.png") no-repeat 0 -38px; }
#traderOverview .bargain.disabled,
#traderOverview  #div_traderScrap .scrap_it.disabled,
#traderOverview .bargain.disabled:hover,
#traderOverview  #div_traderScrap .scrap_it.disabled:hover { background: url("/img/icons/86fae2d27eccc9e7c260fc99de410c.png") no-repeat 0 -76px; }
#traderOverview  #div_traderScrap .scrap_it.hidden { visibility: hidden; }


#traderOverview .got_item_text {
    font-weight: 700;
}

#div_traderScrap .allornonewrap {
    margin: 15px 0 0 36px;
    width: 78px;
}

#traderOverview .div_trader .right_box .pay {
    margin: 10px 20px 0 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
#traderOverview .div_trader .right_box .pay.hover { background-position:0  -38px; }
#traderOverview .div_trader .right_box .pay.disabled { background-position:0  -76px; }
/* Trader Button Styles End*/

/* Scrap Trader  Left */

#traderOverview .scrap_trader_img {
    display: block;
    float: left;
    margin: 0 3px;
    height: 140px;
    width: 140px;
}
#traderOverview .scrap_trader_quote {
    font-size: 11px;
    font-style: italic;
    height: 52px;
    text-align: left;
}

#traderOverview .offer_label {
    color: #6F9FC8;
    float: left;
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    margin: 10px 7px 5px;
    text-align: left;
    width: 175px;
}
#traderOverview .offer {
    background: #131a22;
    border: 1px solid #000;
    color: #fff;
    float: left;
    font-size: 13px;
    height: 140px;
    margin: auto 4px;
    position: relative;
    text-align: center;
    width: 38px;
}
#traderOverview #div_traderScrap .scrap_offer_amount {
    background: rgb(71,150,23); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(71,150,23,1) 0%, rgba(44,121,3,1) 50%, rgba(71,150,23,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(71,150,23,1)), color-stop(50%,rgba(44,121,3,1)), color-stop(100%,rgba(71,150,23,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(71,150,23,1) 0%,rgba(44,121,3,1) 50%,rgba(71,150,23,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(71,150,23,1) 0%,rgba(44,121,3,1) 50%,rgba(71,150,23,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgba(71,150,23,1) 0%,rgba(44,121,3,1) 50%,rgba(71,150,23,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#479617', endColorstr='#479617',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, rgba(71,150,23,1) 0%,rgba(44,121,3,1) 50%,rgba(71,150,23,1) 100%); /* W3C */
    bottom: 1px;
    height: 70px;
    left: 1px;
    position: absolute;
    width: 36px;
}
#traderOverview .bargain_cost {
    font-size: 11px;
    padding: 3px 0 0 0;
    text-align: center;
}
/* Scrap Trader Right */

#traderOverview #div_traderScrap .item {
    float: left;
    height: 95px;
    margin: 4px;
    width: 80px;
}
*+html #traderOverview #div_traderScrap .item {
    height: 80px;
    padding-bottom: 15px;
}

#traderOverview .buildingimg { margin: 0 0 3px 0; }

#traderOverview .ship_amount {
    font-size: 10px;
    height: 11px;
    left: 8px;
    line-height: 11px;
    padding-bottom: 2px;
    text-align: center;
    width: 45px;
}
#traderOverview #merchant .max,
#traderOverview #div_traderScrap .max {
    background:url("/img/icons/d324f444e6a74acbe6346b3545061e.gif") no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    overflow: hidden;
    position: relative;
    top: 3px;
    margin: 0;
    width: 14px;
}
*+html #traderOverview #div_traderScrap .max { top: 0;}
#traderOverview #merchant .max { top: 5px; }

#traderOverview #div_traderScrap .off .max {
    background: url("/img/icons/e9e099800911bdeb24fb6b1b970c40.gif") no-repeat scroll 0 0 transparent;
}
#traderOverview #div_traderScrap .off a {
    cursor: default;
}
#traderOverview #div_traderScrap .on .max.active,
.no-touch #traderOverview #div_traderScrap .on .max:hover,
#traderOverview #div_traderScrap .on .max:link,
#traderOverview #div_traderScrap .on .max:visited {
    background: url("/img/icons/fa0c8ee62604e3af52e6ef297faf3c.gif") no-repeat scroll 0 0 transparent;
}

#traderOverview .scrap_ships,
#traderOverview .scrap_defense {
    background: url("/img/icons/548bc30b8ed3413d7d0f0ac1bc6f80.gif") no-repeat;
    cursor: pointer;
    cursor: hand;
    display: inline-block;
    float: left;
    height: 22px;
    padding: 4px 0 0 0;
    text-align: center;
    width: 177px;
}
#traderOverview .scrap_ships.selected,
#traderOverview .scrap_defense.selected {
    background: url("/img/icons/548bc30b8ed3413d7d0f0ac1bc6f80.gif") no-repeat 0 -26px;
    color: #fff;
}
#traderOverview .scrap_ships { margin: 0 0 0 34px; }

#traderOverview .info_scrap_success {
    background: url("/img/icons/bc6f81a39e1b6d3b359a1b237cad1d.png") no-repeat scroll 3px 3px #1E272E;
    font-size: 11px;
    height: auto;
    left: 170px;
    padding: 3px 3px 3px 40px;
    position: relative;
    text-align: left;
    top: -180px;
    width: 200px;
}

/* Anything Slider Modifications for Scrap Trader */

#traderOverview .sliderWrapper {
    width: 400px;
    height: 225px;
    margin-left: 15px;
}

#traderOverview div.anythingSlider {
    float: left;


    padding: 0 25px 5px 22px;
}

*+html #traderOverview div.anythingSlider { margin: 0 0 0 -9px; }

#traderOverview div.anythingSlider .anythingWindow {
    border-left: 1px solid #22313b;
    border-right: 1px solid #22313b;
    border-bottom: 1px solid #22313b;
}
/* Navigation Arrows */
#traderOverview div.anythingSlider .arrow a {
    background: url("/img/icons/8262d3e0a091b16540301a19ed6240.png") no-repeat;
    display: block;
    height: 168px;
    margin: -90px 0 0 0; /* half height of image */
    text-align: center;
    outline: 0;
    width: 16px;
}

#traderOverview div.anythingSlider .forward a {
    background-position: -67px 0;
    margin-right: 2px;
}
#traderOverview div.anythingSlider .back a {
    background-position: -18px 0;
    margin-left: 4px;
}
.no-touch #traderOverview div.anythingSlider .forward a:hover,
#traderOverview div.anythingSlider .forward a.hover {
    background-position: -83px 0;
}

#traderOverview div.anythingSlider .forward.disabled a,
.no-touch #traderOverview div.anythingSlider .forward.disabled a:hover,
#traderOverview div.anythingSlider .forward.disabled a.hover { background-position: -51px 0; }
#traderOverview div.anythingSlider .back.disabled a,
.no-touch #traderOverview div.anythingSlider .back.disabled a:hover,
#traderOverview div.anythingSlider .back.disabled a.hover { background-position: -34px 0; }



/* ***** Import / Export ******** */
#traderOverview .import_export_quote {
    font-size: 11px;
    font-style: italic;
    height: auto;
    margin: 10px 3px 10px 0;
    text-align: left;
}

#traderOverview .import_price {
    display: block;
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    margin: 3px 0 8px;
    text-align: left;
    width: 48px;
}
#traderOverview .resource_amount {
    color: #848484;
    float: left;
    font-size: 16px;
    height: 22px;
    padding: 6px 4px;
    position: relative;
    text-align: right;
    width: 135px;

}

#traderOverview .price {
    color: #848484;
    float: right;
    font-size: 14px;
    height: 20px;
    position: relative;
    text-align: right;
    width: 135px;
    margin: 3px 0 8px;

}
#traderOverview #div_traderScrap .resource_amount {
    height: 23px;
    padding: 5px 4px;
    width: 125px;
}

#traderOverview #div_traderImportExport .res_info {
    float: left;
    margin-top: 7px;
}

#traderOverview #div_traderImportExport .bar {
    background: url("/img/icons/86cb9df5e6598f13f1ab4da23cbfa5.png") no-repeat -180px 0;
    height: 8px;
    margin-top: 17px;
    position: relative;
    width: 180px;
}

#traderOverview .bargain_overlay {
    background: -moz-linear-gradient(top, rgba(13,16,20,1) 0%, rgba(16,24,31,1) 19%, rgba(16,24,31,1) 49%, rgba(16,24,31,1) 81%, rgba(13,16,20,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,16,20,1)), color-stop(19%,rgba(16,24,31,1)), color-stop(49%,rgba(16,24,31,1)), color-stop(81%,rgba(16,24,31,1)), color-stop(100%,rgba(13,16,20,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(13,16,20,1) 0%,rgba(16,24,31,1) 19%,rgba(16,24,31,1) 49%,rgba(16,24,31,1) 81%,rgba(13,16,20,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(13,16,20,1) 0%,rgba(16,24,31,1) 19%,rgba(16,24,31,1) 49%,rgba(16,24,31,1) 81%,rgba(13,16,20,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(13,16,20,1) 0%,rgba(16,24,31,1) 19%,rgba(16,24,31,1) 49%,rgba(16,24,31,1) 81%,rgba(13,16,20,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f20d1014', endColorstr='#f20d1014',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(13,16,20,1) 0%,rgba(16,24,31,1) 19%,rgba(16,24,31,1) 49%,rgba(16,24,31,1) 81%,rgba(13,16,20,1) 100%); /* W3C */

    height: 290px;
    margin: 0 0 0 8px;
    position: absolute;
    padding: 20px 0 0 0;
    text-align: left;
    width: 415px;
    z-index: 4;
}
#traderOverview .bargain_left_overlay {
    background: -moz-linear-gradient(top, rgba(24,31,39,1) 0%, rgba(33,43,56,1) 19%, rgba(33,43,56,1) 49%, rgba(33,43,56,1) 81%, rgba(24,31,39,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,31,39,1)), color-stop(19%,rgba(33,43,56,1)), color-stop(49%,rgba(33,43,56,1)), color-stop(81%,rgba(33,43,56,1)), color-stop(100%,rgba(24,31,39,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(24,31,39,1) 0%,rgba(33,43,56,1) 19%,rgba(33,43,56,1) 49%,rgba(33,43,56,1) 81%,rgba(24,31,39,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(24,31,39,1) 0%,rgba(33,43,56,1) 19%,rgba(33,43,56,1) 49%,rgba(33,43,56,1) 81%,rgba(24,31,39,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(24,31,39,1) 0%,rgba(33,43,56,1) 19%,rgba(33,43,56,1) 49%,rgba(33,43,56,1) 81%,rgba(24,31,39,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc181f27', endColorstr='#cc181f27',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(24,31,39,1) 0%,rgba(33,43,56,1) 19%,rgba(33,43,56,1) 49%,rgba(33,43,56,1) 81%,rgba(24,31,39,1) 100%); /* W3C */

    height: 310px;
    left: 25px;
    margin: 0 0 0 -4px;
    position: absolute;
    width: 204px;
    z-index: 4;
}
*+html #traderOverview .bargain_overlay { margin:0; }

#traderOverview .bargain_overlay p {
    margin: 10px;
    text-align: left;
}
#traderOverview .import_bargain {
    float: left;
    margin: 60px 20px 0;
}
#traderOverview #div_traderImportExport .bargain_cost { margin-left: 20px; }


/* *****************************************************************************
   RESOURCE TRADER COMMON
***************************************************************************** */

#div_traderResources .big_tab {
    margin: 13px 0 0 0;
    width: 312px;
}

#div_traderResources .content { padding: 0 19px; }

#div_traderResources .teaser_txt {
    border-bottom: 1px solid #0d1014;
    line-height: 17px;
    padding: 15px 10px;
}

#div_traderResources .content_inner {
    border-top: 1px solid #293442;
}

#div_traderResources .content_inner.productionBasedPackages {
    padding-bottom: 2px;
}
#div_traderResources .content_inner.productionBasedPackages .roundBox {
    margin: 5px;
    border-radius: 3px;
    border: 0.5px solid black;
    background: linear-gradient(to bottom, #283540, #1D2834);
}
#div_traderResources .content_inner.productionBasedPackages .fillup {
    width: 196px;
}
#div_traderResources .content_inner.productionBasedPackages .fillup.premium {
    background: radial-gradient(#183E61 50%, #194E6E 70%);
}
#div_traderResources .content_inner.productionBasedPackages .fillup.allLocalResources {
    width: 613px;
}
#div_traderResources .content_inner.productionBasedPackages .hints {
    width: 606px;
    margin-left: 7px;
    padding-left: 7px;
}
#div_traderResources .content_inner.productionBasedPackages .hints ul {
    list-style: disc;
    margin: 0 10px 10px 18px;
}
#div_traderResources .content_inner.productionBasedPackages .fillup .resource_box {
    margin: 6px 0 6px 3px;
}


#div_traderResources .content_inner.productionBasedPackages .fillup .btn_wrap {
    width: auto;
    margin: 4px 0 0 24px;
}

#div_traderResources .content_inner.productionBasedPackages .fillup {
    height: 165px;
}

#div_traderResources .content_inner.productionBasedPackages .fillup.allLocalResources .btn_wrap {
    margin: 4px 0 0 231px;
}
#div_traderResources .content_inner.productionBasedPackages .btn_premium.small {
    background-position: -1px -156px;
}
#div_traderResources .content_inner.productionBasedPackages .fillup_txt>span {
    color: gold;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}
#div_traderResources .content_inner.productionBasedPackages .fillup.allLocalResources .fillup_txt>span {
    font-size: 30px;
    text-shadow: 1px -1px 3px wheat;
}
#div_traderResources .content_inner.productionBasedPackages .fillup .fillup_cost {
    padding-top: 3px;
}

.resource_name input[type="text"] {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
    width: 75px;
    font-size: 11px;
    line-height: 10px;
    box-sizing: border-box;
    height: 16px;
}
/* *****************************************************************************
   RESOURCE TRADER - BUY RESOURCES
***************************************************************************** */
.buy_resources .h3 { padding: 15px 10px; }

.buy_resources .fill_resource { padding: 0 0 27px 2px; }

.buy_resources .resource_box,
.buy_resources .resource_capacity,
.buy_resources .fillup,
.buy_resources .fillup.disabled,
.buy_resources .fillup_10percent,
.buy_resources .fillup_50percent,
.buy_resources .fillup_100percent,
.buy_resources .fillup_10K,
.buy_resources .fillup_100K,
.buy_resources .fillup_1M,
.buy_resources .fillup_10M,
.buy_resources .fillup_100M,
.buy_resources .disabled .fillup_10percent,
.buy_resources .disabled .fillup_50percent,
.buy_resources .disabled .fillup_100percent,
.buy_resources .disabled .fillup_10K,
.buy_resources .disabled .fillup_100K,
.buy_resources .disabled .fillup_1M,
.buy_resources .disabled .fillup_10M,
.buy_resources .disabled .fillup_100M,
#div_traderResources .step_arrow {
    background-image: url(/img/icons/19cbc2976af3dc792e40bf977c9dcb.png);
    background-repeat: no-repeat;
}

.buy_resources.productionBasedPackages .resource_box {
    float: left;
    height: 99px;
    width: 92px;
    position: relative;
}

.buy_resources.productionBasedPackages .resource_img {
    background-repeat: no-repeat;
    margin: 3px 8px;
    height: 73px;
    width: 75px;
    background-size: 75px 73px;
}

.buy_resources:not(.productionBasedPackages) .resource_box {
    background-position: 0 0;
    float: left;
    height: 99px;
    width: 92px;
}
.buy_resources:not(.productionBasedPackages) .resource_img {
    background-image: url(/img/icons/7f14c18b15064d2604c5476f5d10b3.png);
    background-repeat: no-repeat;
    height: 74px;
    margin: 3px 8px;
    width: 76px;
}
.buy_resources:not(.productionBasedPackages) .resource_img.metal { background-position: -2px -2px; }
.buy_resources:not(.productionBasedPackages) .resource_img.crystal { background-position: -82px -2px; }
.buy_resources:not(.productionBasedPackages) .resource_img.deuterium { background-position: -162px -2px; }


.buy_resources .resource_name {
    margin: 0 8px;
    text-align: center;
}

.buy_resources .fill_resource_ctn { margin: 0 0 0 92px; }

.buy_resources .resource_capacity {
    background-position: -92px 0;
    height: 44px;
    padding: 0 16px;
    width: 492px;
}
.buy_resources .capacity_txt {
    color: #6F9FC8;
    font-weight: bold;
    line-height: 24px;
    width: 100%;
}
.buy_resources .current_stock {
    float: right;
    line-height: 14px;
    width: 155px;
}
.buy_resources .bar_container {
    float: left;
    margin: 2px 0 0 0;
    width: 330px;
}

.buy_resources .fillup {
    background-position: -270px -48px;
    cursor: pointer;
    float: left;
    margin: 3px 4px 0 2px;
    height: 158px;
    width: 170px;
}
.buy_resources .fillup.premium {
    color: #bebebe;
    cursor: default;
    background-position: -95px -48px;
}
.buy_resources .fillup.disabled {
    color: #bebebe;
    cursor: default;
}

.buy_resources .fillup_txt {
    padding: 7px 8px 0 10px;
    text-align: center;
}

.buy_resources .fillup_10percent,
.buy_resources .fillup_50percent,
.buy_resources .fillup_100percent,
.buy_resources .fillup_10K,
.buy_resources .fillup_100K,
.buy_resources .fillup_1M,
.buy_resources .fillup_10M,
.buy_resources .fillup_100M {
    height: 57px;
    margin: 0 11px;
    width: 148px;
}

.buy_resources .fillup_10percent { background-position: -440px -50px; }
.buy_resources .fillup_50percent { background-position: -440px -107px; }
.buy_resources .fillup_100percent { background-position: -440px -164px; }
.buy_resources .fillup_10K { background-position: -740px -50px; }
.buy_resources .fillup_100K { background-position: -740px -107px; }
.buy_resources .fillup_1M { background-position: -740px -164px; }
.buy_resources .fillup_10M { background-position: -440px -221px; }
.buy_resources .fillup_100M { background-position: -740px -221px; }

.buy_resources .disabled .fillup_10percent { background-position: -590px -50px; }
.buy_resources .disabled .fillup_50percent { background-position: -590px -107px; }
.buy_resources .disabled .fillup_100percent { background-position: -590px -164px; }
.buy_resources .disabled .fillup_10K { background-position: -890px -50px; }
.buy_resources .disabled .fillup_100K { background-position: -890px -107px; }
.buy_resources .disabled .fillup_1M { background-position: -890px -164px; }
.buy_resources .disabled .fillup_10M { background-position: -590px -221px; }
.buy_resources .disabled .fillup_100M { background-position: -890px -221px; }

.buy_resources .fillup_cost {
    line-height: 16px;
    padding: 2px 8px 0 10px;
    text-align: center;
    height: 33px;
}


/* ********** OVERLAY: RESOURCE TRADER - BUY RESOURCES ********************** */
.overlayDiv .buy_resources .h2 { margin: 10px 0 10px 10px; }


/* *****************************************************************************
   RESOURCE TRADER - EXCHANGE RESOURCES
***************************************************************************** */

#div_traderResources .call_trader_step1 {
    float: left;
    height: 140px;
    margin: 0 0 15px 12px;
    width: 295px;
}
#div_traderResources .call_trader_step2 {
    float: left;
    height: 140px;
    margin: 0 0 15px;
    width: 306px;
}
#div_traderResources .step_arrow {
    background-position: 0 -100px;
    float: left;
    height: 114px;
    width: 30px;
}

#div_traderResources .step_info {
    line-height: 26px;
}

#div_traderResources .resource_list {
    background-color: #293742;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 114px;
    padding: 0 0 0 6px;
    width: 100%;
}

#div_traderResources .resource_elem {
    display: inline-block;
    height: 106px;
    margin: 6px 0 0;
    width: 90px;
}



#div_traderResources .resource_list .res_link {
    display: inline-block;
    height: 100%;
    width: 100%;
}

#div_traderResources .resource_link {
    background-image: url("/img/icons/7f14c18b15064d2604c5476f5d10b3.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    margin: 5px;
    height: 80px;
    width: 80px;
}
#div_traderResources .resource_link.metal_img { background-position: 0 0; }
#div_traderResources .resource_link.crystal_img{ background-position: -80px 0; }
#div_traderResources .resource_link.deuterium_img { background-position: -160px 0; }

#div_traderResources .selected_premium {
    background-image: url(/img/icons/332ef677bcc98906442a947614deb1.png);
    height: 90px;
    left: -5px;
    position: relative;
    top: -5px;
    visibility: hidden;
    width: 90px;
}
#div_traderResources .active .selected_premium {
    background-position: 0 0;
    visibility: visible;
}

#div_traderResources .resource_link.oldTraderActive:active .selected_premium,
#div_traderResources .oldTraderActive .selected_premium {
    background-position: -90px 0;
    visibility: visible;
}

#div_traderResources .resource_list .res_txt {
    text-align: center;
    margin: -6px 0 0 0;
}
#div_traderResources .resource_link.active .res_txt { color: #cacaca;}

#div_traderResources .call_trader_box {
    background: #1e2b35;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 114px;
    text-align: center;
    width: 276px;
}
#div_traderResources .cost_txt {
    height: 46px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 300px;
}

#div_traderResources .btn_calltrader_wrap {
    margin: 0 36px;
}


/* *****************************************************************************
   OVERLAY: RESOURCE TRADER - EXCHANGE RESOURCES
***************************************************************************** */

#merchant table#merchanttable td.resIcon
{
    width: 48px;
    margin-right: 10px;
}

#merchant {
    overflow:hidden;
    padding:8px 15px 0 15px;
}

#merchant h3 {
    width:625px;
    padding-bottom:15px;
    float: left;
}
#merchant .close {
    float:right;
    display: inline;
    margin-right:0;
}

#merchant th {
    padding:5px 0;
    background-color: rgb(51, 51, 51);
}

#merchant td {
    padding: 3px;
    text-align: center;
}

#merchant td.freeStorage,
#merchant td.tradingRate {
    width: 130px;
}

#merchant td.noCenter {
    text-align: left;
}

#merchant tr.toSell {
    border: 1px solid #638500;
}
#merchant tr.toSell td {
    font-weight: bold;
}

#merchant table tr.borderb td {
    border-bottom: 1px dotted #848484;
}

#merchant table td.bordered {
    border: 1px dotted #848484;
}

#merchant table {
    margin: 10px;
    width: 550px;
    border-collapse: collapse;
}

#merchant h3 {
    float: left;
    padding-bottom: 15px;
    width: 625px;
}

#merchant td {
    background-color: #0D1014;
}

#merchant tr.traderActions {
    height: 200px;
}
#merchant td#toSell {
    text-align: right;
    width: 100px;
}
#merchant td#toSell span {
    margin-right: 9px;
}
#merchant td.rate {
    font-size: 25px;
    font-weight: 700;
}

#merchant td.rate2 {
    font-size: 9px;
}

#merchant tr.alt td {
    background-color: #13181D;
}

#merchant td.rate2 a:link,
#merchant td.rate2 a:visited,
.no-touch #merchant td.rate2 a:hover,
#merchant td.rate2 a:active{
    text-decoration: none;
}

#merchant .tradebutton {
    display: block;
    margin: 10px auto;
    padding: 2px 3px;
    background-color:#51B40E;
    color:#e3e3e3;
    cursor:pointer;
}

#merchant .textinput {
    float: left;
    text-align:right;
}

#merchant a.close_details {
    position: absolute;
    right: 70px;
    top: 9px;
}

.buttonTraderNewRate, a.buttonTraderNewRate {
    background:transparent url("/img/icons/0ed35b70444cfac32f4959575b565c.gif") no-repeat 0 0;
    color:#fff;
    margin:5px auto;
    cursor: pointer;
    display: block;
    font-weight:700;
    font-size: 10px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    text-shadow: 0 1px 2px #0C1014;
    width: 155px;
    padding-left: 20px;
    text-decoration: none;
}

.no-touch .buttonTraderNewRate:hover {
    background:transparent url("/img/icons/0ed35b70444cfac32f4959575b565c.gif") no-repeat 0 -27px;
    color:#fff;
    text-decoration: none;
}

#merchant td.newRate { padding: 3px 3px 10px 3px; }
#merchant .btn_blue { margin: 0 0 15px 0; font-size: 10px;}

#traderOverview #div_traderAuctioneer .right_content {
    height: 367px;
}
#traderOverview #div_traderImportExport .left_content {
    height: 210px;
}
#traderOverview #div_traderImportExport .left_footer {
    margin-top: -1px;
}

#traderOverview #loadingOverlay {
    background: url("/img/icons/2a489343c072939cd1f81491d16036.png") no-repeat;
    display: none;
    padding: 2px;
    position: absolute;
    width: 68px;
    z-index: 1000;
    left: 294px;
    top: 176px;
}

#traderOverview #loadingOverlay.auctioneer,
#traderOverview #loadingOverlay.importexport{
    left: 453px;
}
#traderOverview #loadingOverlay.resources,
#traderOverview #loadingOverlay.scrap{
    left: 118px;
}
#traderOverview #loadingOverlay.resources,
#traderOverview #loadingOverlay.auctioneer{
    top: 100px;
}
#traderOverview #loadingOverlay.scrap,
#traderOverview #loadingOverlay.importexport{
    top: 326px;
}
#traderOverview .history_content .item_img,
#happyedit ul#items img{
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
}

#traderOverview  .item_img.r_epic,
#happyedit ul#items img.epic { border-color: #854195; }
#traderOverview .history_content .item_img.r_buddy,
#happyedit ul#items img.buddy { border-color: #37618e; }
#traderOverview .history_content .item_img.r_common,
#happyedit ul#items img.common { border-color: #834b2d; }
#traderOverview .history_content .item_img.r_uncommon,
#happyedit ul#items img.uncommon { border-color: #80868f; }
#traderOverview .history_content .item_img.r_rare,
#happyedit ul#items img.rare { border-color: #ba7f23; }




/********************************************
Equipment
********************************************/
/* CSS Document
 * @descrition: This is the stylesheet for the following Equipment Screens:
 *  - Shop, Shop Details and Inventory;
 *  - Equipment and Inventory Boxes on Overview
 *  - Equipment on Imerium
 * @autor: Stefanie Knoth
 * last changed: 12.04.2012
*/

/********************************************/
/************* ALLGEMEINE STYLES ************/
/******************************************/

#shop .filter a.active > span,
#shop a.dm_button,
.no-touch #shop a.dm_button:hover,
#shop .sale_badge,
#traderOverviewcomponent .sale_badge,
#activeBuffDetails .sale_badge,
#activeBuffDetails .sale_badge.disabled,
#buffBar .activate_item {
    background: url("/img/icons/f49f4260ff20f815d0a6470ed55ad3.png") no-repeat;
}


/********************************************/
/***************** SHOP *****************/
/******************************************/

#shop #planet {
    background: url("/img/icons/dbba5547458345f9e3b3baa09c3ef2.jpg") no-repeat;
    height: 250px;
}
#shop .c-left, #shop .c-right {
    top: 214px;
}
#shop #buttonz {
    background: none;
    min-height: 555px;
    margin: 3px auto 25px;
    text-align: center;
    width: 667px;
}

/* @TODO: use this for all #buttonz boxes */
#shop #buttonz .header {
    background: url("/img/icons/10e31cd5234445e4084558ea3506ea.gif") no-repeat;
    height: 28px;
}
#shop #buttonz .content {
    background: url("/img/icons/db530b4ddcbe680361a6f837ce0dd7.gif") repeat-y;
    min-height: 220px;
    position: relative;
}
#shop #buttonz .footer {
    background: url("/img/icons/04a7b39dc27c29c4c2cadd3fd44ec0.gif") no-repeat;
    bottom: -17px;
    height: 29px;
    left: 0;
    position: absolute;
    width: 667px;
    z-index: 1;
}

#shop #itemBox {
    display: inline-block;
    position: relative;
    width: 621px;
    height: 400px;
    padding: 5px;
    -khtml-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 0 0 5px 5px; /* FF1-3.6 */
    border-radius: 0 0 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    z-index: 2;
}

#shop #itemBox,
#activeBuffDetails .active_item_details,
#activeBuffDetails .anythingWindow {
    background: #1c242d url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -180px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #1c242d 0%, #10181e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c242d), color-stop(100%,#10181e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1c242d 0%,#10181e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1c242d 0%,#10181e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1c242d 0%,#10181e 100%); /* IE10+ */
    background: linear-gradient(top,  #1c242d 0%,#10181e 100%); /* W3C */
}

/* Tabs */
#shop .to_shop,
#shop .to_inventory { width: 314px; }

#shop .to_shop { margin: 13px 0 0 3px; }

#shop .to_shop_icon,
#shop .to_inventory_icon {
    background: url("/img/icons/aea029ec41eebf71b804ac46df7a8f.png") no-repeat 100% -85px;
    display: inline-block;
    padding: 0 60px 0 0;
}
#shop .to_inventory_icon {background-position: 100% -132px;}
#shop .to_shop.active .to_shop_icon,
#shop .to_shop.hover .to_shop_icon {background-position: 100% 5px;}
#shop .to_inventory.active .to_inventory_icon,
#shop .to_inventory.hover .to_inventory_icon {background-position: 100% -42px;}

#shop .to_inventory.bought_item_notice { color: #fff;}

/* Filter */
#shop .aside {
    float: left;
    width: 200px;
}

#shop .aside .btn_confirm {
    display: table-cell;
    line-height: 16px;
    vertical-align: middle;
    width: 164px;
}

#shop .aside .btn_wrap {
    margin: 10px 2px 0 2px;
    position: relative;
}

#shop .listfilter {
    color: #848484;
    min-height: 207px;
    text-align: left;
    background: #090d12 url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -590px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(20,29,37,0.8) 0%, rgba(9,13,18,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,29,37,0.8)), color-stop(100%,rgba(9,13,18,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(20,29,37,0.8) 0%,rgba(9,13,18,0.8) 100%); /* W3C */
    position: relative;
    padding: 0 0 55px 0;
}
#shop .listfilter li {
    cursor: pointer;
    cursor: hand;
    line-height: 31px;
    list-style: none;
    margin: 2px;
    border: 1px solid transparent;
}
.no-touch#shop .listfilter li:hover,
#shop .listfilter li.active {
    background: #3d4b5b url("/img/icons/5fbbb1876fcff20a8a265c06862495.png") 0 -990px repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top,  #3d4b5b 0%, #2b343f 49%, #1f262d 50%, #1f2934 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d4b5b), color-stop(49%,#2b343f), color-stop(50%,#1f262d), color-stop(100%,#1f2934)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* IE10+ */
    background: linear-gradient(top,  #3d4b5b 0%,#2b343f 49%,#1f262d 50%,#1f2934 100%); /* W3C */
    border: 1px solid #111a22;
}
#shop .listfilter a {
    color: #848484;
    display: block;
    text-decoration: none;
}
#shop .listfilter a>span {
    padding: 0 0 0 20px;
}
.no-touch#shop .listfilter li:hover a,
#shop .listfilter a.active {
    color: #fff;
}
#shop .listfilter a.active > span {
    background-position: -165px -445px;
}

#shop a.dm_button {
    background-position:  0 -188px;
    bottom: 8px;
    color: #fff;
    display: inline-block;
    float: left;
    height: 37px;
    margin: 0 0 0 10px;
    padding: 3px 20px 0;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 2px #171E25, 0 0 8px #226000; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
    width: 140px;
}
.no-touch #shop a.dm_button:hover { background-position: 0 -232px; }


/* items */
#shop .item_img,
#activeBuffDetails .active_item_slider .item_img,
div.values div.equipment .item_img {
    background-repeat: no-repeat;
    height: 75px;
    margin: 2px;
    position: relative;
    width: 75px;
    background-size: 71px;
    background-position: 2px 2px;
    display: block;
    float: left;
}
#empire div.values div.equipment .item_img {
    height: 34px;
    width: 34px;
}

#activeBuffDetails .active_item_slider .item_img {
    height: 90px;
    margin: 7px 0 0 10px;
}
#activeBuffDetails .item_img .empty { height: 75px; }

#shop #inhalt .item_img {
    cursor: pointer;
    width: 105px;
    height: 105px;
}
div.values div.equipment .item_img { margin: 4px 2px 1px 1px; }

#inhalt .item_img_box,
div.values div.item_img_box {
    background: url("/img/icons/14e5b9c95e1eefb2700775852cdb47.png") no-repeat 0 0;
    height: 75px;
    margin: 0 0 2px;
    position: relative;
    width: 75px;
    z-index: 10;
}
#empire div.values div.item_img_box {
    background: none;
    height: 32px;
    width: 32px;
    border-radius: 2px;
}

#shop  #inhalt .item_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px 100px;
}

#shop #inhalt .item_img_box {
    background: url("/img/icons/40c2de12da5e952a18570b71e7a081.png") no-repeat 0 0;
    height: 105px;
    width: 105px;
    -webkit-box-shadow: 2px 2px 3px 0 #000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 2px 3px #000; /* FF3.5 - 3.6 */
    box-shadow: 2px 2px 3px 0 #000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
}

#shop #inhalt .r_epic .item_img_box { background-position: -420px 0; }
#shop #inhalt .r_buddy .item_img_box { background-position: -315px 0; }
#shop #inhalt .r_common .item_img_box { background-position: -210px 0; }
#shop #inhalt .r_uncommon .item_img_box { background-position: -105px 0; }
#shop #inhalt .r_rare .item_img_box { background-position: 0 0; }


#inhalt .r_buddy .item_img_box,
div.values .r_buddy div.item_img_box {background-position: -225px 0;}
#inhalt .r_epic .item_img_box,
div.values .r_epic div.item_img_box  {background-position: -300px 0;}
#inhalt .r_common .item_img_box,
div.values .r_common div.item_img_box  {background-position:  -150px 0;}
#inhalt .r_uncommon .item_img_box,
div.values .r_uncommon div.item_img_box {background-position: -75px 0;}
#inhalt .r_rare .item_img_box,
div.values .r_rare div.item_img_box {background-position: 0 0;}

#shop  #inhalt .item_img .empty,
#activeBuffDetails .item_img .empty {
    background: #000;
    cursor: default;
    opacity: 0.4; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */
    -khtml-opacity: 0.4;
    filter: alpha(opacity=40); /* IE6-IE8 */
}
#shop #inhalt .item_img a,
#activeBuffDetails .item_img a,
#div_traderScrap .image a {
    color: #FF9600;
    display: block;
    height: 75px;
    position: relative;
    text-decoration: none;
    text-indent: -9999px;
    width: 75px;
}
#shop #inhalt .item_img a,
#shop  #inhalt .item_img .empty {
    height: 105px;
    width: 105px;
}
#div_traderScrap .image a {
    background: url("/img/icons/e3d481656bab1b216428a98a2e022e.gif") no-repeat 0 0;
    height: 80px;
    width: 80px;
}
#buffBar .active_item a {
    display: block;
    height:32px;
    width: 32px;
}

#shop .item_img a.active,
.no-touch#shop .item_img a:hover { background: url("/img/icons/1f4d3d656e8c12b494296a652927f0.png") no-repeat; }

#activeBuffDetails .item_img a.active,
.no-touch #activeBuffDetails .item_img a:hover { background: url("/img/icons/ce5a256cdc38d913295a8cdecbad41.png") no-repeat; }

/*#shop .item_img .ecke,*/
#inhalt .item_img .ecke,
#div_traderScrap .image .ecke,
div.values .item_img .ecke {
    color: #FF9600;
    float: left;
    left: 0;
    position: relative;
    text-align: right;
    top: 60px;
    width: 72px;
}

#shop .item_img .ecke {
    top: 90px;
    width: 100px;
}

#div_traderScrap .image .ecke {
    top: 65px;
    width: 75px;
}

#traderOverviewcomponent .sale_badge {
    background-position: 0 -275px;
    height: 25px;
    right: -70px;
    position: relative;
    top: -3px;
    width: 25px;
    float: left;
}
#shop .sale_badge,
#activeBuffDetails .sale_badge {
    background-position: 0 -275px;
    height: 25px;
    right: -3px;
    position: absolute;
    top: -2px;
    width: 25px;
    z-index: 1;
}
#activeBuffDetails .sale_badge.disabled { background-position: -30px -275px; }

/******************************************************/
/***************** SHOP: DetailScreen *****************/
/******************************************************/

#shop #detail #pic {
    float: left;
    height: 200px;
    margin-left: 2px;
    position: relative;
    width: 200px;
}
#shop .detail_screen #content span.level {
    float: right;
    text-align: right;
    width: auto;
    margin-right: 5px;
}

#itemDetails a.build-it .textlabel,
#activeBuffDetails a.build-it .textlabel{ text-shadow: 1px 1px 2px #171E25, 0 0 8px #226000; /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ }

#itemDetails #features a.build-it.activateItem,
#itemDetails #features a.build-it_disabled.activateItem,
#activeBuffDetails a.build-it.activateItem,
#activeBuffDetails a.build-it_disabled.activateItem {
    background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") no-repeat 0 -188px;
    font-size: 12px;
    height: 26px;
    left: auto;
    margin-top: 15px;
    position: relative;
}
#itemDetails #features a.build-it.activateItem,
#activeBuffDetails a.build-it.activateItem {
    text-shadow: 1px 1px 2px #122B03, 0 0 8px #226000;
}

#itemDetails #features a.build-it.activateItem span,
#itemDetails #features a.build-it_disabled.activateItem span,
#activeBuffDetails a.build-it.activateItem span,
#activeBuffDetails a.build-it_disabled.activateItem span{
    height: 26px;

}


#activeBuffDetails a.build-it.activateItem,
#activeBuffDetails a.build-it_disabled.activateItem {
    margin: 26px auto 0;
}
#itemDetails #features a.build-it.buyAndActivate,
#itemDetails #features a.build-it_disabled.buyAndActivate {
    margin-top: 15px;
}
#features {
    margin-right: 15px;
}

#activeBuffDetails a.build-it.buyAndActivate,
#activeBuffDetails a.build-it_disabled.buyAndActivate {
    font-size: 12px;
    height: 50px;
    left: auto;
    margin: 0 auto;
    position: relative;
}
#activeBuffDetails a.build-it.buyAndActivate {
    text-shadow: 1px 1px 2px #122B03, 0 0 8px #226000;
}

#itemDetails #features a.build-it.activateItem.hover,
.no-touch #itemDetails #features a.build-it.activateItem:hover,
#activeBuffDetails a.build-it.activateItem.hover,
.no-touch #activeBuffDetails a.build-it.activateItem:hover {
    background-position: 0 -214px;
}

#itemDetails #features a.build-it_disabled.activateItem,
#activeBuffDetails a.build-it_disabled.activateItem{
    background-position: 0 -161px;
}

#itemDetails #features p .more_info {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}

#itemDetails #features p.curr_planet {
    margin: 20px 0 0 12px;
    width: 155px;
}

/* Equipped Items */
div.values .overview_equipment .slot{
    background: url("/img/icons/a0c4a4759abd3733a9f373d519010c.png") no-repeat;
    color: #343943;
    display: block;
    float: left;
    height: 85px;
    margin: 8px 4px 7px 12px;
    position: relative;
    text-align: center;
    width: 75px;
}

.warmup {
    color: #954121;
}
.effecting {
    color: #9C0;
}
.cooldown {
    color: #006699;
}
.restTime {
    color: #9C0;
}

div.values .overview_equipment .slot { margin: 1px; }

/* Overview New BuffBar */
#buffBar {
    background: url("/img/icons/e4f7db0c13494a16bb5641f0787cb7.png");
    background: rgba(20, 30, 38, 0.5);
    -moz-border-radius:3px 0 0 0;
    -webkit-border-radius:3px 0 0 0;
    -khtml-border-radius:3px 0 0 0;
    border-radius:3px 0 0 0;
    height: 38px;
    left: 42px;
    position: absolute;
    bottom: 4px;
    width: 610px;
    cursor: pointer;
}
.no-touch #buffBar:hover {
    background: url("/img/icons/e4f7db0c13494a16bb5641f0787cb7.png") 0 -38px;
    background: rgba(28, 41, 54, 0.7);
}
#buffBar .active_items {
    list-style: none;
    position: absolute;
    z-index: 1;
}

#buffBar .active_items li {
    float: left;
}
#buffBar .active_item,
#buffBar .activate_item, #empire .item_img_box {
    border: 1px solid transparent;
    display: block;
    position: relative;
    opacity: 0.8;
    -khtml-opacity: 0.8;
    filter: alpha(opacity=80); /* IE6-IE8 */
}
#buffBar .active_item,
#buffBar .activate_item,
#buffBar .active_item img {
    height: 32px;
    width: 32px;
}

#buffBar .activate_item {
    background-position: -59px -274px;
    border-color: #212c3a #243341 #1a252f #243341;
}

#buffBar .active_item.r_epic, #empire .r_epic .item_img_box { border-color: #854195; }
#buffBar .active_item.r_buddy, #empire .r_buddy .item_img_box { border-color: #37618e; }
#buffBar .active_item.r_common, #empire .r_common .item_img_box { border-color: #834b2d; }
#buffBar .active_item.r_uncommon, #empire .r_uncommon .item_img_box { border-color: #80868f; }
#buffBar .active_item.r_rare, #empire .r_rare .item_img_box { border-color: #ba7f23; }

.no-touch #buffBar .active_items:hover,
#buffBar .active_item.active,
#buffBar .activate_item.active,
.no-touch #buffBar .active_item:hover,
.no-touch #buffBar .activate_item:hover {
    border-color: #d18433 #e7b15a #f0c36a #db9845;
    opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100); /* IE6-IE8 */
}

/* activate Buff Detail Screen */
#detailWrapper { height: 259px; }
#activeBuffDetails,
#overview div.detail_screen {
    background: #0d1014 url("/img/icons/862bd57e5d13bfc8cd9ce0a1d72c9f.png") 0 0 no-repeat;
    height: 258px;
    width: 654px;
    z-index: 11;
}
#activeBuffDetails h2 {
    font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
    color: #D29D00;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    white-space: normal;
}
#activeBuffDetails .detail_screen_h2 { padding: 3px 0 0 40px; }
#activeBuffDetails .shop_link {
    color: #fff;
    float: right;
    margin: -18px 32px 0 0;
    position: relative;
    text-decoration: none;
}
.no-touch #activeBuffDetails .shop_link:hover,
#activeBuffDetails .shop_link:active { text-decoration: underline; }
#activeBuffDetails .active_item_slider {
    float: left;
    font-size: 11px;
    height: 225px;
    left: 10px;
    position: relative;
    text-align: center;
    top: 12px;
    width: 410px;
}
#activeBuffDetails .active_item_details {
    margin: 11px 0 0 425px;
    padding: 5px 7px;
    height: 209px;
    width: 197px;
}
#activeBuffDetails .item_detail_content { height: 156px; }
#activeBuffDetails .active_item_details p {
    font-size: 11px;
    line-height: 13px;
    padding: 0 0 5px;
}

div.values .equipment .item_img a.timeLink span.time {left: 1px;}

.item_img .pusher,
#activeBuffDetails .active_item_slider .activation,
#activeBuffDetails .pusher,
#buffBar .pusher {
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #000000;
    z-index: 1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#buffBar .pusher {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

#shop .shop_slider, #shop .inventory_slider {
    width: 405px;
    height: 360px;
    margin: 0 0 0 209px;
}

#activeBuffDetails .active_item_slider .activation {
    width: 100%;
    height: 100%;
    display: none;
}
#activeBuffDetails .active_item_slider .activation.disabled {
    display: block;
}

#buffBar .add_item {
    float: left;
    margin: 2px 0 0 4px;
}

#tabs-buyResource .cappedToolTip {
    background: url(/img/icons/09980161fadf11b18189770e1d78d2.gif) no-repeat;
    background-size: 20px;
    display: inline-block;
    padding-left: 25px;
    height: 25px;
    position: absolute;
    left: 9px;
    top: 4px;
}
#tabs-buyResource .productionLoweredToolTipHint {
    background: url(/img/icons/09980161fadf11b18189770e1d78d2.gif) no-repeat;
    background-size: 20px;
    display: inline-block;
    margin-top: 4px;
    padding-left: 22px;
    height: 25px;
}

#tabs-buyResource .productionLoweredToolTipSettings {
    display: block;
    width: 27px;
    height: 27px;
    background: transparent url(/img/icons/ce44d444b7d14a3ea6fa51fa6c1148.png) -243px 0 no-repeat;
}


/* Tutorial */
#tutorial_start h2 {
    color:#6F9FC8;
    font-size:14px;
    font-weight:700;
}

#tutorial_start p {
    padding:10px;
}

#tutorial_start a.proceed {
    color:#848484;
    display: block;
    text-align: center;
    text-decoration: underline;
}

#tutorial_start ul {
    margin:0 0 20px 30px;
}

#tutorial_start ul li {
    list-style:square;
    line-height:130%;
    padding:0 0 3px 0;
}

.tutorial_buttons {
    width:600px;
    height:30px;
}

.start_tutorial, .stop_tutorial {
    background:transparent url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") 0 -240px;
    cursor:pointer;
    float:left;
    height:38px;
    line-height:38px;
    margin:0 50px 30px 0;
    text-align:center;
    width:104px;
}

#tutorial a.start_tutorial, #tutorial a.stop_tutorial {
    color:#fff;
    font-weight:700;
    text-decoration:none;
}

.stop_tutorial {
    background-position: 0 -278px;
}

.no-touch .start_tutorial:hover {
    background-position:-104px -240px;
}

.no-touch .stop_tutorial:hover {
    background-position: -104px -278px;
}

#tutorial .pagination ul{
    padding: 4px 0 0 0;
    text-align: left; /*Set to "right" to right align pagination interface*/
    font-size: 14px;
}

#tutorial .pagination li{
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}

#tutorial .pagination a, #tutorial .pagination a:visited {
    background:url("/img/icons/d85b65140bd52ce062f5001c2e70db.gif") no-repeat;
    color: #fff;
    float:left;
    height:23px;
    line-height:23px;
    margin: 0 5px;
    text-align:center;
    text-decoration: none;
    width:26px;
}

.no-touch #tutorial .pagination a:hover, #tutorial .pagination a:active{
    background-position:0 -23px;
    cursor:pointer;
}

#tutorial .pagination a.currentpage {
    background-position:0 -23px;
    border-color: #2b66a5;
    color: #FFF !important;
    cursor: default;
    font-weight: bold;
}

#tutorial .pagination a.tutorial_done {
    font-size:12px;
    background:url("/img/icons/d85b65140bd52ce062f5001c2e70db.gif") no-repeat 0 -69px;
    line-height:18px;
}

.no-touch #tutorial .pagination a.tutorial_done:hover, #tutorial .pagination a.tutorial_done.currentpage {
    background-position:0 -92px;
}

#tutorial .pagination a.tutorial_done_selected {
    background-position:0 -92px;
    border-color: #2b66a5;
    color: #FFF !important;
    cursor: default;
    font-weight: bold;
}

#tutorial .pagination a.tut_new {
    font-size: 14px;
    line-height:23px;
    font-weight: normal;
    background:url("/img/icons/d85b65140bd52ce062f5001c2e70db.gif") no-repeat 0 -46px;
}

#tutorial .pagination a.disablelink,.no-touch  #tutorial .pagination a.disablelink:hover{
    background-color: white;
    cursor: default;
    color: #929292;
    border-color: #929292;
    font-weight: normal !important;
}

.pagination a.prevnext{	font-weight: bold;}

/*#tutorial #planet.shortHeader {
    background:transparent url("/img/icons/4641cd55cd998ab2f71757c7c0fd9d.jpg") no-repeat;
    height:40px;
    margin:0 auto 3px;
    position:relative;
    width:654px;
}*/

#tutorial #planet.header {
    background-image: url(/img/icons/7a8f00fc22aae3e3355d09de037655.jpg);
}

#tutorial #inhalt .shortCorner {top:4px;}
#tutorial .c-left, #tutorial .c-right {
    height:39px;
    position:absolute;
    top:214px;
    width:28px;
}

#tutorial .boxWrapper .content div { padding: 0; }

#tutorial div.pic {
    background: none;
    border: 2px solid #0E131F;
    float:left;
    height:200px;
    margin: 0 10px 10px 2px;
    position:relative;
    width:200px;
    -moz-border-radius: 3px;
}

#tutorial #contentWrapper h3 {	color:#6F9FC8; padding: 0;}
#tutorial-content { margin:10px 0 10px 0;}

#aufgabe_liste .input {
    margin:2px 0 0 0;
}

.tutorial_go {
    background:transparent url("/img/icons/4a9db60a252639555952c1401a9d08.gif") no-repeat 0 2px;
    width: 14px;
    height:16px;
    border: none;
}

#aufgabentext .sprite {
    float:left;
}

#aufgabentext > p {
    padding-left: 215px;
}

#aufgabentext {
    float:left;
    width:620px;
    margin:0 0 10px 0;
    padding:0;
    line-height:130%;
}

#aufgaben_header {
    color:#6F9FC8;
    font-weight:700;
}

#aufgaben ul {
    margin:10px 0 5px 20px;
}

#aufgaben ul li {
    list-style-type:square;
    color:#6F9FC8;
    padding:0 0 3px 0;
    margin:0;
    line-height:130%;
}

#done {
    display:block;
    width:13px;
    height:11px;
    background:#f00 url("/img/icons/b1c7ef5b1164eba44e55b7f6d25d35.gif") no-repeat;
}

#reward {
    margin:10px 20px;
    color:#9c0;
}

#hilfetext_headline {
    float:left;
    width:200px;
}

#hilfetext_headline a {
    background:url("/img/icons/95c8d984f0b5e1ecf05e731ffc35f2.gif") no-repeat;
    color:#0D1014;
    display:block;
    font-weight:700;
    height:27px;
    line-height:27px;
    margin:0 0 10px 0;
    text-align:center;
    text-decoration:none;
    width:176px;
}

.no-touch #hilfetext_headline a:hover {
    background-position:0 -27px;
}

.hilfe_buttons {
    height:40px;
    width:620px;
}

#tutorial a.next_step {
    background:url("/img/icons/8e67ec64414041ce3d26a755533156.gif");
    color:#fff;
    font:bold 12px Verdana;
    float:right;
    height:27px;
    line-height:27px;
    margin:0;
    padding:0 25px 0 0;
    width:155px;
    text-align:center;
    text-decoration:none;
}

.no-touch #tutorial a:hover.next_step {
    background-position:0 -27px;
}

#tutorial_hilfetext {
    background:#13181D;
    border:1px solid #030303;
    color:#848484;
    display:none;
    font-size:10px;
    margin:0 10px;
    padding:20px;
    width:560px;
}

#tutorial_hilfetext ul, #erfolgsmeldung ul {
    padding:10px 20px;
}

#tutorial_hilfetext ul li, #erfolgsmeldung ul li {
    list-style:square;
    line-height:130%;
    padding:0 0 10px 0;
}

#aufgabe_liste a {
    color:#fff;
    font-size:10px;
    text-decoration:none;
}

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

#erfolgsmeldung {
    margin:0;
    padding:20px;
    width:560px;
}

#erfolgsmeldung .success_text {
    color:#9c0;
}

#erfolgsmeldung p {
    margin:10px 0 0 0;
}

#tutorial #planet h2 {
    position: absolute;
    left: 144px;
    top: 7px;
    font: bold 18px/22px Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
}

/* start labeled textfield */
.labeled-textfield {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 12px;
    line-height: 1.5;
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.labeled-textfield .wrapper {
    display: inline-block;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Input, Textarea */
.labeled-textfield > input[type=number]::-webkit-inner-spin-button,
.labeled-textfield > input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.labeled-textfield > input[type=number] {
    -moz-appearance: textfield;
}


.labeled-textfield > input,
.labeled-textfield > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 200, 200, 200), 0.6);
    border-top-color: transparent;
    border-radius: 4px;
    padding: 5px 8px 5px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 200, 200, 200), 0.87);
    background-color: #223341 !important;
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}

/* Span */
.labeled-textfield > input + span,
.labeled-textfield > textarea + span {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.6);
    width: 100%;
    max-height: 100%;
    color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.6);
    font-size: 90%;
    line-height: 15px;
    cursor: text;
    transition: color 0.2s, font-size 0.2s, line-height 0.2s;
}

/* Corners */
.labeled-textfield > input + span::before,
.labeled-textfield > input + span::after,
.labeled-textfield > textarea + span::before,
.labeled-textfield> textarea + span::after {
    content: "";
    display: block;
    box-sizing: border-box;
    margin-top: 6px;
    border-top: solid 1px;
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.6);
    min-width: 10px;
    height: 10px;
    pointer-events: none;
    box-shadow: inset 0 1px transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.labeled-textfield > input + span::before,
.labeled-textfield > textarea + span::before {
    margin-right: 4px;
    border-left: solid 1px transparent;
    border-radius: 4px 0;
}

.labeled-textfield > input + span::after,
.labeled-textfield > textarea + span::after {
    flex-grow: 1;
    margin-left: 4px;
    border-right: solid 1px transparent;
    border-radius: 0 4px;
}

/* Hover */
.labeled-textfield:hover > input,
.labeled-textfield:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.87);
    border-top-color: transparent;
}

.labeled-textfield:hover > input + span::before,
.labeled-textfield:hover > textarea + span::before,
.labeled-textfield:hover > input + span::after,
.labeled-textfield:hover > textarea + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.87);
}

.labeled-textfield:hover > input:not(:focus):placeholder-shown,
.labeled-textfield:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.87);
}

/* Placeholder-shown */
.labeled-textfield > input:not(:focus):placeholder-shown,
.labeled-textfield > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 200, 200, 200), 0.6);
}

.labeled-textfield > input:not(:focus):placeholder-shown + span,
.labeled-textfield > textarea:not(:focus):placeholder-shown + span {
    font-size: inherit;
    line-height: 42px;
}

.labeled-textfield > input:not(:focus):placeholder-shown + span::before,
.labeled-textfield > textarea:not(:focus):placeholder-shown + span::before,
.labeled-textfield > input:not(:focus):placeholder-shown + span::after,
.labeled-textfield > textarea:not(:focus):placeholder-shown + span::after {
    border-top-color: transparent;
}

/* Focus */
.labeled-textfield > input:focus,
.labeled-textfield > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    border-top-color: transparent;
    box-shadow: inset 1px 0 var(--pure-material-safari-helper1), inset -1px 0 var(--pure-material-safari-helper1), inset 0 -1px var(--pure-material-safari-helper1);
    outline: none;
}

.labeled-textfield > input:focus + span,
.labeled-textfield > textarea:focus + span {
    /*color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));*/
    color: rgb(var(--pure-material-primary-rgb, 255,255,255));
}

.labeled-textfield > input:focus + span::before,
.labeled-textfield > input:focus + span::after,
.labeled-textfield > textarea:focus + span::before,
.labeled-textfield > textarea:focus + span::after {
    border-top-color: var(--pure-material-safari-helper1) !important;
    box-shadow: inset 0 1px var(--pure-material-safari-helper1);
}

/* Disabled */
.labeled-textfield> input:disabled,
.labeled-textfield > input:disabled + span,
.labeled-textfield > textarea:disabled,
.labeled-textfield > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.labeled-textfield > input:disabled + span::before,
.labeled-textfield > input:disabled + span::after,
.labeled-textfield > textarea:disabled + span::before,
.labeled-textfield > textarea:disabled + span::after {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.38) !important;
}

.labeled-textfield > input:disabled:placeholder-shown,
.labeled-textfield > input:disabled:placeholder-shown + span,
.labeled-textfield > textarea:disabled:placeholder-shown,
.labeled-textfield > textarea:disabled:placeholder-shown + span {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.38) !important;
}

.labeled-textfield > input:disabled:placeholder-shown + span::before,
.labeled-textfield > input:disabled:placeholder-shown + span::after,
.labeled-textfield > textarea:disabled:placeholder-shown + span::before,
.labeled-textfield > textarea:disabled:placeholder-shown + span::after {
    border-top-color: transparent !important;
}

/* Faster transition in Safari for less noticable fractional font-size issue */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .labeled-textfield > input,
        .labeled-textfield > input + span,
        .labeled-textfield > textarea,
        .labeled-textfield > textarea + span,
        .labeled-textfield > input + span::before,
        .labeled-textfield > input + span::after,
        .labeled-textfield > textarea + span::before,
        .labeled-textfield > textarea + span::after {
            transition-duration: 0.1s;
        }
    }
}
/* end labeled textfield */

/* start unlabeled textfield */
.unlabeled-textfield {
    --pure-material-safari-helper1: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    position: relative;
    display: inline-block;
    padding-top: 6px;
    font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
    font-size: 12px;
    line-height: 1.5;
    width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Input, Textarea */
.unlabeled-textfield > input[type=number]::-webkit-inner-spin-button,
.unlabeled-textfield > input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.unlabeled-textfield > input[type=number] {
    -moz-appearance: textfield;
}

.unlabeled-textfield > input,
.unlabeled-textfield > textarea {
    box-sizing: border-box;
    margin: 0;
    border: solid 1px; /* Safari */
    border-color: rgba(var(--pure-material-onsurface-rgb, 200, 200, 200), 0.6);
    border-radius: 4px;
    padding: 5px 8px 5px;
    width: 100%;
    height: inherit;
    color: rgba(var(--pure-material-onsurface-rgb, 200, 200, 200), 0.87);
    background-color: #223341 !important;
    box-shadow: none; /* Firefox */
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    transition: border 0.2s, box-shadow 0.2s;
}

/* Hover */
.unlabeled-textfield:hover > input,
.unlabeled-textfield:hover > textarea {
    border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.87);
}

.unlabeled-textfield:hover > input:not(:focus):placeholder-shown,
.unlabeled-textfield:hover > textarea:not(:focus):placeholder-shown {
    border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.87);
}

/* Placeholder-shown */
.unlabeled-textfield > input:not(:focus):placeholder-shown,
.unlabeled-textfield > textarea:not(:focus):placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 200, 200, 200), 0.6);
}

/* Focus */
.unlabeled-textfield > input:focus,
.unlabeled-textfield > textarea:focus {
    border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
    outline: none;
}

/* Disabled */
.unlabeled-textfield> input:disabled,
.unlabeled-textfield > input:disabled + span,
.unlabeled-textfield > textarea:disabled,
.unlabeled-textfield > textarea:disabled + span {
    border-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.38) !important;
    border-top-color: transparent !important;
    color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
    pointer-events: none;
}

.unlabeled-textfield > input:disabled:placeholder-shown,
.unlabeled-textfield > textarea:disabled:placeholder-shown {
    border-top-color: rgba(var(--pure-material-onsurface-rgb, 255, 255, 255), 0.38) !important;
}

/* end unlabeled textfield */

#validate {
	background: transparent;
	color:#848484;
	font-family: Verdana, Arial, SunSans-Regular, sans-serif;
	font-size:12px;
	width:405px;
    padding: 10px 15px;
	text-shadow: 0 0 0 darkgrey;
}

#validate .wrapper {
	position:relative;
}

#validate .header,
#validate .content,
#validate .footer {
	padding:0 15px;
	width:405px;
}

#validate .header {
	background: transparent url("/img/icons/153c9aead8b1a04b9d3790aa73e7ce.gif") no-repeat;
	height: 29px;
}

#validate .content {
	background: transparent url("/img/icons/1e4b8a8d5165b9b29182c8ef16382f.gif") repeat-y;
	font-size:11px;
	height:250px;
	overflow:auto;
	padding-top:20px;
	padding-bottom:20px;
}

#validate .content p{ padding: 0 10px;}

#validate .footer {
	background: transparent url("/img/icons/43f05d4e45fd191f8ced7d0f7e165c.gif") no-repeat;
	height:29px;
}



#validate h1 span { display:block; padding-top:7px;}


#validate a.close_details img { cursor:pointer;}


.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;
}

#validateButton {
	background: url("/img/icons/f5f81e8302aaad56c958c033677fb8.png") 0  -241px;
	cursor:pointer;
	display:block;
	margin:20px auto;
	width:104px;
	height: 37px;
}

.no-touch #validateButton:hover {
    background-position: -104px -241px;
}

#validateButton span{
	color:#1E3310;
	cursor:pointer;
	display:block;
	font-size:14px;
	font-weight:700;
	line-height: 34px;
	text-align:center;
	text-transform:uppercase;
}

#validate a.goto {
	color:#848484;
	display:block;
	margin:10px;
	text-align:center;
	text-decoration:underline;
}

.no-touch #validate a.goto:hover { 	color:#c1c1c1;}

#validate .attention {
	color:#f1f1f1;
	display:block;
	padding-top:5px;
	text-align:center;
}
#validate .good {	border:2px dashed #1cff1c;}
#validate .bad {	border:2px dashed #ff1c1c; }
#validate .errormsg {
	color:#f1f1f1;
	display:block;
	margin:10px 0;
	padding:20px 0;
	text-align:center;
}