/*

SKIN -5 - Starmarines

A short on on how to make this skin availble for other languages

Please note that images/icons/lang/XX  directory contains language
the specific icons ep.gif, gold.gif and fame.gif.

If you modify these icons, please put an appropiate copy in each of
this directory.

If you want to use language specif images in your css file, you can
use the phrase '/xLANGx/' (remove the ' and replace x by *).
This is  for example replaced by 'lang/en' (without the ').

E.g. to use an language specific Icon for the eps, use (replace the x by *):

    url(images/icons/lang/xLANGx/ep.png)

For English players, this becomes:
    url(images/icons/lang/en/ep.png)

For German players, it becomes:
    url(images/icons/lang/de/ep.png)

Then put an ep.png icon in the directories images/icons/lang/de /en /..

*/

/*********************************************************
 * Ajax Dialogs
 *********************************************************/
.ajax_window {
  border: ridge #816E36 5px;
  background-color: #444;
  background: transparent url(images/page/main_content-border-table-center.jpg) repeat scroll 0 0;
}

.ajax_window_title {
    padding-right: 5px;
}


.ajax_window_title > h1 {
    color: #333;
}


.ajax_window_content {
    border-top: solid #333 1px;
    padding: 5px;
}

.ajax_window_buttons {
    padding: 5px;
    padding-top: 15px;
}


/*********************************************************
 * General settings
 *********************************************************/

.menu-border-table-left {
    display: none;
    width: 0;
}

html,body {
   margin:0;
   padding:0;
   width:100%;
   height:100%;
   border:none;
}

html {
    background: #303030;
}

body {
    height:100%;
    font-size:                14px;
    font-family:              Arial, Helvetica, sans-serif;
    text-decoration:          none;
    color:                    #FFFFFF;
}


.page_bg_with_image { background: url(images/background.jpg) repeat; }
.page_bg_without_image { }


#page-border {
  width:100%;height:100%;
}

.gadget.buttons > .gadget_inner > .gadget_body {
    white-space: nowrap;
}


div.gadget_icon {
   display: inline;
}

.gadget_icon.icon_help {
  padding-right: 2px;
}


.gadget_icon.icon_forums_all {
    display: none;
}


.gadget_fixed_container {
    height: auto;
    overflow-x: hidden;
}

#gadgettable-padding-top {height:10px;}
#gadgettable-padding-bottom {height:10px;}

#gadgettable-top { background-color: #000000; background: url(images/background.jpg) repeat; }

.gadgettable-column {min-height:100%;}


.gadget_body {padding-left: 0px;padding-top:0px;padding-right:10px;}

.main_content {
    padding: 5px;
}

#gadgettable {
  width:100%;height:100%;
}

.gadget_scroll {
  position: relative;zoom:1;
  overflow-y: auto;
}

#gadgettable-left-gadgets  > .gadget> .gadget_inner > .gadget_scroll,
#gadgettable-right-gadgets > .gadget> .gadget_inner > .gadget_scroll {
    overflow-x: hidden;
}


/* ----------------------------------------------------------------------------
 * Languages
 */

.languages .gadget_body {
    text-align: left;
    padding-top: 5px;
    padding-left: 20px;
    margin-top: 10px;
}

/*********************************************************
 * Menu
 *********************************************************/

.menu-1 {
    font-size: 1.3em;
    font-weight: bold;
}

.menu-1-body,
.menu-2-body {
  position: relative;zoom: 1;
}

.menu-0-body .menu-between {
  width:10px;height:10px;
}

.menu-0-body {
    padding-left: 20px;
}

.menu-1-separator {
  position:relative;zoom: 1;z-index:80;top:0px;left:17px;width:80px;height:3px;
  margin-left:0px;
  margin-top:5px;
  margin-bottom:12px;
  background: url(images/menu/seperator.gif) 0 0 no-repeat;top:0px;left:0px;right:0px;bottom:0px;
}

.menu-2-separator {
  margin-bottom:9px;
}

.menu-1-caption,
.menu-2-caption,
.menu-3-caption {
  position: relative;zoom: 1;
  padding-right:3px;
  cursor: pointer;
}

.menu-2-caption {
    padding-bottom:2px;
    padding-top:2px;
}

.menu-1-caption img,
.menu-2-caption img,
.menu-3-caption img {
    border:none;
}

.menu-2-caption,
.menu-3-caption {color: #FFD700;}

.menu-2-caption:hover,
.menu-3-caption:hover {color: #CCFFCC;}

.menu-2-caption.selected,
.menu-3-caption.selected {color: #CC6633;}

.menu-2-caption {
     font-size:               14px;
     font-weight:             bold;
     padding-left:            0;
}

.menu-3-caption {
     font-size:               12px;
     font-weight:             bold;
     padding-left:            5px;
}

.menu-1-body {
  padding-top: 5px;
}

a.selected,
a.selected:link,
a.selected:visited,
a.selected:focus,
a.selected:hover,
a.selected:active {
     color:                   #000000;
     text-decoration:         underline overline;
}

div.menu-vertical {
    padding-top: 20px;
}

.menu-vertical a,
.menu-vertical a:link,
.menu-vertical a:visited,
.menu-vertical a:focus,
.menu-vertical a:hover,
.menu-vertical a:active,
.menu-vertical img {
    outline: none;
    display: block;
    text-decoration: none;
    border: 0 none;
}

a.menu-2-caption,
a.menu-3-caption {
     color:                   #FFCF00;
     text-decoration:         none;
}

a.menu-2-caption:hover,
a.menu-3-caption:hover  {
     color:                   #FFFFFF;
     text-decoration:         none;
}

.menu-1   .menu-1-body {display: none;}
.menu-1.open   .menu-1-body {display: block;}

.menu-1-caption .font_menu-1          {display: block;}
.menu-1-caption .font_menu-1-hovered  {display: none;}
.menu-1-caption .font_menu-1-selected {display: none;}

.menu-1-caption:hover .font_menu-1          {display: none;}
.menu-1-caption:hover .font_menu-1-hovered  {display: block;}
.menu-1-caption:hover .font_menu-1-selected {display: none;}

.menu-1-caption.selected .font_menu-1          {display: none;}
.menu-1-caption.selected .font_menu-1-hovered  {display: none;}
.menu-1-caption.selected .font_menu-1-selected {display: block;}


.menu-2 .menu-2-body {display: none;}
.menu-2.open .menu-2-body {display: block; padding: 5px 0px 10px 0px;}

.menu-3   .menu-3-body {display: none;}
.menu-3.open   .menu-3-body {display: block;}

/*********************************************************
 * Hinweise
 *********************************************************/

/*.hints
  .hints.on
  .hints.off */

.hints.showlink {
    font-size: 0.85em; font-weight: normal;
}

.hints.hidelink {
    font-size: 0.85em;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

.hints.off {
    font-size: 0.85em;
}

/*********************************************************
 * Statuszeile
 *********************************************************/

.buttonbar img {padding-left:8px;}

.horizontal-separator {height:50px;}

.horizontal-separator-image {position:relative;zoom: 1; height:33px;}
.horizontal-separator-image {background: url(images/page/frame-big-border-top.gif) 0 100% repeat-x;}

.gadget.horizontal_seperator {
  z-index:99;
  background: transparent url(images/menu_bot.jpg) no-repeat scroll 0 100%;
  height: 21px;
  width: 155px;
}


.space-left .gadget_inner .gadget_body {
  width:120px;
  height:70px;
}

.main_content {
 background: transparent url(images/page/main_content-border-table-center.jpg) repeat scroll 0 0;
}

/*********************************************************
 * Tabellen
 *********************************************************/

.table .body .inner .error {
  color: #990033;
  font-weight: bold;
  font-size: 11pt;
  padding:  10px 0px 30px 0px;
}

.table .body .inner .success {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11pt;
  padding:  10px 0px 30px 0px;
}

.table   .body   .inner   .top {
  margin: 10px 0px 30px;
}

.table   .body   .inner   .bottom {
  margin: 30px 0px 10px;
}

.table.head   .title-image {position:relative;zoom: 1;z-index:20;}

.table   .body   .inner   .inner_table {
  margin-top:-15px;
  padding: 3px;
}

.table.caption {
  width: 100%;
}

.font_Table_Caption {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding-bottom: 5px;
}

.table .body {
  clear: left;
}

.caption_right {
  text-align:right;
  padding: 10px 30px 25px 0;
}

table {
  border-collapse: collapse;
}

.row_0 {
  color:#000000;
  background-color:#ccbea4;
}

.row_1 {
  color:#000000;
}

.links_with_additional_options {
    font-size: 0.8em;
}

/**********************************************************************
 * Ticker / Ausrufer
 **********************************************************************/
.ticker_label {
    font-style: italic;
}

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

.ticker_msg.new {
    font-weight: bold;
}


/*-----------------------------------------------------------------------------
 * Gadget Block
 */

.block > .block_body
{
    clear:both;
    position:relative;
    top:0px;
    width:180px;
    z-index:2;
}

.gadget_body,
.gadget_body > .block,
.gadget_body > .block > .block_body {
    height: 100%;
}


.background,
.border-top,
.border-bottom {
    position: absolute;
    z-index: -2;
}

.block > .block_body > .background     {
    background: url(images/page/block_bg_body.png) 0 0 repeat-y;top:50px;left:0px;right:0px;bottom:20px;
}

.block > .block_body > .border-top     {
    background: url(images/page/block_bg_head.png) 0 0 no-repeat;top:0px;left:0px; right: 0px; height: 50px;
}

.block > .block_body > .border-bottom     {
    background: url(images/page/block_bg_foot.png) 0 0 no-repeat;bottom:0px;left:0px;right:0px;height:20px;
}

#gadgettable-right-gadgets > .gadget {
    margin-bottom: 5px;
}


.block_inner {
    padding: 15px 15px 15px 15px;
}

.gadget.chat > .gadget_inner > .gadget_scroll > .gadget_body > .block > .block_body > .block_inner,
.gadget.chat > .gadget_inner > .gadget_body > .block > .block_body > .block_inner
{
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}



/**********************************************************************
 * Hero-Anzeige
 **********************************************************************/

.nextHeroLink img {
  border: none;
}

.hero_full .changeHeroLink,
.hero_short .changeHeroLink {
  cursor: pointer;
}

.hero_short> * > tr > td {
    white-space: nowrap;
    padding-left: 5px;
}

.heroTutorial { font-weight: bold; }


/**********************************************************************
 * Defaults for all Pages
 **********************************************************************/

a                   {
     color:                    #FFFFFF;
     text-decoration:          none;
}
a:link              {
     color:                    #FFD02B;
     text-decoration:          none;
}
.alink              {
     color:                    #FFCF00;
     text-decoration:          none;
}

a:visited           {
     color:                    #FFCF00;
     text-decoration:           none;
}
a:active            {
     color:                    #FFFFFF;
     text-decoration:          none;
}
a:hover             {
     color:                    #FFFFFF;
     text-decoration:          none;
}

.headline_1,
h1                  {
     font-size:                20px;
     font-weight:              bold;
     color:                    #FFFFFF;
}

.headline_2,
h2                  {
     font-size:                17px;
     font-weight:              bold;
     color:                    #FFFFFF;
}

.headline_3,
h3                  {
     font-size:                14px;
     font-weight:              bold;
     color:                    #FFFFFF;
}

.headline_4,
h4                  {
     font-size:                14px;
     color:                    #FFFFFF;
}


ul                  {
     list-style-type:          circle;
     color:                    #FFFFFF;
}
ol                  {
     color:                    #FFFFFF;
}


.tooltip            {
     background-color:         #FFFFE1;
     color:                    #000000;
     font-size:                12px;
     font-family:              Arial, Helvetica, sans-serif;
     padding:                  2px;
     border-width:             2px;
     border-style:             ridge;
     border-color:             #FFFFE1;
}
table.tooltip       {
     background-color:         #FFFFE1;
     color:                    #000000;
     font-size:                12px;
     font-family:              Arial, Helvetica, sans-serif;
     padding:                  2px;
}

.tooltip > * {
    color: black;
}

.bonus_positive,
.tooltip .bonus_positive
{
    color: #007700;
}
.bonus_negative,
.tooltip .bonus_negative
{
    color: #770000;
}
.bonus_neutral,
.tooltip .bonus_neutral
{
}

.tooltip > a,
.tooltip > a:link,
.tooltip > a:visited,
.tooltip > a:focus,
.tooltip > a:active,
.tooltip > * > a,
.tooltip > * > a:link,
.tooltip > * > a:visited,
.tooltip > * > a:focus,
.tooltip > * > a:active,
.tooltip > *> * > a,
.tooltip > *> * > a:link,
.tooltip > *> * > a:visited,
.tooltip > *> * > a:focus,
.tooltip > *> * > a:active {
    color:                    #AA0000;
}

.tooltip > a:hover,
.tooltip > * > a:hover,
.tooltip > * > * > a:hover {

    color:                    #330000;
}


.tooltip_title      {
     font-size:                14px;
     font-weight:              bold;
     color:                    #FFFFFF;
     background-color:         #090909;
}
.tooltip_shadow {
     background-color:         #090909;
}

.tooltip_footenote_font {
    font-style: italic;
    font-size: 0.9em;
}


.button_image_info {
    background: url(images/icons/info.gif) 0 0 no-repeat;
    border-style:none;
    cursor: pointer;
}

.footnote {
    font-size: 80%;
}

/**********************************************************************
 * CSS Settings for the scrollbars (IE-only, breaks validity!)
 **********************************************************************/

*         {
     scrollbar-3d-light-color:     #000000;
     scrollbar-arrow-color:        #666666;
     scrollbar-base-color:         #000000;
     scrollbar-dark-shadow-color:  #291E1E;
     scrollbar-face-color:         #291E1E;
     scrollbar-highlight-color:    #444444;
     scrollbar-shadow-color:       #000000;
     scrollbar-track-color:        #343434;
}


input, select       {
     font-family:             Arial, Helvetica, sans-serif;
     text-decoration:         none;
     font-size:               9pt;
     border-style:            normal;
     border-color:            #222222;
     color:                   #FFFFFF;
     font-weight:             normal;
     background-color:        #4b4d67;
}
option {
     background-color: #4b4d67;
}

radio, checkbox     {
     font-family:             Arial, Helvetica, sans-serif;
     text-decoration:         none;
     font-size:               9pt;
     border-style:            normal;
     border-color:            #222222;
     color:                   #FFFFFF;
     font-weight:             normal;
     background-color:        #4b4d67;
}
textarea            {
     font-family:             Arial, Helvetica, sans-serif;
     text-decoration:         none;
     font-size:               9pt;
     border-style:            normal;
     border-color:            #222222;
     color:                   #FFFFFF;
     font-weight:             normal;
     cursor:                  auto;
     background-color:        #4b4d67;
}

.fileinput {
    color: black;
}

.hidden {
     display: none;
}

.button             {
     font-family:             Verdana, Helvetica, sans-serif;
     font-size:               9pt;
     background-image:        url(images/button.jpg);
     border-style:            ridge;
     border-color:            #816E36;
     color:                   #FFFFFF;
     font-weight:             bold;
     background-color:        #462d28;
}

a.button,
a.button:visited,
a.button:active,
a.button:link,
a.button:hover,
a.button_disabled,
a.button_disabled:visited,
a.button_disabled:active,
a.button_disabled:link,
a.button_disabled:hover {
    color: white !important;
    white-space: nowrap;
}

.button_disabled
{
     font-family:             Verdana, Helvetica, sans-serif;
     font-size:               9pt;
     background-image:        url(images/button_disabled.jpg);
     border-style:            ridge;
     border-color:            #816E36;
     color:                   #FFFFFF;
     font-weight:             bold;
     background-color:        #AAAAAA;
}

a.button_minor:visited,
a.button_minor:active,
a.button_minor:link,
a.button_minor:hover,
.button_minor {
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: transparent;
    border: none;
    color: #FFCF00;
}

a.button_minor:hover,
.button_minor:hover {
    color: white;
}

.button_image       {
     border-style:            none;               /* for <input type="image"> */
}

img.button_image_selector {
     border: 2px solid #F0A015;
}
img.button_image_selector:hover {
     border: 2px solid white;
}


 .editor_img {
    margin: 10px;
 }

 .editor_img:hover {
    border: 2px solid white;
    margin: 8px;
 }

.cq_map_fav_element_selected,
.editor_img_selected {
    border: ridge #F0A015 5px;
 }

.editor_img_selected {
    margin: 5px;
}

form                {
     margin:                  0px;
}

pre                 {
     font-size:               11px;
     margin:                  0px;
}


/* Buttons and text right of page number links on top and below tables */
.pagi_def {
    font-size: 0.75em;
    color: white;
}
input.pagi_def {
    background-color:        #505050;
    border-width: 1px;
    border-color: black;
}
.pagi_but {
    font-size: 0.75em;
    background-color:        #505050;
    color: white;
    border-width: 1px;
    border-color: black;
}

iframe.content_block,
div.content_block,
p.content_block,
table.content_table > * > tr > *  {
    border: 20px solid #909090;
    padding:                 1mm;
    color:                    #FFFFFF;
    padding: 0.5em;
}

/* Background for tables with alternating colors, e.g. mailbox, reports et al */
table.content_table > * > tr.header {
     background-color:        #1B2A49;
}

.content_block,
table.content_table > * > tr.row0 {
     background-color:        #354567;
}

table.content_table > * > tr.row1 {
     background-color:        #42567E;
}

table.content_table > * > tr > * {
     border-bottom: thin solid #414141;
     border-right: thin solid #414141;
     border-left: thin solid #AAAAAA;
     border-top: thin solid #AAAAAA;
}

.content_table_mainline {
    font-weight: bold;
}

.content_table_subline,
.content_table_subline > * {
    font-size: 12px;
}



.message_success     {
     color:                   #FFCF00;
     font-weight:             bold;
     font-size:               11pt;
}
.message_error      {
     color:                   #FF5555;
     font-size:               11pt;
}

div.message_info,  p.message_info,
div.message_error, p.message_error      {
    background-color: #333333;
    padding: 3px;
    border: 3px ridge #666666;
}




.tutorial
.tutorial_hint {
     font-weight:             bold;
     text-decoration:         underline;
}

.tutorial_close {
    width: 100%;
    font-size: 0.8em;
    text-align: right;
    top-margin: 2em;
    bottom-margin: 0px;
    font-style: normal;
}

.tutorial {
    padding-top: 0.0em;
    padding-bottom: 0em;
    padding-left: 0.3em;
    padding-right: 0.3em;
  color: #FFFFFF;
  background-color: #244148;
  font-style: italic;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

img.tutorial {
  margin-left: 0.3em;
  margin-top: 0.0em;
  margin-right: 0.0em;
  margin-bottom: 0.0em;
}

div.tutorial {
    padding: 0.3em;
  border-width: 3;
  border-color: #45433e;
  border-style: ridge;
  max-width: 35em;
  min-height: 125px;
}







.bold               {
     color:                   #FFFFFF;
     font-weight:             bold;
}
.hilite             {
     color:                   #FFFFFF;
     font-weight:             bold;
}
a.gray,.gray    {
     color:                   #AAAAAA;
}


/* display time of last activity of figure */
.hero_activity_ok            {
     color:                   #97FF35;
     font-weight:             bold;
}
.hero_activity_warn          {
     color:                   #FF7F35;
     font-weight:             bold;
}
.hero_activity_crit          {
     color:                    #FF0000;
     font-weight:              bold;
}

.hero_active,A.hero_active,A:visited.hero_active,A:active.hero_active {
}

.hero_inactive,A.hero_inactive,A:visited.hero_inactive,A:active.hero_inactive
{
    color: #FF5555;
}

/* colors for objectives */

.medal {
    cursor: pointer;
}

.medal > .headline {
    margin-top: 0.3em;
}

.medal > .headline > .text {
    font-weight: bold;
    font-size: 110%;
}

ol.tutorial_goallist > li.completed,
.medal > .details.earned {
    background-color: #404b00;
    border: 5px ridge #404b00;
}

ol.tutorial_goallist > li.uncompleted,
.medal > .details.not_earned {
    background-color: #563e28;
    border: 5px ridge #563e28;
}

.medal > .details {
    position: relative;
    width: 100%;
    padding: 0px;
    color: white;
    text-align: center;
}

.medal > .details > .label {
    padding-top: 5px 48px 3px 48px;
    font-size: 135%;
    font-weight: bold;
}

.medal > .details > .icon_new {
    position: absolute;
    left: 3px;
    top: 0px;
}

.medal > .details > .icon_medal {
    position: absolute;
    right: 3px;
    top: 0px;
}

.medal > .details > .description {
    padding-left: 48px;
    padding-right: 48px;
}

.medal > .details > .description {
    padding-left: 48px;
    padding-right: 48px;
}

.medal > .details > .date {
    font-weight: bold;
    padding: 3px;
}

.medal > .details > .expire {
    font-size: 90%;
    padding: 3px;
}


.medal > .details.earned > .hidable > .reward,
.medal > .details.earned > .hidable > .reward_hint {
    background-color: #687135;
}

.medal > .details.not_earned > .hidable > .reward,
.medal > .details.not_earned > .hidable > .reward_hint {
    background-color: #7d5a3b;
 }

.medal > .details > .hidable > .reward {
    margin-top: 4px;
    padding-top: 2px;
}

.reward_hint {
    font-style: italic;
    font-size: 80%;
}

.medal > .details > .hidable> .submedals {
    padding: 0;
    margin: 0;
}

.medal > .details > .hidable > .submedals > table > * > tr > td > ul {
    margin: 0;
    list-style-type: none;
}

.medal > .details > .hidable > .submedals > table > * > tr > td > ul > li.earned {
    font-weight: bold;
}

.medal > .details > .hidable > .submedals > table > * > tr > td > ul > li.not_earned {
    font-style: italic;
}




.obj_golden_icon {
    display: none;
}
.obj_golden {
    color: #FFcc00;
}


.obj_silver_icon {
    display: block;
}
.obj_silver {
    color: #DDDDDD;
}

.obj_bronze_icon {
    display: block;
}
.obj_bronze {
    color: #CC9922;
}


.obj_green_icon {
    display: none;
}
.obj_green {
    color: #00FF33;
}
.obj_blue_icon {
    display: none;
}
.obj_blue{
    color: #00FFFF;
}

table.content_table > * > tr >  * > a:link.generic_yes,
table.content_table > * > tr >  * > a:visited.generic_yes,
.generic_yes,A.generic_yes,
A:visited.generic_yes,
A:active.generic_yes
{
    color: #FFFFFF;
}

table.content_table > * > tr >  * > a:link.generic_no,
table.content_table > * > tr >  * > a:visited.generic_no,
.generic_no,A.generic_no,
A:visited.generic_no,
A:active.generic_no
{
    color: #FF5555;
}


.generic_maybe,A.generic_maybe,A:visited.generic_maybe,A:active.generic_maybe
{
    color: #FF9603;
}

.item_default,A.item_default,A:visited.item_default,A:active.item_default {
  color: #FFFFFF;
}
.item_generated,A.item_generated,A:visited.item_generated,A:active.item_generated {
  color: #333333;
}
.item_unique_hero,A.item_unique_hero,A:visited.item_unique_hero,A:active.item_unique_hero {
  color: #013991;
}
.item_unique_group,A.item_unique_group,A:visited.item_unique_group,A:active.item_unique_group {
  color: #FFD700;
}
.item_set,A.item_set,A:visited.item_set,A:active.item_set {
  color: #32CD32;
}
.item_extra,A.item_extra,A:visited.item_extra,A:active.item_extra {
  color: #B8860B;
}

/* indicate if a figure may wear an item */
.item_usable,A.item_usable,A:visited.item_usable,A:active.item_usable {
     color:                   #000000;            /*#55FF55*/
}
.item_later_usable,A.item_later_usable,A:visited.item_later_usable,A:active.item_later_usable {
     color:                   #FF8800;
}
.item_unusable,A.item_unusable,A:visited.item_unusable,A:active.item_unusable {
     color:                   #FF3636;
}
a:hover.item_usable,a:hover.item_later_usable,a:hover.item_unusable {
     color:                   #FFFFFF;
}

/*
  Indicate value of item
*/

.item_value_0,A.item_value_0,A:visited.item_value_0,A:active.item_value_0 {
    color: #c0c0c0;
}
.item_value_1,A.item_value_1,A:visited.item_value_1,A:active.item_value_1 {
    color: #ffffff;
}
.item_value_2,A.item_value_2,A:visited.item_value_2,A:active.item_value_2 {
    color: #00ff00;
}
.item_value_3,A.item_value_3,A:visited.item_value_3,A:active.item_value_3 {
    color: #0000ff;
}
.item_value_4,A.item_value_4,A:visited.item_value_4,A:active.item_value_4 {
    color: #9933ff;
}
.item_value_5,A.item_value_5,A:visited.item_value_5,A:active.item_value_5 {
    color: #ff8000;
}



a.item_unique
,a:visited.item_unique
,a:active.item_unique
{    /* unique Item*/
     font-style: italic;
}

.rep_uni,
a.rep_uni,
a:visited.rep_uni,
a:active.rep_uni,
a:link.rep_uni
{    /* unique item in combat report */
     color:                   #97FF35;
}
.item_groupitem
{    /* group Item*/
}

a.item_destroyed
,a:visited.item_destroyed
,a:active.item_destroyed
 {    /* destroyed Item */
     text-decoration: line-through;
}

table.content_table > * > tr >  * > a.item_unique,
table.content_table > * > tr >  * > a:visited.item_unique,
table.content_table > * > tr >  * > a:active.item_unique
{
     font-style: italic;
     color: #00CC00;
}


table.content_table > * > tr >  * > .item_groupitem
{
  font-style:              italic;
}

a.item_destroyed
,a:visited.item_destroyed
,a:active.item_destroyed
 {    /* destroyed Item */
     text-decoration: line-through;
}

/* Anzeige Gegenstand-Details */
.gem_bonus_only_by_gem {
     color:                   #FFC519;            /* Bonus ausschlie�lich durch Edelstein */
}
.gem_bonus_also_by_gem {
     color:                   #FF9603;            /* Bonus durch Edelstein erh�ht */
}
.gem_bonus,A.gem_bonus,A:visited.gem_bonus,A:active.gem_bonus {
     color:                   #55FF55; /* Guter Bonus */
}
.gem_malus,A.gem_malus,A:visited.gem_malus,A:active.gem_malus {
     color:                   #FF2000; /* Schlechter Bonus (Malus) */
}
/* sorted tables - head line */
.table_hl           {
     font-family:             Verdana, Helvetica, sans-serif;
     font-size:               11pt;
     background-color:        #505050;
     color:                   #FFCC00;
}
.table_hl_sorted    {
     font-family:             Verdana, Helvetica, sans-serif;
     font-size:               11pt;
     background-color:        #505050;
     color:                   #FFFFFF;
}

table.content_table > * > tr > th.small,
table.content_table > * > tr > th.small > input {
    font-weight: normal !important;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 95% !important;
}

/**********************************************************************
 * paginator (when displaying multiple pages of data)
 **********************************************************************/
.paginator_selected {
     font-family:             Helvetica, sans-serif;
     font-size:               8pt;
     color:                   #FFFFFF;
     background-color:        #505050;
     border-style:            none;
}
.paginator          {
     font-family:             Helvetica, sans-serif;
     font-size:               8pt;
     color:                   #FFFFFF;
     background-color:        #000000;
     border-style:            none;
}

.paginator_row.top {
    padding-top: 6px;
}
.paginator_row.bottom {
    padding-bottom: 6px;
}

content_table.mail .paginator_row {
    padding-top: 0;
    padding-bottom: 0;
}

/**********************************************************************
 * Attributes and skills
 **********************************************************************/
.effective_value
      {                             /* effective value/rank of an attribute/skill */
     color:                   #FFCF00;
}
.bonus
              {                             /* Bonus for skills and item classes */
     color:                   #BBBBBB;
     font-size:               0.8em;
}


/* display skills (hero => skill) */
table.content_table > * > tr > * > a.skill_primary,
table.content_table > * > tr > * > a:link.skill_primary,
table.content_table > * > tr > * > a:active.skill_primary,
table.content_table > * > tr > * > a:visited.skill_primary,
.skill_primary
{
    color:                   #FFFFFF !important;
}
table.content_table > * > tr > * > a.skill_secondary,
table.content_table > * > tr > * > a:link.skill_secondary,
table.content_table > * > tr > * > a:active.skill_secondary,
table.content_table > * > tr > * > a:visited.skill_secondary,
.skill_secondary
{
     color:                   #BEC3FF !important;
}

table.content_table > * > tr > * > a.skill_foreign,
table.content_table > * > tr > * > a:link.skill_foreign,
table.content_table > * > tr > * > a:active.skill_foreign,
table.content_table > * > tr > * > a:visited.skill_foreign,
.skill_foreign
{
     color:                   #B0B0B0 !important;
}



/**********************************************************************
 * Combat reports
 **********************************************************************/
.rep_room_end
      {
     color:                   #FFFFFF;
     font-weight:             bold;
     font-size:               11pt;
}
.rep_status_headline
 {
     color:                   #FFFFFF;
     font-weight:             bold;
     font-size:               13pt;
}
.rep_status_table
 {
     color:                   #FFFFFF;
     font-size:               10pt;
     border-style:            none;
}

.rep_round_headline
  {
     color:                   #FFFFFF;
     font-weight:             bold;
     font-size:               12pt;
}
.rep_emphasized
            {
     color:                   #FFFFFF;
     font-weight:             bold;
}
.rep_initiative
            {                             /* Initiative */
     color:                   #FFFFFF;
     font-weight:             bold;
     white-space:             nowrap;
}
.rep_action
            {                             /* Aktion */
     color:                   #FFFFFF;
     font-size:               10px;
}

.rep_level_description
 {
     color:                    #FFFFFF;
}
.rep_level_monster_exitus
 {
     color:                   #FFFFFF;
     font-weight:             bold;
}
.rep_level_success
    {
     color:                   #FFFFFF;
}
.rep_level_failure
    {
     color:                   #FFFFFF;
}

.rep_gain  /*hero gains hp or mp*/
{
    color: #00FF00;
}

.rep_loss /*hero looses hp or mp*/
{
    color: #FF0000;
}


span.rep_monster
,a.rep_monster
,a:visited.rep_monster
,a:active.rep_monster
 {    /* Monster */
     color:                   #DD8603;
}
table.content_table > * > tr > * > span.rep_monster,
table.content_table > * > tr > * > a.rep_monster
table.content_table > * > tr > * > a:link.rep_monster
table.content_table > * > tr > * > a:visited.rep_monster
table.content_table > * > tr > * > a:active.rep_monster
 {    /* Monster */
     color:                   #DD8603;
}
span.rep_hero
,a.rep_hero
,a:visited.rep_hero
,a:active.rep_hero
 {    /* Helden */
     color:                   #22CC22;
}
table.content_table > * > tr > * > span.rep_hero,
table.content_table > * > tr > * > a.rep_hero
table.content_table > * > tr > * > a:link.rep_hero
table.content_table > * > tr > * > a:visited.rep_hero
table.content_table > * > tr > * > a:active.rep_hero
 {    /* Helden */
     color:                   #22CC22;
}
span.rep_myhero
,a.rep_myhero
,a:visited.rep_myhero
,a:active.rep_myhero
 {    /* eigener Held */
     color:                   #97FF35;
}
span.rep_myotherheros
,a.rep_myotherheros
,a:visited.rep_myotherheros
,a:active.rep_myotherheros
 {    /* andere Helden des Spielers */
     color:                   #7DD27D;
}
table.content_table > * > tr > * > span.rep_myhero,
table.content_table > * > tr > * > a.rep_myhero,
table.content_table > * > tr > * > a:link.rep_myhero,
table.content_table > * > tr > * > a:visited.rep_myhero,
table.content_table > * > tr > * > a:active.rep_myhero
 {    /* eigener Held */
     color:                   #97FF35;
}
span.rep_myhero_defender
,a.rep_myhero_defender
,a:visited.rep_myhero_defender
,a:active.rep_myhero_defender
 {    /* eigener Held als Verteidiger */
     color:                   #FFCC55;
}
span.rep_myotherheros_defender
,a.rep_myotherheros_defender
,a:visited.rep_myotherheros_defender
,a:active.rep_myotherheros_defender
 {    /* eigener Held als Verteidiger */
     color:                   #DBAA33;
}

table.content_table > * > tr > * > span.rep_myhero_defender,
table.content_table > * > tr > * > a.rep_myhero_defender,
table.content_table > * > tr > * > a:link.rep_myhero_defender,
table.content_table > * > tr > * > a:visited.rep_myhero_defender,
table.content_table > * > tr > * > a:active.rep_myhero_defender
 {    /* eigener Held als Verteidiger */
     color:                   #FFCC55;
}
table.content_table > * > tr > * > span.rep_myotherheros_defender,
table.content_table > * > tr > * > a.rep_myotherheros_defender,
table.content_table > * > tr > * > a:link.rep_myotherheros_defender,
table.content_table > * > tr > * > a:visited.rep_myotherheros_defender,
table.content_table > * > tr > * > a:active.rep_myotherheros_defender
 {    /* eigener Held als Verteidiger */
     color:                   #DBAA33;
}
span.rep_enemy
,a.rep_enemy
,a:visited.rep_enemy
,a:active.rep_enemy
 {    /* eigener Held - Verteidiger */
     color:                   #FFB300;
}
table.content_table > * > tr > * > span.rep_enemy,
table.content_table > * > tr > * > a.rep_enemy,
table.content_table > * > tr > * > a:link.rep_enemy,
table.content_table > * > tr > * > a:visited.rep_enemy,
table.content_table > * > tr > * > a:active.rep_enemy
 {    /* eigener Held - Verteidiger */
     color:                   #FFB300;
}

.rep_wounds_none
             {                             /* nicht  verwundet */
     color:                   #22CC22;
}
.rep_wounds_lightly
             {                             /* leicht verwundet */
     color:                   #F2D600;
}
.rep_wounds_medium
             {                             /* mittel verwundet */
     color:                   #FF7B00;
}
.rep_wounded_heavy
             {                             /* schwer verwundet */
     color:                   #FF5555;
}


.rep_resource {
  font-size: 80%;
  color: #777777;
}


.rep_mana_cost
             {                             /* Manakosten */
     color:                   #22CC22;
}

.rep_morale_loss
             {                             /* Moral */
     color: #5A4FE8;
     font-weight: bold;
}


/* Erfolgsgrade (Fehlschlag/Treffer/Guter Erfolg/Kritischer Erfolg*/
.rep_miss
           {
     color:                   #FF5555;
}
.rep_hit
            {
}
.rep_hit_good
       {
     font-style:              italic;
}
.rep_hit_crit
       {
     font-weight:             bold;
}

/*********************************************************
 * Board                                                 *
 *********************************************************/

.boardcon2.boardoption {
    vertical-align: middle;
    padding: 9px;
}

td.boardtext {
    max-width: 600px;
}
div.boardtext {
    width: 100%;
    overflow: auto;
}

TABLE.boardmain     {
     border-style:            none;
     width:                   100%;
     background-color:        #000000;
     border-collapse:     separate;
}

TABLE.boardspacer   {
     border-style:            none;
     width:                   100%;
}


TR.boardhead        {
     background-color:        #0d3260;
     border-style:            none;
}


TR.boardforum,
TR.boardcon1        {
     background-color:        #42567e;
     border-style:            none;
}
TR.boardcon2        {
     background-color:        #42567e;
     border-style:            none;
}
TR.boardcategory        {
     background-color:        #42567e;
     border-style:            none;
}

/*  tr.standalone_category > td,
    tr.parent_category > td,  */
tr.boardforum.child_category > td {
    background-color: #4b618e;
}

tr.boardcategory.child_category > td {
    background-color: #374768;
}



TD.boardhead        {
     color:                   #FFFFFF;
     border-style:            none;
}

TD.boardcon1        {
     background-color:        #42567e;
     border-style:            none;
}
TD.boardcon2        {
     background-color:        #42567e;
     border-style:            none;
}
TR.boardcategory > TD   {
     background-color:        #2f385c;
     border-style:            none;
}

A:link.boardhot, A:visited.boardhot {
     color:                   #F43E00;
}
A:link.boardclosed, A:visited.boardclosed {
     color:                   #FFFFFF;
}
A:hover.boardhot    {
     color:                   #FFFFFF;
}
A:hover.boardclosed {
     color:                   #C0C0C0;
}

img.boardavatar     {
     margin-top:              3px;
     margin-bottom:           3px;
}

.boardtext          {
     font-size:               12px;
}
.boardedited        {
     font-size:               10px;
     font-style:              italic;
}
.boardsignature     {
     font-size:               12px;
}
.boardheadline      {
     font-size:               13px;
     font-weight:             bold;
}
.boardtitle         {
     font-size:               15px;
     font-weight:             bold;
}
.boardhot           {
     color:                   #C03000;
}

.user_name          {
     font-weight:             bold;
     font-size:               14px;
     font-family:             Arial, Helvetica, sans-serif;
     text-decoration:         none;
     color:                   #FFFFFF;
}
.user_title         {
     font-weight:             bold;
     font-size:               14px;
     font-family:             Arial, Helvetica, sans-serif;
     text-decoration:         none;
     color:                   #6699FF;
}
.admin_title        {
     font-size:               14px;
     font-family:             Arial, Helvetica, sans-serif;
     font-weight:             bold;
     text-decoration:         none;
     color:                   #CC3333;
}

.board_goal {
    height: 24px;
}

.board_goal_text {
  font-size: 12pt;
  font-weight: bold;
}

.board_goal_icon {
  position: relative;
  top: 5px;
}

.legegendenstatus {
     color:                   #ff8800;
}

.boardworld         {
     color:                   #FFFFFF;
     font-weight:             bold;
}


/*********************************************************
 * BBCode
 *********************************************************/

.table_bbcode {
    padding: 3px;
    border-style: solid;
    border-color: gray;
    border-width: 0px;
    border-collapse: collapse;
}


.font_bbcode_h1         {
     font-size:               1.5em;
     color:                   #FFFFFF;
     font-weight:             bold;
}
.font_bbcode_h2         {
     font-size:               1.25em;
     color:                   #FFFFFF;
     font-weight:             bold;
}
.font_bbcode_h3         {
     color:                   #FFFFFF;
     font-weight:             bold;
}

.code               {
        background-color:     #555555;
        font-family:          "Courier New", courier, mono;
        font-size:            12px;
        border:               #606060;
        border-style:         dashed;
        border-width:         1px;
}

.quoteheader        {
        font-family:          Verdana, Arial, Helvetica, sans-serif;
        font-size:            12px;
        font-weight:          bold;
}
.quotebody          {
     background-color:        #555555;
     border:                  #BBBBBB;
     border-style:            dashed;
     border-width:            1px;
}

.spoilerbutton      {
        margin:               2px 0;
        min-width:            30px;
}
.spoiler            {
     overflow:              hidden;
     border-style:          solid none none none;
     border-width:          1px;
     border-color:          #707070;
}
.spoilerbutton[value="+"] + .spoilerheader + .spoiler > div {
        display:            none;
}
.spoilerbutton[value="-"] + .spoilerheader + .spoiler {
        padding:            5px;
}
.spoilerbox         {
    border-style:           dashed;
    border-width:           1px;
    border-color:           #A0A0A0;
    background-color:       #555577;
}
.spoilerheader      {
    font-family:    Verdana, Arial, Helvetica, sans-serif;
    font-size:      12px;
}


.listitem {
     padding-left: 0.2em;
     margin-left: 0.7em;
}

.listbullet         {
     list-style-type:         disc;
}
.listdecimal        {
     list-style-type:         decimal;
}
.listlowerroman     {
     list-style-type:         lower-roman;
}
.listupperroman     {
     list-style-type:         upper-roman;
}
.listloweralpha     {
     list-style-type:         lower-alpha;
}
.listupperalpha     {
     list-style-type:         upper-alpha;
}

.postlink           {
    font-family:              "Courier New", courier, mono;
    font-size:                8px;
    color:                    #AAAAAA;
}

/*********************************************************
 * Mail
 *********************************************************/

.content_table.mail td.paginator_row {
     background-color:        #354567;
}


.content_table.mail tr.row0,
.content_table.mail tr.row1 {
     background-color:        #42567E;
}

.content_table.mail tr.selected {
     background-color:        #1B2A49;
}



.buttons_below_table {
    margin-top: 0.3em;
}

.folder_standard    {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #354567;
        border-style:         none;
        color:                #FFFFFF;
}
.folder_selected    {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #354567;
        border-style:         ridge;
        border-color:         #FFFFFF;
        color:                #FFFFFF;
}
.folder_standard_unread {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #354567;
        border-style:         none;
        color:                #FFFFFF;
        font-weight:          bold;
        font-style:           normal;
}
.folder_selected_unread {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #354567;
        border-style:         ridge;
        border-color:         #FFFFFF;
        color:                #FFFFFF;
        font-weight:          bold;
        font-style:           normal;
}
.subject_standard   {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #42567E;
        border-style:         none;
        color:                #FFFFFF;
        left:                 0px;
        font-weight:          normal;
        font-style:           normal;
}
.subject_selected   {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #1B2A49;
        border-style:         none;
        border-color:         #CC9900;
        color:                #FFFFFF;
        font-weight:          normal;
        font-style:           normal;
}
.subject_standard_unread {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #42567E;
        border-style:         none;
        color:                #FFFFFF;
        font-weight:          bold;
}
.subject_selected_unread {
        font-family:          Helvetica, sans-serif;
        font-size:            11pt;
        background-color:     #1B2A49;
        border-style:         none;
        border-color:         #FFFFFF;
        font-weight:          bold;
        color:                #FFFFFF;
}


/*********************************************************
 * Battles - Clanquest
 *********************************************************/
.cq_map_fav_list {
        border-style:       outset;
        background-color:   #444444;

}
.cq_map_fav_element {
        color:              #ffffff;
        background-color:   #444444;
}

.cq_map_fav_element_selected {
        color:              #ffffff;
        border:             5px solid green;
}

.cq_map_field_info_title {
    font-size:              11px;
    font-weight:            bold;
    color:                  #FFCF00;
}

.cq_map_field_info_subtitle {
    font-size:              11px;
    color:                  #FFFFFF;
}

.cq_map_field_info_text {
    font-size:              11px;
}

/**********************************************************************
 * ORDERS
 **********************************************************************/

 #orders h1, #orders h2, #orders h3, #orders h4, #orders h5, #orders h6 {
  clear:                  both;
 }

 #orders h3                  {
  border-width:           1px;
  border-style:           solid;
  border-color:           #666666;
  background-color:       #333333;
  padding:                0.2em 0.5em;
 }

 #orders h4                  {
  margin:                 0.5em 0 0 0px;
 }

 #orders input               {
  margin:                 4px;
  background-color:       #505050;
  border-width:           1px;
  border-style:           solid;
  border-color:           #999999;
  color:                  #FFFFFF;
  font-weight:            bold;
 }

 #orders input.numeric       {
  width:                  3em;
 }

 #orders select              {
  background-color:       #333333;
  border-width:           1px;
  border-style:           solid;
  border-color:           #999999;
  color:                  #FFFFFF;
  font-weight:            bold;
 }

 #orders td                  {
  vertical-align:         top;
  text-align:             left;
 }

 #orders span.disabled, #orders div.disabled {
  text-decoration:        line-through;
 }

 #orders span.inactive, #orders div.inactive {
  font-style:             italic;
  color:                  #CCCCCC;
 }


 #orders .warn {
  color:                  #FF4444;
 }


 .wod-tabs           {
  margin:                 10px 0px;
  list-style:             none;
  border-width:           1px;
  border-style:           none none solid none;
  border-color:           #999999;
  padding:                5px;
 }

 .wod-tabs li        {
  display:                inline;
  background-color:       #333333;
  color:                  white;
  font-weight:            bold;
  padding:                5px 20px;
  margin:                 5px;
  border-width:           1px;
  border-style:           solid;
  border-color:           #999999;
  cursor:                 default;
 }

 .wod-tabs li.selected {
  background-color:       #666666;
 }

 .wod-list           {
 }

 .wod-list-table     {
  border-collapse:        collapse;
 }

 .wod-list-items     {
  border-width:           1px;
  border-style:           solid;
  border-color:           #999999;
  padding:                4px;
 }

 .wod-list-item      {
  padding:                4px;
  cursor:                 default;
 }

 .wod-list-item-selected {
  padding:                4px;
  background-color:       #666666;
  cursor:                 default;
 }

 .wod-list-buttons   {
  border-width:           1px;
  border-style:           solid;
  border-color:           #999999;
  width:                  24px;
  padding:                4px;
 }

 .wod-list-item-label-skill {
  font-weight:            bold;
 }

 .wod-list-item-label-item {
  font-size:              small;
 }

 .wod-list-item-label-ammo {
  font-size:              small;
 }

 .wod-list-item-label-positions {
  font-size:              small;
 }

 #orders img {
     vertical-align: middle;
 }



/**********************************************************************
 * AdvDropDown
 **********************************************************************/

#AdvDropDown
{
  height: 29px;
  font-size: 12px;
  text-align :left;
  vertical-align:middle;
  padding-left:0.0em;
  padding-top:4px;
  margin:0;
}

#AdvDropDown ul
{
  position: absolute;
  padding: 0px;
  margin: 0px;
  list-style: none;
  list-style-type: none;
  vertical-align: middle;
  /*background-color: #ffffff;

  border-color: #999999;
  border-width:1px;
  border-style:solid;*/
}

#AdvDropDown ul li
{
  height: 24px;
  width: 115px;
  /*border-color: #999999;
  border-width:1px;
  border-style:solid;*/
  position: relative;zoom: 1;
  margin: 0px;

  /* IE :hover silly javascript workaround */
  behavior: url(../../base/listItemHover.htc);
}

.warn {
  color:                  #FF4444;
}

#AdvDropDown ul li a
{
  display: block;
  position: relative;zoom: 1;
  padding: 4px 0.3em 4px 0.3em;
  color: #000000;
  background-color:#ffffff;
  border-color: #CC9900;
  border-width:1px;
  border-style:solid;
}

#AdvDropDown img
{
  color: #ffffff;
  text-decoration: none;
  border:none;
}

#AdvDropDown ul li a:hover {
    color: #ffffff;
/*    background-color: #666666;*/
}

/* This one doesn't affect IE */
#AdvDropDown ul li:hover > ul
{
    display: block;
}

#AdvDropDown ul ul
{
  border-color: #000000;
  border-width:1px;
  border-style:solid;
}

#AdvDropDown ul ul li
{
  float: none;
  margin: 0px;
  padding: 0em;
}

#AdvDropDown ul ul li a
{
    border: none;
    padding-top: 0.2em;
    margin: 0px;
    font-size: 1.1em;
    color:#000000;
    background-color: #ffffff;
    height: 1.3em;
}

#AdvDropDown ul ul li a:hover
{
    color: #ffffff;
    text-decoration: none;
    background-color: #000066;
}


/*hide all sublevels*/
#AdvDropDown ul ul {
    display: none;

    /*border-color: #999999;
    border-width:1px;
    border-style:solid;*/
}

/**********************************************************************
 * Items
 **********************************************************************/


div#headline {
  padding: 0 1em;
  min-width: 16em;
}


div#details {
  float: left;
  padding: 0 1em;
  min-width: 16em;
}

div#image {
  float: left;
  padding: 0 1em;
  margin: 0 0 1em 1em;
  min-width: 16em;
}

div#link {
  clear: both;
  padding: 1em;
  min-width: 16em;
}



.tab {
  position:relative;zoom:1;
  width: 100%;
}

.tab > .bar {
    border-bottom: 2pt solid #354567;
    height: 0;
    clear: both;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
}

.tab > ul {
    list-style:none;
    padding:0 0 0 0;
    margin: 0;
}

.tab > ul > li {
  display:inline-block;
  margin-right:0.5em;
  margin-bottom:0px;
  margin-top: auto;
  position:relative;zoom:1;
  float: left;
  padding: 2px;
  vertical-align: bottom;
}

.tab > ul > li.label {
  margin: 0px;
  margin-right:1em;
  position:relative;
  font-weight: bold;
  vertical-align: top;
}


.tab > ul > li.selected {
  background-color: #354567;
  border-top:1px solid white;
  border-left:1px solid white;
  border-right:1px solid black;
  border-bottom:1px solid #354567;
  color: white;
  font-weight: bold;
}

.tab > ul > li.not_selected:hover {
  background-color: #354567;
}
.tab > ul > li.not_selected {
  color: black;
  border-left:1px solid black;
  border-top:1px solid black;
  border-right:1px solid black;
  border-bottom:1px solid #354567;
}

.tab > content {
    padding-top: 10px;
    margin-top: 0;
}


.sub-tabs {
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 0px;

}

.sub-tabs >  .label {
    margin-left: 5px;
    padding-left: 5px;
    margin-right: 0px;
    padding-right: 0px;
    border-left:  solid 1px black;
 }

 .sub-tabs >  .label.firsttab {
    padding-left: 0px;
    margin-left: 0px;
    border-left:  solid 0px black;
 }

 .sub-tabs >  .label.selected {
    background-color: #354567;
    color: white;
 }





.item_unique
{    /* unique Item*/
     font-style:              italic;
}
.item_groupitem
{    /* group Item*/

}

.languages-border-table-top, .languages-border-table-bottom,
.languages-border-table-top-left, .languages-border-table-bottom-left,
.languages-border-table-top-right, .languages-border-table-bottom-right,
.menu-border-table-top, .menu-border-table-bottom,
.menu-border-table-top-left, .menu-border-table-bottom-left,
.menu-border-table-top-right, .menu-border-table-bottom-right,
.space-left-border-table-top, .space-left-border-table-bottom,
.space-left-border-table-top-left, .space-left-border-table-bottom-left,
.space-left-border-table-top-left, .space-left-border-table-bottom-right {
  display: none;
}


.space-left-border-table-center, .languages-border-table-center,
.menu-border-table-center {
  padding-left: 20px;
}

.gadget_fixed_container,
#gadgettable-left {
  background: url(images/menu_mid.jpg) 0 0 no-repeat;
}

.gadget_fixed,
.gadget_fixed_container {
    overflow-x: hidden;
    overflow-y: auto;
    width: 150px;
}


.main_content-border-table-top {
  height: 21px;
}

.main_content-border-table-bottom {
  height: 21px;
}

.main_content-border-table-top              {background: url(images/page/main_content-border-table-top.gif) 0 0 repeat-x;top:0px;left:0px;right:0px;bottom:0px;}
.main_content-border-table-top-left         {background: url(images/page/main_content-border-table-top-left.gif) 0 0 no-repeat;top:0px;left:0px;right:0px;bottom:0px;}
.main_content-border-table-top-right        {background: url(images/page/main_content-border-table-top-right.gif) 100% 0 no-repeat;top:0px;left:0px;right:0px;bottom:0px;}
.main_content-border-table-center           {background: url(images/page/main_content-border-table-center.jpg) 0 0 repeat;top:0px;left:0px;right:0px;bottom:0px;}
.main_content-border-table-left         {background: url(images/page/main_content-border-table-left.gif) 0 0 repeat-y;top:0px;left:0px;right:0px;bottom:0px;width:19px}
.main_content-border-table-right        {background: url(images/page/main_content-border-table-right.gif) 100% 0 repeat-y;top:0px;left:0px;right:0px;bottom:0px;width:19px}
.main_content-border-table-bottom         {background: url(images/page/main_content-border-table-bottom.gif) 0 100% repeat-x;top:0px;left:0px;right:0px;bottom:0px;}
.main_content-border-table-bottom-left      {background: url(images/page/main_content-border-table-bottom-left.gif) 0 100% no-repeat;top:0px;left:0px;right:0px;bottom:0px;}
.main_content-border-table-bottom-right     {background: url(images/page/main_content-border-table-bottom-right.gif) 100% 100% no-repeat;top:0px;left:0px;right:0px;bottom:0px;}


.menu {
  font-weight: bold;
}

input.table_hl, input.table_hl_sorted {
  background:   #1B2A49 none repeat scroll 0 0;
  border:     medium none;
  color:      #FFFFFF;
  white-space:  pre;
}

table.content_table > * > tr > * > a {
  color: #FFFFFF;
}

table.content_table > * > tr > * > a:link,
table.content_table > * > tr > * > a:visited {
  color: #FFD02B;
}

table.content_table > * > tr > * > .hero_inactive,
table.content_table > * > tr > * > a.hero_inactive,
table.content_table > * > tr > * > a:visited.hero_inactive,
table.content_table > * > tr > * > A:active.hero_inactive
{
    color: #FF3636;
}


.mail_header {
  background-color: #1B2A49;
}

table.content_table > * > tr > * > .item_usable,
table.content_table > * > tr > * > A.item_usable,
table.content_table > * > tr > * > A:link.item_usable,
table.content_table > * > tr > * > A:visited.item_usable,
table.content_table > * > tr > * > A:active.item_usable {
     color:                   #ffffff;            /*#55FF55*/
}
table.content_table > * > tr > * > .item_later_usable,
table.content_table > * > tr > * > A.item_later_usable,
table.content_table > * > tr > * > A:link.item_later_usable,
table.content_table > * > tr > * > A:visited.item_later_usable,
table.content_table > * > tr > * > A:active.item_later_usable {
     color:                   #ff8800;
}
table.content_table > * > tr > * > .item_unusable,
table.content_table > * > tr > * > .content_table A.item_unusable,
table.content_table > * > tr > * > A:link.item_unusable,
table.content_table > * > tr > * > A:visited.item_unusable,
table.content_table > * > tr > * > A:active.item_unusable {
     color:                   #FF3636;
}
table.content_table > * > tr > * > a:hover.item_usable,
table.content_table > * > tr > * > a:hover.item_later_usable,
table.content_table > * > tr > * > a:hover.item_unusable {
     color:                   #FFFFFF;
}

.gadget.edit_mode {padding:5px;}
.gadget.edit_mode {border:1px outset white;}
.gadget.edit_mode .gadget_title {
  display:block;
  font-weight: bold;
  font-size:75%;
  background-color: #000000;
  color: #CCCCCC;
  padding: 2px 2px 2px 10px;
  border-bottom:1px solid #CCCCCC;
}
.gadget.edit_mode .gadget_body {
  margin: 2px;
}

.layout_buttons {
  position: absolute;
  top: 30px;
  left: 110px;
}

.gwt-DialogBox {
  background-color: #354567;
  border: medium solid #1166BB;
}


.hero_short, .gadget.buttons, .gadget.worlds{
  white-space: nowrap;
}

.hero_short td{
  padding-right: 10px;
}
.clock {
    text-align: right;
}


/**********************************************************************
 * Info line for popup windows
 **********************************************************************/
.popup_statusline {
    border-bottom: thin solid #CCCCCC;
    text-align: center;
    background: url(images/background.jpg) repeat;
}

.popup_statusline_world {
    float: left;
    padding: 10px;
}
.popup_statusline_hero {
    padding: 10px;
    float: left;
    margin-top: 3px;
}

.popup_statusline_mail {
    padding: 10px;
    float: right;
}

.popup_statusline_clear {
    clear: both;
}

.font_World_Name {
    display: inline;
}

/**********************************************************************
 * Progress bar
 **********************************************************************/

.progressBar_container {
    position: relative;
    text-align: center;
    width: 500px;
    height: 32px;
    display: inline-block;
}
.progressBar_black-on-white {
    height: 32px;
    color: white;
    background-color: #999999;
    background: url(images/progressbar_2.jpg) right;
}
.progressBar_white-on-black {
    height: 32px;
    color: white;
    background-color: #3a4257;
    background: url(images/progressbar_1.jpg);
}
.progressBar_wrapper {
    width: 0%; /* matches percent completed - e.g. width: 5% = 5% completed */
    overflow: hidden;
    position: absolute;
    top: 0; left: 0;
}
.progressBar_black-on-white {
    width: 100%;
    padding-top: 5px;
    height: 27px;
}
.progressBar_white-on-black {
    width: 500px;
    padding-top: 5px;
    height: 27px;
}



/**********************************************************************
 * List selector
 **********************************************************************/


div.list_selector_container{
    border: 5px ridge #222222;
    position: relative;
    overflow: auto;
    height: 6em;
    width: 20em;
    overflow: hidden;
    background-color: #4B4D67;
}


div.list_selector_container > div.box {
    position: absolute;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
}

div.list_selector_container > div.box > div.even {
    width: 100%;
    background-color: #3B3D57;
}

div.list_selector_container > div.edit_button {
    position: absolute;
    right: 15px;
    bottom: 0;
}



/**********************************************************************
 * Arena
 **********************************************************************/

/* League is active */
.arena_status_ok,
.arena_status_ok a,
.arena_status_ok a:link,
.arena_status_ok a:visited,
.arena_status_ok a:focus,
.arena_status_ok a:hover,
.arena_status_ok a:active {
    color:                   lime;
    font-weight:             bold;
}

/* League's last round ended within the last 3 days */
.arena_status_warn_1,
.arena_status_warn_1 a,
.arena_status_warn_1 a:link,
.arena_status_warn_1 a:visited,
.arena_status_warn_1 a:focus,
.arena_status_warn_1 a:hover,
.arena_status_warn_1 a:active {
    color:                   #FFCF00;
    font-weight:             bold;
}

/* League's last round ended within the last 5 days */
.arena_status_warn_2,
.arena_status_warn_2 a,
.arena_status_warn_2 a:link,
.arena_status_warn_2 a:visited,
.arena_status_warn_2 a:focus,
.arena_status_warn_2 a:hover,
.arena_status_warn_2 a:active {
    color:                   #FF7F35;
    font-weight:             bold;
}

/* League's last round ended within the last 14 days */
.arena_status_warn_3,
.arena_status_warn_3 a,
.arena_status_warn_3 a:link,
.arena_status_warn_3 a:visited,
.arena_status_warn_3 a:focus,
.arena_status_warn_3 a:hover,
.arena_status_warn_3 a:active {
    color:                   #FF0000;
    font-weight:             bold;
}

/* League's last round ended more than 14 days ago */
.arena_status_warn_4,
.arena_status_warn_4 a,
.arena_status_warn_4 a:link,
.arena_status_warn_4 a:visited,
.arena_status_warn_4 a:focus,
.arena_status_warn_4 a:hover,
.arena_status_warn_4 a:active {
    color:                   #66DDFF;
    font-weight:             bold;
}


/**********************************************************************
 * Search input fields above tables
 **********************************************************************/
.search_container {
    background-color: #354567;
    border: thin solid #AAAAAA #414141 #414141 #AAAAAA;
    border-collapse: collapse;
    float: left;
    margin-top: 0.5em;
}
.search_details {
    border-top: thin solid #AAAAAA #414141 #414141 #AAAAAA;
    padding: 0.5em;
}

/**********************************************************************
 * Dungeon rating table
 **********************************************************************/
table.ratetable            {
    border-collapse:         collapse;
    border-left-width:       thin;
    border-top-width:        thin;
    border-left-style:       solid;
    border-top-style:        solid;
    border-color:            #909090;
    background-color:         #555555;
}
table.ratetable > * > tr > td,
table.ratetable > * > tr > th {
    text-align: left;
    border-bottom-width:     thin;
    border-right-width:      thin;
    border-right-style:      solid;
    border-bottom-style:     solid;
    border-color:            #909090;
    background-color:         #555555;
    border-left-style:       none;
    border-top-style:        none;
    padding:                 1mm;
    color:                   #FFFFFF;
}