@font-face {
	font-family: alegreya;
	src: url("Alegreya-ExtraBold.ttf") format("truetype");
}

@font-face {
	font-family: open-sans;
	src: url("OpenSans-SemiBold.ttf") format("truetype");
}

@font-face {
	font-family: open-sans-thin;
	src: url("OpenSans-Regular.ttf") format("truetype");
}



html, body {
	width: 100%;
    margin: 0vw;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #FEFEFE;
}

div.content {
	margin: 0vw;
	background-color: #FEFEFE;
}

tr:nth-child(even) {
	background-color: #E1E9EC;
}

table {
	width: 100%;
}

.short {
	width: 10%;
}

.shortish {
	width: 20%;
}

.medium {
	width: 30%;
}

.long {
	width: 35%;
}

.longer {
	width: 40%;
}

.very_long {
	width: 65%;
}



h1, h2, h3 {
	font-family: alegreya, serif;
}

p {
	font-family: open-sans, serif;
}

li {
	font-family: open-sans, serif;
}

input {
	font-family: open-sans, serif;
}

button {
	font-family: open-sans-thin, serif;
}

div.navigation {
	text-align: right;
	background-color: #6EB5D5;
	width: 100%;
	display: inline-block;
}

button.navigation {
	background-color: #6EB5D5;
	width: 10vw;
	font-size: 1.4vw;
	color: #FFFFFF;
	padding: 1vw 0vw;
	margin: auto;
	border: none;
}

button.navigation:hover {
	background-color: #38667A;
}

button.rightmost {
	margin-right: 2vw;
}

#dropdown:hover {
	display: block;
}

#dropdown {
	display: none;
	position: absolute;
	background-color: #5EA5C5;
	box-shadow: 0vw 0.5vw 1vw 0vw rgba(0, 0, 0, 0.2);
	z-index: 1;
}

#dropdown_button:hover + #dropdown {
	display: block;
}

button.dropdown {
	background-color: #5EA5C5;
	width: 10vw;
	font-size: 1.1vw;
	color: #FFFFFF;
	padding: 0.8vw 0vw;
	margin: auto;
	border: none;
	display: block;
}

button.dropdown:hover {
	background-color: #28566A;
}

div.footer {
	background-color: #38667A;
	color: #F0FBFC;
	margin: 10vw 0vw 0vw 0vw;
	padding: 5vw 15vw 10vw;
	text-align: right;
}



img.ledge {
	width: 34vw;
	height: 5vw;
	margin: 0vw;
	position: absolute;
	top: 2.5vw;
	left: 0vw;
}

img.logo {
	width: 25vw;
	height: auto;
	margin: 0vw;
	position: absolute;
	top: 0.25vw;
	left: 2.5vw;
}

div.image {
	width: 100%;
	margin: 0vw;
}

img.image {
	width: 100%;
	height: auto;
	margin: 0vw;
}

div.show_more {
	display: inline-block;
	width: 100%;
	height: 2.5vw;
	margin: 1vw 0vw 0vw;
}

img.show_more {
	height: 70%;
	width: auto;
	margin: 0vw 0vw 0.7vw;
	display: inline-block;
}

h2.show_more {
	margin: 0vw;
	padding: 0vw;
	display: inline-block;
}

img {
	vertical-align: middle;
}

div.arrow {
	width: 100%;
	margin: 3vw 48vw;
	padding: 0vw 0vw 4vw;
}

img.arrow {
	width: 4vw;
	height: auto;
	margin: 0vw;
}

div.textbox {
	margin: 0vw;
	padding: 4vw 15vw 0vw;
	background-color: #FEFEFE;
	line-height: 1.45;
}

h1.text {
	font-size: 2.5vw;
	color: #3A6C87;
}

h2.text {
	font-size: 2vw;
	color: #3A6C87;
}

h3.text {
	font-size: 1.5vw;
	color: #3A6C87;
}

p.text {
	font-size: 1.25vw;
	color: #000000;
}

ol.text {
	margin: 0vw 0vw 3vw;
	font-size: 1vw;
	color: #000000;
}

ul.text {
	margin: 0vw 0vw 3vw;
	font-size: 1vw;
	color: #000000;
}

li {
	margin: 0vw 0vw 0.25vw;
}



div.background {
	display: none;
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}



div.popup_form {
	background-color: #3A6C87;
	color: #F0FBFC;
	margin: 10vw 36vw auto;
	padding: 4vw 2vw 4vw;
	border-style: solid;
	border-radius: 1vw;
	border-width: 0.1vw;
	border-color: #FEFEFE;
}

h1.popup_title {
	font-size: 2.5vw;
	text-align: left;
	margin: 0vw;
}

p.popup_label {
	font-size: 0.75vw;
	text-align: left;
	margin: 0vw auto 0.25vw;
}

input.popup_input {
	padding: 0.5vw;
	margin: 0vw 0vw 1vw;
	width: 100%;
	height: 2vw;
	font-size: 1vw;
	background-color: #E1E9EC;
	border-style: none;
}

div.popup_submit {
	margin: 0vw 9vw 0vw;
}

input.popup_submit {
	background-color: #43423F;
	color: #FEFEFE;
	padding: 0.5vw 1vw 0.75vw;
	width: 100%;
	height: 2vw;
	font-size: 0.75vw;
	border-style: none;
	border-radius: 0.5vw;
}

input.popup_submit:hover {
	background-color: #222222;
}



div.popup_small_form {
	background-color: #3A6C87;
	color: #F0FBFC;
	margin: 5vw 36vw auto;
	padding: 0.5vw 2vw 0.5vw;
	border-style: solid;
	border-radius: 1vw;
	border-width: 0.1vw;
	border-color: #FEFEFE;
}

p.popup_small_label {
	font-size: 0.6vw;
	text-align: left;
	margin: 0vw auto 0.2vw;
}

input.popup_small_input {
	padding: 0.25vw 0.5vw;
	margin: 0vw 0vw 0.75vw;
	width: 100%;
	height: 1.25vw;
	font-size: 0.75vw;
	background-color: #E1E9EC;
	border-style: none;
}



div.login_popup {
	margin-top: 10vw;
}

div.login_link {
	text-align: center;
	margin: 0.75vw auto 0vw;
}

p.login_link {
	font-size: 0.6vw;
	color: #FFE940;
	margin: 0vw auto;
}

p.login_link:hover {
	color: #F0FBFC;
}



div.submission_list {
	margin: 0.5vw 0vw;
	width: 100%;
}

input.submission_input_inline {
	padding: 0.25vw;
	margin: 0vw auto 0vw 0.5vw;
	width: 50%;
	height: 1.25vw;
	font-size: 0.75vw;
	background-color: #E1E9EC;
	border-style: none;
}



div.popup_more_info {
	background-color: #FEFEFE;
	color: #000000;
	margin: 10vw 36vw auto;
	padding: 3vw 2vw;
	border-style: solid;
	border-radius: 2vw;
	border-width: 0.1vw;
	border-color: #FEFEFE;
}

td.popup_more_info {
	padding: 0.25vw 0.5vw;
	height: 1.5vw;
	font-size: 1vw;
	text-align: left;
}



div.my_account_button {
	margin: 0vw;
	width: 100%;
	display: inline-block;
	text-align: center;
}

button.my_account_button {
	background-color: #43423F;
	color: #FEFEFE;
	margin: 1vw 3vw;
	padding: 0.5vw 0vw 1vw;
	width: 16vw;
	height: 2.5vw;
	font-size: 1vw;
	border-radius: 0.75vw;
	border-style: none;
}

button.my_account_button:hover {
	background-color: #222222;
}

input.my_account_button {
	background-color: #43423F;
	color: #FEFEFE;
	margin: 1vw 3vw;
	padding: 0.5vw 0vw 1vw;
	width: 20vw;
	height: 2.5vw;
	font-size: 1vw;
	border-radius: 0.75vw;
	border-style: none;
}

input.my_account_button:hover {
	background-color: #222222;
}



div.submission_button {
	margin-left: 20vw;
	margin-right: 20vw;
	margin-top: 4vw;
	margin-bottom: 4vw;
}

button.submission_button {
	background-color: #43423F;
	color: #FEFEFE;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	width: 100%;
	height: 4vw;
	font-size: 2vw;
	border-radius: 1.5vw;
	border-style: none;
}

button.submission_button:hover {
	background-color: #222222;
	color: #FEFEFE;
	padding-left: 1vw;
	padding-right: 1vw;
	padding-top: 1vw;
	padding-bottom: 1vw;
	width: 100%;
	height: 4vw;
	font-size: 2vw;
	border-radius: 1.5vw;
	border-style: none;
}



div.testing_info_table {
	margin-left: 10vw;
	margin-right: 10vw;
	margin-top: 1vw;
	margin-bottom: 1vw;
	background-color: #FEFEFE;
	float: center;
}

th.testing_info_cell {
	padding-left: 0.5vw;
	padding-right: auto;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	height: 2.5vw;
	font-size: 1.5vw;
	text-align: left;
}

td.testing_info_cell {
	padding-left: 0.5vw;
	padding-right: auto;
	padding-top: 0.25vw;
	padding-bottom: 0.25vw;
	height: 1.5vw;
	font-size: 1vw;
	text-align: left;
}

td.testing_info_more {
	padding: 0vw;
	height: 1.5vw;
}

button.testing_info_more {
	background-color: #43423F;
	color: #FEFEFE;
	height: 100%;
	width: 100%;
	font-size: 1vw;
	border-style: none;
}

button.testing_info_more:hover {
	background-color: #222222;
	color: #FEFEFE;
	height: 100%;
	width: 100%;
	font-size: 1vw;
	border-style: none;
}



div.my_account_info_table {
	margin-left: 10vw;
	margin-right: 10vw;
	margin-top: 3vw;
	margin-bottom: 1vw;
	background-color: #FEFEFE;
	float: center;
}

th.my_account_info_cell {
	padding-left: 0.5vw;
	padding-right: auto;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	height: 2.5vw;
	font-size: 1.5vw;
	text-align: left;
}

td.my_account_info_cell {
	padding-left: 0.5vw;
	padding-right: auto;
	padding-top: 0.25vw;
	padding-bottom: 0.25vw;
	height: 1.5vw;
	font-size: 1vw;
	text-align: left;
}

td.my_account_info_more {
	padding: 0vw;
	height: 1.5vw;
}

button.my_account_info_more {
	background-color: #43423F;
	color: #FEFEFE;
	height: 100%;
	width: 100%;
	font-size: 1vw;
	border-style: none;
}

button.my_account_info_more:hover {
	background-color: #222222;
	color: #FEFEFE;
	height: 100%;
	width: 100%;
	font-size: 1vw;
	border-style: none;
}



div.approve_account_changes_submit {
	margin-left: 25vw;
	margin-right: 25vw;
	margin-top: 0.5vw;
	margin-bottom: 0.5vw;
}

input.approve_account_changes_submit {
	background-color: #43423F;
	color: #FEFEFE;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	width: 100%;
	height: 2vw;
	font-size: 1vw;
	border-radius: 0.75vw;
	border-style: none;
}

input.approve_account_changes_submit:hover {
	background-color: #222222;
	color: #FEFEFE;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	width: 100%;
	height: 2vw;
	font-size: 1vw;
	border-radius: 0.75vw;
	border-style: none;
}

div.revert_account_changes_submit {
	margin-left: 25vw;
	margin-right: 25vw;
	margin-top: 0.5vw;
	margin-bottom: 0.5vw;
}

input.revert_account_changes_submit {
	background-color: #43423F;
	color: #FEFEFE;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	width: 100%;
	height: 2vw;
	font-size: 1vw;
	border-radius: 0.75vw;
	border-style: none;
}

input.revert_account_changes_submit:hover {
	background-color: #222222;
	color: #FEFEFE;
	padding-top: 0.5vw;
	padding-bottom: 0.5vw;
	width: 100%;
	height: 2vw;
	font-size: 1vw;
	border-radius: 0.75vw;
	border-style: none;
}

#stage {
	margin: 1em auto;
	width: 30vw;
	height: 35vw;
}

#stage div {
	position: absolute;
	width: 30vw;
	height: auto;
	margin: 0vw;
	padding: 0vw;
}

#stage div img {
	width: 100%;
	height: auto;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

#stage div:nth-of-type(1) {
	animation-name: fader;
	animation-delay: 4s;
	animation-duration: 1s;
	z-index: 20;
}

#stage div:nth-of-type(2) {
	z-index: 10;
}

#stage div:nth-of-type(n+3) {
	display: none;
}

@keyframes fader {
	from { opacity: 1.0; }
	to   { opacity: 0.0; }
}