* {
	font-family: "Times New Roman", Arial, Tahoma, Verdana, Sans-Serif;
}

/* Body */
BODY {
	background-image: url('/images/WM-back.png');
	background-color: transparent;
}

.fontBig {
	font-size:	 200%;
	font-weight: bold;
}

.welcome {
	font-weight: bold;
}

div.banner>p {
	background: transparent fixed;
	border-color: #025c7f;
	padding: 0;
	margin: 0;
}

.Uhr {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 24px;
	color: blue;
}
.CountDown {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 24px;
	color: blue;
}

font.group0 { /* depending on the place in the group a differen color */
	color: green;
	font-size: 105%;
}
font.group1 {
	color: orange;
	font-size: 100%;
}
font.group2 {
	color: red;
	font-size: 95%;
}
font.group3 {
	color: black; 
	font-size: 90%;
}

/******************************************************************************
 * Tooltip
 *
 ******************************************************************************/
a.dcontexto{
	position:			relative;
	font:				12px arial, verdana, helvetica, sans-serif;
	padding:			0;
	color:				#039;
	cursor:				help;
	z-index:			24;
	text-decoration:	none;
	border-bottom:		2px dotted #039;
}
a.dcontexto:hover{
	background:			transparent;
	z-index:			25; 
}
a.dcontexto span{display: none}
a.dcontexto:hover span{ 
  display:block;
  position:absolute;
  width:230px; 
  top:3em;
  text-align:justify;
  left:0;
  font-size: 120%;
  padding:5px 10px;
  border:1px solid #999;
  background: #e0ffff; 
  color:#000;
}
a.back {
	font:		12px arial, verdana, helvetica, sans-serif;
	font-size:	large;
	border:		2px dotted #039;
}
p.back {
	text-align: center;
}

p.notice1 {
    text-align: center;
    font:       14px arial, verdana, helvetica, sans-serif;
    font-size:  large;
}

p.notice2 {
    text-align: center;
    font:       12px arial, verdana, helvetica, sans-serif;
    font-size:  large;
}

/******************************************************************************
 * Layout table
 *
 ******************************************************************************/
table.layout {
	margin-top:    1em;
	margin-bottom: 1em;
	border: 0;
	vertical-align: top;
	empty-cells: show;
}
td.layout.left {
	vertical-align: top;
	text-align: left;
	border: 0;
	width: 15%;
}
td.layout.main {
	vertical-align: top;
	border: 0;
	width: 70%;
}
td.layout.right {
	vertical-align: top;
	text-align: right;
	border: 0;
	width: 15%;
	white-space: normal;
}

/******************************************************************************
 * Header and foot page area
 *
 ******************************************************************************/
#header_box {
	margin: 0;
	border: solid;
	border-width: thin;
	width: 99%;
	background-image: none;
	background-color: rgb(204,204,255);
	text-align: center;
}
#foot_box {
	margin: 0;
	border: solid;
	border-width: thin;
	width: 99%;
	background-image: none;
	background-color: rgb(204,204,255);
	text-align: left;
	padding: 0.3em;
	font-weight: bold;
}

div.LogoBackground {
	position:relative;
/*	background-color: #000; */
	width:27em;
	height:3em;
}
div.LogoText, div.LogoEffect {
	font: 50px "Arial black", Arial, Helvetica, sans-serif;
}
div.LogoText {  
	position:absolute;
	top:0;
	left:0;
	color: blue;
}
div.LogoEffect { 
	position:absolute;
	left: 2px;
	top: -2px;
	color:#aaa;
}


/************************************************************ 
 *                       T A B L E S                        *
 ************************************************************/
table.start_page {
	border: none;
}
table.start_page td {
	border: none;
}

table.nav {
	border: none;
}

table.nav TD {
	border: none;
	font-weight: bold;
	/*font-size: large;*/
}

table.user_status {
	margin: 1em;
	padding: 5px;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}
table.user_status tr th {
	border: 2px solid;
	border-bottom-style: dotted;
	font-size: 125%;
}
table.user_status tr td {
	border:2px solid;
	border-top-style: dotted;
	border-color: black;
	color: blue;
	font-weight: bold;
}
table.user_status_nav {
	margin-top:    0;
	margin-bottom: 0;
	margin: 1em;
	padding: 0;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}
table.user_status_nav th {
	border:					2px solid;
	border-bottom-style:	dotted;
	text-align:				left;
	padding:				0.1em;
	font-size:				125%;
}
table.user_status_nav td {
	border:2px solid;
	border-top-style: dotted;
	border-color: black;
	padding: 0.1em;
	padding-left: 1em;
	color: blue;
	font-weight: bold;
}

td.groupmark {
	font-size: 110%;
	background-color: #CCCCFF;
}

td.task {
	font-weight: bold;
}

td.chg_profile {
	font-weight: bold;
}

table.tourney {
	width: 100%;
}
table.tourney td.name {
	font-size: 125%;
}
table.tourney td {
	font-weight: bold;
}

tr.bet.winner {
	background-color: yellow;
	font-size: 110%;
}
tr.bet.winner > td {
	padding: 0.2em;
	border: 3px;
	border-color: blue;
	border-style: dotted;
	background-color: yellow;
}
td.bet.user {
	text-align: left;
}
td.bet.result {
	text-align: center;
}

tr.even td {
	background-color: #DDDDDD;
}
tr.odd td {
	background-color: #EEEEEE;
}

tr.bet.price {
	text-align: center;
	font-size: 120%;
	color: blue;
}
tr.open.marked {
	background-color: #FFCC99;
}
tr.bet.timeout {
}
tr.bet.timeout > td {
	border-color: red;
	border-style: dotted;
}

table.match {
	margin-top:    0em;
	margin-bottom: 0em;
	border-style:  none;
}

table.match.navi {
	margin-top:    0em;
	margin-bottom: 0em;
	border-style:  none;
	width: 100%;
}

td.match {
	border-style: none;
	border-width: thin;
}

td.match.p_w {
	text-align: center;
}

tr.match th {
	background-color: #CCDDEE;
}

td.match.p_w {
	border: 2px solid #FF0000;
}
td.match.p_w.bet_done {
	border: 2px solid #0000FF;
}
tr.match.even td {
	background-color: #DDDDDD;
}
tr.match.odd td {
	background-color: #EEEEEE;
}
td.match.round_name {
	font-size: 110%;
	background-color: #CCCCFF;
	/*color: white;*/
}
th.bet {
	white-space: nowrap;
}	
td.bet_points {
	text-align: center;
}
td.bet_points p.bet_bullseye {
	color: green;
	font-weight: bold;
}
td.bet_points p.bet_tendency {
	color: blue;
	font-weight: bold;
}
td.bet_points p.bet_tendency_goal_diff {
	color: black;
	font-weight: bold;
}
td.bet_points p.bet_wrong {
	color: red;
	font-weight: bold;
}

td.bet_result_open {
	text-align: center;
}
td.bet_result_open p {
}

td.bet_bullseye {
	text-align: center;
}
td.bet_bullseye p {
	color: green;
	font-weight: bold;
}
td.bet_tendency {
	text-align: center;
}
td.bet_tendency p {
	color: blue;
	font-weight: bold;
}
td.bet_tendency_goal_diff {
	text-align: center;
}
td.bet_tendency_goal_diff p {
	color: black;
	font-weight: bold;
}
td.bet_wrong {
	text-align: center;
}
td.bet_wrong p {
	color: red;
	font-weight: bold;
}
td.bet_statistic_desc {
	text-align:  left;
	white-space: nowrap;
	width: 80%;
}	
td.bet_statistic_number {
	text-align:  center;
	width: 20%;
}	

table.bet {
	font-size: 110%;
}


td.match_type {
}
td.match_result {
	font-weight: bold;
	text-align: center;
}
td.match_type_price {
	font-weight: bold;
	text-align: center;
}

td.rank_point {
	font-weight: bold;
	text-align: center;
}
td.rank_point > p.lost {
	color: red;
}
td.rank_point > p.won {
	color: green;
}
td.rank_point > p.equal {
	color: blue;
}
td.rank_user {
}

th.todo {
	white-space: nowrap;
}
td.todo_count {
	text-align: center;
}
td.todo_prio {
	text-align: center;
}
td.todo_status {
	text-align: center;
}
td.todo_desc {
	text-align: left;
}
td.todo_s_date {
	text-align: center;
}
td.todo_l_update {
	text-align: center;
}

table.group {
	width: 100%;
}

td.group,td.bet {
	text-align: center;
}

td.group.team {
	text-align: left;
	white-space:nowrap;
	width: 30%;
	font-weight: bold;
}

td.group.sign {
	text-transform: uppercase;
	text-align: center;
}

td.group.num {
	text-align: center;
}

td.date {
	white-space:nowrap;
	text-align: center;
}

td.time {
	white-space:nowrap;
	text-align: center;
}

td.left {
	text-align: left;
	border: 1px solid;
	white-space:nowrap;
}

td.right {
	text-align: right;
	border: 1px solid;
	white-space:nowrap;
}
td.result {
	text-align: center;
	border: 1px solid;
	empty-cells: show;
	white-space:nowrap;
}
p.won {
	font-size: 110%;
	color: green;
	font-weight: bold;
}
p.won a:link    { color:green; }
p.won a:visited { color:green; }

p.drawn {
	color: blue;
	font-weight: bold;
}
p.drawn a:link    { color:blue; }
p.drawn a:visited { color:blue; }

p.drawn.penalty.won {
	color: green;
	font-weight: bold;
}
p.drawn.penalty.won a:link    { color:green; }
p.drawn.penalty.won a:visited { color:green; }

p.drawn.penalty.lost {
	color: red;
	font-weight: bold;
}
p.drawn.penalty.lost a:link    { color:red; }
p.drawn.penalty.lost a:visited { color:red; }

p.lost {
	color: red;
	font-size: 95%;
	font-weight: bold;
}
p.lost a:link    { color:red; }
p.lost a:visited { color:red; }

table {
	margin-top:    0em;
	margin-bottom: 0em;
	border-style:  none;
/*
	margin-top:    1em;
	margin-bottom: 1em;
	border-style:  outset;
*/
	empty-cells: show;
}
th {
	background-color: #CCDDEE;
	border-style: solid;
	border-width: thin;
	padding: 0.5em;
	font-size: 125%;
}
td {
	border-style: solid;
	border-width: thin;
	padding: 0.5em;
}
table.match.navi td {
	border-style: none;
}

td > p {
	border: 0;
	padding: 0;
	margin: 0;
}