html, body  {height:100%;width:100%;margin:0;padding:0;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal; 
	font-weight: normal;
	font-size: 12pt;
	text-decoration: none;
	background:silver;
	background-color: silver;
	color:black;
	text-rendering: optimizeLegibility;
}

input, select, textarea, button {
	font-size:inherit;
}
input.btn {
	cursor:pointer;
}

.btnRight {
	float:right;
}

/*  general purpose styles */
a:focus, *:focus {outline: none;}
a:link, a:visited {text-decoration: none; color:blue;font-style:italic;}
a:active {text-decoration: none; color:blue;}
a:hover{ text-decoration: underline}

h1 {margin-top:1em; color:#7f3e98; font-weight:normal; font-size:140%; }
h2 {margin-top:1em; color:#7f3e98; font-weight:normal; font-size:120%;}
h3 {color:#7f3e98; font-size:100%; font-weight:normal;}

img {border: 0;}

.hide {display:none;}
.show {display:block;}

div#busyImage {
 position:absolute;
 top: 45%;
 left: 48%;
}

.Rag {
	background-color:red;
	color:white;
	font-weight:bold;
}
.rAg {
	background-color:orange;
	color:white;
	font-weight:bold;
}
.raG {
	background-color:green;
	color:white;
	font-weight:bold;
}
.rag {
	background-color:silver;
	color:white;
	font-weight:bold;
}


/* centre align */
.align {
	position:absolute;
	top: 50%;
	left: 50%;
	width:400px;
	height:300px;
	margin-top: -150px; /*set to a negative number 1/2 of height*/
	margin-left: -200px; /*set to a negative number 1/2 of width*/
	border: 2px solid blue;
	background-color: yellow;
   	text-align: center;
}
.centertext {
	text-align:center;
}


#logHDR {
	display:inline-block;
	margin:0 0 0 0;
	width:100%;
}

#hdr {
	display:inline-block;
	margin:0 0 0 0;
	width:100%;
	background-color:#808080
}
#hdr img {
	margin:1em;
	float:right;
}
#processHeading {
	float:left;
}
#hdr h1 {
	margin-top:0;
	margin-bottom:0;
	padding:0.75em 1em 0.5em 0;
	color:white;
}
#hdr h2 {
	margin-top:0;
	margin-bottom:0;
	padding:0 1em 0.5em 0;
	color:white;
}

#ftr {
	display:inline-block;
	margin:0 0 1em 0;
	width:100%;
	background-color:#808080
}
.footerText {
	font-size:small;
	margin-left:0.5em;
}
#footerLogo {
	float:right;
}

#main {
	clear:both;
	margin:1em;
}

.pageMessage {
	color:blue;
	font-size:large;
	font-weight:bold;
	border:thin blue solid;
	margin:1em 0em;
	padding:1em;
}

ul.menu1 {
	float:left;
	list-style-type:none;
	margin:1em 1em 0 1em;
	padding:0;	
	width:300px;
/*	border:thin silver solid;*/
}
ul.menu1 li {
	display:block;
	margin:0 auto 0.25em auto;
	padding:0.25em 0 0 0;
	width:170px;
	height:1.5em;
	text-align:center;
	background:#a00000;
	color:white;
	border-bottom:thin white dotted;
}

ul.menu1 li.menuNormal {
}
ul.menu1 li.menuHover {
	cursor:pointer;
	background:#d90000;
}
ul.menu1 li.menuHover {
	font-weight:bold;
}
ul.menu1 li.menuSelected {
	background:#ff0000;
}

/* styles for page error messages */
#pagemsg {
	display:block;
    margin: 10px;
    padding: 1em;
    width:80%;
	background: #387DB2;
	border:1px #387DB2 solid;
	color:white; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-opera-border-radius:6px;
	-khtml-border-radius:6px; 
	border-radius:6px;
}

#pagemsg h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	color:white;
}

#pagemsg ul {
  list-style-type:disc;
  font-size: 1em;
  font-weight: normal;
  margin-left:5px;
/*  color :black;*/
  color:white;
}

#pagemsg a:link, #pagemsg a:active, #pagemsg a:visited {color:white;}

/* styles for inline error messages */
.inlinemsg {
	display:block;
    margin: 10px;
    padding: 1em;
    width:80%;
	background: #387DB2;
	border:1px #387DB2 solid;
	color:white; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-opera-border-radius:6px;
	-khtml-border-radius:6px; 
	border-radius:6px;
}

.inlinemsg h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	color:white;
}

/* styles for fields */
.flderror {
	background:#FFCCCC;
}

.symbol {
	font-family: Arial Unicode MS, Lucida Grande;
}



/*
body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}
*/

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  opacity: 0.65;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../images/fawkes-bo-bg-1024x683.jpg");
  height: 100%;
}

div.panel-main {
	float: left;

	border:1px #999 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
	margin: 10px 10px 10px 10px;
	padding: 15px 15px 15px 15px;
	/* fallback (Opera) */
	background: white;
	background-color: white;
	/* Mozilla: */
/*	background-color: -moz-linear-gradient(top, #FFFF77, #FFFFBB);*/
/*	background: -moz-linear-gradient(top, #FFFF77, #FFFFBB);*/
	/* Chrome, Safari:*/
/*	background-color: -webkit-gradient(linear, left top, left bottom, from(#FFFF77), to(#FFFFBB));*/
/*	background: -webkit-gradient(linear, center top, center bottom, from(#FFFF77), to(#FFFFBB));*/
	/* MSIE */
/*	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFF77', endColorstr='#FFFFBB', gradientType='0');*/
/*
    vertical-align: middle;
	margin:0.3em;
	padding: 8px;
	width:100%;
	border:1px #999 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
	-khtml-border-radius:8px;
	border-radius:8px;
*/
}

/* styles for panel formatted text */
div.panel-full {
	width:90%;
}

/* styles for panel formatted text */
div.panel-formatted {
	display:block;
    margin: 10px;
    padding: 1em;
    width:80%;
	background: silver;
	border:1px black solid;
	color:black; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-opera-border-radius:6px;
	-khtml-border-radius:6px; 
	border-radius:6px;
}

ul.formatted {
	margin:0 auto 0 auto;
    padding-inline-start: 0px;
}
ul.formatted li {
	list-style-type:none;
	margin:0 auto 0.25em auto;
	padding:0.25em 0 0.25em 0;
	width:90%;
	height:auto;
	text-align:left;
	background:silver;
	color:black;
	border-bottom:thin white solid;
}

div.panel-formatted img {
	width:100%;
	height:auto;
}

.indent1 {margin-left:1em;}
.indent2 {margin-left:2em;}
.indent3 {margin-left:3em;}
.indent4 {margin-left:4em;}
.indent5 {margin-left:5em;}
.indent6 {margin-left:6em;}
.indent7 {margin-left:7em;}
.indent8 {margin-left:8em;}
.indent9 {margin-left:9em;}
.indent10 {margin-left:10em;}