@import "common.css";

body {
    height:                     100%;
    font-size:                  10px;
    font-family:                Arial, Helvetica, sans-serif;
    text-decoration:            none;
    color:                      #EEEEEE;
    text-align:                 center;
    margin:                     0;
    padding:                    0;
    
    background-color:           #000000;
    padding-top: 200px;

}


#logo {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    
    background-image:           url(images/mainpage/background_content.jpg);
    background-repeat:          no-repeat;
    background-position:        center top;
}


body.hideLogo {
    background-image:           none;
    padding-top: 10px;
    min-width:   200px;
}


#content_container {
    width: 100%;
    text-align: center;
}


#joinbutton {
    margin-bottom: 20px;
}



#content_table {
    display: inline-table;
    width: 900px;
    overflow: hidden;
    padding: 0px;
}

#content_table > tbody > tr > td {
    vertical-align: top;
}

#left_column,
#right_column
{
    width: 200px;
}

#content_table > tbody > tr > #center_column {
    text-align: left;
}

.tooltip {
     background-color:        #FFFFE1;
     color:                   #000000;
     font-size:               12px;
     font-family:             Arial, Helvetica, sans-serif;
     padding:                 3px;
}
.tooltip_title      {
     font-size:               14px;
     font-weight:             bold;
     color:                   #000000;
     background-color:        #FFFFE1;
}

.tooltip th {
    text-align:                 left;
    font-weight:                bold;
}

.tooltip td {
    text-align:                 left;
}


.left_column {
    padding-top:                105px;
}

.center_column {
    padding-top:                15px;
    width:                      517px;
}

.inner_center_column {
    width:                      655px;
    padding-top:                10px;
}

.left_column_login {
    width:                      28px;
}

.center_column_login {
    width:                      874px;
    padding-top:                43px;
}

.right_column_login {
    width:                      30px;
}

.footer {
    padding-top:                30px;
}



#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:           #511A05;
    border:                     1px solid #511A05;
}

#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:           #9A2200;
    border:                     1px solid #9A2200;

}

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

#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
{
    text-decoration:            none;
    color:                      #DC9716;
}

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_left {
    border-left:                solid;
    border-width:               1px;
    border-color:               #909090;
}

.table_border_right {
    border-right:               solid;
    border-width:               1px;
    border-color:               #909090;
}

.table_border_bottom {
    border-bottom:              solid;
    border-width:               1px;
    border-color:               #909090;
}

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


.table_border_row_1 {
    background-color:           #331100;
}

.table_border_row_0 {
    background-color:           #000000;
}

.table_border_header {
    background-color:           #511A05;
}


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

.table_border_none td,
.table_border_none th {
    padding:                    3px;
}


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

.button {
    font-family:                Verdana, Helvetica, sans-serif;
    font-size:                  10px;
    border-style:               ridge;
    border-color:               #9F7230;
    font-weight:                bold;
    background-color:           #9F7230;
    padding:                    2px 2px 2px 2px;
    margin:                     0px;
}
.button a {
     color:                     #000000;
}

.button_link {
    text-decoration:            none;
    color:                      #DC9716;
    background:                 none;
    border:                     none;
    font-size:                  12px;
    font-family:                Arial, Helvetica, sans-serif;
}

.button_link:hover {
    text-decoration:            none;
    color:                      #ffffff;
    cursor:                     pointer;
}


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

.error_text {
    color:                      #ff0000;
}

.scroll_left_outer {
    background-image:           url(images/scroll_left.png);
    background-repeat:          no-repeat;
    height:                     125px;
    padding-top:                20px;
    padding-bottom:             0px;
    padding-left:               40px;
}
.scroll_left th,
.scroll_left td,
.scroll_left {
    font-size:                  11px;
    font-family:                Arial, Helvetica, sans-serif;
    color:                      #000000;
}

.scroll_left input,
.scroll_left checkbox,
.scroll_left radio,
.scroll_left select {
    margin:                     2px;
    padding:                    0px;
    background-color:           #A17946;
    border-color:               #544824;
    border-style:               ridge;
    font-size:                  11px;
}

.scroll_left .button {
     font-family:             Verdana, Helvetica, sans-serif;
     font-size:               8pt;
     border-style:            ridge;
     border-color:            #9F7230;
     font-weight:             bold;
     background-color:        #9F7230;
}



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

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

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

.default_left_bottom {
    background-image:           url(images/wood_metal_left_end.png);
    background-repeat:          no-repeat;
    height:                     16px;
}



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

.default_left ul li {
    height:                     23px;
}

.default_left ul li a
{
    display:                    block;
    text-decoration:            none;
    width:                      220px;
    color:                      #ffffff;
}

.default_left ul li a:hover
{
    display:                    block;
    text-decoration:            none;
    background-image:           url(images/knife.png);
    background-repeat:          no-repeat;
    background-position:        right;
    width:                      220px;
    color:                      #DC9716;
}



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

}
.joinus_left {
    text-align:                 center;
}

.joinus_left a {
    text-decoration:            none;
    width:                      220px;
    color:                      #0C2700;
    font-weight:                bold;
}

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

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



.default_right_title {
    background-image:           url(images/wood_metal_title.png);
    height:                     90px;
    text-align:                 center;
    background-repeat:          no-repeat;
    color:                      #DC9716;
    font-size:                  16px;
}

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



.default_right_outer {
    background-image:           url(images/wood_metal_right_body.png);
    background-repeat:          repeat-y;
    padding-top:                10px;
    padding-bottom:             0px;
}
.default_right {
    text-align:                 center;
}

.default_right_top {
    background-image:           url(images/wood_metal_right_top.png);
    background-repeat:          no-repeat;
    height:                     4px;
}

.default_right .block_inner {
    padding:                    2px 0px 2px 0px;
    text-align:                 center;
}

.default_right_bottom {
    background-image:           url(images/wood_metal_right_bottom.png);
    background-repeat:          no-repeat;
    height:                     14px;
}

.default_right a
{
    text-decoration:            none;
    width:                      185px;
    color:                      #DC9716;
}

.default_right a:hover
{
    text-decoration:            none;
    width:                      185px;
    color:                      #ffffff;
}



.avatar_inner_frame {
    padding:                    0px 5px 0px 5px;
    position:                   relative;
    background-color:           #000000;
}

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

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

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

.avatar_relation_subtitle {
    padding-bottom:             10px;
}

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

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

.infobox_image {
    float:                      left;
    margin:                     0;
    padding:                    0px 20px 0px 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:                        -2px;
    right:                      5px;

}


.activePlayer {
    position:                   relative;
    top:                        218px;
    left:                       25px;
    width:                      177px;
    height: 80px;
    color: #ffffff;
    font-size:                  10px;
    font-family:                Arial, Helvetica, sans-serif;
}
.activePlayer #active {
    position:                   relative;
    text-align:                 left;
}
.activePlayer #active #digit{
    position:                   relative;
    left:                       4px;
}

.activePlayer #online {
    top:                        2px;
    position:                   relative;
    text-align:                 right;
}
.activePlayer #online #digit{
    position:                   relative;
    right:                      4px;
}


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

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

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

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

.frame_title_body {
    background-color:           #9F7230;
}

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

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

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

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

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

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

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

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

.frame_body {
    background-color:           #000000;
    padding:                    15px 5px 15px 5px;
}

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

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

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

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

.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:                     80px;
    background-position:        left top;
    padding:                    0px 0px 0px 0px;
 }

.news_top_inner {
    padding-left:               70px;
}

.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:                      #000000;
 }
.news_body_element {
    padding:                    10px 0px 10px 0px;
    width:                      480px;
 }


.news_title_font {
    color:                      #7E0505;
    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 25px;
    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:                      #7E0505;
}

.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:                     20px;
    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 12px 0px 0px;
	text-align:					center;
	color:						#000000;

}

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












/*
 * Medals 
 */


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

tr.NameInputRow > td {
    height: 30px;
    vertical-align: center;
}

tr.NameInputRow > td > img {
    margin: 0;
    padding: 0;
    padding-left: 3px;
}