@import "common.css";




td,
th {
    font-size:                  12px;
}

th {
    text-align:                 left;
    font-size:                  12px;
}




#partner_navi_position {
    padding-top:                15px;
    padding-left:               200px;
    height:                     30px;
}

#partner_navi
{
    height:                     27px;
    text-align:                 left;
}

#partner_navi ul
{
    position:                   absolute;

    padding:                    0;
    margin:                     0;
    list-style:                 none;
    list-style-type:            none;
    vertical-align:             middle;
    background-color:           #1a5889;
    border:                     1px solid #1a5889;
}

#partner_navi ul li
{
    position:                   relative;
    float:                      left;
    margin:                     0;

    behavior: url(http://192.168.1.4/dcast/www/themes/neon/css/listItemHover.htc);
}

#partner_navi ul li a
{
    display:                    block;
    position:                   relative;
    top:                        0;
    padding:                    3px 5px 2px 5px;
    color:                      #ffffff;
    text-align:                 left;
    text-decoration:            none;
}

#partner_navi ul li a:hover {
    background-color:           #000000;
}

#partner_navi ul li:hover > ul
{
    display:                    block;
}

#partner_navi ul ul li
{
    float:                      none;
}

#partner_navi ul ul li a
{
    padding:                    5px;
    color:                      #ffffff;
    background-color:           #1a5889;
    border:                     1px solid #1a5889;

}

#partner_navi ul ul li a:hover
{
    background-color:           #000000;
    text-decoration:            none;
    border:                     1px solid #1a5889;
}

#partner_navi ul ul li:first-child > a {
    //border-top: 1px solid #006699;
}


#partner_navi ul ul {
    display:                    none;
}



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

.headline_2,
.font_title_h2 {
    color:                      #DC9716;
    font-size:                  16px;
    font-weight:                bold;
}

.headline_3,
.headline_4,
.font_subtitle_h2 {
    color:                      #ffffff;
    font-size:                  12px;
    font-weight:                bold;
}



a
{
     color:                    #CCFFFF;
     text-decoration:          none;
}

a:hover
{
    text-decoration:            none;
    color:                      #ffffff;
}

img {
    text-decoration:            none;
    color:                      #DC9716;
    border-style:               none;
}

.footer_links {
    color:                      #ffffff;
    font-size:                  14px;
}


.table_border {
    border-left:                solid;
    border-top:                 solid;
    border-width:               1px;
    border-color:               #909090;
}

.table_border_row_1 {
    background-color: #444444;
}

.table_border_row_0 {
    background-color: #000000;
}

.table_border_header {
    background-color: #303030;
}


.table_border td,
.table_border th {
    padding:                    3px;
    border-right:               solid;
    border-bottom:              solid;
    border-width:               1px;
    border-color:               #909090;
}


input,
checkbox,
radio,
select,
textarea {
    margin:                     2px;
    padding:                    0px;
    background-color:           #303030;
    border-color:               #aeaeae;
    border-style:               ridge;
    font-size:                  10px;
    color:                      #C3E6F7;
}

.button {
    font-family:                Verdana, Helvetica, sans-serif;
    font-size:                  10px;
    border-style:               ridge;
    border-color:               #161C32;
    font-weight:                bold;
    background-color:           #313c66;
    padding:                    2px 2px 2px 2px;
    margin:                     0px;
    color:                      #DDDDDD;
    background-image:           url(images/button.jpg);

}
.button a {
     color:                     #DDDDDD;
}

.error_title {
    font-weight:                bold;
    color:                      #ff0000;
}

.error_text {
    color:                      #ff0000;
}







.scroll_left_outer {
    background-image:           url(images/box_left_body.png);
    background-repeat:          repeat-y;

    padding-top:                0px;
    padding-bottom:             0px;
    padding-left:               30px;
}

.scroll_left_top {
    background-image:           url(images/box_left_top.png);
    background-repeat:          no-repeat;
    height:                     15px;
}

.scroll_left_bottom {
    background-image:           url(images/box_left_bottom.png);
    background-repeat:          no-repeat;
    height:                     15px;
    padding-bottom:             15px;
}



.scroll_left th,
.scroll_left td,
.scroll_left {
    font-size:                  12px;
    font-family:                Arial, Helvetica, sans-serif;
    color:                      #ffffff;
}


.scroll_left input,
.scroll_left checkbox,
.scroll_left radio,
.scroll_left select {
    margin:                     2px;
    padding:                    0px;
    background-color:           #303030;
    border-color:               #aeaeae;
    border-style:               ridge;
    color:                      #C3E6F7;
    font-size:                  10px;
}

.scroll_left .button {
     font-family:             Helvetica, sans-serif;
     font-size:               8pt;
     border-style:            ridge;
     border-color:            #161C32;
     color:                   #DDDDDD;
     background-color:        #313c66;
     font-weight:             bold;
     background-image:        url(images/button.jpg);
}



.default_left_title {
    background-image:           url(images/default_left_title.png);
    height:                     40px;
    text-align:                 center;
    background-repeat:          no-repeat;
    color:                      #f5f5f5;
    font-size:                  16px;
}

.default_left_title .headline {
    position:                   relative;
    top:                        6px;
}

.default_left_outer {
    background-image:           url(images/default_left_body.png);
    background-repeat:          repeat-y;
}
.default_left {
    text-align:                 center;
}

.default_left_bottom {
    background-image:           url(images/default_left_bottom.png);
    background-repeat:          no-repeat;
    height:                     15px;
    padding-bottom:             15px;
}



.default_left ul
{
    padding-left:               0;
    padding-top:                7px;
    margin:                     0;
    list-style:                 none;
    list-style-type:            none;
}

.default_left ul li {
    padding-top:                17px;
    height:                     30px;

}

.default_left ul li a
{

    text-decoration:            none;
    text-align:                 left;

    vertical-align:bottom;
    width:                      180px;
    color:                      #ffffff;
}

.default_left ul li a:hover
{

    text-decoration:            none;

    background-repeat:          no-repeat;
    background-position:        right;
    width:                      180px;
    color:                      #f5f5f5;

    vertical-align:bottom;

}

.default_left ul li:hover {
    background-image:           url(images/twee2.png);
    background-repeat:          no-repeat;
    background-position:        right;
    vertical-align:bottom;
}




.joinus_left_outer {
    background-image:           url(images/box_left_body.png);
    background-repeat:          repeat-y;
    color:                      #f5f5f5;
    font-size:                  16px;
    padding:                    20px;

}
.joinus_left {
    text-align:                 center;
}

.joinus_left a {
    text-decoration:            none;
    width:                      220px;
    color:                      #f5f5f5;
}

.joinus_left_top {
    background-image:           url(images/box_left_top.png);
    background-repeat:          no-repeat;
    height:                     15px;
}

.joinus_left_bottom {
    background-image:           url(images/box_left_bottom.png);
    background-repeat:          no-repeat;
    height:                     15px;
    padding-bottom:             15px;
}



.default_right_title {
    background-image:           url(images/default_right_title.png);
    height:                     40px;
    text-align:                 center;
    background-repeat:          no-repeat;
    color:                      #f5f5f5;
    width:                      185px;
    font-size:                  16px;
}

.default_right_title .headline {
    position:                   relative;
    top:                        6px;
}

.default_right_outer {
    background-image:           url(images/default_right_body.png);
    background-repeat:          repeat-y;
    width:                      185px;
}
.default_right {
    text-align:                 left;
    position:                   relative;
    padding:                    0px 10px 0px 25px;
}

.default_right .lang {
    text-align:                 center;
    position:                   relative;
}

.default_right .block_inner {
    padding:                    5px 0px 5px 0px;
    position:                   relative;
    text-align:                 center;
    left:                       20px;
    width:                      145px;
}

.default_right_bottom {
    background-image:           url(images/default_right_bottom.png);
    background-repeat:          no-repeat;
    height:                     15px;
    padding-bottom:             15px;
    width:                      185px;
}



.avatar_inner_frame {
    padding:                    0px;
    position:                   relative;

}

.avatar_relation {
    margin:                     0px;
    padding:                    0px;
}

.avatar_relation_title {
    height:                     18px;
    padding-bottom:             5px;
}

.avatar_relation_title_font {
    color:                      #DC9716;
    font-size:                  16px;
}

.avatar_relation_subtitle {
    padding-bottom:             0px;
    height:                     0px;
}

.avatar_relation_subtitle_font {
    color:                      #ffffff;
    font-size:                  12px;
}

.infobox_textblock {
    color:                      #ffffff;
    clear:                      none;
    height:                     243px;
    overflow:                   auto;
    font-size:                  12px;
}

.infobox_image {
    float:                      left;
    margin:                     0;
    padding:                    0px 20px 20px 0px;
    width:                      108px;
    overflow:                   hidden;
}

.infobox_image img
{
    border-color:               #816E36;
    border-style:               ridge;
    width:                      108px;
}

.avatar_relation_subtext
{
    text-align:                 left;
    color:                      #ffffff;
    font-size:                  10px;
    font-style:                 italic;
}

.infobox_buttons {
    padding:                    0px 0px 0px 0px;
    position:                   absolute;
    top:                        -40px;
    right:                      20px;
}



.activePlayer {
    position:                   relative;
    top:                        20px;
    left:                       10px;
    width:                      177px;
    height:                     80px;
    color:                      #ffffff;
    font-size:                  10px;
    font-family:                Arial, Helvetica, sans-serif;
    font-weight:                bold;
}
.activePlayer #active {
    position:                   relative;
    text-align:                 right;
    right:                      55px;
}

.activePlayer.digit #active{
    position:                   relative;
    right:                       9px;
    top:                        29px;
}

.activePlayer #online {
    top:                        10px;
    position:                   relative;
    text-align:                 right;
    right:                      82px;
}
.activePlayer.digit #online {
    position:                   relative;
    right:                      12px;
    top:                        29px;
}


.frame_title_top_left {
    background-image:           url(images/frame/frame_title_lt.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     13px;
}

.frame_title_top {
    background-image:           url(images/frame/frame_title_t.png);
    background-repeat:          repeat-x;
    height:                     13px;
}

.frame_title_top_right {
    background-image:           url(images/frame/frame_title_rt.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     13px;
}

.frame_title_left {
    background-image:           url(images/frame/frame_title_l.png);
    background-repeat:          repeat-y;
    height:                     10px;
}

.frame_title_body {
    background-image:           url(images/frame/background.png);
    background-repeat:          repeat;
}

.frame_title_right {
    background-image:           url(images/frame/frame_title_r.png);
    background-repeat:          repeat-y;
    height:                     18px;
}

.frame_title_bottom_left {
    background-image:           url(images/frame/frame_title_lb.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     18px;
}

.frame_title_bottom {
    background-image:           url(images/frame/frame_title_b.png);
    background-repeat:          repeat-x;
    height:                     18px;
}

.frame_title_bottom_right {
    background-image:           url(images/frame/frame_title_rb.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     18px;
}


.frame_top_left {
    background-image:           url(images/frame/frame_lt.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     18px;
}

.frame_top {
    background-image:           url(images/frame/frame_t.png);
    background-repeat:          repeat-x;
    height:                     18px;
}

.frame_top_right {
    background-image:           url(images/frame/frame_rt.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     18px;
}

.frame_left {
    background-image:           url(images/frame/frame_l.png);
    background-repeat:          repeat-y;
    height:                     18px;
}

.frame_body {
    padding:                    0px;
    background-image:           url(images/frame/background.png);
    background-repeat:          repeat;
}

.frame_right {
    background-image:           url(images/frame/frame_r.png);
    background-repeat:          repeat-y;
    height:                     18px;
}

.frame_bottom_left {
    background-image:           url(images/frame/frame_lb.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     18px;
}

.frame_bottom {
    background-image:           url(images/frame/frame_b.png);
    background-repeat:          repeat-x;
    height:                     18px;
}

.frame_bottom_right {
    background-image:           url(images/frame/frame_rb.png);
    background-repeat:          no-repeat;
    width:                      18px;
    height:                     18px;
}

.frame_title {
    color:                      #DC9716;
    font-size:                  16px;
}

.formated_worlds th,
.formated_worlds td {
    height:                     25px;
}

 .news_top {
    background-image:           url(images/news/news_top.png);
    background-repeat:          no-repeat;
    width:                      510px;
    height:                     96px;
    background-position:        left top;
    padding:                    0px 0px 0px 0px;
    margin-top:                 25px;

 }

.news_top_inner {
    padding-left:               95px;
}

.news_top_inner .font_title_h1 {
    margin-top:25px;
}

 .news_body {
    background-image:           url(images/news/news_body.png);
    background-repeat:          repeat-y;
    width:                      510px;
    background-position:        left top;
    padding:                    0px 0px 0px 0px;
    color:                      #ffffff;
 }
 .news_body_element {
    padding:                    0px 0px 0px 0px;
    width:                      470px;
 }

.news_title {
    padding:                    0px 0px 5px 0px;
 }

 .news_title_font {
    color:                      #ffffff;
    font-size:                  16px;
    font-weight:                bold;
 }
 .news_subtitle_font{
    font-weight:                bold;
    font-size:                  12px;
 }

 .news_body_element .type{
    float:                      left;
    margin:                     0;
    padding:                    20px 10px 0px 35px;
    width:                      60px;
    overflow:                   hidden;
    clear:                      both;
 }

 .news_body_element .main{
    position:                   relative;
    clear:                      none;
    overflow-x:                 auto;
    font-size:                  12px;
    padding:                    20px 40px 5px 0px;
 }

 .news_body_element .date{
    font-size:                  10px;
    font-style:                 italic;
 }

.news_body_element .text{
    padding:                    10px 0px 0px 0px;
 }



 .news_body_element .line {
    background-image:           url(images/news/news_line.jpg);
    background-repeat:          no-repeat;
    width:                      510px;
    height:                     2px;
    background-position:        center top;
}

.news_body_element .image {
    float:                      right;
    padding:                    0px 10px 10px 10px;
    width:                      120px;
}
.news_body_element .subtext{
    font-size:                  10px;
    font-style:                 italic;
}

.news_body_element .moreLink{
    padding:                    10px 0px 0px 0px;
}

.news_body_element .moreLink a {
    color:                      #FFFF00;
}

.news_body_element .moreLink a:hover{
    color:                      #ffffff;
}


.news_bottom {
    background-image:           url(images/news/news_bottom.png);
    background-repeat:          no-repeat;
    width:                      510px;
    height:                     44px;
    background-position:        left top;

}



.skinserver_table, .skinserver_buttons, .skinserver_title, .skinserver_messages {
    text-align:                 left;
}

.inner_center_column_skinserver {
    width:                      695px;
}

#langs {
    top:                        2px;
    position:                   relative;
    text-align:                 right;
    font-size:                  12px;
}

.skinserver_scroll_left {
    padding:                    25px 15px 0px 0px;
    text-align:                 center;

}

.front_inner_list
{

  margin-left:             0;
  padding-left:            15px;
  padding-right:           15px;
}

.front_inner_list li
{
  padding-bottom:          6px;
  font-size:               12px;

}

/*
#lightbox{
    display:none;
    position: absolute;
    top:50%;
    left:50%;
    z-index:9999;
    width:686px;  // #lightbox.done.img.max-width + 20px 
    height:620px; // #lightbox.done.img.max-height + 100px 
    margin:-310px 0 0 -343px; // half of height / 0 / 0 / half of width 
    border:1px solid #fff;
    background:#FDFCE9;
    text-align:left;
}
#lightbox[id]{
    position:fixed;
}

#overlay{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:5000;
    background-color:#000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
#overlay[id]{
    position:fixed;
}

#lightbox.done #lbLoadMessage{
    display:none;
}
#lightbox.done #lbContent{
    display:block;
    color:#000000;
}
#lightbox.loading #lbContent{
    display:none;
    color:#000000;
}
#lightbox.loading #lbLoadMessage{
    display:block;
}
#lightbox.done img{
    max-width:  666px;
    max-height: 500px;
}
*/


/* colors for objectives */
/* demofile: http://inf.world-of-dungeons.de/wod/spiel/help/goal_css_test.php*/
.obj_golden_icon {
    display: none;
}
.obj_golden {
    color: #FFcc00;
}


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

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


.obj_green_icon {
    display: none;
}
.obj_green {
    color: #00DD00;
}
.obj_blue_icon {
    display: none;
}
.obj_blue{
    color: #00DDFF;
}


.plaintable,
.plaintable > tbody > tr > th,
.plaintable > tbody > tr > td {
    border: none;
    padding: 0px;
    margin: 1px;
}





/* colors for objectives */

.medal {
    cursor: pointer;
}

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

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

.medal > .details.earned {
    background-color: #404b00;
    border: 5px ridge #404b00;
}

.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 > tbody > tr > td > ul {
    margin: 0;
    list-style-type: none;
}

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

.medal > .details > .hidable > .submedals > table > tbody > 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;
}