body,table {
 margin: 0;
}
.warning {
	font-weight: bold;
	color: #FF0000;
}
.green {
	font-weight: bold;
	color: #00AA00;
}
body,.warning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
header {
 text-align: center;
 padding: 10px;
 color: #000;
 position: relative;
}
header h1 {
 margin:5px;
 font-size: 16px;
 clear: left;
 font-weight: normal;
 text-align: right;
}
header a {
 color: #fff;
 text-decoration: none;
}
header #notification {
	font-weight: bold;
	color: #FF0000;
 font-size: 16px;
 position: fixed;
 top:0;
 left:0;
 z-index: 10000;
 background-color: #fff;
 padding: 2px;
}
.animated {
 animation:signup-response 0.5s 1;
 animation-fill-mode: forwards;
 animation-delay:5s;
}
@keyframes signup-response {
 from {opacity :1;}
 to {opacity :0;}
}
.maincontent {
 text-align: center;
 padding: 10px;
}
.loginbox,.form {
 width: 330px;
 margin:10px auto;
 text-align: left;
 margin-top: 25px;
}
.loginbox input[type=text],.loginbox input[type=password],#criteria {
 width: 140px;
}
label {
 display: inline-block;
 margin:5px;
 font-weight: bold;
 width:140px;
 text-align: right;
}
.loginbox label {
 width:100px;
}
.field {
 margin:3px;
}
.form label {
 display: block;
 text-align: left;
 margin:0;
}
.form .field {
 margin:15px 0 0 0;
}
#logo {
 width:15%;
 min-width: 100px;
}
.ss {
 position: fixed;
 bottom: 0;
 right: 0;
 width:100px;
 font-size: 11px;
 margin: 10px;
}
.ss p {
 margin:3px;
}
nav ul {
 list-style: none;
 margin: 0 auto;
 padding: 0;
}
nav li {
 padding: 5px;
 display: inline-block;
 margin: 2px;
 background-color: #291052;
 font-weight: bold;
}
nav .active,nav li:hover {
 background-color: #6c5c9f;
}
.bigbutton {
 padding: 10px;
 background-color: #6c5c9f;
 color: #fff !important;
 font-weight: bold;
 font-size: 18px;
 text-decoration: none;
 border-radius: 5px;
}
.buttonspace {
 margin:30px 0;
}
.yes {
 color:#0A0;
 font-weight:bold;
}
table {
 margin: auto;
 text-align: left;
 position: relative;
}
thead {
 position: sticky;
 top: 0;
}
th {
 color: #fff;
 font-size: 16px;
}
.notehead {
 color: #fff;
}
th,td {
 padding: 3px;
}
.greycells td {
 background-color: #eee;
}
th,.notehead {
 background-color: #031f51!important;
}
th a {
 color: #fff;
 text-decoration: none;
}
.halfcol {
 float:left;
 width: 50%;
 min-width: 330px;
}
.onethirdcol {
 float:left;
 width: 33%;
 min-width: 330px;
}
fieldset {
 width: 330px;
 margin: 10px auto;
 text-align: left;
}
fieldset p {
 margin: 2px;
}
legend {
 font-weight: bold;
 font-size: 16px; 
}
.rightheadings th {
 text-align: right;
}
.small {
 font-size: 12px;
}
.amendinfo {
 display: none;
}
.fullwidth {
 width: 100%;
 max-width: 500px;
}
.fullwidth textarea {
 width: 98%;
}
.ui-widget-overlay {
 opacity: 0.3!important;
}
#sections {
 text-align:left;
}
#sections table {
 border-collapse: collapse;
}
#sections table td,#sections table th {
 border:solid #aaa 1px;
}
.box {
 border: solid 1px #000;
 border-radius: 5px;
 padding: 5px;
 margin: 5px;
}
.box img {
 float: left;
 margin:2px;
 height: 266px;
}
#recommendationsdialog .box img {
 height: 180px;
}
.newaudit {
 width:300px;
 margin: 20px auto;
}
.imgbox {
 height: 270px;
 width: 200px;
 border: 1px solid #000;
 padding: 5px;
 border-radius: 8px;
 float: left;
 margin: 5px;
 text-align: center;
}
.imgbox img {
 max-width: 180px;
 max-height: 230px;
}
.recommendations {
 display:none;
}
.combocontainer ul {
	position: absolute;
	list-style: none;
	z-index: 100;
	background-color: #fff;
	margin: 0;
	padding: 0;
	left: 95px;
	width: 174px;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	display: none;
}
.combocontainer ul li {
	padding: 2px;
	cursor: pointer;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}