@charset "UTF-8";

a:link
{
	color: black;
}
	
a:visited
	{
	color: black;
	}
	
a:hover
	{
	color: #0000ff;
	}
	
a:active
	{
	color: #AAAAFF;
	}

body.main
{
	display: block;
	background-color: white;
	height: 100%;
	width: 100%;
	font-size: 100%;
	font-family: arial-black, helvetica, system;
	/* Always show the vertical scrollbar. */
	overflow-y: scroll;
	border: 0px solid red;
}

td.menu_main
{
	width: 16.5%;
	height: 6vw;
	 /* should be set to black in production */
	background-color: black;
	/* Set the position to relative so that the inner elements position can be
		controlled based on this element. */
	position: relative;
	border-width: 0px;
	padding: 0%;
	margin: 0%;
}

td.menu_end
{
	background-color: black;
	font-size: 100%;
	width: .5%;
	border-width: 0px;
	margin: 0%;
	padding: 0%;
}

div.td_footer
{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid black;
}

	
div.div_body_left
	{
	font-size: 3vw;
	font-weight: bold;
	padding-left: 5px;
	font-family: arial, helvetica, system;
	}	

div.button_gray
{
	display: block;
	position: absolute;
	display: flex; 
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center; 
	font-weight: bold;
	font-family: arial-black, helvetica, system;
	font-size: 1.4vw;
	line-height: 1.4vw;
	z-index: 1;
	border-width: 0px;
	border-color: red;
	border-style: solid;
	margin: 0px;
	padding: 0%;
	color: black;
}

img.button_gray
{
	display: block;
	width: 100%;
	height: 100%;
	padding: 0px; 
	margin: 0px; 
	border-width: 0px; 
	z-index: 1;
}	
	
.HRGradientRule
	{
	width: 98%; border: 0px; margin: 0px; padding: 0px; height: 1px; background: #333; 
 	background-image: linear-gradient(to right, #ddd, #333, #ddd);
	}

/* Children of grid-container. */
.grid-container > div {
  	background-color: transparent;
  	text-align: center;
  	padding-top: 0vw;
}