BODY {
  font-family: Tahoma,Arial CE,Courier New CE,sans-serif;
  font-size: 14px; 
  margin-top: 2;
  background-color:#efd7a9;
  background-image: url("./images/bg.png");
  background-repeat: no-repeat;
}
H1 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 22px;color: red}
H2 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 19px;color: navy;align: left}
H3 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 15px;color: red}
H4 {font-family: Arial CE,Courier New CE,sans-serif;font-size: 17px;color: red}



input{background-color: #FFFFFF; font: 14px Arial; border: 1px solid black; padding: 1px;}
select{background-color: #FFFFFF; font: 14px Arial; border: 1px solid black; padding: 1px;}
submit{background-color: #FFFFFF; font: 14px Arial; border: 1px solid black; padding: 1px;}

input:onmouseover {background-color: #808080;}


#s_ramem{border-width: 1;border-style: solid;border-color: black;width:100%;}
#bez_ramu{border-width: 0;border-style: none}
#cerna {background-color: #000000;}
#cervena {background-color: #FF0000;}
#modra {background-color: #AACCFF;}
#seda {background-color: #C0C0C0;}

A:link {color:#002091;text-decoration:none}
A:visited {color:#0002091 ;text-decoration:none}
A:active {color:gold;text-decoration:none}
A:hover {color:#002099;text-decoration:underline}

#matchlist a {
  background-color: #efd7a95c;
}
#matchlist a:hover {
  background-color: #efd7a9;
}

#matchlist a:not(:first-child):before {
  content: "|| "
}

TABLE .blue {background: #8080FF;}
TABLE#MAINCONTENT {
  max-width:1000px;
  border-radius: 10px;
  -moz-border-radius: 10px;
}
TH {font-family: Arial CE,Courier New CE,sans-serif;background-color: white;color: white;background: #8080FF;}
/*TH {font-family: Arial CE,Courier New CE,sans-serif;background-color: white;color: white;background: #8080FF url(./images/titlebar.png) repeat-x center left;}*/
TD {font-family: Arial CE,Courier New CE,sans-serif;background-color: white;color: black;background: white;}

TH A:link {color:white;text-decoration:none}
TH A:visited {color:white ;text-decoration:none}
TH A:active {color:red;text-decoration:none}
TH A:hover {color:gold;text-decoration:underline}

TH .squad A {color:green;text-decoration:none}

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.headerbar{
font: bold 14px Arial;
color: white;
background: black url(./images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
font-family: Tahoma, sans-serif;
}

.arrowlistmenu ul li a{
color: black;
background: url(./images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 22px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
}

.arrowlistmenu ul li a:visited{
color: black;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: gold;
background-color: #0000FF;
}

#dhtmltooltip {
  position: absolute;
  width: 250px;
  border: 1px solid black;
  padding: 2px;
  background-color: white;
  visibility: hidden;
  z-index: 100;
}

.basicinfo {
  width:100%;
  border-collapse:collapse;

}
.basicinfo th {
  padding-top:5px;
  width:160px;
  text-align:left;
  background-color:white;
  color:black;
  vertical-align:top;
}
.basicinfo td {
  padding-top:5px;
  background-color:white;
  color:black;
}

@media screen and (max-device-width: 1281px) {
BODY {font-size: 16px;}
input{font: 16px Arial;}
select{font: 16px Arial;}
submit{font: 16px Arial;}
.headerbar{font-size:22px;}
.arrowlistmenu ul li {font-size:22px;}
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  /*body::before {
    content: "iPhone 6, 6S, 7 and 8 * Safari";
    font-weight: bold;
    display: block;
    text-align: center;
    background: rgba(255, 255, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }*/
}

.divize.OPN { color: red; }
.divize.PRD { color: #c1c100; }
.divize.STD { color: blue; }
.divize.CLA { color: #ff00ff; }
.divize.PDO { color: black; background-color:#c1c100; }
.divize.REV { color: #ffcc00; }

.duplicita .Prijmeni,.duplicita .Jmeno {
  background-color:red;
  color:black;
}
.duplicita .Squad {
  background-color:pink;
  color:black;
  font-weight:bold;
}

.nezaplacenopolimitu .payemail {
  background-color:red;
  color:black;
}
#registrationlist tr:hover td {
  background-color:pink;
}


tr.zaplaceno td {
  background-color:#d6ffd6;
}
tr.zaplatinamiste td {
  background-color:#00ff00;
}
tr.platbanaceste td {
  background-color:#ffd6ff;
}

tr.zrusenaregistrace td {
  color:gray;
  background-color: lightgray;
}

#registrationlist tr.zrusenaregistrace:hover td {
  background-color:gray;
  color:white;
}

#registrationlist tr.zaplaceno:hover td {
  background-color:#9fff9f;
}


#registrationlist td.paymentdate  {
  width:70px !important;
}

#registrationlist td.Squad  {
  background-color:#eaeaea;
}

.komrezultatow {
  margin:10px;
}
.komrezultatow a{ 
  width:100%;
  display:block;
  border:1px solid;
  background-color:#85ff9d;
  width:90%;
  padding:5px;
  text-align:center;
  border-radius: 10px;
  -moz-border-radius: 10px;

}

.komrezultatow a:hover{
  text-decoration:none;
  background-color:lightgray;
}
.seriesCheckbox {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

tr.kingscupserie td.Zaplaceno, tr.kingscupserie td.serie,tr.kingscupserie td.castka {
  background-color:gold;
}