body {
	_font-family: tahoma;
}
_h1 {
	max-width: 600px;
}
.eventOpt img {
    width: 50px;
    height: 50px;
    margin: 5px;
}
.eventOpt a {
    text-decoration: none;
}
.eventMenu_ {
    width: 100%;
    margin: 5px auto;
    max-width: 650px;
}
.eventMenu_>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    _display: flex;
    _flex-wrap: wrap;
}
.eventMenu_>ul>li {
    width: 98%;
    height: 25px;
    max-width: 200px;
    display: inline-block;
    padding: 5px 0;
    background-color: #DDDDDD;
    font-size: 18px;
    color: #555555;
    margin: 2px auto;
    position: relative;
}
.eventMenu_>ul.sub>li {
    margin: 0px auto;
}
.eventMenu_>ul>li>ul {
    display: none;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    border: 2px solid white;
    border-radius: 5px;
    background-color: #DDDDDD;
    z-index: 8;
}
.eventMenu_>ul>li:hover>ul {
    display:block;
}
.eventMenu_>ul>li.selected,
.eventMenu_>ul>li:hover {
	background-color: #1971bc;
}
.eventMenu_>ul>li.subEventMenu {
    width: 100%;
}

.eventMenu_>ul>li,   
.eventMenu_>ul>li>a,   
.eventMenu_>ul>li>ul>li>a {

    color: #555555;
    font-weight: bold;
    text-decoration: none;
}
.eventMenu_>ul>li>a,
.eventMenu_>ul>li>ul>li>a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.eventMenu_>ul>li.selected a,
.eventMenu_>ul>li:hover>a,
.eventMenu_>ul>li.selected {
	color: white;
}
.eventMenu_ .rd {
    display: none;
}
.eventMenu_ .rd:checked + ul {
    display: inline-table;
}
.pict {
    margin: auto;
    margin-top: 30px;
    text-align: center;
    max-width: 800px;
    width: 100%;
    height: auto;
}
.desc {
    max-width: 1000px;
    width: 98%;
    padding: 0.5%;
    border: 1px solid #153855;
    text-align: right;
    margin: auto;
    margin-top: 20px;
    background-color: white;
}
.pict img {
    max-width: 100%;
    height: auto;
}
.lstTeamGroup {
    width: 100%;
    max-width: 500px;
    margin: 10px auto;
    border-collapse: collapse;
}
.lstGrp .group {
    width: 100%;
    max-width: 400px;
    margin: 10px auto;
    display: inline-table;
    padding: 5px;
}
.group .resumeGroup,
.group ._lstPlayerGroup,
.group .playerRank {
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}
.group ._lstPlayerGroup,
.group .playerRank {
    max-width: 400px;
    margin: auto;
}
._presentTurn th,
.group .lstTeamGroup th,
.group .resumeGroup th,
.group ._lstPlayerGroup th {
    font-size: 18px; 
    color: white;
    background-color: #555555;
    border-bottom: 2px solid #555555;  
}

.group .resumeGroup th a {
    color: white;
}
.group .resumeGroup td {
    border-bottom: 2px solid transparent;
}

.group .lstTeamGroup th,
.group .lstTeamGroup td {
    min-width: 30px;
    font-size: 14px;
    text-align: center;
}
.group .lstTeamGroup th {
    font-size: 14px;   
}
.group .lstTeamGroup th span + span{
    display:none;   
}
.group .lstTeamGroup .b {
    font-weight: bold;
}
.group .lstTeamGroup tr:nth-child(even),
.group .resumeGroup tr:nth-child(even),
.group ._lstPlayerGroup tr:nth-child(even),
.group .playerRank tr:nth-child(even),
._presentTurn tr:nth-child(even),
._presentTurn tbody tr:nth-child(even) {
    background-color: #DDDDDD;
}
.group .lstTeamGroup .teamName {
    text-align: right;   
}
.group .lstTeamGroup .teamName a {
    text-decoration: none;
    color: #1971bc;
    font-weight: bold;
}
.group .lstTeamGroup .groupTitle {
    font-size: 18px;
}
.lstTeamGroup img {
    height: 40px;
    width: auto;
}
.group .nextTurn {
	max-width: 500px;
	margin: auto;
}
._presentTurn {
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;
    font-size: 18px;
    border-collapse: collapse;
    background-color: white;
}
._presentTurn th,
.group .resumeGroup th,
.group ._lstPlayerGroup th,
.group .playerRank th {
    font-size: 15px; 
    color: white;
    background-color: #555555;
    border-bottom: 2px solid #555555;  
}
._presentTurn td {
	padding: 5px;
}
._presentTurn .l30 {
    width: 30%;
}
.score {
    font-size: 12px; 
    font-weight: bold;
    color: green;
    text-decoration: none;
}
._presentTurn .score {
    font-size: 20px;
}
.ulTurn {
    height: auto;
    overflow: auto;
    width: 100%;
    max-width: 600px; 
    margin: 10px auto;
}
.ulTurn ul {
	margin:0px;
	padding: 0px;
	width: 100%;
}
.ulTurn ul li{
    display: inline-table;
    padding: 2px 10px 2px 10px;
    min-width: 90px;
    margin: 3px 1px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #555555;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #555555;
    background-color: #DDDDDD;
}
.ulTurn ul li label { cursor: pointer; }

.inv {
    display: none;
}
.draw {
    border-collapse: collapse;
    font-size: 12px;
    margin: auto;
}
.draw .club {
    color: red;
}
.draw .b   {    border-bottom: 1px solid black;}  
.draw .r   {    border-left:  1px solid black; 
                text-align: center;}
.draw .br  {    border-left:  1px solid black;
                border-bottom: 1px solid black;  }
.draw .date {
    font-weight: bold;
    font-size: 10px;
    color: green;
}  
#liveMatches {
    width: 600px;
    max-width: 100%;
    margin: auto;
    font-size: 20px;
    
    
} 
#liveMatches>table {
    width: 100%;
    margin: 10px auto;
    border-collapse: collapse;
    background-color: black;
    color: white;
}
#liveMatches>table td {
    border-bottom: 2px solid blue;
    padding: 5px;
}
#liveMatches>table .player {
    text-align: left;
}
#liveMatches>table .set {
    color: red;
    width: 30px;
}
#liveMatches>table .point {
    color: cyan;
    width: 30px;
}
#liveMatches>table .serve {
    width: 30px;
}

#liveMatches>table .player img {
    text-align: left;
    width: 20px;
    border-radius: 50%;
}
#liveMatches>table img {
    height: 20px;
    vertical-align: middle;
}
#liveMatches>table td span {
    display: inline-block;
}
#liveMatches>table .team {
    width: 40%;
}
#liveMatches>table .teamScore {
    width: 20%;
    color: red;
}
#liveMatches>table a {
    color: white;
}
#liveMatches>table th {
    text-align: left;
}
.adminDraw {
    background-color:  white;
    border-radius: 5px;
    border:2px navy solid;
    width: 400px;
    max-width: calc(100% - 4px);
    margin: 5px auto;
}
.adminDraw #editBtn {
    background-color: green;
    color:white;
    font-weight: bold;
    padding: 5px 10px;
}
.adminDraw #uneditBtn {
    background-color: orange;
    color:white;
    font-weight: bold;
    padding: 5px 10px;
}
.worst {
    text-decoration: line-through;
}
