table.defaultText	{	font-size:		100%;	}
body	{
			font-family:	Arial, sans-serif;
			margin:			0;
			padding:		0;
		}
header	{
			background-color:	#3B88C3;
			color:				#fff;
			padding:			20px;
			text-align:			center;
		}
footer	{
			background-color:	#3B88C3;
			text-align:			center;
			width:				80%;
			z-index:			99;
/*			color: #fff;
			padding: 20px;
			position: fixed;
			bottom: 0;*/
		}

section.para1	{
					margin: 25px 50px 75px 250px;
				}
span.para2		{
					margin: 10px 50px 20px 200px;
				}

.TeamPicture	{
					display: flex;
					justify-content: center;
					float:			left;
					width:			250x;
					height:			220px;
					margin:			10px;
				}    

div.TermsBox	{
					position:		relative;
				}

div.ContentBox		{
					text-align:			left;
					border-style:		inset;
					border-width:		4px;
					border-radius:		15px;
					width:				80%;
					margin:				0	auto;
					padding:			20px;
					color:				Black;
					background-color:	White;
					overflow:			hidden;
				}

div.FormBox		{
					text-align:			left;
					border-style:		inset;
					border-width:		4px;
					border-radius:		15px;
					width:				80%;
					min-width:			300px;
					max-width:			500px;
					margin:				0	auto;
					padding:			10px;
					color:				Black;
					background-color:	#3B88C3;
					overflow:			hidden;
				}

div.AuthBox		{
					text-align:			left;
					border-style:		inset;
					border-width:		4px;
					border-radius:		15px;
					width:				80%;
					min-width:			250px;
					max-width:			600px;
					margin:				0	auto;
					padding:			20px;
					color:				Black;
					background-color:	#3B88C3;
					overflow:			hidden;
				}

div.FooterBox	{
					border-style:		inset;
					border-width:		4px;
					border-radius:		15px;
					background-color:	#3B88C3;
					max-width:			350px; 
					margin:				auto;
				}
div.Theme		{
					background-image:	url("../images/Tallthin.jpg");
					background-repeat:	no-repeat;
					background-size:	100%;
					width:				90%;
					height:				150vh;
					margin-bottom:		70px;
					margin-top:			70px;
				}
.Button			{
					color:					#black;
					background-color:		lightgrey;
					background-image:		url("../images/ButtonIMG50x50.png");
					background-repeat:		no-repeat;
					background-position:	75px 10px;
					background-size:		40px;
					height:					57px;
					line-height:			57px;
					min-width:				110px;
					border-style:			outset;
					border-width:			3px;
					border-radius:			5px;
					padding-left:			10px;
					width:					110px;
					overflow:				hidden;
				}
.ButtonCenter	{
					width:					110px;
				}

.CopyToClipboard	{
						background-color:	grey;
						border-radius:		6px;
						color:				white;
						cursor:				pointer;
						display:			inline-block;
						line-height:		20px;
						padding:			6px 16px;
						text-align:			center;
						text-decoration:	none;
						vertical-align:		middle;
						white-space:		nowrap;
					}

/******** home image link and button ***********/
.HomeMiddle	{
				transition: .5s ease;
				opacity: 0;
				position: relative;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%)
			}

.LinkOverButton:hover .image {
  opacity: 1;
}

.LinkOverButton:hover .HomeMiddle {
  opacity: 1;
}

.LinkOverButton	{
  opacity: 1;
}

.HomeButton	{
				background-color:	green;
				color:				white;
				padding:			12px 25px;
				text-align:			center;
				text-decoration:	none;
				display:			inline-block;
				border-radius:		15px;
			}

input[type="submit"]	{
					color:					#black;
					background-color:		lightgrey;
					background-image:		url("../images/ButtonIMG50x50.png");
					background-repeat:		no-repeat;
					background-position:	90px 5px;
					background-size:		40px;
					height:					57px;
					line-height:			40px;
					min-width:				125px;
					border-style:			outset;
					border-width:			3px;
					border-radius:			5px;
					padding-right:			75px;
					width:					100px;
					overflow:				hidden;
					font-size:		115%;
				}

@media (orientation: landscape) {
  body {
	display: flex;
    flex-direction: row-reverse;
  }
}

@media (orientation: portrait) {
  body {
	display: flex;
    flex-direction: column;
  }
}