/* statsweb */
body				{background-color: #F3B02E;}
.aaaa 				{width: 90%; height: auto; margin-left: 5%; text-align: center;}
.aaaa:hover 		{opacity: 0;}
@media screen and (orientation: portrait)
{
	/*CSS for screens that are this number of pixels or less will be put in this section */
	*					{font-size: 10pt;}

	#main 				{display: grid; grid-template-columns: 1fr repeat(2, minmax(auto, 20em)) 1fr; text-align: center;}
	#article			{display: grid; grid-template-columns: 1fr repeat(2, minmax(auto, 20em)) 1fr; text-align: center;}
	#section-a 			{grid-column: 2/4; padding: 1em 2em;}
	#section-a ul 		{display: flex;}

	table.border, 
	td.border, 
	tr.border, 
	div.border 			{border: 1px solid black;}
	.appnametitle 		{width: 100%; padding: 0px 40px;}
	.cellbyshirtno		{display: table-cell; font-weight: 600; text-align: center; position: -webkit-sticky; position: sticky; top: 160px; border-top: 3px solid black; border-bottom: 1px solid #F3B02E; border-left: 1px solid black; padding-top: 1px; padding-bottom: 1px; background-color: #F3B02E; vertical-align: middle;}
	.commentary			{font-size: 10pt;}
	.fieldname 			{float: left; width: 400px; padding-top: 10px;}

	.help .helpclosebtn, 
	.help .helpopenbtn	{font-size: 13pt;}	

	.help .helphalfopenbtn	{font-size: 10pt;}
	.helphomepagereportsheader	{font-size: 12pt;}
	.helphomepageicons			{width: 100%; height: auto; border: 1px solid blue;}
	.helphomepageiconsandtext	{width: 22%; height: auto; font-size: 7pt; font-weight: 400; margin: 0 1px; border: 1pt solid black;}
	.heritagenav .links {padding-left: 2px; vertical-align: middle;}
	.homepagecontainer	{margin: 0px 40px 10px 40px;}
	.homepageheadingbuttons	{width: 70px; height: auto;}
	.homepageicons		{width: 150px;}
	.homepagereportsheader	{font-size: 1.5em;}

	.homepagetextwithimage, 
	.homepageheadings, 
	.homepageiconsheader	{font-size: 12pt;}

	.homepageiconsheader	{padding-top: 30px;}
	.leaguekey			{background-color: white; width: 80%; margin-left: 10%; text-align: left; padding-left: 5px;}
	.left				{text-align: center; display: block;}
	.listallplayers		{padding-top: 50px;}
	.main 				{margin: 10px 0 0 10px;}
	.right				{text-align: center; display: block;}
	.searchcriteria		{font-size: 14pt;}
	.searchcriteriabox	{padding-bottom: 6px; width: 98%; margin-left: 1%;}
	.searchcriteriaboxhelp 	{font-size: 10pt;}
	.searchcriteriaseperator	{font-size: 10pt;}
	.statsgeneralh1		{top: 36px;}
	/* Micro reset */
	*,*:before,*:after	{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}

	ol.i 				{margin: 0 8px 0 30px; list-style-type: lower-roman; list-style-position: outside;}
	ol.decimal 			{margin: 0 8px 0 15px; list-style-type: decimal; list-style-position: outside;}
	ul.disc 			{margin: 0 8px 0 15px; list-style-type: disc; list-style-position: outside;}
	img.imageleft 		{width: 20%; max-width: 20%; height: auto; border: 1px solid black; float: right; margin-top: 5px;}
	img.imagecentre 	{width: 20%; max-width: 100%; height: auto; border-radius: 8px; text-align: center; margin-top: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); margin-bottom: 5px;}
	img.imagedebut 		{width: 40px; height: auto; float: left; margin: 2px;}
	img.imagedebut:hover	{opacity: 0;}
	img.imagemugshot	{width: 25px; height: auto; float: left; border-radius: 2px; margin: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.19);}

	h1 					{font-size: 13pt; padding: 4px 0px; font-weight: 900; text-align: center;}
	h2 					{font-size: 12pt; padding: 3px 0px; font-weight: 900; text-align: center;}
	h3 					{font-size: 11pt; padding: 2px 0px; font-weight: 900; text-align: center;}
}

@media screen and (orientation: landscape)
{
	/*CSS for screens that are this number of pixels or more will be put in this section */
	*					{font-size: 12pt;}

	#main 				{text-align: center;}
	#article			{text-align: center;}
	#section-a ul 		{display: inline-flex; margin: 0; padding: 0;}

	.alignment 			{position: fixed; top: 28px; left: 0; padding: 2px 1px; border: 1px solid #777; background: #ddd; color: #d04; border-radius: 5px; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888;}
	.appnametitle 		{width: 50%; margin-left: 25%;}
	.available 			{color: green; }

	table.border, 
	td.border, 
	tr.border, 
	div.border 			{border: 1px solid black;}

	.borderbottomright 	{border-right: 1px solid black;}
	.borderleftright	{border-left: 1px solid black; border-right: 1px solid black;}
	.borderright 		{border-right: 1px solid black;}
	.bordertopleftright	{border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;}
	.bordertop			{border-top: 1px solid black;}
	.bordertopbottom	{border-top: 1px solid black; border-bottom: 1px solid black;}
	.bordertopright		{border-top: 1px solid black; border-right: 1px solid black;}
	.cellbyshirtno		{background-color: #F3B02E; display: table-cell; font-weight: 600; text-align: center; position: -webkit-sticky; position: sticky; top: 175px; border-bottom: 1px solid #F3B02E; padding-top: 1px; padding-bottom: 1px; border-top: 3px solid black; vertical-align: middle;}
	.commentary			{font-size: 12pt;}
	.fieldname 			{float: left; width: 120px; }
	.fulltimescore 		{background-color: cyan; color: black; font-weight: 900; border: 1px solid grey; margin-bottom: 5px;}
	.halfttimescore 	{display: table-cell;}
	.headingfixed 		{width: 100%; background-image: url("images/whitebackground.jpg"); background-repeat: repeat; z-index: 10;}

	.help .helpclosebtn, 
	.help .helpopenbtn	{font-size: 20pt;}	

	.help .helphalfopenbtn	{font-size: 15pt;}
	.helphomepagereportsheader	{font-size: 16pt;}
	.helphomepageicons			{width: 100%; height: auto; border: 2pt solid blue;}
	.helphomepageiconsandtext	{width: 22%; height: auto; font-weight: 400; margin: 0 3px; border: 1pt solid black;}
	.homepagecontainer	{width: 60%; margin-left: 20%;}
	.heritagehomeimg	{margin-left: 20%; width: 60%; height: auto;}
	.heritagenav .links {padding-left: 4px; vertical-align: middle;}

	.homepagetextwithimage, 
	.homepageheadings, 
	.homepageiconsheader	{font-size: 16pt;}

	.homepagereportsheader	{font-size: 2em;}
	.homepageheadingbuttons	{width: 90px; height: auto;}
	.homepageicons		{width: 200px;}
	.homepageiconsheader	{padding-top: 30px;}
	.leaguekey			{background-color: white; width: 50%; margin-left: 25%; text-align: left; padding-left: 5px;}
	.left				{text-align: left;}
	.letteranalysis 	{font-family: Courier; overflow-x: auto; border: 2px solid green;}	
	.listallplayers		{padding-top: 60px;}
	.main 				{margin: 10px 0 0 40px; }
	.radiobutton 		{top: 0; height: 25px; width: 25px; background-color: #eee; border: 2px solid black;}
	.right				{text-align: right;}
	.rightamber			{background-color: #F3B02E; text-align: right; font-weight: 900; font-size: 12pt;}
	.rightwhite			{background-color: white; text-align: right; font-weight: 600; font-size: 12pt;}
	.row 				{display: table-row;}
	.searchcriteria		{font-size: 16pt;}
	.searchcriteriabox	{margin-bottom: 0.1em; width: 60%; margin-left: 20%;}
	.searchcriteriaboxhelp 	{font-size: 12pt;}
	.searchcriteriaseperator	{font-size: 12pt;}
	.statisticsdata		{padding: 0 5px;}
	.statsgeneralh1		{top: 51px;}
	.subhead 			{font-weight: 900; }
	.submit 			{background-color: black; color: white; font-size: 12pt; font-weight: 900; padding: 5px 3px; margin: 10px; border: 2px solid black; border-radius: 5px;}

	.taken, 
	.error 				{color: red; }
	.whisper 			{font-style: italic; color: #006600; }

	img.imageleft 		{width: 10%; max-width: 10%; height: auto; border: 1px solid black; float: right;}
	img.imagecentre 	{width: 10%; max-width: 100%; height: auto; border-radius: 8px; text-align: center; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);  margin-bottom: 10px;}
	img.imagedebut		{width: 50px; height: auto; float: left; border-radius: 3px; margin: 4px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 2px 0 rgba(0, 0, 0, 0.19);}
	img.imagedebut:hover	{opacity: 0;}
	img.imagemugshot	{width: 100px; height: auto; border-radius: 3px; margin: 4px; box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 2px 0 rgba(0, 0, 0, 0.19);}
	.mandatory 			{vertical-align: super; font-size: 11pt; color: red;}

	ol.i 				{margin: 0 8px 0 30px; list-style-type: lower-roman; list-style-position: outside;}
	ol.decimal 			{list-style-type: decimal; list-style-position: outside;}
	ul.disc 			{list-style-type: disc; list-style-position: outside;}
	li a, .button		{text-decoration: none; }
	li a:hover			{color: green; }

	textarea 			{width: 100%;}

	h1 					{font-size: 17pt; padding: 4px 0px; font-weight: 900; text-align: center;}
	h2 					{font-size: 15pt; padding: 2px 0px; font-weight: 900; text-align: center;}
	h3 					{font-size: 13pt; padding: 1px 0px; font-weight: 900; text-align: center;}
}

#heading 				{color: blue; width: 100%; text-align: center;}
#playerstats 			{text-align: center;}
#section-a ul 			{list-style: none; padding: 0px 7px;}
#section-a li 			{width: 100%;}

article.white			{padding-bottom: 3px;}					
details summary			{outline: none;}
summary					{width: 100%; text-align: center; font-size: 14pt; font-weight: bold; color: blue;}

.textamber				{color: #F3B02E;}
.appearancedetailsidpadding	{padding-top: 52px;}
.appearancedetailsscores	{background-color: white; display: table-cell; text-align: center; border: 1px solid black; padding-top: 1px; padding-bottom: 1px; vertical-align: middle;}
.appearancesummary .appearancesummarytext {visibility: hidden; left: 0%; right: 0%; top: 100%; font-size: 8px; background-color: black; color: white; text-align: center; border-radius: 3px; padding: 2px; position: absolute; z-index: 1;}
.appearancesummary:hover  .appearancesummarytext {visibility: visible;}
.appearancesummary:hover  {color: white; background-color: black;}
.appearancesummary 		{position: relative; display: inline-block; border-bottom: 1px dotted black;}
.boldleft				{font-weight: 900; text-align: left;}
.boldpaddingleft 		{display: table-cell; text-align: center; vertical-align: middle; background-color: white; color: black; font-weight: 900; border: 1px solid black;}
.button					{background-color: #666666; padding: 5px 3px; color: white; font-size: 10pt; font-weight: 900; margin: 10px; border: 2px solid black; border-radius: 5px;}
.button:hover			{color: #F3B02E;}
.button:focus			{color: #F3B02E;}
.captcha				{margin-left: 5%; margin-right: 5%;}
.checkmark 				{height: 17px; width: 17px; background-color: #eee; vertical-align: middle; text-align: center; border: solid 1px #ccc;}
.checkmarksinbin		{height: 10px; width: 10px; background-color: #eee; vertical-align: middle; text-align: center; border: solid 1px #ccc;}
img.club				{border-radius: 6px; text-align: center; margin-top: 3px; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); margin-bottom: 3px}
img.club:hover			{opacity: 0;}
.commentary				{background-color: white; text-align: left; font-weight: 600; padding: 0 10px;}
.copyrighttext 			{color: black; font-size: 20pt; font-weight: 600; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.errortext 				{background-color: white; text-align: center; margin-bottom: 0.67em; font-size: 14pt; line-height: 14pt; color: red; font-weight: 900; padding-top: 10px; padding-bottom: 10px;}
.heading 				{display: table-row; font-weight: 900; text-align: center;}
.hinthidden 					{display: none;}
.hinticon:hover + .hinthidden	{display: block; color: black; font-family: arial; font-weight: normal; text-align: justify; padding: 2px 10px;}
.homepagecontainer		{border: 2px solid black; background: #F3B02E; margin-top: 5px;}
.homepageheadings		{font-weight: 900; text-align: left; margin: 0px 20px; display: block;}
.homepageheadingbuttons	{display: inline-block; float: left; padding-right: 20px; padding-bottom: 10px;}
.homepagehr				{margin-top: 10px; border-top: 1px solid black;}
.homepageicons			{border: 2pt solid blue;}
.homepageicons:hover	{border: 2pt solid #FF6600; height: auto;}
.homepageiconsheader	{font-weight: 900; text-align: center; margin: 0 20px;}
.homepageparagraph		{padding: 10px 0;}
.homepagereportsheader	{font-weight: 900; text-align: center; margin: 0 20px; padding: 10px 0px;}
.homepagetext			{font-size: 13pt; font-weight: normal; text-align: left; padding-top: 5px; margin: 0px 20px;}
.homepagetextwithimage	{font-weight: 900; text-align: left; display: inline-block;}
.hrcell 				{background-color: white; display: table-cell; text-align: center;}
.info 					{font-size: 1.3em; font-weight: 600; text-align: center; color: black; padding: 2px 8px; margin-top: 10px;}
.input 					{font-weight: 600; text-align: left; margin-top: 4px;}
.input:focus 			{background-color: white; border: 3px solid black;}
.lastnameinitial		{width: 100%; text-align: center; font-size: 18pt; font-weight: 900; padding-top: 58px;}
.matchpointsforaTGD 	{text-align: center; margin-bottom: 0.67em; font-weight: 600;}
.pos 					{display: table-cell; text-align: center; vertical-align: middle; background-color: silver; color: black; font-weight: 600; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 3px solid black; border-right: 3px solid black;}

/********************** Start of Match Day Programme Formatting ********************************/
.matchprogrammeviewpage		{font-weight: bold; text-align: center;}

.matchprogramme 		{vertical-align: middle;}

.matchprogrammeprev,
.matchprogrammenext 	{cursor: pointer; position: absolute; top: 50px; width: auto; background-color: rgba(128,128,128,0.5); padding: 16px; margin-top: -22px; color: cyan; font-weight: bold; font-size: 26px; transition: 0.6s ease; user-select: none; z-index: 55;}

.matchprogrammeprev 	{border-radius: 16px 0 0 16px;}
.matchprogrammenext 	{border-radius: 0 16px 16px 0;}

.slideshow-container 	{position: relative; margin: auto; padding-top: 5px;}

/********************** End of Match Day Programme Formatting ********************************/

.readonlytext			{background: white; color: black; font-weight: 600; border: none;}
.searchcriteriabox		{font-weight: 900; text-align: center; background-color: #F3B02E; border: 3px solid black; padding-bottom: 10px;}
.searchcriteriaseperator	{font-weight: 900; text-align: center; margin: 8px 0; width: 100%;}
.sentoff 				{display: table-cell; border: 1px solid black; background-color: #FF6666; position: relative; text-align: center; vertical-align: middle;}
.shirtnoheading			{font-weight: 900; padding-bottom: 20px; background-color: #F3B02E; }
.sinbin 				{display: table-cell; border: 1px solid black; background-color: #FFFF66; position: relative; text-align: center; vertical-align: middle;}
.statsbyshirt			{background: white; color: black; font-weight: 600;}
.statsbyshirtright		{background: white; color: black; font-weight: 600; text-align: right;}
.statsbyshirtshirttext	{color: black; font-weight: 600; text-align: right;}
.statsbyshirtshirtno	{color: black; font-weight: 600; font-weight: 12pt;}
.statisticsdata 		{background-color: white; font-weight: 600;}
.statsgeneralh1			{background-color: #F3B02E; position: -webkit-sticky; position: sticky; z-index: 2;}
.statsheadings 			{background-color: #F3B02E; font-weight: 900;	font-size: 12pt; vertical-align: middle;}
.statstable 			{border: 2px solid black; border-collapse: separate; border-spacing: 0;}
.submit 				{background-color: black; color: white; font-size: 12pt; font-weight: 900; padding: 5px 3px; margin: 10px; border: 2px solid black; border-radius: 5px;}
.submit:hover			{color: #F3B02E;}
.submit:active			{background-color: black; color: white;}
.submit:focus			{cursor: pointer; color: #F3B02E;}
.teamlist:visited 		{color: #0000FF; text-decoration: none;}
.teamlist:hover 		{color: #CC0066; text-decoration: none;}
.teamlist:active		{color: #0000FF; text-decoration: none;}
/*************** Start of Mugshot Copyright *********************/
.mugshot				{position: relative; width: 20%; margin-left: 40%;}
.mugshot:hover .mugshotoverlay {opacity: 1;}
.mugshotoverlay 		{position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #F3B02E;}
/*************** End of Mugshot Copyright *********************/
/********************** Start of Heritage Branding Banner and Black Nav Bar ********************************/
a.nav:hover 			{color: #c0c;}
a.nav:visited			{color: #03f;}
a.nav:link				{color: #03f;}
/********************** End of Heritage Branding Banner and Black Nav Bar ********************************/
/* ******************** Start of Help *******************************/
.help 					{background-color: black; max-height: 100%; width: 0; position: fixed; z-index: 20; top: 0; right: 0; overflow-x: hidden; overflow-y: scroll; transition: 0.5s;} /* Defines Help Attributes When Hidden off to the Right */
.help a 				{text-decoration: none; font-size: 12pt; color: white; display: block; transition: 0.3s;}
.help a:hover 			{color: #CCCCCC;}
.help div				{padding-left: 4px; padding-right: 4px; text-decoration: none; font-size: 12pt; color: black; display: block; transition: 0.3s; text-align: left;}
.help .helpclosebtn		{top: 5px;}
.help .helphalfopenbtn	{top: 45px;}
.help .helpopenbtn		{top: 85px;}

.help .helpclosebtn, 
.help .helphalfopenbtn, 
.help .helpopenbtn	{position: fixed; color: white; background-color: black; font-weight: 600;}

.helpcontent			{background-color: #F3B02E; font-weight: 600; font-size: 14pt; text-align: left; padding-bottom: 8px; width: 92%; margin-left: 4%;} /* Defines Help Attributes for the Page Displayed */ 
.helpcontent p  ul      {margin: 10px;}
.helpdiv				{background-color: #F3B02E; color: black; font-weight: normal; font-size: 12pt; text-align: left; height: 600%; width: 92%; overflow-y: auto; margin-left: 4%;} /* Defines White Area Attributes for Help Text */
.helpdonebackbutton		{background-color: #666666; color: white; font-size: 10pt; font-weight: 900; padding: 2px; margin: 3px 0px;}
.helphomepagereportsheader	{font-weight: 900; text-align: center; padding: 10px 0px;}
.helphomepageiconsandtext	{display: inline-block; text-align: center; vertical-align: text-top;}
.helpli					{list-style-type: square; font-weight: normal; font-size: 12pt; text-align: left; margin: 0px 8px 0px 12px;}
.helpmenu				{position: -webkit-sticky; position: sticky; top: 0px; float: right; cursor: pointer; z-index: 20;}	
.helpheading			{font-weight: 900; font-size: 15pt; text-align: center; color: black;}
.helpsubheading			{font-weight: 900; font-size: 14pt; text-align: center; color: black;}
.helpsubheadingleft		{font-weight: 900; font-size: 10pt; text-align: left; color: black;}
.helpnavoverview		{background-color: white; font-weight: 600; font-size: 13pt; text-align: left; color: black; width: 92%; margin-left: 4%; margin-bottom: 40px;}
.helpparagraph			{font-weight: normal; text-align: justify; margin-bottom: 10px; margin-right: 8px;}
.helpsubmitbutton		{background-color: black; color: white; font-weight: 900; padding: 2px; margin: 3px 0px;}
.searchcriteriaboxhelp 	{font-weight: 900; background-color: #F3B02E; border: 2px solid black; width: 90%; margin-left: 5%; text-align: center; padding: 10px 0;}
/********************** End of Help ********************************/