@charset "utf-8";
/* CSS Document */
@font-face {
font-family: "GHEA Mariam";
		 font-style: normal;
		 font-weight: normal;
		 font-display: block;
src: url('../fonts/gheamariamreg.eot') format('eot');
src: local('GHEA Mariam Regular'),
		 local('GHEA Mariam'),
		 url('../fonts/gheamariamreg.woff') format('woff'),
	 	 url('../fonts/gheamariamreg.ttf') format('truetype'),
		 url('../fonts/gheamariamreg.eot?#iefix') format('embedded-opentype');
}

@font-face {
font-family: "GHEA Mariam";
		 font-style: italic;
		 font-weight: normal;
		 font-display: block;
src: url('../fonts/gheamariamit.eot') format('eot');
src: local('GHEA Mariam Italic'),
		 url('../fonts/gheamariamit.woff') format('woff'),
	 	 url('../fonts/gheamariamit.ttf') format('truetype'),
		 url('../fonts/gheamariamit.eot?#iefix') format('embedded-opentype');
}

@font-face {
font-family: "Arian AMU";
		 font-style: normal;
		 font-weight: normal;
		 font-display: block;
src: url('../fonts/arianamu.eot') format('eot'),
src: local('Arian AMU Regular'),
		 url('../fonts/arianamu.woff') format('woff'),
	 	 url('../fonts/arianamu.ttf') format('truetype'),
		 url('../fonts/arianamu.eot?#iefix') format('embedded-opentype');
}

@font-face {
font-family: "Arian AMU";
		 font-style: italic;
		 font-weight: normal;
		 font-display: block;
src: url('../fonts/arianamuit.eot') format('eot'),
src: local('Arian AMU Italic'),
		 url('../fonts/arianamuit.woff') format('woff'),
	 	 url('../fonts/arianamuit.ttf') format('truetype'),
		 url('../fonts/arianamuit.eot?#iefix') format('embedded-opentype');
}

html, body {
	height:100%;
	margin:0;
	padding:0;
}
body {
	font-family:"GHEA Mariam", serif;
	font-size:16px;
	background-image:url("../images/bckgrnd.jpg");
	background-size:100% 100%;
}
input, select, textarea {
	font-family:"GHEA Mariam", serif;
	font-size:16px;
	border: thin solid black;
	border-radius:6px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
button {
	font-family:"GHEA Mariam", serif;
	font-size:16px;
	border:thin solid black;
	border-radius:6px;
}
pre {
	font-family:"Arian AMU", sans-serif;
	color:blue;
}
h1, h2, h3, h4, h5, h6 {
	text-align:center;
}
option, button, label {
	cursor:pointer;
}
textarea {
	resize:none;
}

/* Pseudoclasses */

:disabled {
	cursor:not-allowed;
}

/* Classes */
.right {
	text-align:right;
}
.centre {
	text-align:center;
}
.left {
	text-align:left;
}

img.inbutton {
	position:relative;
	top:2px;
	height:16px;
	margin-right:8px;
}
img.incell {
	position:relative;
	top:2px;
	height:1em;
}

button.good {
	color:black;
	background-color:lightgreen;
}
button.bad {
	color:red;
	background-color:lightgrey;
}
button.change {
	color:black;
	background-color:lightblue;
}

/* IDs */
#mainDiv {
	margin:0;
	padding:0;
	position:relative;
	top:4.5em;
	height:calc(100% - 4.5em);
	overflow:auto;
}

#info, .info {
	display:inline-block;
	position:relative;
	padding:1em 2em;
	border:thin solid black;
	border-radius:12px;
	background:rgb(190,202,202);
	box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 8px 0px rgba(0,0,0,0.75);
}

#container, .container {
	display:inline-block;
	position:fixed;
	padding:1em 2em;
}

#menuDiv, #adminDiv {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:3.5em;
	border-bottom:thin solid black;
	text-align:center;
	vertical-align:central;
	padding-top:1em;
	background:rgb(190,202,202);
	font-family:"Arian AMU", sans-serif;
}
#menuDiv > button, #popaDiv > button, #adminDiv > button {
	margin:0.4em 0.5em 0;
	font-weight:bold;
	padding:0.2em 1em;
}
#menuDiv > button:disabled, #popaDiv > button:disabled, #adminDiv > button:disabled {
	font-weight:normal;
	color:green;
}
#menuDiv > p, #navDiv > p, #adminDiv > p {
	display:inline;
	color:black;
}