header a {
    text-decoration: none
}

.fa {
    cursor: pointer
}

.matchlist li a {
    text-decoration: none
}

.yellowcard {
	color: #ffbf00;
	text-shadow: 2px 2px #999999;
}

.redcard {
	color: #E21F26;
	text-shadow: 2px 2px #999999;
}

.redcoach {
	color: #E21F26;
	
}

.greencoach {
	color: green;
	
}

.greencoach a:hover {
    color: #E21F26;
}

.playerbox {
    text-align: center;
	background-color: #111111;
	width: 145px;
	color: #FFFFFF;
    border: 3px solid #ffbf00;
}

.smalltitle {  
    font-family: Arial, Helvetica, sans-serif; 
    font-size: large; 
	color: #000000; 
    font-weight: normal;
}

.tabline {
	background-image: url(images/pix/tab.png);
	background-repeat: repeat-x;
}

.redline {
	line-height: 3px;
	font-size: 3px;
}

.whitetitle {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	color: #FFFFFF;
}
.mediumtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #000000;
}

.mdptitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}

.mdfshadow { 
    /*width: 100%;*/ 
    border:2px solid #fff; 
    box-shadow: 10px 12px 5px #aaa; 
    -moz-box-shadow: 10px 12px 5px #aaa; 
    -webkit-box-shadow: 10px 12px 5px #aaa; 
    -khtml-box-shadow: 10px 12px 5px #aaa; 
} 

.playershadow { 
    width: 200px; 
    border:2px solid #fff; 
    box-shadow: 10px 12px 5px #aaa; 
    -moz-box-shadow: 10px 12px 5px #aaa; 
    -webkit-box-shadow: 10px 12px 5px #aaa; 
    -khtml-box-shadow: 10px 12px 5px #aaa; 
} 

.img_left { /* Image sticks to the left */
	width:auto;
        max-width:100%;
	float:left;
	margin:5px 15px 5px 5px;
}

.three-col {
    text-align: justify;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap : 20px;
    -moz-column-rule-color:  #ccc;
    -moz-column-rule-style:  solid;
    -moz-column-rule-width:  1px;
    -webkit-column-rule-color:  #ccc;
    -webkit-column-rule-style: solid ;
    -webkit-column-rule-width:  1px;
}

.w3-fcred { 
	background-color: #E21F26;
    color: #FFFFFF;
	}
	
.fcfontred { 
	color: #000000;
	
	}
	
.w3-hover-fcred a:hover {
    background-color: #E21F26;
}

.fcfontred a:hover {
    color: #E21F26;
}
	
.greytext {
	color: #AAAAAA;
	
}	

.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    top: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    top: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.dark-mode {
  background-color: #444444;
  color: #EEEEEE;
}