* { margin:0; padding:0; box-sizing:border-box; }

@font-face {
    font-family: 'BebasNeueRegular';
    src: url(/font/BebasNeueRegular.eot);
    src: url(/font/BebasNeueRegular.eot?#iefix) format('embedded-opentype'),
         url(/font/BebasNeueRegular.woff) format('woff'),
         url(/font/BebasNeueRegular.ttf) format('truetype'),
         url(/font/BebasNeueRegular.svg) format('svg');

    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: Impact;
  src: url('/font/Impact.woff2') format('woff2');
}

#top {
	width: 1000px;
	margin: 0 auto; 
	background-color: white;
	margin-bottom: 10px;
	display: table;
	padding-bottom: 4.5rem;
}

.topHold {
	width: 1000px;
	margin: 0 auto; 
	background-color: white;
	margin-bottom: 10px;
	display: table;
	padding-bottom: 4.5rem;
}



.source {
text-align: center; 
width: 100%; 
font-weight: normal; 
font-size: 12px;
color: #666666;
display: block;
float: left;
}

.tabletop {
	border-top: 1px none #000000;
	border-right: 1px none #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	font-size: 10px;
	background-position: bottom;
	background-image:  url("/images/graphics/stadium.gif");
	background-repeat: no-repeat;
}
.tablelogo {
	background-image: url("/images/stadium.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	border-top: 0px none;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}
body {
	margin: 0px;
	background-color: white;
	height:100%;
	color: #333;
	font-family: 'Lato', sans-serif;
}

html {
	height:100%; 
}

p { margin: 0;}

h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.imgholder {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	width: 36px;
	border-bottom-color: #000000;
}
.mug p {
	margin: 5px;
	padding: 5px;
}
.units {
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 15px;
	margin-left: 2px;
	line-height: 120%;
	border: 0px none #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}
.units img {
	margin: 3px;
}
a {
	color: #333;
	text-decoration: none;
}

textarea::placeholder {
  font-size: 14px;
  font-family: Lato;
}

tr.clickableRow{
  color: black;
}

tr.clickableRow:hover{
  background-color: #000000;
  cursor: pointer;
  color: #f49c00;
}

.gameHold {
	 font-family: Impact; 
	 display: inline-block;
}

#venues {
	width: 1000px;
	margin-left: auto; 
	margin-right: auto; 
	font-size: 12px; 
	background-color: white; 
	padding-top: 25px; 
	padding-bottom: 50px;
}

#venues table { 
	 border: 1px solid #000000;
	 margin-left: 10px;
	 margin-right: 10px;
}

#venues td {
	border-top: 1px solid #000000; 
	font-size: 12px; 
	padding: 8px;
}

#venues h1 {
	margin-left: auto; 
	margin-right: auto; 
	color: black;
}


#venueslist td {
	border-top: 1px solid #000000; 
	padding: 8px;
	font-size: 13px;
}

#venueslist table {
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto;
}

#venue a {
	color: black;
}

.yoof {
	position: absolute; 
	margin-left: 50px;
}

.yoof img {
	height: 20px; 
	width: 20px; 
	margin-left: -10px; 
	margin-top: 5px;
}


.dotwIcon {
	width: 80px; 
	height: 80px;
}

.f18 {
	font-size: 18px;
}

.panel {
    font-size: 14px;
}
.panel a#login_pop {
    border: 2px solid #aaa;
    color: #fff;
    display: block;
    margin: 4px;
    padding: 5px 5px;
    text-decoration: none;
    text-shadow: 1px 1px #000;

    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    width: 60px;
    margin: 0 auto;
}
a#login_pop:hover {
    border-color: #eee;
}
.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 100;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 30px;
    position: fixed;
    text-align: justify;
    top: 40%;
    visibility: hidden;
    z-index: 100;

    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;

    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;

    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.close {
    background-color: rgba(0, 0, 0, 0.8);
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 30px;

    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 18px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    text-decoration: none;
}
.close:hover {
    background-color: #000000;
    text-decoration: none;
}
.popup p, .popup div {
    margin-bottom: 10px;
}
.popup label {
    display: inline-block;
    text-align: left;
    width: 120px;
    background-color: white;
    color: #333;
    border: 0px;
}
.popup input[type="text"], .popup input[type="password"] {
    border: 1px solid;
    border-color: #999 #ccc #ccc;
    margin: 0;
    padding: 2px;

    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.popup input[type="text"]:hover, .popup input[type="password"]:hover {
    border-color: #555 #888 #888;
}

.login {
	font-size: 16px;
	padding: 30px;
}


#image
{    
    position:absolute;
    left:0;
    top:0;
    height: 79px;
    width: 65px;
}
#text
{
    position:absolute;    
    color:black;
    font-size:18px;
    text-align:center;
    top:100px;
}


#draw
{
	color: white;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#draw td
{
	width: 55px;
	font-size: 16px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	text-align: center;
}

#draw img
{
	vertical-align: middle; 
	height: 30px; 
	width: 30px; 
	margin-right: 4px; 
	margin-left: 4px; 
	margin-bottom: 0px; 
	border: 0px;	
}

#draw table 
{
  	table-layout: fixed;
}


#leftfloat
{
	 float: left; 
	 width: 200px; 
	 margin-left: 5px;
}

#wrap {
	width: 1000px; 
	color: #000000; 
	margin-left: auto; 
	margin-right: auto; 
	background-color:#FFFFFF; 
	padding-bottom: 4.5rem;
}

#wrapped
{
	overflow: visible; 
	width: 1000px; 
	color: #000000; 
	margin-left: auto; 
	margin-right: auto;  
	background-color:#FFFFFF;
}	
	

.teams table {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	font-weight: normal;
	float: left;
	margin: 10px;
	width: 310px;
}


.teams th {
	color: #000000;
	font-weight: normal;
	background-color: #f49c00;
	text-align: left;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}


.crest {
	background-color: #FFFFFF;
}

.crest img {
	display: block; 
	margin-left: auto;
	margin-right: auto; 
	padding-top: 20px;
	max-width: 130px;
}

.teams p {
	margin:0px;
	padding:5px;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
.teams a:hover {
	color: #000000;	
	text-decoration: none;
}

.teams a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.teams a {
	color: #FFFFFF;
	text-decoration: none;
}


.holder {
	width: 800px;
}
	
a.radio-picture { 
	border:2px dashed black;
	display: inline-block; 
	height: 100px; 
	margin-right: 10px; 
	text-decoration: none; 
	width: 100px; 
	} 
	
a.radio-picture:hover {
	border:2px dashed red;
}
a.green-border {
	border:2px solid green;
}
	
a#category_wales { 
	background: url("/Images/flags/circular_buttons/Wales.png") no-repeat scroll 0 0; 
	} 
	
a#category_england {   
	background: url("/Images/flags/circular_buttons/England.png") no-repeat scroll 0 0; 
	} 
	
a#category_ireland {
   background: url("/Images/flags/circular_buttons/Ireland.png") no-repeat scroll 0 0; 
   } 
   
a#category_france {
   background: url("/Images/flags/circular_buttons/France.png") no-repeat scroll 0 0; 
   } 
   
a#category_italy {
   background: url("/Images/flags/circular_buttons/Italy.png") no-repeat scroll 0 0;
    } 

a#category_scotland {
   background: url("/Images/flags/circular_buttons/Scotland.png") no-repeat scroll 0 0;
    }
      
.hidden {
   left: -10000px;
   position: absolute;
   top: -1000px; }
   
  input[type="submit"] {cursor:pointer;}
  

#pools {
		margin-left: 320px;
}
  
#pools table {
	border: 1px solid #000000;	
}

#pools th
{
	text-align: left; 
	background-color: #f49c00; 
	color: #000000;  
	font-size: 12px; 
	font-weight:normal; 
	padding: 8px;
}

#pools h1
{
	font-size: 18px;
	margin-top: 20px; 
}

.page-container {
  position: relative;
  min-height: 100vh;
}

.footer { 
	color: white; 
	text-align: center;
	background-color: #333;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	}
	
.footer a {
	color: white; 
	padding:10px; 
	padding-top: 20px; 
	display:inline-block;
	}

.footer a:hover {
	text-decoration: none;
	color: #000000;	
}

/*coaches*/
.image-blurred-edge {
	
	    background-repeat: no-repeat;
    background-position: center; 
    width: 300px;
    height: 300px;
    box-shadow: 8px 8px 120px 20px black inset;
}

#coach_holder {
	width: 700px;
	height: 300px;
	margin: 0 auto;
	background-color: black;
}

.cname {
	color: white;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 60px;
	float: right;
	margin-right: 20px;
	margin-top: 100px;
	border-bottom: 3px solid white;
	padding-bottom: 3px
	
}

.ccrest {
	height: 50px;	
	float: right;
	margin-right: 20px;}

#container, #highcharts-container, #highcharts-0 {
	padding: 0px;
	}
	
	

.dateSVGmonth {
  font-size: 5.5em;
}

.dateSVGday {
  font-size: 12.5em;
}

.dateSVGweekday {
  font-size: 5.5em;
}	
	
/*player profile*/
	
 
.day, .month, .year {
  position: absolute;
  text-shadow: 0px 1px 2px black;
  }
 
.day { 
  font-size: 30px;
  top: 15px;
  }
 
.month { 
  top: 0;
  left: 0;  
  font-size: 18px;
  }
 
.year { 
  top: 19px;
  right: 0;
  font-size: 20px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);  
  }
  
    
#profile_holder{width: 815px; position: relative;overflow: hidden; margin: 0 auto; margin-top: 5px; margin-bottom: 30px; }

#data_box4 {height: 302px; width: 200px; background-color: #000000; border: dashed 1px grey; display: block; opacity: 0.6; float: left;}
#data_box5 {height: 150px; width: 200px; background-color: #f49c00; border: dashed 1px grey; display: block; float: left;}
#data_box6 {height: 152px; width: 99px; background-color: #f49c00; border: dashed 1px grey; display: block; float: left; color: white;}
#data_box8 {height: 150px; width: 402px; background-color: #000000; border: dashed 1px grey; display: block; float: left; border-radius: 0px 0px 0px 50px; background: #000000;}
#data_box10 {height: 150px; width: 200px; background-color: #f49c00; border: dashed 1px grey; display: block; float: left; border-radius: 0px 50px 0px 0px; background: #000000; text-align: center;}

.centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.centered
{
height: 100px;
    display: inline-block;
    vertical-align: middle;
}



.rtable_row {display: table-row; width: 800px; clear: both;}

.p82 {padding: 8px; font-size: 13px;}

.tc {text-align: center;}

.bo4 {border-right: 1px solid #A3A3A3; border-left: 1px solid #A3A3A3;}


.f11 {color:white; font-size:48px; margin-top:0px; float: right; margin-right: 20px;
text-shadow:black 0 4px 5px;}


.f13 {color:white; font-size:60px; margin-top:0px; text-align: center;
text-shadow:black 0 4px 5px;clear: both;}



.f15 {color:white; font-size:38px; margin-top:0px; margin-left: 5px; text-shadow:black 0 2px 3px; float: left;}

.f16 {color:white; font-size:38px; margin-top:0px; margin-left: 5px; float:left; clear: both;letter-spacing: -5px;}
.f20 {float:left;}

.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background-color: #f49c00;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background-color: #000000;
}

.unionIcon {
	width: 65px;
	height: 65px;
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}


.tabContent.hide { display: none; }

//fixture lists

/*fixturelist*/
.refNa, .rEf, .penT {
	display: none;
}

.roundHead {
	font-size: 18px;
}


.head-ref-hold{
	border: 0;
	border-radius: 75px;
	height: 45px; 
	margin: 8px;
	vertical-align:middle; 
	width: 45px; 

}

.refHeadHold {
	height: inherit;
	margin: inherit;
	width: inherit;	
}

.attendance {
	padding-left: 1px !important;
	padding-right: 1px !important;
	width: 37px;	
}

.scoreLine {
	font-size: 11px;
	text-align: center;
}

.aTm, .hTm {
	padding: 2px;
}

.balls {
	height: 8px;	
	width: auto;
}

.yellow_card {
	margin-bottom: 0;
}

.smallCircle {
	font-size: 0.7rem !important;
	height: 20px !important;
	width: 20px !important;
}	

.dotwIcon {
	height: 40px;	
	width: 40px;
}

.PtsIcon {
	height: 6vw;	
	width: 6vw;
}

.cCrest {
	height: 6vw;		
	width: 6vw;
}

.maVid, .maRep {
	display: none;
}

table.LT td{
	padding: 0;
}

label#tOff.label, label#tOn.label {
	margin-top: -10px;
}


.awayteam, .hometeam {
	padding: 0;
	width: 90px;
}

#logo {
	width: 95vw;
}

#data_entry_table {
	width: 95vw;
}

div.analTable>div:nth-of-type(odd), div.table4747>div:nth-of-type(odd) {
    background: #ececec;
}

.dit {
	display: none;
}

.plAge {
    width: 21vw;
}

.clubName {
	display: none;
}

.stadiumName {
	display: none;
}

.f4747 {
	font-size: 0.85rem;
}

.c4747 {
	font-size: 0.85rem;
	padding: 0;
	text-align: center;	
}

.m150 {
	width: 150px;
}
	

#logo {
	margin: 0 auto;
	width: 350px;	
}

.mRLink {
	display: none;
}

.pS {
	display: none;
}

.number_block {
	margin: 2px;
	padding: 5px;
	width: 25px;	
}

.mobOnly {
	color: grey;
	display: block;
	font-size: 14px;	
	margin-bottom: 20px;
	text-align: center;
	width: 100vw;
}

.tAbLeHoLd {
	padding: 0;
	width: 100vw;
}

.lH {
	line-height: 2;
}	

div.tAbLeHoLd table{
	padding: 0px;
	width: 95vw;
}

.t6079 {
	display: flex;
    width: 600px;
    height: 600px;
    flex-direction: column;
    flex-wrap: wrap;
}

.plusNeg {
	width: 30px; 
	height: 30px;
}	

.newDate {
	display: table; 
	color: #303532; 
	font-size: 18px; 
	width: 75px; 
	margin-top: 6px;
}

.nDayNum {
    font-size: 38px;
    text-align: center;
    margin-top: -7px;
}

.nDay {
	text-align: center; 
	font-size: 30px;
}

.nDayMonth {
	rotate: 270deg; 
	margin-right: 47px; 
	margin-top: -42px; 
	font-size: 16px;
	text-align: center;
}

.dateFormat {
	font-family: Bebas Neue; 
	padding: 6px;
}


.date {
  position: relative;
  width: 70px;
  color: white;
  float:left;
  margin-left: 5px;
  clear:both;
  margin-top: 10px;
   }
 
.day, .dayp, .month, .year, .debut_crest {
  position: absolute;
  text-shadow: 0px 1px 2px black;
  }
 
.day { 
  font-size: 30px;
  top: 30px;
  margin-left: -33px;
  }
  
  
.dayp { 
  font-size: 30px;
  top: 30px;
  }
 
.month { 
  top: 10px;
  left: 5px;  
  font-size: 18px;
  }
 
.year { 
  top: 25px;
  left: 22px;
  font-size: 20px;
  /* ** Hacks ** */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);  
  }
  
  
  
.debut_crest  {margin-left: 75px; margin-top:55px;}


#profile_holder{width: 815px; position: relative;overflow: hidden; margin: 0 auto; margin-top: 5px; margin-bottom: 30px; }
#profile_holder:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

#profile_holder h1 {
	font-family: Impact, Charcoal, sans-serif;
    font-size: 35px;
    font-variant: small-caps;
    color: white;
    text-shadow: 0px 2px 3px black;
    padding-left: 5px;
    float: left;
    margin-top: -12px;
    margin-bottom: -12px;}

#data_box h1, #data_box h2, #data_box h3 {font-family:Impact, Charcoal, sans-serif; font-size:35px;font-variant: small-caps; color: white; text-shadow: 0px 2px 3px black; padding-left: 5px; float: left; margin-top: -12px; margin-bottom: -12px;}

#data_box {width: 451px; background-color: #000000; border: dashed 1px grey; display: block;float: left;     display: block; border-radius: 0px 50px 0px 50px; background: #000000; text-align: center; margin: 15px;}
#data_box2 {height: 130px; width: 148px; background-color: #f49c00; border: dashed 1px grey; display: block; float: left;}
#data_box3 {height: 102px; width: 150px; border-radius: 0px 0px 0px 50px; background: #000000; display: block; float: left;}
#data_box4 {height: 100px; width: 148px; background-color: #000000; border: dashed 1px grey; display: block; float: left;}
#data_box5 {height: 150px; width: 201px; background-color: #f49c00; border: dashed 1px grey; display: block; float: left;}
#data_box6 {height: 152px; width: 99px; background-color: #f49c00; border: dashed 1px grey; display: block; float: left; color: white;}
#data_box7 {width: 201px; display: block; float: left;}
#data_box8 {height: 150px; width: 402px; background-color: #000000; border: dashed 1px grey; display: block; float: left; border-radius: 0px 0px 0px 50px; background: #000000;}
#data_box10 {height: 150px; width: 200px; background-color: #f49c00; border: dashed 1px grey; display: block; float: left; border-radius: 0px 50px 0px 0px; background: #000000; text-align: center;}
#box13 {height: 75px;  width: 100px; background-color: #19406B;  border-bottom: dashed 1px grey;  display: block; float: left; color: white; border-left: dashed 1px grey; border-right: dashed 1px grey;}
#data_box14 {height: 300px; width: 402px; background-color: #000000; border: dashed 1px grey; display: block;float: left;}
#data_box16 {height: 150px; width: 101px; background-color: #19406B; display: block; float: left; color: white; border-left: dashed 1px grey; border-bottom: dashed 1px grey;}


.key {
	color: grey; 
	margin: 0 auto; 
	text-align: center;
	display: table;
	padding: 5px;	
}

.keyText {
	display: table-cell;
	padding-left: 3px;
	text-align: left;
	vertical-align: middle;
}


.centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.centered
{
height: 100px;
    display: inline-block;
    vertical-align: middle;
}

.circle_starts {
    color: white;
    font-size:16px;
    height: 35px;
    width: 35px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #f49c00;
    text-shadow: 0px 2px 3px black;
}

.rtable_row {display: table-row; width: 800px; clear: both;}


.f10 {color:white; font-size:48px; padding-top:15px; text-align: center;
text-shadow:black 0 1px 2px; clear: both;}

.f11 {color:white; font-size:22px; margin-top:40px; text-shadow:black 0 4px 5px;}



.f13 {color:white; font-size:45px; margin-bottom:10px; text-align: center;
text-shadow:black 0 4px 5px;clear: both;}



.f15 {color:white; font-size:38px; margin-top:0px; margin-left: 5px; text-shadow:black 0 2px 3px; float: left;}

.f16 {color:white; font-size:38px; margin-top:0px; margin-left: 5px; float:left; clear: both;}

.f20 {float:left;}

.f30 {color:white; font-size:11px; padding-top:110px; text-align: center;
text-shadow:black 0 1px 2px;}

.f31 {color:white; font-size:18px; padding-top:25px; text-align: center;
text-shadow:black 0 1px 2px; clear: both;}

.f40 {color:white; font-size:16px; margin-top:120px; text-align: center;
text-shadow:black 0 1px 2px; clear: both;}



.topmen {
	margin: 0 auto; 
	background-color: #DEDEDE;
	border-bottom: 1px solid #789DC2;
}



#nav_tab {
	background-color: #DEDEDE; 	
	width: 1000px; 
	margin: 0 auto;}

main {
	border: solid 1px #f49c00;
	display: block;
	    margin: 0 auto;
    margin-top: -8px;
    width: 999px;
}

/*menu*/




/*admin forms rhubarb*/
form table {margin: 0 auto; border: 1px solid #000000; margin-bottom: 15px;}
form td {text-align: left; line-height: 2.2;}


input[type=text], input[type=date], input[type=password], input[type=number], input[type=time], input[type=file], textarea, select {
	font-size: 14px;
    width: 100%;
    padding: 6px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    line-height: 1.4;
    -webkit-appearance: none;
    appearance: none;
}

input[type=submit] {
                 width: 100px;
                 background-color: #f49c00;
                 color: white;
                 border-radius: 4px;
                 border: none;
                 margin: 0 auto;
				 font-size: 14px;
                 cursor: pointer;
                 padding: 8px;
                 margin-top: 20px;
                 display: block;
}

input[type=submit]:hover {
    background-color: #000000;
}


.form input[type="checkbox"]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f096";
  opacity: 1 !important;
  margin-top: -25px;
  appearance: none;
}

.form input[type="checkbox"]:checked:before {
  content: "\f046";
}

.form input[type="checkbox"] {
  font-size: 22px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="date"].centered-date {
    text-align: center;        /* horizontal centering */
    vertical-align: middle;    /* vertical centering */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
    font-size: 14px;
    height: 35px;
}

/* Optional: center vertically in flex context */
input[type=date] {
  display: flex;
  align-items: center;
}

/* Optional: style the calendar icon consistently */
input[type=date]::-webkit-calendar-picker-indicator {
  margin-top: 0;
}


select {
	color: grey;
	margin-bottom: 30px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
}




#person {
    background-image: url('../../../Images/Graphics/person.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 10px 6px;
    text-indent: 20px;
}







.buttonHolder{ text-align: center; padding: 30px;}
.buttonHolder input[type=submit] {padding: 20px; font-size: 18px;}


/*toggle button*/


.onoffswitch {
    position: relative; width: 90px; display: inline-block; vertical-align: middle; margin-right: 8px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;}

.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: red; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    display: block;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

input#lightswitch {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

input#lightswitch:checked + h5:after {
  content: " Off";
}
#slider {
	float:right; 
	margin-right: 8px; 
	margin-bottom: 8px;
	font-size: 14px; 
	display: inline-block;
	}






.label {
	vertical-align: middle;
}






h5 {
  text-align: center;
}

h5:after {
  content: " On";
}

#wru {
width: 90px;
    display: inline;
    vertical-align: middle;
    position: relative;
    height: 40px;	
}

#wru label {
	display: block; 
	overflow: hidden; 
	cursor: pointer;
    border: 1px solid #999999; 
    border-radius: 20px;
}

#wru label:hover {
  background: #ddca7e;
  color: #fff;
  cursor: pointer;
}

input#lightswitch {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
	
.hwru {
	width: 90px;
}

.hwru:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    display: block;
}
.hwru:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
	
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: red; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}

#admin_holder {
	background-color: white; 
	color: black; 
	padding-bottom: 35px;
	width: 1000px;
	margin: 0 auto;	
}

#refTab {
	margin: 0 auto;
	}

#refTab img {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    margin: auto;
    height: 40px;
    width: 40px;
}

#refTab a {
	text-align: center;
}


/*================================*/

/*Data Entry Table*/

#data_entry_table {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    width: 450px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left;
    font-weight: normal;
    border: 1px solid #000000;  
}

#data_entry_table table {
	margin: 0 auto;
	margin-top: 21px;
}
	
#data_entry_table table tr {
	line-height: 2; 
	background-color: white;
}

#data_entry_table td {
	text-align:left; 
	padding-left: 3px;
	height: 48px;
} 

#data_entry_table th {
	text-align:left; 
	font-weight: normal; 
	width:80px;
}

#data_entry_table tr {
	line-height: inherit;
}

#data_entry_table input {
	width: 100%; 
	height: 25px; 
	text-align: left; 
	padding: 17px;
}


#datTab {font-size: 13px; margin: 0 auto; display: table;}
.datTab {font-size: 13px; margin: 0 auto; display: table;}
#datTab img {
	padding: 3px; 
	width: 40px;
}



/*================================*/

/*Player Game Data*/

.pGData table {
	margin: 0 auto;
}

.pGData table tr {
	line-height: 2; 
	background-color: white;
}

.pGData td {
	text-align:left; 
	padding-left: 3px;
} 

.pGData th {
	text-align: center; 
	font-weight: normal; 
	width:80px;
}

.pGData {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    width: 450px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: left;
    font-weight: normal;
    border: 1px solid #000000;
    width: 950px; 
    margin-top: 10px;  
}

.pGplayers {
	display: inline-block; 
	vertical-align: top; 
	margin-top: 65px !important;
}

.pGplayersrp {
	display: inline-block; 
	vertical-align: top; 
	margin-top: 22px;
}

div.pGData input[type=number] {
    padding: 6px 20px;
}

.pGData .playerHold {
	display: inline-block; 
	font-size: 12px; 
	vertical-align: middle;
	height:46px;
}

.pGData .selectPlayer {
	font-size: 12px;
    display: table-cell;
    width: 140px;
    vertical-align: middle;
}


div.pGDatarp input[type=number] {
    padding: 15px 0px;
    margin: 0px;
    text-align: center;
}

.pGDatarp .playerHold {
	display: inline-block; 
	font-size: 12px; 
	vertical-align: middle;
	height:46px;
}

.pGDatarp .selectPlayer {
	font-size: 12px;
    display: table-cell;
    width: 140px;
    vertical-align: middle;
}


/*================================*/



#cResthEad {text-align: center; margin-left: 250px;}
#cResthEad h1 {text-align: center; vertical-align: middle; font-size: 40px;}
#cResthEad img{height: 120px; width: 120px; vertical-align: middle; margin: 8px; display: inline-block;}
#yEaRHoLd {float: right; width: 220px; margin-right: 10px; margin-top: 10px;}
#yEaRHoLd  img{float: left; margin: 3px;} 
.cResThOlD {float: left; width: 300px;}

#coachhistory {margin-left: auto; margin-right: auto;}
#coachimages {padding-bottom: 0px; width: 1000px;}
#ci1 {width:25%; float:left;}
#ci1 img{width:200px; height: inherit; margin: 20px}
#ci2 {display: inline-block; width: 30%;}
#ci2 img{border-radius: 50%}
#ci3 {width:40%; float:right; margin-right: 30px; margin-top: 20px;}
#ci3 h2{font-size: 32px; margin-top: 0; margin-bottom: 0;}
#ci3 img.arrow{vertical-align:middle; height:40px; width:40px; margin-right: 4px;}
#ci3 table {border-left: 1px solid #000000; border-right: 1px solid #000000; margin-left: auto; margin-right: auto; width: 380px; font-size: 14px;}
#ci3 td{padding: 8px;}
#ci4 h2{text-align: center;}
#ci4 {display: table; width: 100%; table-layout: fixed;}
#ci4 img{vertical-align:middle; height:40px; width:40px; margin-right: 4px;}
#ci4 table{border-left: 1px solid #000000; border-right: 1px solid #000000; width: 750px; margin: 0 auto; margin-bottom: 10px;}
#ci4 tr, #ci4 th, #ci4 td{text-align: center; padding: 8px;}
#ci5 {text-align: center; margin-bottom: 20px;}
#ci5 .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

#ci5 .switch input {display:none;}

#ci5 .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  -webkit-transition: .4s;
  transition: .4s;
}

#ci5 .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

#ci5 input:checked + .slider {
  background-color: #f49c00;
}

#ci5 input:focus + .slider {
  box-shadow: 0 0 1px #f49c00;
}

#ci5 input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
#ci5 .slider.round {
  border-radius: 34px;
}

#ci5 .slider.round:before {
  border-radius: 50%;
}

#ci5 .choose {display:inline-block; vertical-align: middle;}
    
#ci5 label {
    	display: inline-block;
    	vertical-align: middle;
    	font-weight: normal;
    }

#fixLiSt {
	font-size: 11px;
	margin-left: 220px;
}
#fixLiSt td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	font-size: 12px;
	padding: 5px;
}
#fixLiSt table {
	width: 750px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;        
}

#fixLiSt th {
	color: white;
	background-color: #f49c00;
	font-weight: normal;
	text-align: left;
	padding: 20px;
	font-size: 14px;
	border-radius: 0px;
}

#fixLiSt .rEf{
	text-align: left;
}

.tAbLeHoLd {
	padding: 20px;
}

#fixLiSt h1 {
	font-size: 18px;
	margin-bottom: 5px;
	width: 465px;
	font-weight: normal;
	padding-left: 7px;
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 10px;
	margin-right: 20px;
	padding-right: 40px;
	margin-top: 10px;
}

#fixLiSt .aWaY {
 	width: 160px;
 	text-align: left;
}


#fixturelist table {margin: 0 auto; margin-bottom: 20px;}

.description {
    display:none;
    position:absolute;
    margin-top: 5px;
    background-color: white;
    padding: 5px;
    border: 1px solid #000000;
}



#explain {
    float: left;
    border: 1px solid grey;
    padding: 15px;
    border-radius: 25px;
    width: 300px;
    color: grey;
    text-align: justify;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.twH {float: left; width: 160px; margin: 20px;}
.twH img{width: 180px;}
.twH h1 {font-family: impact; font-size: 47px;}
.clubTd {float: left; margin: 10px; text-align: center; width: 125px; margin-left: 26px; height: 240px;}
.clubTd img{width: 100px; height: 100px; text-align: center;}
.clubTd a{color: gray; font-size: 12px;}
.tT {color: gray;}
.cT {font-family: Impact; font-size: 20px;}
.fT {font-family: Impact; font-size: 30px; font-weight: bold; padding: 5px;}
.posH {position: absolute;}


.twH5 {float: left; width: 240px; margin: 0px;}
.twH5 img{width: 240px;}
.clubTd5 {float: left; margin: 15px; text-align: center; width: 190px; margin-top: 60px; height: 330px;}
.clubTd5 img{width: 150px; height: 150px; text-align: center;}
.clubTd5 a{color: gray; font-size: 18px;}
.clubTd5 .circle4 {height: 45px; width: 45px; font-size: 30px;}

.cT5 {font-family: Impact; font-size: 30px;}
.fT5 {font-family: Impact; font-size: 45px; font-weight: bold;}



.twH1 {float: left; width: 240px; margin: 0px;}
.twH1 img{width: 240px;}
.clubTd1 {text-align: center; width: 300px; height: 300px; margin-top: 110px; margin-left: 40px;float: left;}
.clubTd1 img{width: 250px; height: 250px; text-align: center;}
.clubTd1 a{color: gray; font-size: 18px;}
.cT1 {font-family: Impact; font-size: 60px; line-height: 0.8;}
.fT1 {font-family: Impact; font-size: 70px; font-weight: bold;}
.tT1 {margin-top: 5px;}
.h280 {height: 280px;}


.countryTd5 {float: left;margin: 15px; text-align: center; width: 220px; margin-top: 60px}
.countryTd5 img{width: 220px; height: 150px; text-align: center; border: 1px solid #D3D3D3;}
.countryTd5 .circle4 {height: 45px; width: 45px; font-size: 30px;}
.tTc5 {color: gray;}
.cTc5 {font-family: Impact; font-size: 30px;}
.fTc5 {font-family: Impact; font-size: 45px; font-weight: bold;}


.countryTd1 {margin: 0 auto; text-align: center; width: 800px; margin-top: 10px; }
.countryTd1 img{width: 450px; height: 300px; text-align: center; border: 1px solid #D3D3D3;}
.countryTd1 a{color: gray; font-size: 12px;}

.posHcShift {margin-left: 135px !important;}


.cTc1 {font-family: Impact; font-size: 20px;}
.fTc1 {font-family: Impact; font-size: 60px; font-weight: bold;}
.posHc {position: absolute;     margin-top: -20px;
    margin-left: -20px;}
 



.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background-color: #19406b;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background-color: #6DB0DD;
}



*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}



.tabContent.hide { display: none; }


.date {
  position: relative;
  width: 70px;
  color: white;
  float:left;
  margin-left: 5px;
  clear:both;
   }
 
.day, .month, .year {
  position: absolute;
  text-shadow: 0px 1px 2px black;
  }
 
.day { 
  font-size: 30px;
  top: 15px;
  }
 
.month { 
  top: 0;
  left: 0;  
  font-size: 18px;
  }
 
.year { 
  top: 19px;
  right: 0;
  font-size: 20px; 
  }
  
  
  
.debut_crest  {margin-left: 75px; clear: both;}
  
  
  
  
  

#profile_holder{width: 815px; position: relative;overflow: hidden; margin: 0 auto; margin-top: 5px; margin-bottom: 30px; }
#profile_holder:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.1;
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
#data_box {width: 450px; background-color: #6DB0DD; border: dashed 1px grey; display: block;float: left;     display: block; border-radius: 0px 50px 0px 50px; background: #6DB0DD; text-align: center; margin: 14px;}




#data_box2 {height: 100px; width: 148px; background-color: #19406B; border: dashed 1px grey; display: block; float: left;}

#data_box3 {height: 102px; width: 150px; border-radius: 0px 0px 0px 50px; background: #6DB0DD; display: block; float: left;}

#data_box4 {height: 100px; width: 148px; background-color: #6DB0DD; border: dashed 1px grey; display: block; float: left;}


#data_box4 {height: 302px; width: 200px; background-color: #000000; border: dashed 1px grey; display: block; opacity: 0.6; float: left;}
#data_box6 {height: 152px; width: 99px; background-color: #19406B; border: dashed 1px grey; display: block; float: left; color: white;}

#data_box8 {height: 150px; width: 402px; background-color: #6DB0DD; border: dashed 1px grey; display: block; float: left; border-radius: 0px 0px 0px 50px; background: #6DB0DD;}
#data_box10 {height: 150px; width: 200px; background-color: #19406B; border: dashed 1px grey; display: block; float: left; border-radius: 0px 50px 0px 0px; background: #6DB0DD; text-align: center;}

.centerer
{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.centered
{
height: 100px;
    display: inline-block;
    vertical-align: middle;
}

.circle_starts {
    color: white;
    font-size:16px;
    height: 35px;
    width: 35px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background: #19406b;
    text-shadow: 0px 2px 3px black;
}

.rtable_row {display: table-row; width: 800px; clear: both;}


.f10 {color:white; font-size:48px; padding-top:15px; text-align: center;
text-shadow:black 0 1px 2px; clear: both;}

.f11 {color:white; font-size:22px; margin-top:40px; text-shadow:black 0 4px 5px;}


.f13 {color:white; font-size:48px; margin-bottom:10px; text-align: center;
text-shadow:black 0 4px 5px;clear: both;}



.f15 {color:white; font-size:38px; margin-top:0px; margin-left: 5px; text-shadow:black 0 2px 3px; float: left;}

.f16 {color:white; font-size:38px; margin-top:0px; margin-left: 5px; float:left; clear: both;}
.f20 {float:left;}

.vt {
		transform: rotate(90deg);
	transform-origin: left top 0;
	float: right;
}

.side_bar_vertical {
		display: flex; 
		flex-direction: row;
		flex-wrap: wrap; 
		width: 250px; 
		padding-top: 20px;
		float: right; 
		background-color: #000000; 
}

#gh {border-bottom: 1px solid #6DB0DD;margin-bottom: 10px;}
#ph {display: inline-block;}
#ptsh {display: inline-block;}
.chold {display: inline-block; vertical-align: middle; margin: 4px;}
.ctz {width: 40px; height: 40px;}
.phead {font-size: 18px; color: white; background-color: #19406B; padding-top: 10px;  padding-bottom: 10px; padding-left: 10px; border-bottom: 1px solid #6DB0DD; border-top: 1px solid #6DB0DD;}

#ref_key h6 {text-align: left; padding: 3px;}
#ref_key tr {background-color: white;}
#ref_key td {border: 0px;text-align: left;}

.yca {background-image: url("/images/graphics/yellow_card.png"); background-size: 30px; background-repeat: no-repeat;  background-position: left; text-align: left; padding: 10px;}

.rca {background-image: url("/images/graphics/red_card.png"); background-size: 30px; background-repeat: no-repeat;  background-position: left; color: white; text-align: left; padding: 10px;}

#article .guide table{border: 0px; background-color: white; padding: 5px;}
#article .guide tr{border: 0px; background-color: white; padding: 5px;}
#article .guide td{border: 0px; background-color: white; font-size: 14px; padding: 5px; text-align: left;}

#pRank {display: inline-block;}

.measure {width: 440px; float: left;margin-left: 130px; padding-bottom: 5px;}
.measureH {margin: 0 auto; display: table; margin-bottom: 10px;}
#measurep {margin-left: 130px;}
.mNameH {float: left; font-size: 25px; margin-bottom: 20px;text-align: right; margin-right: 8px;}
.mName {float: left; width: 212px; border-bottom: 1px solid #000000; height: 30px;}
.mStat, .mStat2 {height: 30px; width: 50px; display: inline-block; border-bottom: 1px solid #000000; text-align: right; padding-top: 4px;}

.mNamep {width: 190px; padding: 3px; display: inline-block; border-bottom: 1px solid #6DB0DD;}

.mStatp, .mStat2p {display: inline-block; border-bottom: 1px solid #6DB0DD; text-align: right; padding-right: 5px; width: 40px; padding-bottom: 3px; margin: 0px;}



.box_holder {width: 488px;  
			border: 2px dashed #000000; 
			margin: 5px; 
			display: table;
			padding-bottom: 5px;
			margin-top: 5px;}
			
.box_holder_p {width: 480px; 
			height: 380px; 
			border: 2px dashed #000000; 
			margin: 5px; display: 
			inline-block;
			float: left;}			
			

.box_holder h1, .box_holder_p h1, .box_holder_s h1, .box_holder_m h1, .sbox h1 {font-family: "Impact", Charcoal, sans-serif; font-size: 50px; color: white; text-align: center; margin-top: 5px; margin-bottom: 5px; font-weight: normal;}

.hold_perc {float: left;
    margin-left: 10px;
    color: #19406B;}

#hold_measure {    float: right; width: 230px; height: 230px;
    margin-top: -100px;}
    
    #scrum {margin-top: -75px; margin-right: 30px;}
 .pbox {background-color: #6DB0DD; height: 80px; width: 160px;text-align: center; border-radius: 10px;}  
 .pcirc {background-color: #6DB0DD; height: 80px; width: 80px; display: table-cell; vertical-align: middle; text-align: center; border-radius: 50%;}  
 .pcircr {background-color: #6DB0DD; height: 80px; width: 80px;text-align: center; border-radius: 100%; margin-left: 150px;}
 .perc {font-family: "Impact", Charcoal, sans-serif; font-size: 42px;}
 .percs {font-family: "Impact", Charcoal, sans-serif; font-size: 42px;
    display: inline-block;
    margin-top: 13px;}
 .percp {    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding-top: 20px;}
 .perc_r {margin-top: -10px;}
 
img {vertical-align: middle;}

#chevron, #lineout, #scrum, #ruck, #maul, #tackle, #offload {fill: #6DB0DD;}

svg {vertical-align: middle;}


#sbox {width: 485px;
    border: 2px dashed #000000;
    margin: 5px;
    display: inline-block;
    float: left;}



.holdRounds {
	margin: 0 auto; 
	display: table;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.roundSelected {
	color: black;
    background: white;
    font-weight: bold;
}


.noIm {width: 30px; height: 30px;}
.selIm {width: 50px; height: 50px;}

#entcon {margin: 0 auto; text-align: center; margin-top: 120px; padding-bottom: 120px;}


.solidblockcrests {
    color: white;  
}

.solidblockcrests a.selected {
    background-color: inherit;
}

.solidblockcrests img{
	display: inline-block; 
	width: 80px; 
	height: 80px;
	-webkit-filter: grayscale(100%);
} 

.solidblockcrests img:hover {
    -webkit-filter: grayscale(0%);
}

.solidblockcrests img.selected {
    -webkit-filter: grayscale(0%);
}

  
.solidblockcrests ul{ 
	padding: 0; 
	margin-left: 0;
}

.solidblockcrests li a:hover, .solidblockcrests li a.current {
    color: #f49c00;

}

.solidblockcrests li.active a {
    color: white;

}

.solidblockcrests li:hover {
    color: white;

}

.solidblockcrests li a {
    color: white;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    padding-left: 14px;
    padding-right: 14px;
}

.solidblockcrests li {
    display: inline-block;    
    color: white;
    text-align: center;  
    padding-top: 9px;
    padding-bottom: 9px;
    width: 180px;

}









.circlejerk {
    color: white;
    height: 60px;
    width: 60px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    background: green;
    margin-top: 10px;
    margin-left: 3px;
    font-size: 46px;
}


#admin_holder table {width:600px; margin-left: auto; margin-right: auto; font-size:13px; margin-bottom: 20px; }

#admin_holder th {text-align: center; background-color: #f49c00; color: #000000; font-size: 14px; font-weight:normal; padding: 8px; border-left:0px; border-right: 0px;}

#admin_holder td {
	padding: 8px; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 
	border-bottom: 1px solid #000000;}

#admin_holder img {vertical-align:middle; height:15px; width:15px; margin-right: 8px;}

#admin_holder a {color: #f49c00;}

#admin_holder tr {background-color: white;}

#eMatch table {border: 1px solid #11ab3f; width: 600px; font: 14px Tahoma, Arial, Verdana, sans-serif; margin: 0 auto; margin-top: 10px;}
#eMatch form td {line-height: 2.5; text-align: center; border-bottom: 1px solid #6DB0DD;}
#eMatch td.g_data{color: #11ab3f; background-color: white; width: 170px;}
#eMatch td.main_data {color: white; font-weight: normal; background-color: #19406b;}
#eMatch select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 14px;
   text-align-last: center;
   margin: 3px;
   height: 40px;
}
#eMatch img {margin:10px;}

#eMatch input[type=text] {
	width: 65px;
	text-align: center;
	padding: 6px 10px;
}

.epTime {
	width: 60px;
	height:	40px;
	text-align: center;
}

#kickoff, #att, #date{
	width: 120px;
}

#eMatch select {
	width: 90%;
}


.noIm {width: 30px; height: 30px; margin: 2px;}
.selIm {width: 60px; height: 60px; margin: 2px;}

td.circler:before {
  content: attr(data-char);
  display: block;
  background: #f49c00;
  color: white;
  width: 40px;
  height: 40px;
  line-height:40px;
  text-align:center;
  vertical-align: middle;
  border-radius: 50%;
  margin:0 auto;
  font-weight: bold;
  font-size: 15px;
}

td.circlered:before {
  content: attr(data-char);
  display: block;
  background: #CC0000;
  color: white;
  width: 40px;
  height: 40px;
  line-height:40px;
  text-align:center;
  vertical-align: middle;
  border-radius: 50%;
  margin:0 auto;
  font-weight: bold;
  font-size: 15px;
}


div label input {
   margin-right:100px;
}


    
    
label#tOff.label, label#tOn.label {
padding: 5px;
margin-top: -25px;
}

#draw_content li
{
 display:inline;
 list-style-type:none;
 background-color:grey;
 padding:10px;
 border-radius:5px 5px 0px 0px;
 color:white;
 cursor:pointer;
}
#draw_content li.notselected
{
 background-color:grey;
 color:white;	
}
#draw_content li.selected
{
 background-color:#e6e6e6;
 color:#333333;	
}
#draw_content .hidden_desc
{
 display:none;
 visibility:hidden;
}
#draw_content #page_content
{
 background-color:#e6e6e6;
 padding:10px;
 border-radius:0px 5px 5px 5px;
}

#switcher {margin-top: 10px;}

#switcher ul {
    display: inline-block;
    position: relative;
    margin: 0px;}

#switcher li {
	display: inline-block;
    color: white;
    text-align: center;
    background-color: #CC0000;
    padding-top: 9px;
    padding-bottom: 9px;    
}

#switcher li a:hover, .switcher li a.current {
    color: white;
    background-color: #333333;
}

#switcher li.active a {
    color: white;
    background-color: #333333;
}

#switcher li:hover {
    color: white;
    background-color: #333333;
}

#switcher li a {
    color: white;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    padding-left: 14px;
    padding-right: 14px;
}

#switcher td {
	border-bottom: 1px solid #333333;
	padding: 3px;
	text-align: center;
}

#draw_content img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    padding: 3px;
    margin-top: -3px;
}

#switcher .tBltot {
	background-color: #333333;
	color: white;
	text-align: left;
	font-variant: small-caps;
	}
#switcher .tBlhed {
	text-align: left;
	font-variant: small-caps;
	font-weight: bold;
	}
#switcher table {
	padding-bottom: 50px;}
	
#page_content th {border-bottom: 1px solid #333333;}

.hedTab {text-transform: uppercase;
    font-size: 1.8em;
    color: #000;
    padding: 25px 0 20px 15px;
    text-align: center;
    }
    
    
.iconD
{
  font-size: 0.5em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  margin: 2em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

.iconD *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

.iconD strong
{
  position: absolute;
  padding-top: 0px;
  height: 14px;
  color: #fff;
  background-color: #19406B;
  border-bottom: 1px dashed #6DB0DD;
  box-shadow: 0 2px 0 #19406B;
}

.iconD span
{
  width: 100%;
  font-size: 2.8em;
  letter-spacing: -0.05em;
  padding-top: 0.8em;
  color: #19406B;
}

.iconD:hover, .iconD:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

.dayIcon
{
  position: absolute;
  font-size: 1em;
  bottom: 0.4em;
  color: #19406B;
}


.headHold {
	display: table-cell;
	vertical-align: middle;
}	



@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

#ftHold {
	margin: 0 auto; 
	width: 1000px; 
	height: 100px; 
	clear: both; 
	position: relative;
	background-color: #f49c00;
	border-top: 1px solid #000000;
}

.dashHold {
	width: 985px;
    border: 2px dashed #000000;
    margin: 0 auto;
    text-align: center;	
    color: white;	
}


a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.cB td{
	background-color: #333 !important;
	color: white;
}

.cB a {
	background-color: #333 !important;	
	color: white !important;
}

.tLcrest {width: 45px;
	height: 45px;
    vertical-align: middle;
    margin: 3px;}




img#playLink {width: 20px; height: 20px; border-radius: 50%;}

.btn-crest {
    width: 100px;
    position: relative;
    opacity: 0.5;
    transition: 0.3s ease;
    cursor: pointer;
}


.teamHolder {
	margin-top: 5px;
}


.btn-crest:hover {
    opacity: 1;

    /** default is 1, scale it to 1.5 */
    transform: scale(1.5, 1.5);

    /** translate 50px from left, and 40px from top */
    /** transform: translate(50px, 40px); */

    /** combine both scale and translate */
    /** transform: scale(1.5, 1.5) translate(50px, 40px); */
}

.nameHold { 
		padding: 7px; 
		border-top: 1px solid #D3D3D3; 
		text-align: right; 
}

.bData {display: inline-block; width: 42px; text-align: center;}
#playerHold {background:white; margin-bottom: 5px; border-radius: 3px; margin-top: 10px; border: 2px solid #d3d3d3; padding: 0px;}

.playerHold {
		background:white; 
		margin-bottom: 5px; 
		border-radius: 3px; 
		margin-top: 10px; 
		border: 2px solid #d3d3d3; 
		padding: 0px;
}


#jerseyHolder {margin-top: 3px; width: 30px; float: left;}
#homePlayaz {width: 485px; float: left;}


.homePlayaz {width: inherit; float: left;}
.awayPlayaz {
		width: 485px; 
		float: right;}
		
		
		
#playaz {width: 1000px;}
#plSVG {height: 45px; width: 45px;}


.image-blurred-edge {
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center; 
    width: 100px;
    height:100px;
    color: white;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 60px;
    box-shadow: 8px 8px 90px 20px black inset;
    margin: 0 auto;
}



.cname_r {
	color: white;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 40px;
    float: left;
    margin-right: 20px;
	border-bottom: 3px solid white;
	padding-bottom: 3px
	
}

.cname_l {
	color: white;
	font-family: Impact, Charcoal, sans-serif;
	font-size: 40px;
	float: right;
	margin-right: 35px;
	margin-top: 100px;
	border-bottom: 3px solid white;
	padding-bottom: 3px;	
}

.ccrest_r, .ccrest_l {
	width: 80px;
	height: 80px;
	margin-top: 10px;}


.ccrest_r {
    font-size: 60px;
    margin-right: 100px;
    position: absolute;
    margin-left: 400px;    
}

.ccrest_l {
	float: left;	
	margin-top: 10px;
}

.home_hold {
	height: 200px;
	width: 500px;
 	background-color: #000000;
	box-shadow: 0px 0px 90px 0px black inset;
	float:left;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.away_hold {
	height: 200px;
	width: 500px;
	background-color: #000000;
	box-shadow: 0px 0px 90px 0px black inset;
	display: inline-block;
	float:left;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.match_details {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
	height: max-content;
	width: 120px;
    background-color: black;
    color: white;
    position: absolute;
    margin-left: 445px;
    margin-top: 10px;
    text-align: center;
    border-radius: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
}


#match_details p {
	float: none;
}

#match_details a.ref {
	color: white;
}



.scoreboard ul {
    list-style: none
}


#plarat {display: inline-block; font-size: 75px; float: right; margin-top: -30px; margin-right: 20px}


.scoreboard {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    user-select: none;
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}




.scoreboard ul.flip {
    position: relative;
    float: left;
    margin: 5px;
    width: 60px;
    height: 90px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .7);
}

.scoreboard ul.flip li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.scoreboard ul.flip li:first-child {
    z-index: 2;
}

.scoreboard ul.flip li a {
    display: block;
    height: 100%;
    perspective: 200px;
}

.scoreboard ul.flip li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
}

.scoreboard ul.flip li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.scoreboard ul.flip li a div.up {
    transform-origin: 50% 100%;
    top: 0;
}

.scoreboard ul.flip li a div.up:after {
  content: "";
  position:absolute;
  top:44px;
  left:0;
  z-index: 5;
    width: 100%;
  height: 3px;
  background-color: rgba(0,0,0,.4);
}

.scoreboard ul.flip li a div.down {
    transform-origin: 50% 0%;
    bottom: 0;
}

.scoreboard ul.flip li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: white;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    background-color: #333;
    border-radius: 6px;
}

.scoreboard ul.flip li a div.up div.inn {
    top: 0;

}

.scoreboard ul.flip li a div.down div.inn {
    bottom: 0;
}

.tenw {
	float: right;
	font-size: 30px;
	}

.weather, .refComment, .watw, #mr, .nextXV, .gc, #papers, .scorers, .mom {
	margin-bottom: 5px; 
	border-radius: 5px; 
	width: 320px; 
	font-size: 14px; 
	background: white; 
	border-radius: 3px; 
	overflow: hidden;
}

.watw, .mom {width: 155px; height: 150px;}


#mr {
	margin-top: 20px; 
	margin-bottom: 20px;  
	font-size: 14px; 
	padding: 10px; 
	border: 1px solid #6DB0DD; 
	border-radius: 15px; 
	background-color: white;
	width: 660px;	
}


.numHold {
	height: 36.43px;
	width: 30px;	
}

.numJersey {
    margin-left: 485px;
    padding-top: 50px;
}

.ratpos {text-align: center;}

.refrat {float: right; display: inline-block; margin-right: 30px;}

#papers {
	min-height: 250px; 
	background-image: url('images/graphics/press.png');  
	background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 150px;
    }
    
#papers a {color: #19406B;}   
   
.weather {
	min-height: 150px; 
  }
  
.weather img {margin-top: 10px;
    margin-right: 10px;
    width: 80px;
    margin-left: 10px;
    vertical-align: middle;
    float: left;
    }
    
.wtext {margin-left: 150px; margin-top: 10px; margin-right: 10px;}

#mr p, .gc p, .comment, .refComment p, .media_comment {text-align: justify; line-height: 1.5; font-size: 14px; }

.media_comment p, .nextXV p{font-size: 18px; margin-left: 10px; margin-top: 10px; float:left; width:100%;}

.nextXV p {width: inherit; font-size: 14px;}

.loca {float: left; width: 180px; margin-top: 5px; margin-bottom: 30px; text-align: right;}

#mr p{margin-bottom: 25px; }

.gc p, .refComment .comment{padding: 10px;}

#report_hold {
    margin: 0 auto;
    color: #212121;
    }
    
   #side {padding: 0px;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    margin-left: 5px;
    float: left;
    width: 320px;}
    
    
#player {
	margin-top: 20px; 
	margin-bottom: 20px; 
	float:right; 
	font-size: 14px; 
	padding: 10px; 
	border: 1px solid #6DB0DD; 
	border-radius: 15px; 
	width: 670px; 
	background-color: white;	
}


 .picon {width: 40px; height: 40px; padding:2px; text-align: center; font-size: 30px; float: left;}

.a_upper {height: 50%;}
 
.header {
    padding: 5px;
    background-color: #333333;
    color: white;
    width: 100%;
    text-align: center;
}

.headerSquad {
    background-color: #333333;
    color: white;
    text-align: center;
    padding: 5px;	
}

.rating {font-size: 100px;}

.names {font-family: Impact, Charcoal, sans-serif;
    font-size: 20px;
    float: right;
    padding-bottom: 3px;
    width: 80px;
    text-align: right;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;}
    
.refname {font-family: Impact, Charcoal, sans-serif;
    font-size: 20px;
    padding-bottom: 3px;
    width: 110px;
    text-align: right;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;}
    
.refNameHolder {
	display: table-cell; 
	padding-left: 2px;
	text-align: left;
}
    
.refHeada {vertical-align: middle; width: 50px; float: left;}
.refNa {text-align: left; margin-left: 55px; padding-top: 12px;}
.refNaShow {text-align: left; margin-left: 55px; padding-top: 4px;}

.penT {
	width: 300px; 
	display: table-cell;
}

.penHolder {
	width: 220px !important;}
    
.head-shot {
	width: 50px;
    height: 50px;
    margin-left: 10px;
    float: left;
	border-radius: 150px;
}
	
.head-shot:hover {
	filter: inherit !important;
}	
	
.uitooltip {
	padding: 8px;
	background:#333;
	color: white;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	border: 1px solid #333;
	border-radius: 10px;
}
	
.refhead {
    margin-top: 10px;
    margin-bottom: 10px;
	width: 80px;
	height: auto;
	margin-left: 10px;
	float: left;
	border-radius: 150px;}
	
#stries, #scons, #spens, #sdrops, #spentry {float: left; width: 100%; margin-top: 5px; margin-bottom: 5px;}
	
.ptryer, .pconer, .ppener, .ppentry, .ppdroper {margin-left: 50px; height: 45px;}

#nplay {width: 100%; float: left; margin: 5px;}

#jnum {float:left; margin-top: 5px;}

#nplay img, .ptryer img, .pconer img, .ppener img, .ppdroper img{width:40px; height: 40px; margin-left: 5px; margin-right: 5px; float: left; border-radius: 150px;}

.pname {padding-top: 10px;}

.reftop {float: left; width: 100%;}

.nextXV, .watw, .mom, .gc, .scorers, .refComment, .weather {
border: 1px solid #d3d3d3;
display: table;
float: left;}

.oot {float: right; margin-top: -100px; margin-right: -20px;}

.nextcrest img{width: 80px; margin-right: 10px; margin-top:10px; float: right;}



#hplay {float: left; height: 60px; margin-left: 170px; width: 300px;}

#hplay a {color: #19406B;}

#splay {float: left; height: 60px; margin-left: 80px; width: 220px;}

#splay a {color: #19406B;}

#headz {width: 50px; display: inline-block; position: relative;}

#headz img {position: absolute; z-index: auto; width: 20px; border-radius: 150px; width: 50px; margin-left: 10px;}

#cardz img {position: absolute; z-index: 1; width: 20px; margin-top: 25px;}

#yoof {position: absolute; margin-left: 15px;}

#yoof img {height: 25px; width: 25px; margin-left: 25px; vertical-align: top;}

.startdat {line-height: 2em;
    margin-left: 10px;}
    



#playerSearch form {
                float: right;
}
#playerSearch .search {
                padding:8px 15px;
                background:white;
				border:0px solid #dbdbdb;
				width: 280px;
}
#playerSearch .button {
                position:relative;
                border-radius: 0px;
                padding:10px 18px;
                left:-6px;
                display: initial;
                width: inherit;
                background-color:#000000;
                color:#fafafa;
                font-size: 11px;
                font-weight: normal;
                margin-top: 5px;
}
#playerSearch .button:hover  {
                background-color:#000000;
                color:#f49c00;
}

.tooltip {
  position: relative;
  width: 20px;
  float: right;
  margin-right: 3px;
}

.tooltip:before,
.tooltip:after {
  position: absolute;
  content: '';
  opacity: 0;
  transition: all 0.4s ease;
}

.tooltip:before {
  border-width: 20px 6px 0 4px;
  border-style: solid;
  border-color: black transparent transparent transparent;
  top: -15px;
}

.tooltip:after {
  content: attr(data-tooltip);
  background: black;
  color: white;
  width: 160px;
  height: 40px;
  font-size: 13px;
  font-weight: 300;
  top: -75px;
  left: -150px;
  padding: 5px;
  padding-bottom: 15px;
  border-radius: 5px;
  letter-spacing: 1px;

}

.tooltip:hover::before,
.tooltip:hover::after {
  opacity: 1;
}

.question {
	width: 20px;
	height: 20px;
	padding: 3px;
}

/* Tooltip container */
.v2tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.v2tooltip .v2tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 5px 5px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.v2tooltip:hover .v2tooltiptext {
  visibility: visible;
}












#playerSearch {
height: 40px;}

#article {
	margin-top: 10px;
	margin-bottom: 70px;
}

.carousel-week {
	border-top: 0;
    clear: both;
    margin: 0 auto;
    font-family: Lato;
    text-align: center;
}

.carousel-week span{
	color: #6c6d6f;
    font-size: 11px;
}

.datepaginator {
	text-align: center;
	height: 40px;
}

.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}

.compt a {
	color: #333;
	text-decoration: none;
}

#paginator li {
	padding: 5px;
	text-align: center;
	color: #333;
	text-transform: uppercase;
	display: inline-block;
	font-family: Lato;
}


.tbC {
		display: table-cell;
		width: 120px;
		text-align: center;
		padding: 8px;
		border-bottom: 1px solid #cfae61;
		text-transform: uppercase;
		font-family: "Bell Gothic Std Light",Helvetica,Arial,sans-serif;
		}
		
.tabHold {width: max-content; margin: 0 auto; margin-top: 30px; padding-bottom: 20px; display:inherit;}		

.tbL {text-align: left; color: #cfae61; font-weight: bold;}

.tbLower {text-transform: lowercase;}

.tbW {width: 95px; vertical-align: middle;}

.tabV {
    -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    transform: rotate(90deg);
    white-space:nowrap;
    display:block;
    bottom:0;
    width:20px;
    height:20px;}
    
.iMg {    width: 100px;
    height: 100px;}
    
.mrplexpaw {float: right; background-color: #333; height: 20px; margin-right: 1px;}

.head {
  stroke-width: 2px;
  stroke: white;
}
.head:hover {
  stroke: black;
}

.tooltip {	
    position: absolute;			
    text-align: left;
    opacity: 0;			
    min-width: 180px;					
    height: auto;					
    padding: 14px;						
    background: none repeat scroll 0 0 #333;
    color: white;			
    border-radius: 8px;			
    pointer-events: none;			
}

.boxed {
    background-color: #CC0000;
    color: white;
    padding: 10px;
    text-align: center;
    border: 2px solid;
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    width: min-content;}
    
    
blockquote {
font-family: Georgia, serif;
font-size: 20px;
font-style: italic;
margin: 0.25em 0;
padding: 0.35em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 120px;
position: absolute;
left: -30px;
top: -40px;
color: #7a7a7a;
}

.main_bar {margin-left: 100px; width: 800px; display: inline-block; float: left; margin-bottom: 20px; color: white;}

.away_bar {display: inline-block; float: right; height: 70px;}

.hcrest, .acrest {height: 60px; width: 60px; margin-top: 5px;}
.hcrest {float: left; margin-left: 15px;}
.acrest {float: right;}
.mdte {margin-left: 380px; position: absolute; margin-top: 25px;}

.hscore, .ascore {font-size: 40px; padding: 10px; display: inline-block; width: 42px;}

.ascore {float: right; text-align: right; margin-right: 20px;}
.hscore {float: left;}
.percg {
	color: gold;
    display: inline;
    position: absolute;
	margin-left: 540px;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bolder;
    text-shadow: 1px 1px #333333;}
    
 .holdTable {
	float: left;
	width: 225px;
	border: 1px solid #DEDEDE;
	padding: 5px;
	border-radius: 5px;
	margin: 50px;
}

.holdYear {
border-top:1px solid #DEDEDE;

}

.compYear {
padding: 5px;
display: inline-block;
vertical-align: middle;
}

.compWinner {
display	: inline-block;
padding: 5px;
vertical-align: middle;
}



#mID input {width: 100px; height: 30px;}

#score {margin-left: 50px; font-size: 16px; display: inline-block}
#score img{vertical-align: middle;
    height: 25px;
    width: 25px;
    margin-right: 4px;
    margin-left: 4px;
    margin-bottom: 0px;
    border: 0px;}
 
.solidblockmenu ul {width: auto; border: 0px;}
.solidblockmenu li {display: inherit; width: 110px;}
.solidblockmenu li a {border: 0px;}
.solidblockmenu a.selected {width:88px;}
.solidblockmenu li a:hover, .solidblockmenu li a.current {width: 88px;}

input[type=number] {padding: 0px 20px;}

input.submitButton {
	width: 100px !important;
    vertical-align: middle;
    padding: 5px !important;
    text-align: center !important;
}

.logoHold {
	vertical-align: middle;
    display: table-cell;
}

.compLogo {
	margin: 20px; 
	width: 360px;
}

.compIcon {
	border-radius: 50%;
	height: 40px;
	width: 40px;
}

.uitooltip {
	padding: 8px;
	background:#333;
	color: white;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	border: 1px solid #333;
	border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

.topnav .icon {
  display: none;
}


.t6079 {
	display: flex;
    height: 600px;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 600px;
}





























@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.seazHold {
	margin-top: 5px; 
	text-align: left;
	display: flex;
	width: 350px;
	flex-wrap: wrap;
	z-index: auto;
}

.compLogoH {
	width: 800px; 
	margin: 0 auto; 
	margin-top: 10px;
	text-align: center;
	display: table; 
}

.compLogo {
	margin:20px; 
	width: 240px;
}

.lLogo {
	width:150px !important;
}

.fH {margin: 0 auto; clear: both; position: absolute; background-color: #333; width: 100%}

.fh a {color: white;}

.cIcon {
	width: 38px; 
	height: 38px; 
	margin: 3px;
}

#indexrightfront {
 	width: 325px; 
 	float: right; 
 	background-color:#FFFFFF;		
}

#indexleftfront {
	width: 330px; 
	float: left; 
	background-color:#FFFFFF;
}


.rightfront {
 	width: 325px; 
 	float: right; 
 	background-color:#FFFFFF;		
}

.leftfront {
	width: 330px; 
	float: left; 
	margin-top: 8px;
	background-color:#FFFFFF;
	padding-bottom: 65px;
}


.compt {
	margin: 0 auto;
	}

.analysisTF {
    height: 160px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    font-size: 17px;
    border-top: 1px solid #B88F3B;
    background-color: #F6F6F6;
    line-height: 1.4;
}

table#table1.display.LT.dataTable.no-footer {
	width: 800px;
}

table.LT {
	width: inherit;
}

table.LT td{
	text-align: center;
	padding: 9px;
}

.home_team, .away_team {
	color: white; 
	padding-bottom: 2px; 
	padding-right: 5px; 
	padding-left: 5px; 
	width: 200px; 
	-webkit-border-radius: 3px ;
	}
	
.home_team {
	text-align: right; 
	margin-right: 20px; 
	float: right;
	}
	
.away_team {
	text-align: left !important; 
	margin-left: 0px;
	}

.clubName {
	text-align: left; 
	display: inline-block; 
	vertical-align: middle;
}

.sL {
	text-align: left; 
	padding-left: 40px; 
	line-height: 3;
}

.repLink {
	margin-top: 2px;
}

.chooseTeam {
	width: 950px; 
	margin: 0 auto; 
	text-align: center;
}


.analHold {
	width: 100%; 
	background-color: #B88F3B;
}


.aTm, .hTm {
	display: table-cell; 
	vertical-align: middle; 
	width: 95px;
}


.attendance, .attendanceShow {
	text-align: right; 
	padding-right: 5px;
	vertical-align: middle;
	display: table-cell;
	width: 60px;
}

.competitions {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}	

.scores {
	display: table-cell; 
	min-width: 100px; 
	text-align: center; 
	padding: 6px;
	vertical-align: middle;
}

.hometeam, .awayteam { 
	width: 170px; 
	display: table-cell; 
	vertical-align: middle;
	padding: 6px;
}

img.table_crest, img.tc4747 {
	vertical-align:middle; 
	height:40px; 
	margin-left: 3px; 
	margin-right: 3px; 
	width:40px; 
	border:0px;
	margin-top: 8px;
	margin-bottom: 8px;
}

img.tc4747 {
	height: 25px;
	width: 25px;
}

div.mcw3v > a > img {
	vertical-align:middle; 
	height:40px; 
	margin-left: 3px; 
	margin-right: 3px; 
	width:40px; 
	border:0px;
	margin-top: 8px;
	margin-bottom: 8px;	
}


.currentSquad {
	width: 320px;
}

.clubProfile, .playersUsed, .compt {
	border-color: #e6e6e6;
    border-width: 1px;
    border-style: solid;
    margin: 0 auto;
    margin-bottom: 5px;
    width: 95%;
    border-radius: 5px;
}

.clubProfile h2, .playersUsed h2, .last5 h2, .teamrecords h2, .compt h2, .ci3 h2 {
	margin-left: 8px; 
	margin-right: 8px; 
	border-bottom: solid 1px #000000; 
	font-weight: normal; 
	font-size: 20px;
	color: black;
	padding-top: 8px;
	margin-top: 0px;
    margin-bottom: 0px;
	}
	
.compt h3 {
	border-bottom: solid 1px #000000; 
	padding: 5px;
	font-weight: normal;
	font-size: 1.1em;
}	
	
.clubProfile table, .playersUsed table {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000; 
	margin: 8px; 
	font-size: 12px;
	border-radius: 5px;
    padding: 0px;
    border-spacing: 0px;
    
}

.clubProfile td, .playersUsed td {
	border-top: 1px solid #000000; 
	font-size: 12px; 
	padding: 8px; 
	}
	
.clubProfile th, .playersUsed th {
	background-color: #333;
	padding: 8px;
	font-weight: normal;
	color: white;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}	
	
	
.clubProfile h3, .playersUsed h3, .last5 h3, .teamrecords h3, #topp h3{
	margin-left: 8px; 
	margin-right: 8px; 
	border-bottom: solid 1px #a3c5f4; 
	font-weight: normal; 
	font-size: 14px;
	}

.clubProfile img.mcrest, .playersUsed img.mcrest {
	display: block;
    float: left;
    width: 85px;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 20px;
}

.clubProfile img.fix_yur, .playersUsed img.fix_yur {
	width: 35px;
	margin: 5px;
}


.arrow {
	vertical-align:middle; 
	height:20px; 
	width:20px; 
	margin-right: 4px; 
}



.compt table, .topp table, .last5 table, .ccr table, .cuptable table, .teamrecords table, .clubProfile table, .playersUsed table, .ci1 table, .ci2 table, .ci3 table, .ci4 table, .fixturelist table {
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    margin: 8px;
    border-radius: 5px;
}

.compt td, .last5 td, .ccr td, .cuptable td, .teamrecords td, .club_profile td, .playersUsed td, .ci1 td, .ci2 td, .ci3 td, .ci4 td, .fixturelist td {
	border-top: 1px solid #000000; 
	font-size: 12px; 
	text-align: center;
}



.compt th, .topp th, .last5 th, .ccr th, .cuptable th, .teamrecords th, .clubProfile th, .playersUsed th.ci1 th, .ci2 th, .ci3 th, .ci4 th, .fixturelist th 
{
 	width: 20px;
 	text-align: center; 
 	background-color: black; 
 	color: white; 
 	font-size: 12px; 
 	font-weight:normal; 
 	padding: 8px;	
 	border-top-color: #000000;
    border-top-width: 1px;
    border-top-style: solid;}



.compTable {
	padding: 0px;
    border-spacing: 0px;
    width: 95%;
}

.compTable td,  .compTable th, .tHeAd{
	height: 30px;
}

.fixtureTable {
	width: 770px; 
	margin-left: 10px; 
	margin-bottom: 10px;
}

.scoreLine {
	width: 63px; 
	text-align: center;  
	font-size: 15px;
	display: table-cell;
	padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
}

.homeScore, .awayScore {
	font-size: 25px;
	color: white;
    text-align: center;
    background-color: #333333;
    border-radius: 6px;
    padding: 3px;
}

.awayScore {
	margin-left: 3px;
}

/*crest in table*/	
.last5 img.tcrest, #attgra img.tcrest, .compt .ctr, .compt img.tcrest, #ccr img.tcrest, #cuptable img.tcrest, .club_profile img.tcrest, #aandd img.tcrest, #wr img.tcrest, .teamrecords img.tcrest{
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin: 3px;
}

.centerfront {
	margin-left: 321px;
	margin-top: 8px;
	width: 363px;
}


.holdTeam {
	width: 130px;
	text-align: left;
}



.holdTeamName {
	display: inline-block; 
	vertical-align: middle; 
	width: 90px;	
}

.teamName {
	display: inline-block; 
	vertical-align: middle; 
	width: 90px;	
}

.tcc1 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
}


	.crest_line {padding:7px; height:80px; width:80px; -webkit-filter:grayscale(100%); opacity: 0.7;}
	.crest_line70 {padding:7px; height:70px; width:70px; -webkit-filter:grayscale(100%); opacity: 0.7;}
	
	.crest_line:hover {padding: 7px; height:80px; width:80px; -webkit-filter:grayscale(0%);opacity: 1;}
	.crest_line70:hover {padding: 7px; height:70px; width:70px; -webkit-filter:grayscale(0%);opacity: 1;}
	.crest_line.selected {height:80px; width:80px; -webkit-filter:grayscale(0%);opacity: 1;}
	.crest_line70.selected {height:70px; width:70px; -webkit-filter:grayscale(0%);opacity: 1;}
	

/*Index Page Fixture List*/	


.resHold, .repHold, .edHold {
	display: table-cell;
	vertical-align: middle;
	width: 35px;
}
	
.fpTH {
	width: 40%; 
	text-align: left; 
	display: inline-block;
}

.fixFPHold { 
	margin-bottom: 10px; 
	text-align: center;
	width: 100%;
}

.compfixFPHold { 
	text-align: center;
	width: 890px;
}


h1.article_header {
	display: block; 
font-size: 2.0em; 
-webkit-margin-before: 0 em; 
-webkit-margin-after: 0 em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px; 
font-weight: normal; 
margin-top: 10px; 
margin-bottom: 10px;
padding-top: 0px; 
text-align: center; 
color: #333333; 
text-shadow: none;}

h1.article_title, h1.h2h_title, h2.article_title {
	font-family:Impact, Charcoal, sans-serif;
	display: block;
	font-size: 42px;
	-webkit-margin-before: 0 em; 
	-webkit-margin-after: 0 em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: normal;
	text-align: center; 
	color: #333333; 
	text-shadow: none;    
	font-variant: normal; 
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0;;
}


h1.h2h_title {
	line-height: 1;
}

h2.article_title {
	font-size: 28px;
}	
	
h1.article_title2 {font-size: 2.0em;-webkit-margin-before: 0 em; -webkit-margin-after: 0 em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: normal;margin-top: 10px;margin-bottom: 10px;padding-top: 0px;text-align: center;vertical-align:middle;color: black; text-shadow: none; font-variant: normal;  padding-bottom: 20px;}
h1.article_title3 {display: block;font-size: 2.0em;-webkit-margin-before: 0 em; -webkit-margin-after: 0 em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;font-weight: normal;margin-top: 0px;margin-left: 10px; margin-bottom: 10px;padding-top: 0px;float: left;color: black; text-shadow: none;     font-variant: normal;}

.lH {
	line-height: 3;
}

/*club fixture page */
/*season summary table */
.tb1 {
	display: table;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 770px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
}

.sbg {
	background-color: #333;
	color: white;
}

.tb1r {
	display: table-row;
}

.tbc1 {
	display: table-cell; 
	text-align: center; 
	vertical-align: middle;
	width: 10%;
	line-height: 1.3;
}

.legend_note {
	width: inherit;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	font-size: 0.75em;
	margin-bottom: 1em;
}

/*Referee Profile*/

.union img.union_crest{
	font-size: 5em; width: 60px; 
	position: absolute; 
	top: 0px; 
	right: 10px;
	margin-top: 10px;
}

.appearances {
	font-size: 110px; 
	margin-top: 5px;
}

.apHold {
	text-align: center;
}

.gamez {
	font-size: 18px;
}

.union {
	width: 1000px;
	margin: 0 auto;
}

.appIcon {
	vertical-align: middle;
    height: 2em;
    width: 2em;
    margin-right: 0.3em;
    margin-left: 0.3em;
    margin-top: 0.5em;
}

.matches {
	rotate: 90deg; 
	font-size: 18px; 
	display: block; 
	float: right; 
	margin-top: -125px; 
	padding-bottom: 90px;
}

.avPo {
	color: #f49c00; 
	margin-top: 35px; 
	font-size: 42px; 
	font-weight: 600;
}

.matchWrap {
	color: #848484;
	width: 100%;
}

.matchWrap:nth-child(odd) {
	background-color: #ededed;
}

.rDate {
	display: table-cell;
	vertical-align: middle; 
	font-size: 10px; 
	padding-left: 2px;
}

.cR {
	height: 25px; 
	width: 25px; 
	padding:1px;
}

.hT {
	text-align: right;
}

.hS {
	width: 40px; 
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.hw {
	margin-left: 20px; 
	font-size: 10px; 
	display: inline-block; 
	margin-top: 15px; 
	color: #848484; 
	text-align: right;
}

.hHold {
	width: 150px; 
	display: initial; 
	text-align: center; 
	color: #848484;
}

.bHold {
	margin-top: -10px;
}

.sumPo {
	text-align: right; 
	color: #848484; 
	float: left;
	margin-left: 10px; 
	margin-top: 20px;
}

.ref_measure h6, .ref_appearance h6, .ref_trend h6, .ref_best h6, .ref_his h6 {
	color: #333; 
	font-size: 1em; 
	vertical-align: middle; 
	display: table-cell; 
	padding:5px;
	font-weight: normal;
}

.referees {
	border-top: 0px solid #000000; 
	width: 85px; 
	height: 125px; 
	padding: 10px; 
	background: white; 
	float:left;
}

.ref_profile {
	display: inline-block; 
	width: 100%;
}

.ref_profile tr:nth-of-type(odd) {
	background-color:white;
}

.ref_profile td{
	border: 0px; 
	font-size: 1em;
	line-height: 1;
}

.ref_profile p{
	line-height: 150%; 
	font-size: 1.2em;
	color: #003663; 
	text-align: justify; 
	padding: 10px;
}

.ref_profile h2{
	margin-left: 60px;
	margin-top: 0px; 
	font-size: 40px;
	font-weight: bold;
	display: inherit;
	padding-left: 10px;
	padding-top: 30px;
} 

.ref_comp {
	width: 350px; 
	border: 0px; 
	display: table-cell; 
	padding: 20px;
}

.ref_comp td{
	border:0px; 
	background-color: white;
}

.ref_cards_table td{
	border-top: 1px solid #000000; 
	font-size: 1em;
	line-height: 1.4; 
	height: 45px;
}
 
.ref_record{
	height: 250px;
	}
	
.ref_appearance, .ref_measure, .ref_trend, .ref_best, .ref_his{ 
	font-size: 14px;
	border: 1px solid #bdbdbd; 
	border-radius: 5px; 
	margin: 5px; 
	min-height: 243px;
	width: 485px;
	text-align: center;
}

.ref_best {
	min-height: min-content;
}

.ref_best .circle3 {
	height: 25px;
	width: 25px;
}

.coach_measure {
	float: left; 
	font-size: 14px;
	border: 1px solid #bdbdbd; 
	border-radius: 5px; 
	margin: 5px; 
	height: 200px;
	width: 293px;
}

.ref_measure {
	width: 237px;
	height: 243px;
}

.ref_trend{
	width: 732px;
}

.ref_appearance { 
	width: 731px;
}

.ref_measure .pie2 {
	text-align: center; 
	display: table; 
	margin: 0 auto; 
	margin-bottom: 20px; 
	z-index:0;
}

.ref_measure .pie3 {
	text-align: center; 
	display: table; 
	margin: 0 auto; 
	margin-bottom: 20px;
}

.ref_measure .pie4 {
	text-align: center; 
	display: table; 
	margin: 0 auto; 
	margin-bottom: 20px;
}

.hT, .hS, .aT, .penS {
	display: table-cell; 
	font-size: 11px;
	vertical-align: middle;
}

.hT, .aT {
	width: 160px; 
	padding: 1px;
	display: table-cell;
}

.aT {text-align: left; }
.hT {text-align: right;}

.refProfileHold {
	display: flex; 
	flex-wrap: wrap; 
	width: 1000px;
	margin: 0 auto;
}

#container_pens {
	width: 720px; 
	height: 170px;
}

.union_crest {
	position: absolute;
    margin-left: 800px;
    height: 80px;
    width: 80px;
}

.hThold, .aThold {
	vertical-align: middle;
	display: inline-block;
}

.aThold {
	text-align: left;}
	
.hThold {
	text-align: right;}

.graph {
  display: inline-block;
  margin-top: -8px;
  position: absolute;
  width: 105px;
  height: 70px;
  margin-left: 120px;
  background-color: #000000;
    -webkit-mask: url(/images/svg/graph.svg) no-repeat center;
    mask: url(/images/svg/graph.svg) no-repeat center;
}

/*About Us*/
.baseData {
	margin: 0 auto;
	width: 50%;
}
.about_us{width: 560px; text-align: justify;}
.about_us a:hover{text-decoration: underline;}
.about_us p{margin-top: 10px; margin-bottom: 10px;}

/*Analysis*/

/*icon holder div*/
#logo {text-align:center;}
.logo {text-align:center;}
#logo img {display:inline-block; margin:10px; width: 50px; height:50px;}
.logo img {display:inline-block; margin:10px; width: 50px; height:50px;}
img.record {display:inline-block; margin:10px; width: 80px; height:80px; float:left;}
#logo img.desaturate{width: 50px;height: 50px;border-radius:50%;-webkit-filter: grayscale(100%);-webkit-border-radius:50%;-webkit-box-shadow: inset 0 0 1px 80px rgba(0,0,0,0.6);}
.logo img.desaturate{width: 50px;height: 50px;border-radius:50%;-webkit-filter: grayscale(100%);-webkit-border-radius:50%;-webkit-box-shadow: inset 0 0 1px 80px rgba(0,0,0,0.6);}
#logo img.desaturate:hover {-webkit-filter: grayscale(0%);box-shadow: inset 0 0 0 0 rgba(0,0,0,0.6), 0 0 10px rgba(0,0,0,0.3);}

#logo img.selected{width: 80px;height: 80px;border-radius:50%;-webkit-filter: grayscale(0%);-webkit-border-radius:50%;}

.logo img.desaturate:hover {-webkit-filter: grayscale(0%);box-shadow: inset 0 0 0 0 rgba(0,0,0,0.6), 0 0 10px rgba(0,0,0,0.3);}
.logo img.selected{width: 80px;height: 80px;border-radius:50%;-webkit-filter: grayscale(0%);-webkit-border-radius:50%;}


.imageCard {
	text-align: center;
	vertical-align: middle;
}

.Ahold2 .summary, .Ahold3 .summary {
	display:inline; 
	padding-bottom: 30px; 
	color: white;
}

.summary {
	display:inline; 
	padding-bottom: 30px; 
	color: #333333;
}

.group {
	color: #f49c00; 
	display:inline; 
	font-weight: bold;
}

.Ahold2 .group, .Ahold3 .group {color: white; display:inline; font-weight: bold;}


.form5621 {
	display: table-cell; 
	vertical-align: middle;
}

/*table*/
.analTable {
	margin: 0 auto;
	display: table;
	margin-bottom:20px;
}

.analKey {
	display: table-cell; 
	vertical-align: middle; 
	padding-left: 5px;
	width: 40px;
}

.narrow {
	width: 450px;
}

.wider {
	width: 800px;
}

.th4809 {
	background-color: #333333 !important; 
	color: white; 
	line-height: 3.2 !important; 
	padding: 2px;
	text-align: center;
}

.th4853{
	display: table-cell;
}

.row {
	line-height: 1.125rem;
	display: table-row;
}

.playerName {
	display: table-cell; 
	text-align:left;
	width: 165px;
	vertical-align: middle;
}

.reftableName {
	display: table-cell; 
	text-align:left;
	vertical-align: middle;
}

div.analTable > div:nth-of-type(odd),  div.table4747 > div:nth-of-type(odd){
    background: #ececec;
}

.top_scorers {
	width: 800px;
}

.jerseyNumber {
	width: 20px; 
	border: 1px solid black; 
	color: black; 
	background-color: white; 
	height: 20px; 
	border-radius: 50%; 
	position: absolute; 
	margin-top: -26px; 
	margin-left: 0px;
	text-align: center;
	font-size: 10px;
}

.jNpos {
	margin-top: 2.5px; 
	display: block;
}

/*points*/
.scoreHold {
	width: 55px;
	display: table-cell;
	vertical-align: middle;
}

.scoreHold img {
	vertical-align: middle;
}

.pointsPlayers {
  text-align: center;
}

.pointsPlayers ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #B88F3B;
  overflow: hidden;	
}

.pointsPlayers li {
  display: inline;
  float: left;
  width: 100px;
  background-color: #333;
  height: 57px;
}

.pointsPlayers li a {
  display: block;
  text-align: center;
  color: white;
  padding: 16px 16px;
  text-decoration: none;
  height: 57px;	
}

.playerHead {
	vertical-align: middle; 
	margin: 8px; 
	height: 45px; 
	width: 45px; 
	border: 0px;
	border-radius: 75px;
	-webkit-border-radius: 75px;
}

.pcIcon {
	position: absolute; 
	margin-left: -20px; 
	margin-top: 2px; 
	width: 25px; 
	height: 25px; 
}


.pointsPlayers li a:hover {
	background-color: #B88F3B;
}

/*5671*/

.cardHold {
	display: table-cell;
	vertical-align: middle;
}

.w300 {
	width: 300px;
}

/*4888*/
.seaS, .ptsA, .ptsAw, .gC, .ptsC, .tC, .gameTime {
	width: 35px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.ptsArp {
	width: 65px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 4px;
}




.ptsAw {
	width: inherit;
}


.tC {
	min-width: 70px;
}

.wth50 {
	width: 50px!important;
}

.seaS img{
	height: 35px; 
	width: 35px;
}

/*6028*/
.kpr {
	display: none;
}

/*6044*/

.kickBox {
	width: 45px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.mdn {
	display: table-cell;
	vertical-align: middle;
}

.dateHold {
	vertical-align: middle; 
	display:table-cell; 
	width: 50px; 
	padding: 5px;
}	
	

/*4776*/

.hT4776 {
	position: absolute; 
	margin-left: 70px;
}

.table4776 {
	display: table; 
	border-radius: 6px; 
	padding: 10px; 
	border: 1px solid #333333;
}

.sWatch {
	position: absolute; 
	margin-top: 320px; 
	margin-left: 587px;
}

#wPos {
	margin-left: 270px;
}

/* end */

/*4864*/

.cellAtt {
	display: table-cell; 
	text-align: right;
	padding: 23px;
	vertical-align: middle;	
}

.attYear {
	padding: 2px; 
	width: 50px;
	height: 50px; 
}

.flagHold {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.f4864 {
	padding: 2px; 
	width: 50px;
	height: 50px;
}

/*7103*/

.cardHolder {
	width: 7vw;
	vertical-align: middle;
    display: table-cell;
}

/*end*/


table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center bottom;}
    
table.dataTable thead th, table.dataTable thead td {
    padding: 0px !important;
    border-bottom: 1px solid #111;}

.pCrest {padding: 3px;}

.season_link, .teamSeason {
	width: 400px; 
	text-align: center; 
	margin: 0 auto;
}

.teamSeason {
	width: inherit;
}

.seasonImg {	
	width: 50px;
}

.seasonImgL {	
	width: 150px;
	
}

.w5 {
	width: 50px;
}

.w230 {
	width: 230px;
	height: 48px;
}

.teamcompetitions {
	text-align: center;
}


/*Highcharts graph size*/
#container, #containerWide, #penRate, #container1, #container1b, #container2, #container2b, #container3, #container3b, #container4, #container5, #container6, #container8, #container8a, #container8h, #container8t, #containerMaxHeight {
	margin: 0 auto; 
	width: 850px; 
	height: 700px;
}

#container24 {
	margin: 0 auto; 
	width: 750px; 
	height: 600px;
}



#conTack {
	width: 950px;
	height: 1200px;
	margin: 0 auto;
}

div#container7{
	margin: 0 auto; 
	width: 850px; 
	height: 700px;
}

#container1b, #container2b, #container3b {
	height: 100px;
	width: 850px;
}

#container11, #container12, #container13 {
	height: 500px;
	width: 330px;
}

#container-percentage, #container-made, #container-missed, #container-dominant{
	width: 250px; 
	height: 180px; 
	float: left;
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 320px; 
    max-width: 900px;
    margin: 1em auto;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/* Rounded sliders */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-bottom: -10px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #f49c00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #f49c00;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
  width: 60px;
}

.slider.round:before {
  border-radius: 50%;
}

.label {
	display: inline-block;
   vertical-align: middle;	
}

.choose {display:inline-block; vertical-align: middle;}


.f4747 {
	color: red; 
	font-size: 11px;
}

.c4747 {
	display: table-cell;
	padding: 6px;
    text-align: right;
}

.table4747 {
	display: table; 
	margin: 0 auto;
}

.crest4747 {
	display: table-cell;
	text-align: center;
}

.PtsIcon {
	width:30px; 
	height:30px;
}

.cCrest {
	width: 50px; 
	height: 50px; 
	padding: 2px;
}

.hTScore, .aTScore {
	display: table-cell;
}


.TscoreLine, .vertScore {
	display: table-cell;
	vertical-align: middle;
}

.aScore, .sDash, .hScore {
	display: inline-block;
}

/*player club crest*/
.pcc {
	position: absolute; 
	margin-left: -20px; 
	margin-top: 2px; 
	width: 25px; 
	height: 25px;
}

.plAge {
    display: table-cell;
    vertical-align: middle;
}

/*4727*/
.playerAge {
	display: table-cell; 
	width: 220px;
	vertical-align: middle;
}


.player4721 {
	width: 90%;
    margin: 0 auto;
	border-bottom: 1px solid #789DC2; 
}

.name4721 {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	font-size: 1.1rem;
}

.name4721H {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	font-size: 1.8rem;
	width: 150px;
}

.performHold {
	display: flex;
	flex-flow: wrap;
	margin: 0 auto;
	color: white;
	justify-content: center;
	padding-bottom: 100px;
}

/*qh2h*/

.fixturedetails {
	margin: 8px auto; 
	border-color: #e6e6e6; 
	border-width: 1px; 
	border-style: solid; 
	width: 900px; 
	padding: 10px;
}

.fixturedetails h3{
	margin-left: 8px; 
	margin-right: 8px; 
	border-bottom: solid 1px #a3c5f4; 
	font-weight: normal; 
	font-size: 18px;
}

.arrow {
	vertical-align:middle; 
	height:20px; 
	width:20px; 
	margin-right: 4px;
}

.h2hCrest {
	width: 120px; 
	height: 120px; 
	margin-left: 10px;
}

.hl {
	display: table-cell;
    vertical-align: middle;
    padding: 2px;
}

.kpc4713 {
	width: 330px; 
	height: 330px; 
	float: left; 
	margin: 0 auto; 
	margin-bottom: 60px; 
}

.td6036 {
	display: table-cell; 
	text-align: center;
	font-size: 13px;
}

.date6036 {
 	display: table-cell; 
 	text-align: center;
 	color: red;
 	font-size: 13px;
}

.mcw3v {
	display: table-cell; 
	text-align: center;
}

.cancelled {
	width: 40px; 
	height: 40px;
}

.redCircle {
	 color: white;
	 height: 30px;
	 width: 30px;
	 text-align: center;
	 display: table-cell;
	 vertical-align: middle;
	 border-radius: 50%;
	 background: red;	 
	}

.axis text {
  font: 10px sans-serif;
}

.axis path,
.axis line {
  fill: none;
  stroke: none;
  shape-rendering: crispEdges;
}

svg text.label {
  fill:black;
  font-size: 15px;  
  font-weight: 400;
  text-anchor: middle;
  border-radius: 50%;
  background: #fff;
  border: 2px solid #666;
}

.bumsUp {
	position: absolute; 
	margin-left: 650px;
}

.headsUp {
	position: absolute; 
	margin-top: 900px; 
	width: 200px;
}

.holdCrest { 
	color: black;  
	height: 30px;
	display: inline-block; 
	vertical-align: middle;
}

.mRun {
  font: 14px sans-serif;
  background-color: #6DB0DD;
  text-align: right;
  padding: 10px;
  margin: 3px;
  color: white;
  display: inline-block;
}

.mRunH {
	padding-bottom: 20px;
	margin: 0 auto;
	width: 850px;	
}

.rounds a:hover{color:black; background-color: #D6D6D6;}	
.rounds:hover{color:black; background-color: #D6D6D6;}
.rounds.selected a{color:black; background-color: #D6D6D6;}
.rounds.selected {color:black; background-color: #D6D6D6;}	

.rounds {
	display: inline-block;
	background: #f49c00;
	border-radius: 50%;
	color: white;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	text-align: center;
}

.rounds a {
	color: white;
}

.roundHold {
	margin: 0 auto; 
	width: 850px; 
	height: 50px;
	text-align: center;
}

.c4740 {
	display: inline-block; 
	width: 50%; 
	vertical-align: middle;
	text-align: right;
}

.a4740 {
	display: table-cell; 
	width: 33%;
	text-align: center;
	vertical-align: middle;
    height: 53px;
}

.w50 {
	width: 60px;
	display: table;
	margin-left: 60px;
}

.venueLocation {
	display: table;
}

.maRep, .maVid {
	display: inline-block;
	padding: 2px;
}


.posnHold { 
	text-align: center;  
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.pos23 {
	padding: 7px; 
	background-color: #333; 
	margin: 5px;
	width: 180px;
	vertical-align: middle;
}

.pos23 a{
	color: white; 
	text-decoration: none;
}

.pos23:hover {
	background-color: #B88F3B;	
}


/*link to match report*/
.mRLink{
	vertical-align: middle;
	display:table-cell;
}

.round {
	width: 890px;
    background-color: #333;
    color: white;
    line-height: 3;
    display: inline-block;
    padding-left: 3px;
}

.division {
    background-color: #333;
    color: white;
    line-height: 3;
    padding-left: 3px;
    width: 800px;
    margin: 0 auto;
}

.w800 {
	width: 800px;
}

.refHeadHold {
	display:inline-block; 
	vertical-align: top; 
	width: 80px; 
	margin: 20px; 
	height: 120px;
}

.rEf {
	display: table-cell;
	width: 170px;
	vertical-align: middle;
}

.rEfShow {
	display: table-cell;
	width: 170px;
	vertical-align: middle;
}

.venueDetails {
	display: table-cell;
	vertical-align: middle;
	width: 90px;	
}

.crestHold {
	float: left;
}

.timeShare {
	display: table-cell;
    width: 450px;
    height: 45px;
    vertical-align: middle;
    background-color: #B88F3B;
}

/*players*/
.head-ref{
	border-radius: 75px;
	vertical-align:middle; 
	margin: 8px; 
	height: 45px; 
	width:45px; 
	border:0px;
}

.head-ref-hold {
	border-radius: 75px;
	vertical-align:middle; 
	margin: 8px; 
	height: 75px; 
	width:75px; 
	border:0px;
}


.headCrest {
	position: absolute; 
	margin-left: -20px; 
	margin-top: 2px; 
	width: 25px; 
	height: 25px; 
}


.cardsCell {
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
}

.pCard {
	width: auto; 
	height: 30px;
}

img.yellow_card_small {
	margin: 1px;
	height: 25px;
}

.pkr {
	width: 70px;
    font-size: 1.2rem;
    display: table-cell;
    vertical-align: middle;
}
	
	
.gray-head-ref {padding: 3px; -webkit-border-radius:50px; -webkit-filter:grayscale(100%); width:75px;}
.gray-head-ref:hover {padding: 3px; -webkit-border-radius:50px; -webkit-filter:grayscale(0%);width:75px;}
.gray-head-ref.selected {padding: 3px; -webkit-border-radius:50px; -webkit-filter:grayscale(0%); width:75px;}
		


@media only screen and (min-width: 950px) {
  .mobOnly {
    display: none;
  }
}

#propTime {
	width: 950px; 
	height: 600px; 
	margin-left: 25px;
}

#SH {
	margin: 0 auto; 
	width: 850px; 
	height: 700px;
}

.statsSummary {
	float: right; 
	margin-right: 5px; 
	color: grey; 
	margin-bottom: 20px;
	margin-top: 50px;
}

.stats {
	font-size: 12px; 
	float: none; 
	margin-right: 5px; 
	color: grey;
}


/*tab menu*/


.solidblocktab {background-color: white;}

.solidblocktab ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background-color: #000000;
}

.solidblocktab li{
display: inline;
}

.solidblocktab li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblocktabli a:visited{
color: white;
}

.solidblocktab li a:hover, .solidblockmenu li a.current{
color: white;
background-color: #789dc2;
}

.solidblocktab {
	text-align: center; 
	width: 1000px;
    color: white; 
    margin-bottom: 10px;
}
    
.solidblocktab ul{
	margin-left: inherit; 
	text-align: center;  
}

.solidblocktab ul:hover{
    background-color: #333;
}



.solidblocktab li {
    display: inline-block;    
    color: white;
    text-align: center;  
    padding-top: 9px;   
    float: left;
}

.solidblocktab li a {
    color: white;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    padding-left: 14px;
    padding-right: 14px;
    background: #333;   
}


.solidblocktab li a:hover {
    color: white;
    padding-bottom: 4px;
    border-bottom: 5px solid #B88F3B;
    }
    
.solidblocktab li.active a {
    color: white;
    background-color: #B88F3B;
    }

.solidblocktab li:hover {
    color: white;
    background-color: #B88F3B;
    }    


.solidblocktab li a.selected {
	background-color: #B88F3B; 
	color: white;
	padding-bottom: 4px;
	border-bottom: 5px solid #B88F3B;
	}
	
/*player profile*/

.histHold {
	margin-left: 10px; 
	padding: 10px; 
	margin-bottom: 5px; 
	background-color: #D3D3D3;
}

.pApPeAr {
	width: 600px;}
	
.pApPeArHead {
	border-radius: 5px 5px 0px 0px; 
	margin: 10px; 
	font-size: 16px;
	color: white; 
	padding: 10px; 
	margin-right: 0px; 
	margin-bottom: 5px;
	}
	
.pApPeArHead img {
	border-radius: 50%; 
	width: 30px; 
	margin-right: 3px;	
}

.icon30 {
	width: 30px;
	height: 30px;
}
	
.ProHold { 
	padding: 4px; 
}

.pLeft {width: 610px; float: left;}
.pInte {width: 130px; display: inline-block;}
.pName {
		font-size: 42px; 
		padding: 10px; 
		text-align: center;
		vertical-align: middle;
} 
.pSeaz {border-radius: 5px 5px 0px 0px; font-size: 20px; color: white; padding: 10px; margin-top: 40px;} 
.pJeRsEy, .pEdit {background-color: white; border: black solid 4px; border-radius: 10px; width: 100px; height: 100px; color: black; font-weight: normal; font-size: 72px; text-align: center; position: absolute; margin-top: 25px; margin-left: 470px;}
.pEdit {
	border: 0;
    background-color: white;
    float: left;
    z-index: 1;
    margin-left: 800px;
}

.pSeazH, .pMatches, .pMinutes, .pPoints {display: inline-block; width: 140px;}

.pHeight, .pWeight, .pCurT, .pPrevT, .pProf, .pInte {
	width: 15%;
	display: table-cell; 
	font-size: 13px;
	padding: 10px;
}

.pData {width: 240px; display: table-cell;}
.pDatas {width: 60px; display: table-cell;}

.pProfile {
		display: table-cell;
		width: 450px; 
		background-color: #D3D3D3;
		border-radius: 5px;
		display: flex;
	    border-left: 1px solid #D3D3D3;
	    border-right: 1px solid #D3D3D3;
	    border-bottom: 1px solid #D3D3D3;
	    border-radius: 0px 0px 10px 10px;
	    flex-wrap: wrap;
}

.profTag {
	margin-top:10px; 
	display: none;
}

.PpIcOn {
	width: 20px; 
	height:20px;
}

.containerPlayer {
	display: flex;
	flex-wrap: wrap;
}

.pDetails {
	display: table; 
	margin: 0 auto; 
	width: 1000px;	
}

.playerRatings {
	width: 980px; 
}

.pMeasure, .pMeasureVariable {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 15px;
	padding: 3px;
	font-size: 12px;
}

.seasonMeasure img{
	width: 25px;
	height: 25px;
}

.seasonMeasure {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	width: 30px;
}


.pMeasureVariable {
	width: 55px;
	text-align: left;
}
	
.pdataMeasure {
	padding: 10px; 
	margin-bottom: 5px;
	vertical-align: middle; 
	background-color: #D3D3D3;
}

.pRight {
	float: right; 
	width: 370px; 
	margin-right: 10px;
}

.pheadHold {
	display: table-row;
}

.pHead {
	display: table-cell;
}

.pHead img {
	border-radius: 50%;
    width: 140px;
    height: 140px;
    margin-left: 15px;
}

.pApSeason {
	width: 30px; 
	height: 30px; 
	float: right;
}

/*6064*/
.barfiller {
  width: 100%;
  height: 26px;
  margin-bottom: 20px;
}

.minValue, .maxValue {
	margin-top: -23px;
    margin-left: 133px;
    padding: 10px;
    font-size: 12px;
    color: white;
    position: absolute;
    z-index: 2;
    background: #333;
    border-radius: 50%;
    width: 35px;
    text-align: center;
}

.maxValue {
 	margin-left: -10px;
	margin-top: -3px;

}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #333;
  z-index: 1;
}

.barfiller .tipWrap { display: none; }

.barfiller .tip {
  left: 150px;
  margin-top: -3px;
  padding-top: 10px;
  font-size: 12px;
  color: white;
  position: absolute;
  z-index: 2;
  background: #333;
  border-radius: 50%;
  width: 35px;
  height: 25px;
  text-align: center;
}

.perf {
	width: 150px;
    display: table-cell;
    vertical-align: middle;
}

.containerPerf {
	display: table-cell; 
	width: 400px;
	vertical-align: middle;
	padding-top: 15px;
}

.perfTag {
	padding-left: 3px;
	font-size: 16px;
}

.ptsAm {
	display: none;
}

.mo {
	display: none;
}

.player6064 {
	color: #CC0000; 
	font-size: 16px;
	padding-left: 3px;
}

.analysisHolder {
	display: flex;
    width: 100vw;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 6rem;
    justify-content: center;
}

.fixturesHolder {
	display: flex;
    flex-wrap: wrap;
    padding-bottom: 6rem;
    justify-content: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.edHold {
	display: table-cell;
	width: 75px;
}

/*programs*/

.programBox{
	width: 100px;
	height: 100px;
    position: relative;
    vertical-align: middle;
    margin: 10px;
}

.programBox img{
	display:block;
  	width: 100%;
  	height: auto;
}


.overpass{
  position: absolute;
  top: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8); /* Black see-through */
  color: #f1f1f1;
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 11px;
  text-align: center;
  height: 100px;
}

.overpass p {
	line-height: 1.2;
}

.programBox:hover .overpass{
	opacity:0.8;
}

.ir {
	float: inherit; 
	clear: both; 
	display: inherit; 
	width: inherit !important; 
	height: inherit !important; 
	padding: 3px !important; 
	margin-right: 2px;
}

.iL {
	vertical-align: middle;
	float: inherit;	
	display: table-row;
}

img.small_head {
	height: 40px; 
	width: 40px; 
	border-radius: 50%; 
	vertical-align: middle; 
	margin: 8px;
}

.teamBar, .teamBarH {
		height:30px;
		color: white; 
		font-weight: 300; 
		padding: 4px;	
}

.teamBarA {
		height:30px;
		text-align: left; 
		color: white; 
		font-weight: 300; 
		padding: 4px;	
}

.jersey {
  display: inline-block;
	border-radius: 50%;
    background: white;
    color: #333;
    padding: 7px;
    font-size: 16px;
    border: 2px solid #333;
  min-width: 20px;
  min-height: 20px;
  text-align: center;
  line-height: 1;
  box-sizing: content-box;
  white-space: nowrap;
}

.jersey:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding-top: 100%;
  height: 0;
}

.jersey span {
  display: inline-block;
  vertical-align: middle;
}

.jersey:hover {
	color: white;
	background: #333;
}

.solidblock li a {border: 0px; padding: 6.5px 11px;}
a.selected {background-color: '.$secondary_color.';}
	
.dooltip {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 5px;
}

.dooltip .dooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 50%;
  left: 0%;
  opacity: 0;
  transition: opacity 0.3s;
}

.dooltip .dooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.dooltip:hover .dooltiptext {
  visibility: visible;
  opacity: 1;
}

/*6079.php*/
. t6079 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: <php echo $height;?>px;
	margin: 0 auto; 
	width: 750px;
}


/*6002.php*/

	/*accordian*/
	
.ui-accordion-header {
	background-color: #f49c00;
	color: #fdfcfc;
}

.ui-accordion-header-active {
	background-color: #000000;
	border: 1px solid #000000;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-accordion .ui-accordion-content {
    padding: 3px;
}

	/*6002 tabs*/
	
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    width: inherit;}
    
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 0;
	background: #f49c00;
}    
    
.ui-widget.ui-widget-content {
	border: 0;
}

.ui-widget-header {
	border: 0;
	background: inherit;
}  



.ui-tabs .ui-tabs-panel {
    background: #f6f6f6;
    border: solid 2px #f49c00;
}  
   
   
.statsHold {
	display: table-cell; 
	width: 65px; 
	font-size: 12px;
	color: #747070;
	text-align: center;
	padding: 2px;
	margin: 5px;
} 	

.playerProfileHold {
	display: flex; 
	flex-wrap: wrap; 
	width: 1000px;	
}

.item {
	display: table; 
	width: 450px; 
	margin: 10px 0px 10px 10px;
}

.pProfD {
	text-align: center;
}

.fwitem {
	display: table; 
	width: 910px; 
	margin: 10px 0px 10px 10px;
}

.cwidth {
	width: 910px;
}


.appearanceTable {
	width: 450px;
	background-color: #D3D3D3;
	display: table;
	border-radius: 0px 0px 10px 10px;
}

.appearanceSum {
	width: 450px;
	display: table;
}


.file {
  position: relative;
  height: 30px;
  width: 100px;
  margin-bottom: 20px;
}

.file > input[type="file"] {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.file > label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #666;
  color: #fff;
  border-radius: 5px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  width: 200px;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f18 {
	font-size: 18px;
}

.f20 {
	font-size: 20px;
}


.teamWales { 
	background-color: black; 
	color: white; 
	height: 90%; 
	vertical-align: middle;
}









/*edit match result*/

.playerCount {
	display: inline-block; 
	vertical-align: middle;	
}


/* ---------- Responsive Stat Table ---------- */


/* ---------- Rows inside Stat Table ---------- */
.statTable .row {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    position: relative;
}

/* ---------- Player Input (Autocomplete) ---------- */
.statTable .playerAutocomplete {
    width: 150px !important;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-width: 120px;
    height: 40px;
    margin: 2px;
    text-align: left !important;
}

/* ---------- Time Input ---------- */
.statTable .epTime {
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* ---------- Circle / Row Number ---------- */
.stat .circle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #007bff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
}

/* ---------- Add Another Button ---------- */
.addEventBtn {
    display: inline-block;
    padding: 5px 10px;
    margin-top: 5px;
    border-radius: 4px;
    background-color: #28a745;
    color: #fff;
    font-size: 13px;
    border: none;
    cursor: pointer;
}
.addEventBtn:hover {
    background-color: #333;
    color: white;
}

.addBtnRow {
    margin-top: 8px;
}
.addBtnRow .addEventBtn {
    display: block;
    width: 80%;
    padding: 6px 10px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    cursor: pointer;
    color: #333;
    text-align: center;
    margin: 0 auto;
}

.homeEventWrap, .awayEventWrap {
    display: inline-block;
    margin-bottom: 1em;
    width: 49% !important;
    margin-left: 2px;
}

/* ---------- Remove Row Button ---------- */
.removeRowBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    background-color: #dc3545;
    color: #fff;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.removeRowBtn img{
    width: 18px;
    height: 18px;	
}

.removeRowBtn:hover {
    background-color: #c82333;
}

/* ---------- Stat Header Section ---------- */
.statHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    border-bottom: 1px solid #aaa;
}

.statHead .statCrest img {
    width: 40px;
    height: 40px;
}

.statHead .mid {
    flex-grow: 1;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
}

.stat {
	align-items: initial !important;
}

/* ---------- Responsive Columns ---------- */
@media (max-width: 768px) {
    .statTable {
        width: 100% !important;
        float: none !important;
    }
    
    .statTable .row {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .statTable .playerCount {
        margin-top: 5px;
    }
    
    .statHead .mid {
        font-size: 22px;
    }
}

/* -------- autocomplete items ---------- */

/* Autocomplete container */
.autocomplete-items {
    position: absolute;         /* Allows it to overlay below input */
    z-index: 1000;              /* Make sure it appears above other elements */
    background-color: #fff;     /* White background */
    border: 1px solid #ccc;     /* 1px border around the container */
    border-top: none;           /* Avoid double border if input has border */
    max-height: 200px;          /* Optional: limit height */
    overflow-y: auto;           /* Scroll if too many items */
    width: 80%;                /* Match input width */
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-align: left;
    box-sizing: border-box;
    top: 50px;
    left: 70px;
}

/* Each item in the dropdown */
.autocomplete-items div {
    padding: 4px 8px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

/* Hover highlight */
.autocomplete-items div:hover {
    background-color: #f0f0f0;
}



/*END

/*matchresult*/
.mrascorers {
	float: left;
    margin-top: -11px;
    margin-left: 283px;
    width: 185px;	
}

#container {
	width: 800px;
}

.c4864 {
	display: none;
}

.a6079 {
	display: table; 
	margin: 0 auto;
	padding: 10px;	
}
	
	
/*6200*/

.tc6200 {
	display: table-cell; 
	padding: 5px; 
	width: 20%;
}

.tc6200a {
	border-radius: 10px 10px 0px 0px;
	color: white; 
	display: table-cell;  
	font-size: 16px; 
	margin-right: 0px; 
}

.tc6200b {
	border-radius: 0px 0px 0px 10px;	
	display: table-cell; 
	padding: 5px; 
	width: 20%;
}

.tc6200c {
	border-radius: 0px 0px 10px 10px;
	display: table-cell; 
	padding: 5px; 
}

.tc6200d {
	border-radius: 0px 0px 10px 0px; 
	display: table-cell; 
	padding: 5px; 
	width: 20%;
}

.tc6200r {
	color: white;	
	line-height: 2.4; 
	margin-left: 10px;  
	margin-bottom: 5px;
	padding: 10px; 
}	
	
	
#bestXV {
    z-index:1;
    font-family: Lato; 
    font-weight: 600; 
    font-size: 1.1em;
    position: absolute;
}

#bestXV:before {
	position: absolute;
    z-index:-1;
    left:0;
    top:0;
    opacity:0.4;   
    width: 500px; 
    height: auto; 
    opacity: 0.7; 
    content: url(https://www.cardiffrfcfans.com/images/svg/pitch90.svg); 
    background-repeat: no-repeat; 

}

.bestXVHolder {
	justify-content: center;
    display: flex;
    min-height: 850px;
}	
	

.metersRun {
	display: table-cell;
	vertical-align: middle;
	width: 70px;
}
		
.gameDate {	
	font-size: 18px; 
	display: inline-block;
}	
	
.bar-bg {
	position: absolute;
	top: 25px;
	width: 500px;
	height: 10px;
	background-color: #e0e0e0;
}

.bar-fill {
	position: absolute;
	top: 25px;
	height: 10px;
	width: 0;
	background-color: #78909C;
	transition: width 2s ease-in-out;
}

.minutes-label {
	position: absolute;
	top: 40px;
	left: 0;
	font-size: 12px;
	color: #000;
	margin-left: 10px;
}	
	
	
.headHolder {
	display: table; 
	width: 450px; 
	border: 1px solid #D3D3D3; 
	border-radius: 15px; 
	margin: 5px;
}	
		
.playerHolder {
	display: flex; 
	flex-wrap: wrap; 
	width: 1000px;
}	
	
	
	
.scorePassage {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid #d3d3d3;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	

/*mobile*/

@media all and (max-width: 600px) {
	

body {
	font-size: .875rem !important;
}

body, html {
    height: 100%;
    margin: 0;
    width: 100%;
}

.footer {
    background-color: #333;
    width: 100vw;
}

.mobTable {
	height: inherit;
	width: 100px;
}

.mobTab {
	height: inherit;
	width: 95vw;
}

/*--matchresults*/

#playaz {
	width: inherit;
}

.scoreholder {
	height: inherit;
	width: 100vw;
}

#matchdetails {
    margin-left: 220px;
    margin-top: -40px;
}

#timeline {
	display: none;
}

.away_hold, .home_hold {
	display: table;
	float: inherit;
	width: 100vw;	
}
	
.mrascorers {
	display: none;
}

#comp {
	display: none;
}

.ccrest_r {
	margin-left: 0;
	position: inherit;
}

.scoreboard {
	margin-left: 80px;
	margin-right: 0;
	margin-top: -90px;
}

.a_lower {
	margin-left: 30px;
}


/*--*/

.homeIcon, .noShow {
	display: none;
}

.mxw {
	width: 200px !important;
}

.mcw3v {
	width: inherit;
}

.altbr {
	white-space: pre;
}



div.mcw3v > a > img {
    border: 0;	
	height: 6vw;
    margin: 1px;
    width: 6vw;
}

/*fixturelist*/
.refNa, .rEf, .penT {
	display: none;
}


.fixturesHolder {
	width: inherit;
}

.head-ref-hold{
	border: 0;
	border-radius: 75px;
	height: 45px; 
	margin: 8px;
	vertical-align:middle; 
	width: 45px; 

}

.refHeadHold {
	height: inherit;
	margin: inherit;
	width: inherit;	
}

.attendance {
	padding-left: 1px !important;
	padding-right: 1px !important;
	width: 37px;	
}

.scoreLine {
	font-size: 11px;
	text-align: center;
}

.aTm, .hTm {
	padding: 2px;
}

.balls {
	height: 8px;	
	width: auto;
}

.yellow_card {
	margin-bottom: 0;
}

.smallCircle {
	font-size: 0.6rem !important;
	height: 20px !important;
	width: 20px !important;
}	

.dotwIcon {
	height: 40px;	
	width: 40px;
}

.PtsIcon {
	height: 6vw;	
	width: 6vw;
}

.cCrest {
	height: 6vw;		
	width: 6vw;
}

.maVid, .maRep {
	display: none;
}

table.LT td{
	padding: 0;
}

label#tOff.label, label#tOn.label {
	margin-top: -10px;
}

#indexleftfront {display: none;}
#indexrightfront {display: none;}

.awayteam, .hometeam {
	padding: 0;
	width: 90px;
}

#logo {
	width: 95vw;
}

#data_entry_table {
	width: 95vw;
}

.dit {
	display: none;
}

.plAge {
    width: 21vw;
}

.clubName {
	display: none;
}

.stadiumName {
	display: none;
}

.f4747 {
	font-size: 0.85rem;
}

.c4747 {
	font-size: 0.85rem;
	padding: 0;
	text-align: center;	
}
	

#logo {
	margin: 0 auto;
	width: 350px;	
}

.mRLink {
	display: none;
}

.pS {
	display: none;
}

.number_block {
	margin: 2px;
	padding: 5px;
	width: 25px;	
}

.mobOnly {
	color: grey;
	display: block;
	font-size: 14px;	
	margin-bottom: 20px;
	text-align: center;
	width: 100vw;
}

.tAbLeHoLd {
	padding: 0;
	width: 100vw;
}

.lH {
	line-height: 2;
}	

div.tAbLeHoLd table{
	padding: 0px;
	width: 95vw;
}

.t6079 {
	display: flex;
    width: 600px;
    height: 600px;
    flex-direction: column;
    flex-wrap: wrap;
}

#bestXV:before {
	width: 110vw;
}	

/*7103*/

.cardHolder {
	width: 17vw;
}




































@media screen and (max-width: 600px) {
  .navbar a:not(:first-child) {display: none;}
  .navbar a.icon {
    display: block;
    float: right;
  }
}

@media screen and (max-width: 600px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .navbar.responsive a {
    display: block;
    float: none;    
    text-align: left;
  }
}
	
	
	
	
	
	
	
	
	
	
	

	
	
	
	

#top {
	margin-bottom: 0;
	margin-top: 0;
	width:100vw;
}

.topHold {
	margin-bottom: 0;
	margin-top: 0;
	width:100vw;
}




/*analysis menu*/
#analysisTabs, .fH, #footer {
	width: 100vw;
}

.Ahold2 .summary, .Ahold3 .summary {
	color: white;
	display:inline; 
	padding-bottom: 10px; 
}

.Ahold2 {
	width: 99vw;
}

.analysis {
	font-size: 1rem;
	height: 165px;
}

.summary {
	color: #333333;
	display:inline; 
	padding-bottom: 10px;	
}

	
.imageCard img {
	height: 25vw;
    margin-bottom: 2px;	
	margin-top: 2px;
	width: 32vw;    	
}

.cIcon { 
	height: 4vh; 
	margin: 2px;
	width: 4vh;		
}

#col-container, .centerfront {
	width: 100vw;
}

.centerfront {
	margin-left: 0;
	order: 1;
}

.leftfront {
	float: none;
	order: 2;
	width: 100vw;
}

.rightfront {
	order: 3;
	width: 100vw;
}

#paginator li {
	padding: 3px;
}

h1.article_title, h1.h2h_title, h2.article_title  {
	font-size: 28px;
	font-family: Anton, Charcoal, sans-serif;
	margin: 0 auto;
	text-align: center;
    width: 95vw;
}

h1.h2h_title  {
	width: inherit;
}

h2.article_title  {
	font-size: 14px;
}

/*4721*/
h1.box_holder, h1.box_holder_p, h1.box_holder_s, h1.box_holder_m, h1.sbox {
    font-family: Anton, Charcoal, sans-serif;
    font-size: 28px;
	font-weight: normal;
	margin: 0 auto;
	text-align: center;
    width: 95vw;	
}

.box_holder, .dashHold {
	margin: 0 auto;
	margin-bottom: 5px;
	width: 95vw;
}

.l4721 {
	margin-left: 0;
	width: 95vw;
}

.player4721 {
	font-size: 1.5rem;
}

.analysisTF {
	height: unset;
	padding: 0;
	padding-bottom: 10px;
}

img.seazHold {
	width: 5vw;
}

.seazHold {
	margin-left: 180px;
	width: 200px;
}

table#table1.display.LT.dataTable.no-footer {
	width: 98vw;
}

#article {
	margin-top: 0;
}

.home_team, .away_team {
	padding: 0;
	width: 0;
}

table.LT td {
	font-size: 11px;
	text-align: center;	
}

table.LT {
	width: 95vw;
}

.hedTab {
	font-size: 1.3em;
}

.repLink {
	display: none;
}

.chooseTeam {
	width: 100vw;
}

.matchReport {
	display: none;
}

img.table.crest {
	margin: 0;
}

.dateHold {
	height: 50px;
	padding: 0;
	width: 36px;
}

.iconD {
	height: 40px;
	width: 40px;	
}

.iconD strong{
	height: 10px;
	padding-top: 0;
}

.boxed {
	font-size: 10px;
	padding: 5px;
}

.kickBox{
	width: 8vw;
}

.refHeada {
	width: 10vw;
}

img.small_head {
	margin: 0;
}


.f21 {
	font-size: 21px;
	padding: 6px;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
	padding: 6px;
}


.analHold {
	display: none;
}
	
.analTab {
	display: inherit;
	padding: 0;
}

#analysisTabs {
	position: inherit;
}	
	
.analTab {
  overflow: hidden;
  background-color: #B88F3B;
}

.analTab a {
  color: #f2f2f2;
  display: block;
  font-size: 17px;
  float: left;
  padding: 14px 16px;
  text-align: center;
  text-decoration: none;
}

.analTab a:hover {
  background-color: #333;
  color: black;
}

.analTab a.active {
  background-color: #B88F3B;
  color: white;
}

.analTab .icon {
  display: none;
}	

.aMe {
	display: none;
}

.crest_line, .crest_line:hover {
	height: 12vw;
	padding: 4px;
	width: 12vw;
}



.scoreHold {
	text-align: center;
	width: 30px;
}



.p82 {
	padding: 2px;
	font-size: 11px;
}

img.table_crest, img.small_head {
	border: 0;
	height:8vw; 
	margin-left: 1px; 
	margin-right: 1px;  
	margin-top: 4px;
	margin-bottom: 4px;
	width: 8vw;	
}

.table4747 {
	width: 95vw;
}

img.tc4747 {
    border: 0;	
    height: 6vw;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 4px;
    margin-bottom: 4px;
    width: 6vw;
}

.currentSquad {
	margin: 0 auto;
	margin-bottom: 5px !important;
	width: 95vw;
}

.compt table, .topp table, .last5 table, .ccr table, .cuptable table, .teamrecords table, .clubProfile table, .playersUsed table, .ci1 table, .ci2 table, .ci3 table, .ci4 table, .fixturelist table {
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 90vw;
}

table.profile {
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 65vw;
}

.sL {
	line-height: 1;
}	

.clubProfile, .playersUsed {
	margin: 0 auto;
	margin-bottom: 5px;
	width: 95vw;
}

#wrap {
	display: flex;
    flex-wrap: wrap;
	width: 100vw;
}

.compTable {
    width: 90vw;
}

.compLogoH {
	width: 100vw;
}

.compLogo {
	margin: 5px;
	width: 100px;
}



.lLogo {
	width: 60px !important;
}

.fixtureTable {
	width: 100vw;
	margin: 0;
}

.venueDetails, .teamName {
	display: none;
}

.holdTeam {
	width: inherit;
}

.top_scorers {
	width: 95vw;
}

.pointsPlayers li {
	width: 18vw;
}

.w5 {
	width: 5vw;
}

.tcc1 {
	    width: 10%;
}

/*hide login button in footer*/
.panel {
	display: none;
}

.tableVenue {
	display: none;
}

.tb1 {
	width: 95vw;
}

.tbc1 {
	width: 8vw;
}

.fixFPHold {
	padding: 0px;
}

.compfixFPHold {
	width: 100%;
}

/*Referee Profile */

.refProfileHold { 
	width: 100vw;
}

h2.ref_profile {
	margin-left: 0;
	padding: 0;
	text-align: center;
}

.appearances {
	font-size: 8em; 
	margin-top: -9vw;
}


.ref_best, .ref_his, .ref_trend, .ref_measure, .ref_appearance, .coach_measure {
	width: 95vw;
}

.h130 {
	height: 130px;
}


.ref_appearance {
	display: table;
}

.rEfShow {
	width: 80px;
}

.hT, .aT {
	width: 33vw;
}

.comp_icon, .circel_ref {
	height: 3em;
	width: 3em;
}

.bHold {
	text-align: center;}

.hw {
	margin-left: 10px;
	margin-right: 10px;
}

.hThold, .aThold {
	padding: 1px;
	width: 10vw;
}
	
.union {
	width: 95vw;
}

.union_crest {
	margin-left: 70vw;
}



/*Analysis*/
/*icon holder div*/


.Ahold3 .analysis{
	height: 400px;
}

.hT4776 {
	margin: 0 auto;
	margin-bottom: 10px;	 
	margin-left: 0px;
	position: inherit;
	width: 95vw;
}

.table4776 {
	width: 90vw;
}

.sWatch {
	display: none;
}

.wPos {
	display: none;
}

#logo {
	width: 95vw;
}

#logo img.selected {
	height: 10vw;
	width: 10vw;
}

#logo img {
	margin: 1vw;
}

#logo img.desaturate {
	height: 7vw;
	width: 7vw;
}

.season_link, .teamSeason {  
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	width: 95%;
}

.seasonImg {	
	width: 30px;
}

.seasonImgL {	
	width: 60px;
}

#datTab {
	font-size: 0.75rem;
}

#datTab img {
	height: 4vw;
	padding: 1px;
	width: 4vw;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 1px 2px;
}


.reftableName {
	font-size: 14px;
	width: inherit;
}

.mdn {
	display: none !important;
}

.seaS, .ptsA, .gC, .ptsC {
	font-size: 14px;
	padding: 0px;
	width: auto;
}

.tC {
	font-size: 12px;
	width: 30px;
}

.seaS img{
	height: 6vw; 
	width: 6vw;
}

.analTable {
	width: 95vw;
}

.key .row {
	line-height: 1.4rem;
}

.narrow, .wider {
	width: 95vw;
}

.solidblockplayers{
	margin: 0 auto;
	margin-bottom: 10px;
	width: 95vw;
}

.solidblockplayers li a {
	padding-left: 12px;
	padding-right: 12px;
}

.clubTd1, .clubTd5 {
	float: inherit;
	height: inherit;
	margin: 0 auto;
	margin-top: 2.5rem;
	width: 95vw;
}

.clubTd {
	margin-top: 2rem;
	margin-left: 5px;
	width: 45vw;
}

.fT, .cT {
	font-family: Anton, Charcoal, sans-serif;
	font-size: 1.2rem;
}

.cT1, .fT1 {
	font-family: Anton, Charcoal, sans-serif;
	font-size: 2rem;
}

.cT5, .fT5 {
	font-family: Anton, Charcoal, sans-serif;
	font-size: 1.5rem;
}

.h280 {
	height: inherit;
}

.twH {
	float: inherit;
	margin: 0;
	width: inherit;
}


.clubTd1 img {
	height: 16rem;
	padding: 3px;
	width: 16rem;
}

.clubTd5 img {
	height: 15rem;
	width: 15rem;
}

/*scorelines stack vertical - see 6012*/

.sDash {
	display: none;
}

.form5621 {
	display: none;
}

.cardsCell {
	padding: 0;
}

.pCard {
	height: 20px;
}

img.yellow_card_large {
	margin-bottom: 0;
	padding: 1px;
}

img.yellow_card_small {
	margin: 1px;
	height: 20px;
}


.cardHold {
	width: 160px;
}

.w300 {
	width: inherit;
}

/*points*/

.d20 {
	height:20px;
	font-size: 10px;
	width: 20px;
}

.r {
	text-align: right;
}

.circle11 {
	height: 13px;
    width: 13px;
}

.td6036 {
	font-size: 8px;
}

.date6036 {
	font-size: 8px;
}

.cancelled {
	height: 20px;
	width: 20px;
}

.tabDate {
	width:40px; 
	}

.headHold {
	width: 50px;
}

.hScore {
	display: revert;
    position: absolute;
}

.gameTime {
	display: none;
}


.aScore {
	margin-top: 4vw;
    display: revert;
    position: absolute;	
}

.vertScore {
	width: 29vw;
	vertical-align: middle;
}
		
.mH {
	display: none;
}

.th4809 {
	line-height: 1 !important;
	}
	
.th4853{
	padding: 3px;
	vertical-align: middle;
	width: 20vw;
}

/*slider*/
.switch {
	height: 5vw;
	width: 10vw;
	margin-bottom: -8px;
}

.slider:before {
	bottom: 0vw;
	height: 5vw;
	left: -3vw;
	transform: translateX(13px);
	width: 5vw;
}

/*Highcharts graph size*/
#container, #penRate, #container1, #container1b, #container2, #container2b, #container3, #container3b, #container4, #container5, #container6, #container7, #container8, #container8h, #container8a, #container8t  { 
	height: 95vw;
	width: 90vw; 

}

#container1b, #container2b, #container3b {
	height: 35px;
	width: 90vw;
}

#container_pens {
	width: 90vw;
}

#container-percentage, #container-made, #container-missed {
	float: inherit;
	margin: 0 auto;
}

.containerWide {
	margin: 0 auto;
	width: 95vw;
}


#conTack {
	width: 95vw;
}

#container {  
	height: 95vw;
	width: 85vw;
}

#container8, #container24, #container50, #container51, #container52, #container53, #container54, #container55, #container56, #container57, #container58, #container59, #container60, #container61, #container62, #containerMaxHeight { 
	height: 95vw;
	margin-bottom: 10px;
	width: 95vw; 
}

#containerMaxHeight {
	height: 150vw;
}

div#container7 {
	height: 95vw;
	width: 85vw; 	
}

.legend_note{
	width: inherit;
}

.fixturedetails {
	border-width: 0;
	padding: 0;
	width: 95vw;
}

.about_us {
	width: 95vw !important;
}

.kpc4713 {  
	float: inherit;
	height: 95vw; 
	margin: 0 auto; 
	margin-bottom: 25px;
	width: 95vw; 
}

.posnHold { 
	width: 95vw;
}

.pos23 {
	width: 120px;
}

/*hide last li so no graph option shown*/
/*#tabs > li:last-child { display: none; }*/

.headsUp, .bumsUp {
	margin: 0;
}

.competitionsIcon {
	display: none;
}

.attendance {
	display: none;
}

.holdCrest {
	width: 40px;
}

.mRunH {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 95vw;
}

.c4740 { 
	text-align: right;
	width: 165px;
}

.w50 {
	display: none;
}

.venueLocation {
	display: none;
}

.p60 {
	width: 60px;
}

.crestHold {
	margin-left: 40px;
	width: 70px;
}

.timeShare {
	display: none;
}

.jerseyNumber {
	font-size: 14px;
	padding-top: 2px;
}

/*6028*/
.kpr {
	display: block;
	font-size: 9px;
}

.playerNameS {
	font-size: 0.8rem;
}

/*4727*/
.playerAge {
	padding-left: 4px;
	vertical-align: middle;
	width: 25vw;
}

/*4864*/
.c4864 {
	display: none;
}

.cellAtt {
	padding: 3px;
}

.attYear { 
	height: 30px;
	width: 30px; 
}

.f4864 {
	height: 30px;
	padding: 2px; 
	width: 30px;
}

.slider.round {
 	width: 35px;
}

/*date*/
.dayIcon {
	bottom: 0.1em;
	font-size: 6px;
}

.iconD span {
	padding-top: 16px;
}

.playerHead {
	height: 35px;
	margin: 1px;
	width: 35px;
}

.pcIcon {
	height: 20px;
	margin-left: -10px;
	width: 20px;
}

.holdRounds {
	width: 95vw;
}

.division {
	display: inherit;
	width: 95vw;
}

.w800 {
	width: 95vw;
}

.round {
	width: 95vw;
}

/*admin*/

#admin_holder {
	width: 100vw;
}

#admin_holder table{
	width: 95vw;
}


#propTime {
	display: none;
}

/*4799*/

.countryTd1 {
	margin-bottom: 10px;
	width: 95vw;
}

.countryTd1 img {
    height: 60vw;
    margin: 0 auto;
    width: 80vw;
}

.countryTd5 {
	margin: 5px;
	width: 42vw;
}

.countryTd5 img {
    height: 20vw;
    width: 30vw;
}

.countryTd5 .circle4 {
    font-size: 20px;
    height: 35px;
    width: 35px;
}

.c35 {
	height: 35px;
    width: 35px;
}

.posHc {
    margin-left: 0;
    }
    
.posHcShift {
	margin-left: 0 !important;
	}

    
.fTc1, .fTc5, .cTc1, .gameHold {
	font-family: Anton, Charcoal, sans-serif;
} 

.fTc1 {
	font-size: 40px;
}

.cTc1 {
	font-size: 30px;
}

.fTc5 {
	font-size: 20px;
}









/*Preview*/
.match-head {
	height: inherit !important;
}

/*Player Profile*/

.pLeft {
	float: none;
	width: 95vw;
}

.histHold { 
	background-color: #D3D3D3;
	margin-bottom: 5px;
	margin-left: 10px; 
	padding: 10px;
}

.pApPeAr {
	width: 95vw;
}

.pApPeArHead {
	margin: 2px;
}

.pSeazH, .pMatches, .pMinutes, .pPoints {
	width: 22%;
}

.pProfile {
	width: 95vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.pData {
	width: 75%;
}

.profTag {
	display: none;
}

.containerPlayer {
	width: 95vw;
}

.pDetails {
	width: 95vw;
}

.playerRatings, .pdataMeasure, .pRight, .pheadHold {
	width: 95vw; 
}

.pdataMeasure {
	margin-left: 2px;
	padding: 5px;
}

.pHead {
	width: 50%;
}

.pHead img {
	border-radius: 50%;
    height: 40vw;
    width: 40vw;
}

/*6064*/

.containerPerf {
	display: none;
}

.ptsAm {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	width: 35px;
}

.perf {
	width: 120px;
}

.player6064, .perfTag { 
	font-size: 12px;
}


/*6002*/

.playerProfileHold, .item, .fwitem, .cwidth, .appearanceTable, .appearanceSum { 
	width: 95vw;	
}

div#radarchart svg {
	width: 95vw;	
}

.seasonMeasure {
	font-size: 11px;
}

.item {
	margin: 5px 0 5px 5px;
	height: min-content;
}


.w18 {
	font-size: 10px;
	height: 18px;
	width: 18px;
}

/*4702*/

.refMeasure {
	width: 200px;
}

	
h1.article_title, h1.h2h_title, h2.article_title  {
	font-family: Anton, Charcoal, sans-serif;
	margin: 0 auto;
	text-align: center;
	padding: 0;
    width: 95vw;}
    
    
#indexleftfront, #indexrightfront {
	display: none;
}

.compLogoH {
	width: inherit;
}

.Ahold {
	margin: 0 auto;
	width: 44vw;
}

#top {
width: 100vw;
}

.topHold {
width: 100vw;
}

.cellAtt {
	padding: 0;
}

.chooseTeam, .round {
	width: 95vw;
}

.hometeam, .awayteam {
    padding: 2px;
}

img.table_crest, img.tc4747 {
	height: 35px;
	margin-left: 1px;
	margin-right: 1px;
	width: 35px;
}

.scores {
	min-width: 60px; 
	padding: 0px;
	text-align: center; 
}

.crest_line, .seasonImg {
	height: 40px;
	padding: 2px;
	width: 40px;
}

.compLogo {
	width: 80px;
}

.season_link, .teamSeason {
	width: inherit;
}

.solidblockplayers {
	width: inherit;
}

.dotwIcon {
	padding: 8px;
	width: 60px;
}

.f18 {
	padding-left: 20px;
    padding-right: 20px;
}

.seasonImgL {
	width: 80px;
}

.tAbLeHoLd {
	padding: 0;
}

.mdn, .rEf, .w800, .mRlink, .mRLink, .edHold {
	display: none;
}

#container, #container8 {
	height: inherit;
	width: 100vw;
}

.t6079 {
    height: inherit;
    width: 95vw;
}

.iconD span {
	padding-top: 1em;
}

.dayIcon {
	bottom: 0.1em;
}

.division {
	width: 95vw;
}

#summart {
	width: 100%;
	height: inherit;
}

.homeScore, .awayScore {
	font-size: 15px;
}


.metersRun {
	font-size: 12px;
	width: 35px;
}

.compIcon {
	height: 25px;
	width: 25px;
}

.dateSVG {
    padding-top: 0;
    left: 0;
    width: auto;
    height: auto;
    display: block;
}

.dateSVGmonth {
  font-size: 7em;
}

.dateSVGday {
  font-size: 13em;
}

.dateSVGweekday {
  font-size: 9em;
}

.gameDate {
  font-size: 0.5em;
}

/*player club crest*/
.pcc {
	position: absolute; 
	margin-left: -8px;  
	width: 15px; 
	height: 15px;
}

.playerName {
	width: 27vw;
	font-size: 1.2em;	
}

.hide-on-mobile {
        display: none !important;
}

.mobileC20 {
	width: 25px;
	height: 25px;
}

.headHolder {
	width: 95vw; 
	margin: 2px;	
}

.playerHolder {
	width: 95vw;
	margin: 0 auto;
}

#buts {
	width: 95vw;
	margin: 0 auto;
}

.card-picture img {
	height: 80px;
	width: 80px;
	margin-top: 15px;
	margin-left: 20px;
	border: 3px;
}

.cardFrame {
	padding: 3em;
}


/*update_player_ratings.php*/

/* --- main box --- */
.analBoxResult {
	width: 600px;
	margin: 20px auto;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fafafa;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	overflow: hidden;
	font-family: Arial, sans-serif;
}





?>