@charset "utf-8";
/* CSS Document */

html {
    height: 100%;
    padding: 0 0 1px 0;
} 

body {
    background-color: #000;
    background-image:url(../img/background/background_voll_2.jpg);
    background-repeat:no-repeat;
    color:#f1f1f1;
    font: 100 12px Verdana, Arial, SunSans-Regular, Sans-Serif;
/*  height:101%; */
    height:100%;
    text-align:center; 
	
}

a { -moz-outline-width: 0;}
:active, :focus {
	outline:none;
}

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

#ie_message {
	display:none;
}


/* =Boxen */

#box {
    width:1000px;
    margin: 0px auto;
    text-align:left;
    padding-bottom:50px;
}

#links, #inhalt, #rechts, #scrollcontainer #rightlinks{
    background-color: transparent;
    float:left;
    overflow:hidden;
	
}


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

#links {    width:173px;        }
#rightlinks {    width:173px;        }

#inhalt {
    width:670px;
    overflow:visible;
    position:relative;
}


#kopf {  background-color:transparent; }

h1{
    font-size:16px;
    display:none;
}


/* = 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/background/toolbar_oben_4.jpg);
    /*  background-image: url(../img/background/toolbar_neu_3.jpg); */
    background-repeat: no-repeat;
    height: 142px;
    margin: 0px auto;
    position:relative;
}


/* =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:#000000;
    font: normal 9px/11px Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    position:absolute;
    width:65px;
    top: 39px;
    left: -10px;
}

#info li.metal .value 
{
    top:39px;
    left:-9px;
}

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

#info li.crystal .value {
    top:39px;
    left:-9px;
}


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

#info ul#resources li {
    position:absolute;
    height: 32px;
    top: 39px;
    width: 48px;
}

#info ul#resources li.metal {
    /* background:url(../HTML_images/Uebersicht/ressourcen_metall.gif) no-repeat; */
    left: 242px;
}
#info ul#resources li.crystal {
    /* background:url(../HTML_images/Uebersicht/ressourcen_kristal.gif) no-repeat; */
    left:344px;
}
#info ul#resources li.deuterium {
    /* background:url(../HTML_images/Uebersicht/ressourcen_deuterium.gif) no-repeat; */
    left:446px;
}
#info ul#resources li.energy {
    /* background:url(../HTML_images/Uebersicht/ressourcen_energie.gif) no-repeat; */
    left:549px;
}

#info ul#resources li.donate {
	left: 650px;
}

#citylist {
    position:absolute;
    top: 40px;
    left: 800px;
}


/* =Contentbox gross */

div.content-box-xl {
    margin:0px auto;
    width:670px;
    overflow:hidden;    
}

div.content-box-xl .header {
    background:url(../img/navigation/Uebersicht/box_2_kopf.gif) no-repeat;
    height:34px;
}

div.content-box-xl .content {
    background:url(../img/navigation/Uebersicht/box_2_mitte.gif) repeat-y;
}

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

div.content-box-xl .footer {
    background:url(../img/navigation/Uebersicht/box_2_fuss.gif) no-repeat;
    height:50px;
}


/* =Contentbox klein */


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

.content-box-s .header {
    background:url(../img/navigation/box_1_kopf.gif) no-repeat;
    height:32px;
    font-size:11px;
    text-transform:uppercase;
}

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

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

.content-box-s .footer {
    background:url(../img/navigation/box_1_fuss.gif) no-repeat;
    height:21px;
}


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


/* Menu */

#links #menuTable a:link,
#links #menuTable a:visited,
#links #menuTable a:hover,
#links #menuTable a:active { 
    color:#767f88;
    display:block;
    font: bold 11px/14px verdana, arial, helvetica, sans-serif;
    text-decoration:none;
}

#links #menuTable a:hover {     color:#ffffff;}

#links #menuTable li.menubutton_table {
	display:block;
    background: url(../img/navigation/hauptnavi_a.gif) no-repeat left;
    height: 29px;   
    width: 176px;
    float:left;
    padding:0;
    margin:0;
}

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

#links #menuTable a.menubutton:link,
#links #menuTable a.menubutton:visited,
#links #menuTable a.menubutton:hover,
#links #menuTable a.menubutton:active {
    height: 29px;
    text-align:center;
    width: 135px;
    line-height:25px;
    vertical-align:middle;
}

#links #menuTable a.menubutton:hover,
#links #menuTable a.menubutton:active{
    background: url(../img/navigation/hauptnavi_b.gif) no-repeat;
}

#links #menuTable a.selected:link,
#links #menuTable a.selected:visited,
#links #menuTable a.selected:hover,
#links #menuTable a.selected:active {
    background: url(../img/navigation/hauptnavi_b.gif) no-repeat;
    color:#000;
}


/* =Ecken */


.c-left, .c-right {
    height:39px;
    width:28px; 
    position:absolute;  
    top:264px;
}
.c-left {
    background:url(../img/navigation/ecke_links.gif) no-repeat;
    left: 0px;
    
}

.c-right {
    background:url(../img/navigation/ecke_rechts.gif) no-repeat;
    left: 642px;    
}

/* Boxen mitte */

/* In Bau */

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

#inhalt .content-box-s .content th {
    font-weight:normal;
    text-align:left;
}

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

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

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

#inhalt .content-box-s .content table.construction {
    margin: 0px 0px 0px 5px;
    font-size:11px;
}

/* #overview table.construction th { color:#848484;} */

img.queuePic {  border:1px solid #141E26; -moz-border-radius:3px;}
img.queuePic-hover,
#officers img.queuePic-hover {  border: 1px solid #E7AE46; -moz-border-radius:3px;}

/*#inhalt .content-box-s .content  .construction tr.data td {   
    padding:10px 0px;
}
*/
#inhalt .content-box-s .content  .construction .building {  padding-left:0px; padding-top:8px;} 
#inhalt .content-box-s .content  .construction tr.data td.desc {    padding-left:12px;}
#inhalt .content-box-s .content  .construction tr.data td.timer span { color:#fff;} 
#inhalt .content-box-s .content  .construction tr.data td.ausbau { padding-top:8px;}
#inhalt .content-box-s .content .level {    color:#a26d00;}

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

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

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




#message-wrapper {
    position:absolute;
    height:35px;
    left:181px;
    top:102px;
    width:654px;
} 

#message_alert_box,
#messages_collapsed,
#attack_alert  {
    float:left;
    display:inline; /*IE6*/
}

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

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


#message_alert_box  {
  
    color:#fff;
    display:block;
    height: 35px; 
    margin-left:3px;
    margin-top:-2px;
    text-decoration:none;
    width: 71px;
}

#message_alert_box.emptyMessage {
    background-image: url(../img/layout/post_off.gif);
}

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

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


/***********************************************/
/*          LINKBAR                            */
/***********************************************/

#bar {
    font-size:11px;
    width:700px;
    margin:0px auto;
    padding-top:2px;
}

#bar a {
    color:#6f9fc8;
    margin:0 0 0 20px;
}

#bar a:link,
#bar a:visited {
    text-decoration:none;
}
#bar a:hover {
    text-decoration:underline;
    color:#9c0;
}
#bar a:active {
    text-decoration:none;
}

#bar ul {
    text-align:center;
}

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

.buddie_highlight {
	color:#fff;
}

#messagebox,
#messages_collapsed{
    width: 498px;
}

#message_alert_box,
#attack_alert {
    height:35px;
    width:42px;
}

#attack_alert {
    color:#fff;
    display:block;
    height: 42px; 
    margin-left:2px;
    margin-top:-1px;
    text-decoration:none;
    width: 71px;
}

#attack_alert a:link {
    background-image: url(../img/layout/alarm_anim.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display:block;
    height:42px;
    width:71px;
}

#message_alert_box {
/*  background:transparent url(../img/navigation/nachricht_post_animation.gif) no-repeat 0px 0px; */
    margin:0px 3px 0px 0px;
    display:inline; /*IE6 */
    width: 71px;
    height:42px;
}

#messages_collapsed {
    text-align:left;
    line-height:16px;
    height:38px;
    width:491px;
    padding-left:5px;
    background: transparent url(../img/navigation/messages-collapsed-bg.gif) no-repeat;
    color:#848484;
    font-size:11px;
    overflow:visible;
}

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

#messagebox {
/*  z-index: 50;
    padding-top:0px;
    overflow:hidden; 
    top:0px;
    height:0px;
    position:absolute;
    margin-left:1px;*/  
}

#messageheader {
    background-color:#000;
}

#messagefooter {
    background:transparent url(../img/navigation/messages-open-footer-bg.gif) no-repeat top left;
    height:20px;
}

/* #attack_alert { margin-left:7px;} */


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

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

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

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


#eventboxBlank,
#eventboxLoading { 
    font-size: 11px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
}

#eventboxBlank { color: #6F9FC8;}

#messagebox a.closeTB {
    height:16px;
    width:16px;
    float: right; 
    margin:0px;
    background:transparent url(../img/layout/detail-spriteset.gif) -207px 0px no-repeat;
    cursor:pointer;
}

a.closeTB:link,
a.closeTB:visited {
    background:transparent url(../img/layout/detail-spriteset.gif) -207px 0px no-repeat;
}

a.closeTB:hover {
    background:transparent url(../img/layout/detail-spriteset.gif) -207px -17px no-repeat;
}

a.closeTB:active,
a.closeTB:focus {
    background:transparent url(../img/layout/detail-spriteset.gif) -207px 0px no-repeat;
}

#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,
#messages_collapsed a:hover,
#messages_collapsed a:active
{
    display:inline; /*IE 6 fix*/
    height:18px;
    width:20px;
    background:transparent url(../img/navigation/message-open-close-bg.gif) no-repeat top left;
    float:right;
    margin-right:2px;
    margin-top:2px;
}

#messages_collapsed a:hover {
    background:transparent url(../img/navigation/message-open-close-bg.gif) no-repeat -20px 0px;
}




.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: 0px;
}


.fleft {    float:left;}
.fright {   float:left;}

.undermark {    color:#99CC00;}
.overmark { color:#D43635;}
.middlemark {   color: #D29D00;}


/***********************************************************************
************** Aenderungen seit 14. Mai 2008   *************************
************************************************************************/


#content .scrollBar .scrollUp a  {
    background-image:url(scrollbar/up.gif);
    display:block;
    width:20px;
    height:23px;
    text-decoration:none;
}
#content .scrollBar .scrollDown a  {
    background-image:url(scrollbar/down.gif);
    display:block;
    width:20px;
    height:23px;
    text-decoration:none;
}
#content .scrollBar .scrollMiddle  {
    background-image:url(scrollbar/middleBG.gif);
    display:block;
    width:20px;
}

#content .scrollBar .barTop  {
    position:relative;
    background-image:url(scrollbar/scrollerTop.gif);
    display:block;
    width:20px;
    height:2px;
    font-size:1px;
    line-height:1px;
}
#content .scrollBar .scrollHandle  {
    background-image:url(scrollbar/scrollerBottom.gif);
    background-position:0% 100%;
    display:block;
    width:20px;
    height:auto;
    font-size:1px;
    line-height:1px;
    padding-bottom:2px;
}

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

#preferences #planet {
    background: transparent url(../img/header/preferences/preferences.jpg) no-repeat;
    height: 250px;
    margin: 0px auto;
    position: relative;
    width: 654px;
    margin-bottom:3px;
}


#preferences .c-left, 
#preferences .c-right,

#preferences #content {
    width:669px;
    margin:1px auto;
}

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


#preferences #inhalt ul.tabsbelow {
/*  background:url(../img/navigation/network-tabs-above-half.gif) no-repeat 0px 0px;
    width:650px;*/
    height:28px;
/*  border-bottom:1px solid #000000; */
/*  margin-left:9px;        */
    margin-left:33px;
    padding-top:3px;
}

#preferences .contentzs .footer {
    background:transparent url(../img/layout/wrap-footer.gif) 0px 0px repeat-y;
    height:29px;
}

#preferences .contentzs .content {
    background:transparent url(../img/layout/wrap-body.gif) 0px 0px repeat-y;
}


#preferences .contentzs .tabwrapper {
    background: transparent url(../img/layout/header-stuff.gif) 0px 0px no-repeat; 
    height:29px;
    padding-top:4px; 
}
    
#preferences #inhalt ul.tabsbelow li {
    display:block;
    text-align:center;
    margin-top:1px;
    float:left;
    text-align:center;
    list-style-type:none;
    height:25px;
}

#preferences #inhalt ul.tabsbelow li a:link,
#preferences #inhalt ul.tabsbelow li a:visited,
#preferences #inhalt ul.tabsbelow li a:hover,
#preferences #inhalt ul.tabsbelow li a:active {
    color:#576472;
    font-weight:700;
    text-decoration:none;
    display:block;
    width:150px;
    height:25px;
    overflow:hidden;
    line-height:25px;               
}

/*#preferences #inhalt ul.tabsbelow li a:hover,
#preferences #inhalt ul.tabsbelow li a.active {
    color:#a7afb7;
    background:url(../img/navigation/network-tab-below-bg.gif) no-repeat 0px 0px;       
}
*/
#preferences #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 {
    padding:15px 0px;
}

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


/*#preferences td input.save {
    display:block;
    background-color:#FF0000;
    border:1px solid #ffffff;
    color:#ffffff;
    font-weight:700;
    margin:10px auto;
    padding:5px 20px;
    cursor:pointer;
    width:120px;
}*/


#preferences td input,
#preferences td select {
/*  color:#848484;
    font-size:11px;
    border:1px solid #848484;
    background-color:#0E1012;
    width:118px;*/
    padding:2px 5px;
}

#preferences td input.button188 { 
    border:0px none;
    color:#0d1014;
    display:block;
    margin:0px auto;
    width:176px;
}

#preferences td input:focus {
    background-color:#13181D;
}

#preferences td select {
    padding:0px;
}

#preferences td input.save:hover {
    background-color:#FF2211;
}

#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 0px;
    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 0px 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,
#preferences #inhalt table.prefstable td a:hover,
#preferences #inhalt table.prefstable td a:active{
    color:#848484;
    text-decoration:underline;
}

#preferences #inhalt table.prefstable td a:hover {
    color:#929292;
}

#errorBoxDecision, #errorBoxNotify {
    position:absolute; 
    height:200px; 
    width:400px; 
    z-index:10000; 
    background: transparent url(../img/layout/box-errorbox3.gif) no-repeat;
    color:#848484;
    overflow:hidden;
    font-size:11px;
    text-align:center;
}

#errorBoxDecision #wrapper, #errorBoxNotify #wrapper {
    margin:6px auto;
    width:390px;
}

#errorBoxDecision #wrapper #response, #errorBoxNotify #wrapper #response {
    
}

#errorBoxDecision #wrapper p, #errorBoxNotify #wrapper p {
    padding:25px 20px;
}

#errorBoxDecision h4, #errorBoxNotify h4{
color:#576472;
font-size:12px;
padding-top:3px;
text-align:center;
}

#errorBoxDecision #response a:link,
#errorBoxDecision #response a:visited,
#errorBoxDecision #response a:hover,
#errorBoxDecision #response a:active,
#errorBoxNotify #response a:link,
#errorBoxNotify #response a:visited,
#errorBoxNotify #response a:hover,
#errorBoxNotify #response a:active {
    background-image:url(../img/navigation/backandcontinue.gif);
    background-repeat: no-repeat;
    display:block;
    height:38px;
    width:104px;
    margin:0px auto;
    text-align:center;
    text-decoration:none;
}

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

#errorBoxDecision #response a.yes:hover, #errorBoxNotify #response a.ok:hover {
    background-position:-104px 0px;
}

#errorBoxDecision #response a.no {
    background-position: 0px -38px;
}

#errorBoxDecision #response a.no:hover {
    background-position: -104px -38px;
}


#errorBoxDecision #response a span, #errorBoxNotify #response a span {
    color:#D6D6D6;
    display:block;
    font-size:18px;
    text-transform:capitalize;
    font-weight:bold;
    padding-top:7px;
    text-align:center;
}

a#changelog_link {
    background-color:#000;
    border:1px solid #9c0;
    color:#9c0;
    font-size:9px;  
    left:6px;
    padding:2px 6px;    
    position:absolute;
    text-decoration:none;
    top:115px;
}

a#changelog_link:hover {
    background-color:#9c0;
    border: 1px solid #000;
    color:#000;
}


#line { color:#848484;}

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


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

#pqueue .header {
    background:transparent url(../img/layout/wrap-header-435.gif) no-repeat; 
    height:29px;
}

#pqueue .header h3{
    color:#767F88;
    font-weight:700;
    margin:0px;
    text-align:center;
    text-transform:uppercase;
    font-size:11px;
}

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

#pqueue .body {
    background:transparent url(../img/layout/wrap-body-435.gif) repeat-y;
    padding:0px 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/layout/wrap-footer-435.gif) no-repeat; 
    height:29px;
}

#pqueue .body ul.item {
 list-style-image:none; 
 list-style-position:outside; 
 list-style-type: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;}
#pqueue .body ul.item li img:hover {border: 1px solid #263847;}

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

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

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

#preferences div.contentzs table td input.textInput,
#preferences div.contentzs table td select.textInput {
	background: #274650;
	border:1px solid #141A1E; 
	color:#d4d4d4;
	font-size:11px;
}

#preferences div.contentz table td input.textInput:hover {
    background:transparent url(../img/layout/inputbg.gif) repeat-x;
}

.w250 { width:250px;}
.w150 { width:150px;}

#overview a.close_details { float:right; margin:7px 8px; display:inline; }

a:link,
a:visited,
a:hover,
a:active { color:#848484;}


#preferences #inhalt ul.tabsbelow li a:hover,
#preferences #inhalt ul.tabsbelow li.ui-tabs-selected a {
    
    background:url(../img/navigation/network-tab-below-bg-short.gif) no-repeat 0px 0px;
    color: #fff;
/*  color:#a7afb7; */
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

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

.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

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

div.content div.wrap input.button188 {
    display:block;
    margin:20px auto 0px auto;
}

a.makeNewRank {
    float:right;
    padding-right:33px;
    width:167px;
}

a.smallLink {
    display:inline; /* IE6 */
    font: 100 10px Verdana, Arial, Helvetica, sans-serif;
    text-align:right;   
} 



.boxWrapper {
    color: #848484;
    margin-top: 3px;
    width: 667px;
}
.boxWrapper .header {
    background:transparent url(../img/layout/wrap-header.gif) no-repeat;
    height:29px;
}
.boxWrapper .content {
    background:transparent url(../img/layout/wrap-body.gif) repeat-y;
    padding:10px 20px;
}

.boxWrapper .footer {
    background:transparent url(../img/layout/wrap-footer.gif) no-repeat;
    height:29px;
}

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

h3 span{    display:block;}

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

#ticket .button188{ 
    display:block;
    margin:0px auto;
}

#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,
#box #inhalt .buildingimg .construction .pusher a#timeLink:hover,
#box #inhalt .buildingimg .construction .pusher a#timeLink:active {
    background: transparent none;
    cursor:pointer;
    display:inline;
}

#buttonz ul#building li a.instant:link,
#buttonz ul#building li a.instant:visited ,
#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/navigation/icon-max-small-hover.gif) no-repeat;
    width:14px;
    height:11px;
    z-index:555;
}

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

.contentz  #allypage li p { 
/*  display:inline;*/
}

#clearAdvice {
    height: 58px;
    position:absolute;
    top: 78px;
    left:74px;
    width: 95px;
}

#helper a, #helper a:hover.help_selected {
	display:block;
	position:relative;
	top:90px;
	left:139px;
	background:url(../img/navigation/icon-help.gif) no-repeat;
	width:27px;
	height:27px;
}

#helper a:hover, #helper a:hover.help_selected {
	background-position:0 -27px;
}

#helper a.help_selected {
	position:relative;
	top:53px;
	left:99px;
	background:url(../img/navigation/icon-help-glow.png) no-repeat;
	height:100px;
	width:100px;
}

#helper a.new_helper {
	background:url(../img/navigation/icon-help.gif) no-repeat 0 -27px;
}

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: 5px 0;
    margin:0px auto 10px;
}

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

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

#preferences div.alt { 
	background:#13181D url(../img/layout/toggleHeader-bg.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/layout/toggleHeader-bg.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;}


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

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
/*margin-bottom: 10px; space following the field */
}
div.group { border:1px solid #000; width:606px; margin:5px auto;}

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

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

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

#preferences .content .wrap input.button188 { margin:10px auto 10px;}

#preferences .wrap input.textInput { padding:3px 0px;}

#eventboxFilled .friendly { color:#99CC00;  }
#eventboxFilled .neutral {  color:#D29D00;  }
#eventboxFilled .hostile {  color:#d43635;  }


#globalError {
    background:transparent url(../img/layout/showmessage-bg.gif) no-repeat;
    height:400px;   
    overflow:hidden;
    width:600px;    
}

#globalError a.close_details { position: absolute; top:0px; left:576px;}

#globalError h3 {color:#576472;}

#globalError .wrapper { color:#848484; padding:10px;}

#globalError .error-id { border: 1px dotted #f1f1f1; padding:10px; margin:15px 0px;}

#globalError a.button {
    background-image: url(../img/navigation/backandcontinue.gif);
    background-repeat:no-repeat;
    width:104px;
    display:block;
    height:38px;
    margin:15px auto;
}

#globalError a#continue {   background-position: 0px 0px;   }
#globalError a#continue:hover { background-position: -104px 0px;    }

#globalError a#report { background-position: 0px -38px; }
#globalError a#report:hover {   background-position: -104px -38px;  }

#globalError a { text-decoration:none;}

#globalError a.button span { 
    color:#FFFFFF; 
    display: block; 
    line-height:38px; 
    text-transform: uppercase;
}

#overview #TB_title { display:none;}

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

div#playerName {
    color:#848484;
    font-size:11px;
    left:-124px; 
    position:absolute; 
    overflow:visible;
    text-align:center;  
    top:2px;
    width:150px;
}

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

.solarSatEnergyInfo{
    color:#848484;
    float:left;
}


.focusOn {  color:#99cc00;}

.contentBoxBody {
    min-height: 680px;
    margin: 0 auto -19px; /* the bottom margin is the negative value of the footer's height 
	height: auto !important;*/
}
.footer, .push {
    height: 19px; /* .push must be the same height as .footer */
}

#siteFooter {
    background: transparent url(../img/layout/bar-bg.gif) repeat-x 0px 0px;
    color:#848484;
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    height: 19px;
    line-height:19px;
    text-align:center; 
    z-index:0;
}

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

#siteFooter a:hover { 
    color:#9c0;
    text-decoration:none;
}

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

#siteFooter .fleft { width: 340px;}
#siteFooter .fright { width: 910px;}

#siteFooter a.homeLink { margin-left:0px;}
#empire #siteFooter .content,
#siteFooter .content { 
    margin: 0px auto;
    padding-top:0px;

}

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

#boxBG { 
    background: transparent url(../img/layout/topInfoBG.gif) repeat-x 0px 0px;
}
.done { text-decoration:line-through;}



#Planetlist { 
    color:#848484;
    font-size:11px;
    position:absolute;
    right:0px;
    text-align:right;
    top:2px;
}



.noRoomLeft {   color: #9c0;}


#preferences select.dropdown {  
    background: transparent url(../img/layout/inputsBG.png) repeat-x;
    font-size:11px;
}

#donate{
	position:fixed;
	top: 50px;
	right: 20%;
}

@charset "utf-8";*{padding:0;margin:0;}#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333;}#TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666;}#TB_window a:link,#TB_window a:visited,#TB_window a:active,#TB_window a:focus{color:#666;}#TB_window a:hover{color:#000;}#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}.TB_overlayMacFFBGHack{background:url(../img/layout/thickbox/macFFBgHack.png) repeat;}.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}* html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');}#TB_window{background-color:transparent;position:fixed;z-index:104;color:#000;display:none;text-align:left;top:50%;left:50%;}* html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');}#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;}#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;}#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px;}#TB_title{background-color:#262D33;height:27px;}#TB_ajaxContent{clear:both;padding:2px 0 15px 0;overflow:auto;text-align:left;line-height:1.4em;margin:0 auto;}#TB_ajaxContent.TB_modal{padding:15px;}#TB_ajaxContent p{padding:5px 0 5px 0;}#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;}* html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');}#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');}#TB_iframeContent{background-color:transparent!important;clear:both;border:0 none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}



/* New builsings */

#buttons{
	width: 657;
	text-align: center;
}

ul.buttons{
	list-style: none;
}

li.buttons{
	list-style-type:none;
	height: 100px;
	width: 100px;
	float: left;
	border: solid 2px #000;
	margin: 2px;
}
	
#buttonText{
	text-align: center;
	color: #CCC;
	float: right;
	z-index: 2;
	float: left;
	position: relative;
	bottom: 90px;
	background-color:#000;
	width: 100%;
	height: 15px;
	overflow: hidden;
	vertical-align:middle;
}

#buttonLevel{
	color: #CCC;
	float: right;
	z-index: 2;
	float: left;
	position: relative;
	bottom: 80px;
	background-color:#000;
	width: 50px;
	height: 15px;
	overflow: hidden;
	vertical-align:middle;
	font-size: 8px;
}

#buttonResources{
	color: #CCC;
	float: right;
	z-index: 2;
	float: left;
	position: relative;
	bottom: 70px;
	background-color:#000;
	height: 30px;
	overflow: hidden;
	vertical-align:middle;
	font-size: 8px;
}

a.buttons{
	font-size: 9px;
	color: #CCC;
}

#build{
	float: left;
	background-color: #000;
	width: 200px;
}

td.buildName{
	font-weight: bold;
	font-size: 16px;
}