@media only screen and (pointer: coarse) and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

select {
        margin-bottom: 3px;
        margin-top: 3px;
        font-family: cursive, sans-serif;
		font-size: .8em;
        outline: 0;
        background: #2ecc71;
        color: #fff;
        border: 1px solid crimson;
        padding: 2px;
        border-radius: 9px;
 }
 
input {
	margin-bottom: 3px;
	margin-top: 3px;
	font-family: verdana, sans-serif;
	font-size: .8em;
	outline: 0;
	background: #2ecc71;
	color: #000;
	border: 1px solid crimson;
	padding: 2px;
	border-radius: 9px;
  }
/* Added by GLD -------------------------------------- */
#template1 .galWrapper{background:#2f4159;}
#template1 .contentArea{position: absolute; top: 0px; left:0px; width:800px; height:600px; display:block;}
#template1 .img1{position: absolute; top:0; left:0;}

#template1 .footer{position: absolute; top: 0px; left:0px; width:800px; height:600px; display:block;}

.activemenuli { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-STYLE: normal; BACKGROUND-COLOR: transparent;  FONT-FAMILY: Verdana, arial, helvetica, serif; }
.activemenuli A:link {text-decoration: none; color: #FFFFFF;}
.activemenuli A:visited {text-decoration: none; color: #FFFFFF;}
.activemenuli a:hover {color:#FFFFFF; border-bottom:2px #FFFFFF solid;}

/* end Added by GLD -------------------------------------- */

.status {
	position: relative;
	padding: 1em 2em;
	background: rgba(255,255,255,.4);
	font-size: 1em;
	color: #000;
}

.status::before {
	content: "Status: ";
	text-transform: uppercase;
	color: #555;
}

button {
	margin: 10px auto 50px;
	padding: .5em 1em;
	font-size: 1.2em;
	background: #0fe2d3;
	color: #444;
	border: 0;
	text-transform: uppercase;
	border-radius: 6px;
}

button:hover {
	background: #0cada3;
}

button:disabled {
	opacity: .5;
}