#form1{
	background:linear-gradient(to bottom, #24686a 0%, #74b4af 100%);
	/*background:linear-gradient(to bottom, #cccccc 0%, #ffffff 100%);*/
}

h1, 
h1 > a:link, 
h1 > a:hover, 
h1 > a:visited, 
h1 > a:active{
	color:#ffc54b;
	font:bold 20px Verdana;
	font-size:2.0rem;
	margin:0px;
	text-shadow:1px 1px 5px rgba(0,0,0,0.5);
}

h2, 
h2 > a:link, 
h2 > a:hover, 
h2 > a:visited, 
h2 > a:active{
	color:#ffffff;
	font:bold 20px Verdana;
	font-size:2.0rem;
	margin:0;
	text-decoration:none !important;
}

#header1{
	background-color:rgba(0,0,0,0.5);
	border-bottom:solid 3px #aaaaaa;
	/*border-bottom-right-radius:30px;*/
	box-shadow:1px 1px 10px rgba(0,0,0,0.5);
	padding:5px 15px;
	position:absolute;
	top:0;
	z-index:100;
	width:100%;
}

.footer{
	background-color:#053355;
	border-top:solid 8px #ffffff;
	box-shadow:inset 0px 0px 20px rgba(0,0,0,0.7);
}

.footerStart{
	position:absolute;
	top:350px;
	z-index:1000;
}

.footerEnd{
	display:block;
}

.tab{
	border:solid 2px #ffffff;
	border-radius:10px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-top:none;
	margin:auto;
	padding:3px;
	text-align:center;
	width:150px;
}

.tab:hover{
	background:rgba(255,255,255,0.7);
	box-shadow:inset 0px 0px 7px rgba(0,0,0,0.7);
}

.tab a:link{
	color:#ffc54b !important;
	font:14px Verdana !important;
	font-size:1.4rem !important;
}

.tab > a:hover,
.tab:hover > a:link,
.tab:hover > a:hover,
.tab:hover > a:visited,
.tab:hover > a:active{
	color:#c40f0f !important;
}

#credits{
	background:#053355;
	padding:0;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}

#credits_logo{
	display:inline-block;
	width:32px;
	height:32px;
}

#credits_co{
	display:inline-block;
	padding-right:10px;
	position:relative;
	top:-16px;
}

#secondParagraph{
	color:#777777;
	font:12px Arial;
	font-size:1.2rem;
	text-align:center;
}

.textCheckout a:link, 
.textCheckout a:visited, 
.textCheckout a:active{
	color:#c40f0f;
	font:bold 11pt Verdana;
}

.textCheckout a:hover{
	color:#207904;
}

.textStart a:link, 
.textStart a:visited, 
.textStart a:active{
	color:#c40f0f;
	font:bold 16px Verdana;
	text-shadow:1px 1px 3px rgba(0,0,0,1), -3px -1px 3px rgba(0,0,0,1);
}

.textStart a:hover{
	color:#ffc54b;
}

@media screen and (max-width:499px){/* small */
	h1, 
	h1 > a:link, 
	h1 > a:hover, 
	h1 > a:visited, 
	h1 > a:active{
		font:bold 12px Verdana;
		font-size:1.2rem;
	}

	h2, 
	h2 > a:link, 
	h2 > a:hover, 
	h2 > a:visited, 
	h2 > a:active{
		font:bold 12px Verdana;
		font-size:1.2rem;
	}

	.footerEnd{
		display:none;
	}

	#window-pane{
		/*display:none; !important;*/
		background-position:50% 50% !important;
		background-size:100% !important;
		top:65px;
		left:50%;
		transform:translateX(-50%);
		width:600px;
		height:315px;
	}
}
@media screen and (min-width:500px) and (max-width:649px){/* medium small */
	h1, 
	h1 > a:link, 
	h1 > a:hover, 
	h1 > a:visited, 
	h1 > a:active{
		font:bold 14px Verdana;
		font-size:1.4rem;
	}

	h2, 
	h2 > a:link, 
	h2 > a:hover, 
	h2 > a:visited, 
	h2 > a:active{
		font:bold 14px Verdana;
		font-size:1.4rem;
	}

	.footerEnd{
		display:none;
	}

	#window-pane{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:50px;
		left:50%;
		transform:translateX(-50%);
		width:600px;
		height:316px;
	}
}
@media screen and (min-width:650px) and (max-width:874px){/* medium */
	h1, 
	h1 > a:link, 
	h1 > a:hover, 
	h1 > a:visited, 
	h1 > a:active{
		font:bold 16px Verdana;
		font-size:1.6rem;
	}

	h2, 
	h2 > a:link, 
	h2 > a:hover, 
	h2 > a:visited, 
	h2 > a:active{
		font:bold 16px Verdana;
		font-size:1.6rem;
	}

	.footerEnd{
		display:none;
	}

	#window-pane{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:50px;
		left:50%;
		transform:translateX(-50%);
		width:600px;
		height:316px;
	}
}
@media screen and (min-width:875px) and (max-width:1199px){/* main */
	#window-pane{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:20px;
		left:50%;
		transform:translateX(-42%);
		width:600px;
		height:315px;
	}
}
@media screen and (min-width:1200px) and (max-width:1499px){/* large */
	#window-pane{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:20px;
		left:50%;
		transform:translateX(-35%);
		width:683px;
		height:359px;
	}
}
@media screen and (min-width:1500px){/* Extra large */
	.footerStart{
		position:absolute;
		top:500px;
		z-index:1000;
	}
	/* Extra large */
	#window-pane{
		background-position:50% 50% !important;
		background-size:100% !important;
		top:20px;
		left:50%;
		transform:translateX(-35%);
		width:800px;
		height:421px;
	}
}