@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'square721_btroman';
    src: url("../webfonts/square_721_bt-webfont.eot");
	src: url('../webfonts/square_721_bt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../webfonts/square_721_bt-webfont.woff') format('woff'),
		 url('../webfonts/square_721_bt-webfont.ttf') format('truetype'),
		 url('../webfonts/square_721_bt-webfont.svg#webfont') format('svg');
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0;
}  
html {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 100%;
}
body {
	font-size: 0.9rem;
}
.guid {
	font-size: 0.7rem;
}
.inputfield1 {
	font-size: 0.8rem;
}
/* Navbar settings */
body {						/* loads csshover.htc so hover works in IE6 */
	behavior: url(../clients/csshover.htc)
}
#navcontainerdiv {
	text-align: center ;	/* Centres navbar for IE */
	margin: 0;				/* Clear padding and margins for navbars. */
	padding: 0;
	padding-top: 2px;
	font-family: Tahoma, Geneva, sans-serif;
	/*font-family: Verdana, Arial, Helvetica, sans-serif; */
	font-size: 1.2rem;
	font-weight:bold;
}
#navcontainerdiv ul {		/* Centres navbar for standards compliant browsers */	
	display: table;
 	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	list-style-type: none;
}
#navcontainerdiv li {
	display: table-cell;
	position: relative;
	width: auto;
} 
/* LINK settings */
#navcontainerdiv a {
	display: block;
	text-decoration: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 35px;
	padding-left: 35px;
	border: 1px solid white;
}
/* Settings for unselected links. */
/* All navbars */
#navcontainerdiv a:link, #navcontainerdiv a:visited {
	color: white; /* text */
}
/* Main navbar */
#navbar-main a:link { /* a:link and a:visited given their own blocks to deal with MS Edge white link background. */
	background-color: #FF0100;  /* Main navbar colour set to red. */
}
#navbar-main a:visited {
	background-color: #FF0100;  /* Main navbar colour set to red. */
}
/* Settings for unselected link being hovered over. */
#navcontainerdiv a:hover {
	background-color:#E60000; /* lightest maroon */
	color: white; /* text */
}
/* Upon making an Unselected Link active, change the link's background colour to a slightly brighter colour than the background colour of a Currently Selected Link. */
#navcontainerdiv a:focus {
	background-color: #FF3737; /* salmon #FF3737 */
	color: white; /* text */
}
#navcontainerdiv a:active {
	background-color:#C10000; /* maroon #C10000 */
	color: white; /* text */
}
/* Whole Submenu LIST settings */
#navcontainerdiv li ul {
	display: block;
	position: absolute; 
	padding: 0;
	text-align:left;
	width: 21em; 
	margin-left: -1000em;
}
#navcontainerdiv li ul ul { /* sub-submenu list */
	margin-top: -2.3em;
	margin-bottom: 0;
	margin-right: 0;  
	margin-left: -1000em;
	width: 20em;
}
#navcontainerdiv li:hover ul ul { /* hide sub-submenu while top level menu hovered over */
	margin-left: -1000em;
}
/* reveal Submenu LIST */
#navcontainerdiv li:hover ul,
#navcontainerdiv a:focus+ul {
	margin-left: 0;
}
/* reveal Sub-submenu LIST */
#navcontainerdiv li li:hover ul {	/* hover over submenu LIST, reveal sub-submenu */
	margin-left: 21em;
}
#navcontainerdiv li li a:hover + ul {    /* hover over submenu anchor-LINK, reveal sub-submenu  */	
	margin-left: 21em;
} 
#navcontainerdiv li li a:focus + ul {	/* submenu anchor LINK has focus, reveal sub-submenu */
	margin-left: 1021em;
}
#navcontainerdiv li:hover li a:focus + ul {	/* hover over submenu LIST and submenu LINK has Focus, reveal sub-submenu. */
	margin-left: 21em;
}
/* #navcontainerdiv li li:hover a:focus + ul {	hover over submenu LIST and submenu LINK has focus, reveal Sub-submenu 
	margin-left: 21em;
} */
#navcontainerdiv li li,
#navcontainerdiv li li a {
	display: block;
	padding: 0;
}
/* ACCESSIBILITY RULES: reveal LINK when it has (keyboard) focus. */
/* Submenu LINK with focus, mouse not hovering over navbar */
#navcontainerdiv li li a:focus {
	margin-left: 1000em;
	width: 21em;
	padding: 0;
	border-left: 0;
	border-right: 0;
}
/* Sub-submenu LINK with focus, mouse not hovering over navbar */
#navcontainerdiv li li li a:focus {
	margin-left: 2021em;
	width: 20em;
	padding: 0;
	border-left: 0;
	border-right: 0;
}
/* ACCESSIBILITY RULES: controlling interaction between mouse hover and (keyboard) focus. */
#navcontainerdiv li:hover li a:focus {	/* Hover over submenu LIST and submenu LINK has Focus, reveal LINK. */
	margin-left: 0;
/* 	background-color: pink; currently set to slightly brighter burnt orange */
}
#navcontainerdiv ul li:hover li li a:focus { /* Hover over submenu LIST and sub-submenu LINK has Focus, reveal LINK. */
	margin-left: 1021em;
}
#navcontainerdiv ul ul ul:hover li a:focus { /* Hover over SUB-SUBMENU and Sub-submenu LINK has focus, reveal LINK. */
	margin-left:0;
}
#navcontainerdiv li li a:hover + ul li a:focus { /* Hover over submenu anchor-LINK and sub-submenu LINK has focus, reveal LINK. */
	margin-left: 0;
/*	background-color: blue;  */
}
/* Colour of Currently selected link (breadcrumbs). */
/* Format: #page identifier #link identifier */
#page-welcome #link-welcome,
/* Staff Pages */
#page-MenuStaff #link-MenuStaff,
#page-StaffSummary #link-MenuStaff,
#page-StaffSummary #link-StaffSummary,
#pages-AssetAdd #link-MenuStaff,
#pages-AssetAdd #link-AssetAdd,
#pages-AssetEdit #link-MenuStaff,
#pages-AssetEdit #link-AssetEdit,
/* Admin Pages */
#page-MenuAdmin #link-MenuAdmin,
#pages-WebuserAdd #link-MenuAdmin,
#pages-WebuserAdd #link-WebuserAdd,
#pages-WebuserEdit #link-MenuAdmin,
#pages-WebuserEdit #link-WebuserEdit,
#pages-EditOrganisationsList #link-MenuAdmin,
#pages-EditOrganisationsList #link-MasterLists,
#pages-EditOrganisationsList #link-EditOrganisationsList,
#pages-EditPropertiesList #link-MenuAdmin,
#pages-EditPropertiesList #link-MasterLists,
#pages-EditPropertiesList #link-EditPropertiesList,
#pages-EditRoleList #link-MenuAdmin,
#pages-EditRoleList #link-MasterLists,
#pages-EditRoleList #link-EditRolesList,
#pages-EditCertificationsList #link-MenuAdmin,
#pages-EditCertificationsList #link-MasterLists,
#pages-EditCertificationsList #link-EditCertificationsList {
	background:#D50000; /* lighter maroon */
	color: white; /* text */
}
/* Colour of Currently selected link being hovered over. */
/* Format: #page identifier #link identifier:hover */
#page-welcome #link-welcome:hover,
/* Staff Pages */
#page-MenuStaff #link-MenuStaff:hover,
#page-StaffSummary #link-MenuStaff:hover,
#page-StaffSummary #link-StaffSummary:hover,
#pages-AssetAdd #link-MenuStaff:hover,
#pages-AssetAdd #link-AssetAdd:hover,
#pages-AssetEdit #link-MenuStaff:hover,
#pages-AssetEdit #link-AssetEdit:hover,
/* Admin Pages */
#page-MenuAdmin #link-MenuAdmin:hover,
#pages-WebuserAdd #link-MenuAdmin:hover,
#pages-WebuserAdd #link-WebuserAdd:hover,
#pages-WebuserEdit #link-MenuAdmin:hover,
#pages-WebuserEdit #link-WebuserEdit:hover,
#pages-EditOrganisationsList #link-MenuAdmin:hover,
#pages-EditOrganisationsList #link-MasterLists:hover,
#pages-EditOrganisationsList #link-EditOrganisationsList:hover,
#pages-EditPropertiesList #link-MenuAdmin:hover,
#pages-EditPropertiesList #link-MasterLists:hover,
#pages-EditPropertiesList #link-EditPropertiesList:hover,
#pages-EditRoleList #link-MenuAdmin:hover,
#pages-EditRoleList #link-MasterLists:hover,
#pages-EditRoleList #link-EditRolesList:hover,
#pages-EditCertificationsList #link-MenuAdmin:hover,
#pages-EditCertificationsList #link-MasterLists:hover,
#pages-EditCertificationsList #link-EditCertificationsList:hover {
	background-color:#E60000 ; /* lightest maroon */
}
/* Colour of Currently selected link with focus. */
/* Format: #page identifier #link identifier:focus */
#page-welcome #link-welcome:focus,
/* Staff Pages */
#page-MenuStaff #link-MenuStaff:focus,
#page-StaffSummary #link-MenuStaff:focus,
#page-StaffSummary #link-StaffSummary:focus,
#pages-AssetAdd #link-MenuStaff:focus,
#pages-AssetAdd #link-AssetAdd:focus,
#pages-AssetEdit #link-MenuStaff:focus,
#pages-AssetEdit #link-AssetEdit:focus,
/* Admin Pages */
#page-MenuAdmin #link-MenuAdmin:focus,
#pages-WebuserAdd #link-MenuAdmin:focus,
#pages-WebuserAdd #link-WebuserAdd:focus,
#pages-WebuserEdit #link-MenuAdmin:focus,
#pages-WebuserEdit #link-WebuserEdit:focus,
#pages-EditOrganisationsList #link-MenuAdmin:focus,
#pages-EditOrganisationsList #link-MasterLists:focus,
#pages-EditOrganisationsList #link-EditOrganisationsList:focus,
#pages-EditPropertiesList #link-MenuAdmin:focus,
#pages-EditPropertiesList #link-MasterLists:focus,
#pages-EditPropertiesList #link-EditPropertiesList:focus,
#pages-EditRoleList #link-MenuAdmin:focus,
#pages-EditRoleList #link-MasterLists:focus,
#pages-EditRoleList #link-EditRolesList:focus,
#pages-EditCertificationsList #link-MenuAdmin:focus,
#pages-EditCertificationsList #link-MasterLists:focus,
#pages-EditCertificationsList #link-EditCertificationsList:focus {
	background-color:#E60000; /* lightest maroon */
}