h6{
    font-size: 1.2em;
    display: inline;
}

pre {
    text-align: left;
    background-color: #eeeeee;
    border: 1px solid #888888;
    width: 800px;
    padding: 5px;
}

.errortext{
    width: 50%;
    font-size: 8pt;
    border: 1px solid #f59494;
    padding: 2px 5px 2px 5px;
    margin-bottom: 20px;
    font-weight: bold;
    color: red;
    padding-left: 25px;
    background: #f0e6e6 url('/img/error.gif') 5px 50% no-repeat;
}

.oktext{
    clear: both;
    font-size: 8pt;
    border: 1px solid #94f594;
    padding: 2px 5px 2px 5px;
    margin-bottom: 20px;
    color: green;
    padding-left: 25px;
    background: #e6f0e6 url('/img/ok.gif') 5px 50% no-repeat;
}

.infotext{
    background-color: #f1f1d2;
    border: 1px solid #f5f499;
    padding: 5px;
    font-size: 8pt;
    vertical-align: middle;
    margin-bottom: 20px;
    padding-left: 40px;
    font-weight: bold;
    background: #e6f0e6 url('/league/images/info_icon.gif') 5px 50% no-repeat;
}

.infotext a {
    color: #4c3e37;
    text-decoration: underline;
}

.infotext a:hover {
    color: #8c7e77;
    text-decoration: underline;
}

.vacationtext {
    font-size: 8pt;
    border: 1px solid yellow;
    padding: 2px 5px 2px 30px;
    margin: 0px 6px 20px 6px;
    font-weight: bold;
    color: black;
    background: #ffffb4 url('/league/images/status_vacation.png') 5px 50% no-repeat;
}

.inactivetext {
    font-size: 8pt;
    border: 1px solid black;
    padding: 2px 5px 2px 30px;
    margin: 0px 6px 20px 6px;
    font-weight: bold;
    color: black;
    background: #eeeeee url('/league/images/status_inactive.png') 5px 50% no-repeat;
}

/**************/
/* Navigation */
/**************/
#league_toolbar {
    width: 948px;
    height: 40px;
    background: #4b3e2d url("/league/images/toolbarback.gif") 0 0 repeat-x;
    margin-top: 5px;
    margin-bottom: 40px;
    border-spacing: 0px;
    font-weight: bold;
    color: #FFF;
    border-left: 1px solid #443829;
    border-right: 1px solid #443829;
    margin-left: auto;
    margin-right: auto;
}

#league_toolbar td.button {
    background: transparent url("/league/images/toolbar_separator.gif") right no-repeat;
}

#league_toolbar .nav_time {
    text-align: right;
    padding-right: 7px;
}

#league_toolbar td img {
    vertical-align: middle;
}

#league_toolbar td a {
    height: 30px;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    vertical-align: middle;
    display: block;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

#league_toolbar td a:hover, #league_toolbar td a.active {
    background: #4b3e2d url("/league/images/toolbarback.gif") 0 -40px repeat-x;
}

#league_toolbar td {
    padding-right: 2px;
    text-align: center;
}



div.latestmatchinfos h4+div { margin: 10px 0 40px 30px; }


div.box_profile .playername { position: absolute; top: 23px; left: 20px; font-size: 1.7em; font-weight: bold; color: #FFF; }
div.box_profile .playername img{ vertical-align: middle; padding-right: 3px; }

.avatarbox { position: absolute; top: 70px; left: 180px;
             width: 90px; height: 90px;
             padding: 2px 5px 6px 3px;
             background: url('/league/images/avatarbox.png') 0 0 no-repeat;
}
div.box_profile .profiletext{ position: absolute; top: 65px; left: 20px;
                              font-weight: bold;
                              color: #FFF; }
div.box_profile .addbuddy{ position: absolute; width: 300px; top: 180px; text-align: center;}

div.box_profile_own{ position: relative; width: 300px; height: 230px; background: url('/league/images/profilebox.png') 0 0 no-repeat; }
div.box_profile_other{ position: relative; width: 300px; height: 230px; background: url('/league/images/profilebox_brown.png') 0 0 no-repeat; }


div.box_300_caption{ width: 300px; font-size: 7pt; margin-top: -40px; padding-left: 6px; }

table.small_stats{ border-spacing: 0px; }
table.small_stats td { padding: 2px 5px; border-spacing: 0px; }
table.small_stats th{ padding: 2px 5px; text-align: left;}


div.ladderwrapper{ position: relative; width: 588px;}
div.ladderwrapper_top{ position: static; width: 588px; height: 19px; background: url(/league/images/purplebox_top_2.png) 0 0 no-repeat ;}
div.ladderwrapper_middle{ position: static; width: 588px; height: 100%; background: url('/league/images/purplebox_middle_2.png') 0 0 repeat-y; }
div.ladderwrapper_bottom{ position: static; width: 588px; height: 20px; background: url(/league/images/purplebox_bottom_2.png) 0 0 no-repeat;}

table.ladder {position: relative; margin: 0; padding: 0px 15px; background: url('/league/images/purplebox_verlauf_2.png') 0 0 no-repeat;}
table.ladder td { height: 33px; text-align: center; font-size: 0.8em; }
table.ladder td, table.ladder a{ padding: 0 3px; color: #FFF; font-weight: bold; }

table.buddies td.buddy_points, table.buddies td.buddy_rank { text-align: right; }
table.buddies td.buddy_status { text-align: center; }
table.buddies td { padding: 0 3px; }
table.buddies { width: 100%; }

#buddylist { height: 320px; overflow-x: auto;}

tr.tablehead th { white-space: nowrap; padding: 5px; background: url('/league/images/tableheader_back.gif') 0 0 repeat-x; color: #FFF; font-size: 1.0em;}

th.ladder_pos, td.ladder_pos{ text-align: right !important; }
td.ladder_points{ text-align: right; }
td.ladder_actn{ vertical-align: middle; }
td.ladder_name{ white-space: nowrap; width: 100%; text-align: left !important;}
th.ladder_name{ text-align: left; }
td.ladder_tendence{ text-align: center; }

.row_highlight { background-color: #d665ff; }
.row_highlight_search { background-color: #0099e6; }
.cell_highlight { background: url(/league/images/hor_fade.png) 45% 0 repeat-y; }

option.row0 { background-color: #f8f1e6; }
option.row1 { background-color: #ffecd2; }
option.timeconflict { padding-left: 16px; background: #fbae34 url('/league/images/date_conflict.png') 0 50% no-repeat; }

#sel_timezone { padding: 3px; }

table.availability_chooser td { padding: 3px 0; }
th.availability_time { padding: 3px 3px; text-align: center; white-space: nowrap; }

#incoming_match_requests td{ padding: 2px 5px; }

.savebutton {
    border-color: #ae9471;
    color: white;
    background: transparent url('/league/images/toolbarback.gif') 0 -1px repeat-x;
    margin: 6px;
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
    width: 210px;
    height: 38px;
}

.challenge_info { display:none; margin-left: 30px; border: 2px double #8c775a; padding: 5px; background: #c0ac8f;}
.matches_list { display: block; float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; border: 2px double #8c775a; padding: 5px; background: #c0ac8f;}

.profile_link { display: block; float: left; margin-top: 10px; margin-left: 30px; }

.infobox { font-weight: bold; width: 360px;
           border: 2px double #8c775a; padding: 15px;
           background: #c0ac8f;
}

.backbut { width: 191px; height: 23px;
           color: #FFF;
           font-weight: bold;
           font-size: 0.8em;
           padding: 2px;
           text-align: center;
}
.backbut img { vertical-align: middle; }
.backbut a { color: #FFF !important; text-decoration: none; }
.backbut a:hover { text-decoration: underline; }

.lilabut { background: url(/league/images/but_lila_back.png) 0 0 no-repeat; }
.lilabut_short { width: 94px; background: url(/league/images/but_lila_back_short.png) 0 0 no-repeat; }
.greenbut { background: url(/league/images/but_green_back.png) 0 0 no-repeat; }

.lilabut a, .lilabut_short a, .greenbut a { display: block; }

.nextmatchtext{ font-weight: bold; font-size: 1.2em; }

hr { border: none; background-color:#978267; height:1px; margin: 5px; }

div.avatar_popup_image{ position: absolute; background: transparent url('/league/images/avatarbox.png') 0 0 no-repeat; width: 100px; height: 100px; display: none;}
div.avatar_popup_image img { background-color: black }

.ladder_page {
    color: #FFF;
    font-weight: bold;
    margin: 0 10px;
    background: #4b3e2d url("/league/images/toolbarback.jpg") 0 0 repeat-x;
    border: 1px solid #8b7659;
}

.ladder_page table td { padding: 0 5px; vertical-align: middle; }

table.timeproposals { border: 1px solid #8b7659; }
table.timeproposals td, table.timeproposals th { padding: 2px 5px; }
table.timeproposals select { padding: 4px; }

.bigtext { color: #2c2b25; font-size: 1.6em; }

a.joinbutton, a.joinbutton:hover{ display:block; width: 226px; height: 0; padding-top: 63px; float: left; overflow: hidden;}

a.joinbutton_de{ background: url(/league/images/but_join_de.png) 0 0 no-repeat; }
a.joinbutton_de:hover{ background: url(/league/images/but_join_de.png) 0 -63px no-repeat !important; }
a.joinbutton_en{ background: url(/league/images/but_join_en.png) 0 0 no-repeat; }
a.joinbutton_en:hover{ background: url(/league/images/but_join_en.png) 0 -63px no-repeat !important; }

a.joinbutton_grey_de { margin-left: 6px; margin-top: 6px; background: url(/league/images/but_join_grey_brown_de.png) 0 0 no-repeat; }
a.joinbutton_grey_en { margin-left: 6px; margin-top: 6px; background: url(/league/images/but_join_grey_brown_en.png) 0 0 no-repeat; }


.rulesbox{
    width: 580px;
    height: 300px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 15px;
    background: #c0ac8f;
    border: 2px outset #8b7659;
    text-align: left;
}

.elobox{
    margin-left: 30px;
    width: 580px;
    padding: 15px;
    overflow: visible;
    height: 100%;
    background: #c0ac8f;
    border: 2px outset #8b7659;
    text-align: left;
}
.rulesbox li { margin-left: 20px; margin-bottom: 10px; margin-top: 10px;}
.elobox img, .elobox p, .rulesbox p{ margin-bottom: 10px; margin-top: 10px;}

.backtotop{ text-align: right; }

#addbuddybutton{ color: #FFF; }

input[type="submit"], input[type="file"], input[type="button"], input[type="checkbox"], label { cursor: pointer; }

.exclamation_mark { background: #c0ac8f url(/img/exclamationmark.gif) 0 20% no-repeat;}

.lastmatches_row { border-bottom: 1px solid #808079; padding-top: 2px !important; padding-bottom: 2px !important; }

table.lastmatches{ margin: 0; }
table.lastmatches td { padding: 0 2px; white-space: nowrap }
td.lastmatches_time{ font-size: 0.8em; font-weight: normal; color: #fff;}

.match_status_w { color: #066e06; font-weight: bold; }
.match_status_l { color: #c80202; font-weight: bold; }
.lastmatch_win, .lastmatch_win a { color: #00e808; font-weight: bold; }
.lastmatch_loss, .lastmatch_loss a  { color: #ff2626; font-weight: bold; }
.match_status_x { color: black; font-weight: bold; }
.match_status_u { color: blue; font-weight: bold; }

.avatarimg{ height: 90px; border: 1px solid black; margin:0; padding:0;  }

div.box_300_dark{ background: transparent url("/img/box_300_dark.png") 0 0 no-repeat; font-weight: bold }

.box_160 {
    width: 160px;
    min-height: 262px;
    height: 262px;
    padding: 20px;
}
div.box_160_orange{ height: 542px !important; background: transparent url("/img/box_190_orange.png") 0 0 no-repeat; color: #000; }
.box_160 {padding-left: 10px;}
.box_160 table td{ font-size: 0.8em; padding: 3px;}

.matchdetails_vsnames { font-size: 1.7em; font-weight: bold;}

#rank_search{ text-align: center; height: 30px; }
#rank_search .button { width: 70px; height: 22px; }

.btn_leaguebuddylist img { vertical-align: middle; }

div.leaguebuddylist {
    background-color: #98846d;
    border: 1px solid black;
    display: none;
    position: absolute;
    height: 150px;
    width: 150px;
    z-index: 1000;
    overflow: auto;
    overflow-x: hidden;
}
td.leaguebuddylist_entry { cursor: pointer; }

div.ranksearch_ajaxloading{ position: absolute; /*top: 10px; left: 10px;*/ z-index: 200; width: 20px; height: 20px; display: none; background: url(/img/ajax-loader.gif) 0 0 no-repeat;}

.calendar {
    background-color: #c0ac8f;
    margin-left: auto;
    margin-right: auto;
    border-color: #8c775a;
    border-width: 2px;
    border-style: double;
    padding: 5px 5px 5px 5px;
}

.calendar th {
    font-family: Arial, sans-serif;
}

.calendar td {
    border-bottom: 1px solid #b69f81;
    vertical-align: top;
    height: 32px;
}

.calendar td.daytime {
    font-size: 1.5ex;
    vertical-align: top;
    width: 50px;
    padding-left: 5px;
    padding-top: 2px;
    border-left: 1px solid #a89274;
}

.calendar td.entry {
    vertical-align: top;
    background: transparent url("/league/images/calendar_day_back.gif") 0 0;
    width: 124px;
}

.calendar td.past {
    background-color: #ae9b7e;
}

.calendar .time_proposal, .calendar .match, .calendar .empty
{
    font-size: 1.5ex;
    padding-bottom: 2px;
    width: 120px;
    height: 30px;
    display: block;
    text-decoration: none;
    left: 3px;
    position: relative;
    padding-left: 4px;
}

.calendar .empty:hover
{
    background: url("/league/images/calendar_day_back.gif") 0 0;
    background-color: #ccb89b;
    left: 0px;
}

.calendar .time_proposal
{
    background: transparent url("/league/images/calendar_tp_back.png") 0 0 no-repeat;
}

.calendar .time_proposal.expired
{
    background: transparent url("/league/images/calendar_tp_back_grey.png") 0 0 no-repeat;
    color: #666;
}

.calendar .match
{
    background: transparent url("/league/images/calendar_match_back.png") 0 0 no-repeat;
}

.calendar .match.closed
{
    background: transparent url("/league/images/calendar_match_back_d.png") 0 0 no-repeat;
    color: white;
}

.calendar .time_proposal strong, .calendar .match strong
{
    position: relative;
    top: -1px;
}

.calendar .time_proposal em, .calendar .match em
{
    display: block;
    font-style: normal;
    position: relative;
    top: -1px;
}

.calendar .toolbar
{
    background: transparent url("/league/images/calendar_tp_add.png") 0 0 no-repeat;
    position: absolute;
    margin-left: 3px;
    margin-top: -7px;
    height: 105px;
    width: 120px;
    padding: 9px 4px 4px 4px;
    display: none;
    font-size: 1.5ex;
}

/*******************/
/* Fehlermeldungen */
/*******************/

#errormessage .errorBox0 {border: 1px solid #000; background-color: #66AAff; width: 400px; font-size: 13px; padding: 4px;}
#errormessage .errorBox1 {border: 1px solid #000; background-color: #fff; width: 400px; font-size: 13px; padding: 4px;}
#errormessage .errorBox2 {border: 1px solid #000; background-color: #ff9999; width: 400px; font-size: 13px; padding: 4px;}
#errormessage .errorBox3 {border: 1px solid #000; background-color: #ffff99; width: 400px; font-size: 13px; padding: 4px;}
