/* css/rlstats.css */
.aaaa 				{width: 90%; height: auto; margin-left: 5%; text-align: center;}
.aaaa:hover 		{opacity: 0;}
.matchreport: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 */

	#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;}

	html 				{background: #fff; }
	* 					{font-family: verdana,sans-serif; font-size: 10pt; }
	table.border, 
	td.border, 
	tr.border, 
	div.border 			{border: 1px solid black;}
	.amendable		    {background: #FF6; color: black; font-weight: bold; border: none; width: 98%; text-align: center; font-size: 11pt;}
	.amendableleft	    {background: #FF6; color: black; font-weight: bold; width: 98%; text-align: left; font-size: 11pt;}
	.appnametitle 		{width: 60%; margin-left: 20%;}
	.caslogo			{width: auto; height: 26px;}
	.cellbyshirtno		{display: table-cell; font-weight: bold; text-align: center; position: -webkit-sticky; position: sticky; top: 165px; border-top: 3px solid black; border-bottom: 1px solid lightgray; border-left: 1px solid black; padding-top: 1px; padding-bottom: 1px; background-color: lightgray; vertical-align: middle;}
	.cellsticky 		{top: 30px;}
	.fieldname 			{float: left; width: 400px; padding-top: 10px;}
	.heritagebranding	{width: 60%; margin-left: 20%;}
	.heritageheading	{font-family: Stag sans; padding: 0; width: 100%; color: black; text-align: left;}
	.heritagehomeimg	{margin-left: 15%; width: 70%; height: auto;}
	.heritagenav .links {padding-left: 2px; vertical-align: middle;}
	.homepage			{font-family: Georgia, serif; color: black;}
	.leaguekey			{width: 80%; margin-left: 10%; text-align: left;}
	.left				{text-align: center; display: block;}
	.listallplayers		{padding-top: 50px;}
	.main 				{margin: 10px 0 0 10px;}
	.matchreport 		{display: block; width: 96%; height: auto; margin-left: 2%; text-align: center;}
	.matchreportcourtesyof	{display: block; font-size: 6pt; width: 100%; text-align: right;}	
/********************** Start of Heritage Branding Banner and Black Nav Bar ********************************/
	.menuimgsize 		{width: auto; height: 30px;}
	.navbarcaslogo 		{float: left; padding: 0px 15px; margin-top: 2px;}
	ul.navbaritems 		{height: 30px;}
	.navbarmenudropbtn	{font-size: 10pt; padding: 6px 0px;} 
/********************** End of Heritage Branding Banner and Black Nav Bar ********************************/
	.readonlytext       {background: white; color: black; font-weight: bold; border: none;}
	.right				{text-align: center; display: block;}
	.searchcriteria		{padding-top: 3px;}
	.searchcriteriabox	{font-weight: bold; text-align: center; padding-top: 6px; padding-bottom: 6px; width: 98%; margin-left: 1%; background-color: lightgrey; border: 3px solid blue;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	.socialmedia			{text-align: left; padding-left: 10px;}
	.socialmediaimage		{height: 25px; width: auto;}
	.submit 			{background-color: red; color: black; font-size: 12pt; font-weight: bold; padding: 5px 3px; margin: 5px; border: 2px solid black; border-radius: 5px;}
	.table30  			{display: table; width: 98%; margin-left: 1%; border-collapse: separate; border-spacing: 0;}
	.table50  			{display: table; width: 98%; margin-left: 1%; border-collapse: separate; border-spacing: 0;}
	.table75  			{display: table; width: 98%; margin-left: 1%; border: 2px solid black; border-collapse: separate; border-spacing: 0;}
	.table90 			{display: table; width: 98%; margin-left: 1%; border-collapse: separate; border-spacing: 0;}
	.title 				{display: table-row; text-align: center; font-weight: bold; font-size: 12pt;}
	.titlecellborder	{display: table-cell; text-align: center; border: 1px solid black; background: #D6D6D6; padding-top: 1px; padding-bottom: 1px; vertical-align: middle;}
	.titlecellborderleft	{display: table-cell; text-align: left; border: 1px solid black; background: #D6D6D6; padding-top: 1px; padding-bottom: 1px; vertical-align: middle;}
	.titlecellborderright	{display: table-cell; text-align: right; border: 1px solid black; background: #D6D6D6; padding-top: 1px; padding-bottom: 1px; vertical-align: middle;}
	.titlecentre 		{font-weight: bold; font-size: 11pt; text-align: center; margin-top: 0.3em; margin-bottom: 0.5em; width: 100%;}
	.titlecentresticky	{top: 30px; font-size: 11pt; margin-top: 0.3em; margin-bottom: 0.5em;}
	.titleleft			{display: table-row; text-align: left; font-weight: bold; font-size: 12pt;}

	/* 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: 20%; max-width: 20%; 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: 12pt; padding: 4px 0px; font-weight: bold; text-align: center;}
	h2 					{font-size: 11pt; padding: 3px 0px; font-weight: bold; text-align: center;}
	h3 					{font-size: 10pt; padding: 2px 0px; font-weight: bold; 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 */

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

	html 				{background: #fff; }
	* 					{font-family: verdana,sans-serif; font-size: 10pt; }

	.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;}
	.amendable		    {background: #FF6; color: black; font-weight: bold; border: none; width: 98%; text-align: center; font-size: 11pt;}
	.amendableleft	    {background: #FF6; color: black; font-weight: bold; width: 98%; text-align: left; font-size: 11pt;}
	.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;}
	.caslogo			{width: auto; height: 40px; background-color: black;}
	.cellbyshirtno		{display: table-cell; font-weight: bold; text-align: center; position: -webkit-sticky; position: sticky; top: 165px; border-bottom: 1px solid lightgray; padding-top: 1px; padding-bottom: 1px; background-color: lightgray; border-top: 3px solid black; vertical-align: middle;}
	.cellsticky 		{top: 44px;}
	.fieldname 			{float: left; width: 120px; }
	.fulltimescore 		{background-color: cyan; color: black; font-weight: bold; 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;}
	.heritagebranding	{width: 50%; margin-left: 25%;}
	.heritageheading	{font-family: Stag sans; padding: 0; width: 100%; color: black; text-align: left;}
	.heritagehomeimg	{margin-left: 20%; width: 60%; height: auto;}
	.heritagenav .links {padding-left: 4px; vertical-align: middle;}
	.homepage			{font-family: Stag sans; font-size: 1.2em; color: black; margin-left: 5%; width: 90%; margin-top: 5px;}
	.hrcell 			{display: table-cell; text-align: center;}
	.leaguekey			{width: 50%; margin-left: 25%; text-align: left;}
	.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; }
	.matchreport 		{display: block; width: 50%; margin-left: 25%; height: auto; text-align: center;}
	.matchreportcourtesyof {display: block; font-size: 9pt; width: 50%; margin-left: 25%; text-align: right;}	
/********************** Start of Heritage Branding Banner and Black Nav Bar ********************************/
	.menuimgsize 		{width: 60px; height: 44px;}
	.navbarcaslogo 		{float: left; padding: 1px 15px;}
	ul.navbaritems 		{height: 44px;}
	.navbarmenudropbtn	{font-size: 14pt; padding: 10px 5px;} 
/********************** End of Heritage Branding Banner and Black Nav Bar ********************************/
	.readonlytext       {background: white; color: black; font-weight: bold; border: none;}
	.radiobutton 		{top: 0; height: 25px; width: 25px; background-color: #eee; border: 2px solid black;}
	.right				{text-align: right;}
	.row 				{display: table-row;}
	.searchcriteria		{padding-top: 5px;}
	.searchcriteriabox	{font-weight: bold; text-align: center; padding-top: 0.75em; margin-bottom: 0.1em; width: 60%; margin-left: 20%; background-color: lightgrey; border: 3px solid blue;}
	.searchcriteriaseperator	{font-weight: bold; text-align: center; margin: 5px 0; width: 100%;}
	.socialmedia		{text-align: left; padding-left: 20px;}
	.socialmediaimage	{height: 37px; width: auto;}
	.subhead 			{font-weight: bold; }
	.submit 			{background-color: red; color: black; font-size: 12pt; font-weight: bold; padding: 5px 3px; margin: 10px; border: 2px solid black; border-radius: 5px;}
	.table30  			{display: table; width: 30%; margin-left: 35%; border: 1px solid black; border-collapse: separate; border-spacing: 0;}
	.table50  			{display: table; width: 50%; margin-left: 25%; border: 1px solid black; border-collapse: separate; border-spacing: 0;}
	.table75  			{display: table; width: 75%; margin-left: 12.5%; border: 2px solid black; border-collapse: separate; border-spacing: 0;}
	.table90  			{display: table; width: 90%; margin-left: 5%; border-collapse: separate; border-spacing: 0;}
	.taken, .error 		{color: red; }
	.title 				{display: table-row; text-align: center; font-weight: bold; font-size: 12pt;}
	.titlecell 			{display: table-cell;}
	.titlecellborder	{display: table-cell; border: 1px black solid; background: #D6D6D6;}
	.titlecellborderleft	{display: table-cell; border: 1px black solid; background: #D6D6D6; text-align: left;}
	.titlecellborderright	{display: table-cell; border: 1px black solid; background: #D6D6D6; text-align: right;}
	.titlecentre 		{font-weight: bold; text-align: center; margin-bottom: 0.67em; width: 100%;}
	.titlecentresticky	{top: 44px; margin-bottom: 0.67em;}
	.titleleft			{display: table-row; text-align: left; font-weight: bold; font-size: 12pt;}
	.titleright	 		{font-weight: bold; text-align: right; margin-bottom: 0.67em; width: 100%;}
	.titlecentrebox 	{font-weight: bold; text-align: center; margin-bottom: 0.67em; width: 100%;}
	.titlecellsticky 	{display: table-cell; position: -webkit-sticky; position: sticky; top: 0; background-color: white; text-align: center; border: 1px solid black; font-weight: bold;}
	.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: bold; text-align: center;}
	h2 					{font-size: 15pt; padding: 2px 0px; font-weight: bold; text-align: center;}
	h3 					{font-size: 13pt; padding: 1px 0px; font-weight: bold; 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%;}

details summary			{outline: none;}
footer 					{font-family: Stag sans; text-align: center; padding-bottom: 10px; background-color: black; color: white;}
footer a				{color: skyblue;}
footer p				{padding-top: 5px; margin-bottom: 4px;}

.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;}
.appname	 			{margin-top: 5px;}
.boldpaddingleft 		{display: table-cell; text-align: center; vertical-align: middle; background-color: white; color: black; font-weight: bold; border: 1px solid black;}
.button					{background-color: silver; padding: 5px 3px; color: black; font-size: 10pt; font-weight: normal; margin: 10px; border: 2px solid black; border-radius: 5px;}
.captcha				{margin-left: 5%; margin-right: 5%;}
.cell 					{display: table-cell; font-weight: bold; text-align: center; border: 1px solid black; padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}
.cellleft 				{font-weight: bold; display: table-cell; text-align: left; border: 1px solid black; padding-top: 3px; padding-bottom: 3px; vertical-align: middle;}
.cellleftsticky			{position: -webkit-sticky; position: sticky; top: 44px; display: table-cell; background-color: white; font-weight: bold; text-align: left; border: 1px solid black; padding-bottom: 1px; padding-left: 3px; vertical-align: middle; background-clip: padding-box}
.cellright 				{display: table-cell; text-align: right; border: 1px solid black; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; vertical-align: middle;}
.cellsticky 			{position: -webkit-sticky; position: sticky; display: table-cell; background-color: white; font-weight: bold; text-align: center; border: 1px solid black; padding-bottom: 1px; padding-left: 3px; vertical-align: middle; background-clip: padding-box}
.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;}
.copyrighttext 			{color: black; font-size: 20pt; font-weight: bold; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.errortext 				{text-align: center; margin-bottom: 0.67em; font-size: 12pt; line-height: 14pt; color: red; font-weight: bold; padding-top: 10px;}
.heading 				{display: table-row; font-weight: bold; text-align: center;}
.info 					{font-family: Stag sans; font-size: 1.3em; font-weight: bold; text-align: center; color: black; padding: 2px 8px; margin-top: 10px;}
.input 					{font-weight: bold; text-align: left; font-size: 10pt;}
.matchpointsforaTGD 	{text-align: center; margin-bottom: 0.67em; font-weight: bold;}
p.homepage				{padding: 3px 0px;}
.pos 					{display: table-cell; text-align: center; vertical-align: middle; background-color: silver; color: black; font-weight: bold; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 3px solid black; border-right: 3px solid black;}
.sentoff 				{display: table-cell; border: 1px solid black; background-color: #FF6666; position: relative; text-align: center; vertical-align: middle;}
.sinbin 				{display: table-cell; border: 1px solid black; background-color: #FFFF66; position: relative; text-align: center; vertical-align: middle;}
.statisticsdata 		{font-weight: bold;}
.statsheadings 			{font-weight: bold;	font-size: 12pt; vertical-align: middle;}
.statsmenuheading		{font-family: Stag sans; font-size: 14pt; font-weight: bold; color: #E2AD2D;}
.statstable 			{border: 2px solid black; border-collapse: separate; border-spacing: 0;}
.table  				{display: table; width: 100%; border-collapse: separate; border-spacing: 0;}
.teamtitlecell 			{display: table-cell; min-width: 200px; width: auto;}
.teamtitlecellright 	{display: table-cell; min-width: 200px; width: auto; text-align: right;}
.teamlist:visited 		{color: #0000FF; text-decoration: none;}
.teamlist:hover 		{color: #CC0066; text-decoration: none;}
.teamlist:active		{color: #0000FF; text-decoration: none;}
.titlecentresticky		{font-weight: bold; position: -webkit-sticky; position: sticky; background-color: white; text-align: center; width: 100%; z-index: 2;}
/*************** 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: white;}
.copyrighttext 			{color: black; font-size: 20pt; font-weight: bold; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
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;}
/*************** End of Mugshot Copyright *********************/
/********************** Start of Heritage Branding Banner and Black Nav Bar ********************************/
/*
.heritagenav 			{font-size: 1em; font-weight: bold; position: -webkit-sticky; position: sticky; top: 0px; width: 100%; background-color: black; text-align: left; z-index: 10;}
.heritagenav .links 	{padding: 10px 5px; vertical-align: top;}
.heritagenav-content 	{display: none; position: absolute; background-color: black; color: #FFFFFF; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; margin-left: 40px; padding-left: 10px;}
.heritagenav-content a 	{color: black; padding: 12px 16px; text-decoration: none; display: block;}
.heritagenav-content a:link 	{font-family: Stag sans; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.heritagenav-content a:visited	{font-family: Stag sans; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.heritagenav-content a:hover 	{font-family: Stag sans; font-weight: bold; color: #F5B219; text-decoration: none;}
.heritagenav-content a:active 	{font-family: Stag sans; font-weight: bold; color: #FFFFFF; text-decoration: none;}
.heritagenav:hover .heritagenav-content {display: block;}
*/
.heritagebrandinglogo	{width: 100%; padding-top: 3px;}
.heritageheading		{font-family: Stag sans; font-weight: bold; width: 100%; color: black; text-align: left;}
.navbar 				{position: -webkit-sticky; position: sticky; top: 0px; z-index: 20;}
ul.navbaritems 			{list-style-type: none; margin: 0; padding: 0; background-color: black;}
.navbarmenudropbtn 		{font-family: Stag sans; display: inline-block; font-weight: bold; color: white; text-align: center; text-decoration: none; z-index: 20;}
li a:hover, .navbarmenudropdown:hover .navbarmenudropbtn {background-color: black; color: #F5B219;}
li.navbarmenudropdown 	{display: inline-block;}
.navbarmenudropdown-content 		{display: none; position: absolute; margin-left: 10px; padding-right: 5px; background-color: #222222; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
.navbarmenudropdown-content a 		{font-family: Stag sans; font-weight: bold; font-size: 14pt; display: block; color: white; padding: 12px 10px; text-decoration: none; text-align: left;}
.navbarmenudropdown-content a:hover {background-color: black; color: #F5B219;}
.navbarmenudropdown:hover .navbarmenudropdown-content {display: block;}
a.nav:hover 			{color: #c0c;}
a.nav:visited			{color: #03f;}
a.nav:link				{color: #03f;}
/********************** End of Heritage Branding Banner and Black Nav Bar ********************************/
/* ************************************** Statistics Dropdown Menu ****************************************/
.menu 					{height: 100%; width: 0; position: fixed; z-index: 30; top: 0; left: 0; background-color: #111; overflow-x: hidden; padding-top: 15px; transition: 0.3s;}
.menu a 				{text-decoration: none; color: white; display: block; padding: 5px;}
.menu a:hover 			{background-color: #F5B219; color: white; padding: 5px;}
.menu .menuclosebtn 	{position: absolute; top: 6px; right: 20px; font-size: 22pt;}
.menudropbtn			{text-align: left; display: block; font-size: 10pt; border: none; outline: none; color: white; padding: 5px; background-color: #666666; font-family: inherit; margin-top: 5px; width: 100% /* Important for vertical align on mobile phones */}
.menudropbtn:hover 		{color: white; background-color: #F5B219; display: block;}
.dropdown a, .menudropbtn {text-decoration: none; display: block; width: 100%; text-align: left;}
.menudropdown-content a {color: black; padding: 2%; text-decoration: none; display: block; text-align: left; width: 96%;}
.menudropdown-content a:hover {color: white; background-color: #FF6600; padding: 2%; text-decoration: none; display: block; text-align: left; width: 96%;}
.menusticky				{cursor: pointer; position: -webkit-sticky; position: sticky; top: 0px; float: left; z-index: 25;}
.dropdownactive 		{background-color: orange; color: white;}
.menudropdown-content 	{display: none; background-color: #f9f9f9; color: black; width: 90%; z-index: 20;}
.caret 					{color: white; padding-left: 8px;}
/**************************************** End of Statistics Drowdown Menu **********************************/
/* ******************** Start of Help *******************************/
.help 					{max-height: 100%; width: 0; position: fixed; z-index: 20; top: 0; right: 0; background-color: black; overflow-x: hidden; overflow-y: scroll; transition: 0.5s; padding-top: 60px;} /* 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		{position: -webkit-sticky; position: sticky; top: 0; margin-left: 4px; font-size: 22pt; color: white;}
.help .helphalfopenbtn	{position: fixed; top: 0; margin-left: 4px; font-size: 18pt; color: white;}
.help .helpopenbtn		{position: fixed; top: 1; margin-left: 4px; font-size: 18pt; color: white;}
.helpcontent			{font-weight: normal; font-size: 14pt; text-align: left; margin-left: 22pt; margin-bottom: 8px; background-color: white; width: 92%;} /* Defines Help Attributes for the Page Displayed */ 
.helpcontent p  ul      {margin: 10px;}
.helpdiv				{background-color: white; color: black; font-weight: normal; font-size: 12pt; text-align: left; height: 600%; width: 92%; overflow-y: auto; margin-left: 22pt;} /* Defines White Area Attributes for Help Text */
.helpli					{list-style-type: square; font-weight: normal; font-size: 12pt; text-align: left; margin: 0px 8px 0px 12px;}
.helpmenu				{font-family: Stag sans; position: -webkit-sticky; position: sticky; top: 0px; float: right; cursor: pointer; z-index: 20;}	
.helpheading			{font-weight: bold; font-size: 14pt; text-align: center; color: black;}
.helpsubheading			{font-weight: bold; font-size: 13pt; text-align: center; color: black;}
.helpsubheadingleft		{font-weight: bold;  font-size: 13pt; text-align: left; color: black;}
.helpparagraph			{font-weight: normal; text-align: justify; margin-bottom: 10px; margin-right: 8px;}
.searchcriteriaboxhelp 	{font-weight: bold; background-color: lightgrey; border: 3px solid blue; width: 90%; margin-left: 5%; text-align: center; padding-top: 10px; font-size: 9px;}
/********************** End of Help ********************************/