/*@import "//fast.fonts.com/t/1.css?apiType=css&projectid=9b56e46c-ca10-4c28-995b-23aff6dcfa49";*/
@font-face {
    font-family: "hn";
    font-weight:300;
    font-style: normal;
    src: url("../../../../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../../../../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../../../../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../../../../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}
@font-face {
    font-family: "hn";
    font-weight: normal;
    font-style: normal;
    src: url("../../../../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("../../../../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("../../../../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("../../../../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face {
    font-family: "hn";
    font-weight: bold;
    font-style: normal;
    src: url("../../../../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("../../../../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("../../../../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("../../../../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}
@font-face {
    font-family: "hw";
    font-style: normal;
    font-weight: normal;
    src: url("../../../../fonts/hw.eot?#iefix") format("embedded-opentype"), url("../../../../fonts/hw.woff") format("woff"), url("../../../../fonts/hw.ttf") format("truetype");
}

:root {
	--white: #FFFFFF;
	--basecolour: #1f243d;
	--backgroundbody: var(--white); /*#1f243d;*/
	--backgroundcontainer: var(--white); /*#1f243d;*/
	--backgroundheader: var(--white); /*#1f243d;*/
	--backgroundcontent: var(--white); /*#1f243d;*/
	--textcolour: #333333;
	--header1textcolour: #c1292d;
	--header2textcolour: #660000;
	--header3textcolour: #660000;
	--complete: #76D00B;
	--incomplete: #F08400;
	--error: #BD0946;
	--info: #000066;
	--annotation: #F08400;
	--signoff: #F08400;
	--notsaved: #37A8DC;
	--notrequired: #37A8DC;
	--disabled: #EEEEEE;
	--disabledtext: #000000;
	--transferredin: #9E557C;
	--transferredout: #9E557C;
	--archivedelete: #000000;
	--locked: #E9E9E9;
	--lockedtab: #C9C9C9;
	--menucolour: #c1292d;
	--menucolourtext: #FFFFFF;
	--menucolourbackground1: #c1292d;
	--menucolourbackground2: #c1292d;
	--menucolourselected: #B20121;
	--menucolourselectedtext: #FFFFFF;
	--buttoncolour: #B20121;
	--buttoncolourborder: #c1292d;
	--buttonhovercolour: #FFFFFF;
	--buttonhovercolourborder: #c1292d;
	--selectionbackground: #DDDDDD;
	--selectiontext: #C1292D;
	--bordercolour: #DDDDDD;
	--maxwidth: 1200;
	--maxwidthpx: 1200px;
	--maxwidthRadGrid: 1154px;
	--maxwidthTabContainerInner: 1160px;
	--minwidth: 520;
	--minwidthpx: 520px;
	--minwidthcontainerpx: 540px;
	--textradius: 4px;
	--radgridcolour: #221652;
}

body {
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	font-size: 85%;
	color: #333333;
	color: var(--textcolour);
	background-color: #FFFFFF;
	background-color: var(--backgroundbody);
	padding: 0;
	letter-spacing: 0;
}

.clear {
	clear: both;
}

::-moz-selection {
	background: #FFCC00;
	background: var(--selectionbackground);
	color: #333333;
	color: var(--selectiontext);
	text-shadow: none;
}

hr {
	display: block;
	color: #DDDDDD;
	background-color: #DDDDDD;
	overflow: hidden;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	margin-left: auto;
	margin-right: auto;
	border: none;
	height: 1px;
}

::selection {
	background: #FFCC00;
	background: var(--selectionbackground);
	color: #333333;
	color: var(--selectiontext);
	text-shadow: none;
}

.containerCC {
	float: left;
	width: 100%;
	min-width: 640px;
	min-width: var(--minwidthcontainerpx);
	margin: 0;
	padding: 0;
	text-align: center; /* ie6 fix */
}

.outer {
	/*The following line actually causes ie6 to freeze when resizing*/
	/*width: expression((document.body.clientWidth < 620)? "620px" : (document.body.clientWidth > 960)? "960px" : "auto");*/ /*IE6Fix*/
	width: expression((document.body.clientWidth > 960)? "960px" : "auto !important");
	width: expression((document.body.clientWidth > var(--maxwidth))? var(--maxwidthpx) : "auto !important");
	min-width: 620px;
	min-width: var(--minwidthpx);
	max-width: 960px;
	max-width: var(--maxwidthpx);
	margin-right: auto;
	margin-left: auto;
	overflow: visible;
	padding: 0;
	text-align: left;
	/*background-color: #c1292d !important;*/
}

/*.containerCC .outer {
    min-width: 620px;
}*/

body, input, select, td {
	font-family: 'Open Sans', sans-serif;
}

	body.popup {
		margin: 10px;
		background-color: #FFFFFF;
	}

label {
	/*padding-right: 5px;*/
}

span label {
	white-space: normal;
}

/*#region Common styles*/
h1 {
	color: #c1292d;
	color: var(--header1textcolour);
}

h2 {
	color: #660000;
	color: var(--header2textcolour);
}

h3 {
	color: #660000;
	color: var(--header3textcolour);
}

h4, h5, h6 {
	color: #274D6C;
	color: var(--textcolour);
}

h1 {
	font-size: 130%;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #c1292d;
	padding-bottom: 10px;
	margin-top: 5px;
}

h2 {
	font-size: 130%;
	padding-bottom: 0px;
	margin-top: 13px;
	font-family: 'Open Sans', sans-serif;
}

h3 {
	font-size: 110%;
	font-weight: bold;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 6px;
}

h5 {
	font-size: 90%;
	font-weight: normal;
	padding-bottom: 0;
	margin-bottom: 0;
}

h6 {
	font-size: 85%;
	font-weight: normal;
}

A, A.Visited {
	color: #274d6c;
	text-decoration: none;
}

	A:hover {
		color: #91A332;
		text-decoration: underline;
	}

input[disabled], select[disabled], checkbox[disabled], textarea[disabled],
input[readonly], select[readonly], checkbox[readonly], textarea[readonly] {
	background-color: #EEEEEE !important;
	background-color: var(--disabled) !important;
	color: #000000;
	color: var(--disabledtext);
	cursor: default;
}

.ReadOnlyText {
	border: 0px none !important;
	background-color: transparent !important;
	background: transparent !important;
}

img, input[type=image] {
	border-style: None !important;
}

.highlight {
	background-color: lightcoral;
}

/*#####################################*/

/*button, input[type=button], input[type=submit], input[type=reset], */
.linkbutton, .buttonLink, .signoutLink, .signoutButton { /*, .help, .helpcomment, .helpannotation { */
	background-color: #B20121 !important;
	background-color: var(--buttoncolour) !important;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF !important;
	font-size: 100%;
	padding: 3px 8px 4px 8px;
/*	border-radius: 50px; */
	margin-bottom: 4px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid #CCCCCC;
   	border: 1px solid var(--buttoncolourborder);
	/*background-color:#595959 !important;
	
	
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF !Important;
	font-size: 90%;
	padding: 3px 8px 4px 8px;
    	margin-bottom: 4px;
	text-decoration:none;
	text-shadow:0 1px 0 #154682;*/
}

.linkbuttonLarge, .buttonLinkLarge, .signoutLinkLarge, .signoutButtonLarge, .helpLarge, .helpannotationLarge {
	background-color: #B20121 !important;
	background-color: var(--buttoncolour) !important;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF !Important;
	font-size: 150%;
	padding: 13px 28px 14px 28px;
	margin-bottom: 4px;
	font-weight: 800;
	text-decoration: none;
	border: 2px solid #CCCCCC;
	border: 2px solid var(--buttoncolourborder);
	/*background-color:#595959 !important;
	
	
	display:inline-block;
	cursor:pointer;
	color:#FFFFFF !Important;
	font-size: 90%;
	padding: 3px 8px 4px 8px;
    	margin-bottom: 4px;
	text-decoration:none;
	text-shadow:0 1px 0 #154682;*/
}

.buttonSubLinkSave {
	border-color: #00FF00;
}

.buttonSubLinkClose {
	border-color: #FF0000;
}

input[type=button] .help, input[type=submit] .help, .linkbutton .help, .help {
	background-color: #FF7BB6;
	border: 2px solid #C1292D;
/*	-moz-border-radius: 13px;
	border-radius: 13px; */
/*	padding: 3px 8px 4px 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 0;
	margin-bottom: 0; */
}

input[type=radio] {
	display: inline-block;
	cursor: pointer;
	margin-right: 0;
	margin-left: 4px;
	margin-top: 0;
	margin-bottom: 10px;
}

input[type=file] {
	cursor: pointer;
}

	/*Yellow selected radio buttons*/
/*	input[type=radio]:checked {
		outline: 1px solid #222;
		outline-oFFset: -2px;
		-webkit-box-shadow: 0 0 0 3px #fd0;
		box-shadow: 0 0 0 3px #fd0;
	}*/

.help, .helpcomment, .helpannotation, .helpannotationopen, .helpannotationreplied, .helpannotationclosed {
	display: inline-block;
	cursor: pointer;
	font-size: 100%;
	font-weight: 500;
	-moz-border-radius: 13px;
	border-radius: 13px; /*Round help buttons */
	padding: 1px 8px 3px 8px; /*Round buttons */
/*	padding: 3px 8px 4px 8px; */ /*Square buttons */
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #9E557C;
	border: 1px solid var(--buttoncolourborder);
}


.help, .helpannotation {
	background-color: #B20121 !important;
	background-color: var(--buttoncolour) !important;
	border: 1px solid #C1292D;
	border: 1px solid var(--buttoncolourborder);
	color: #FFFFFF !important;
}


.helpcomment {
	background-color: #BD0946 !important;
	border: 1px solid #C1292D;
	border: 1px solid var(--buttoncolourborder);
	color: #FFFFFF !Important;
}

.helpannotationopen {
	background-color: #BD0946 !important;
	background-color: var(--error) !important;
	border: 1px solid #C1292D;
	border: 1px solid var(--buttoncolourborder);
	color: #FFFFFF !Important;
}

.helpannotationreplied {
	background-color: #F08400 !important;
	background-color: var(--incomplete) !important;
	border: 1px solid #C1292D;
	border: 1px solid var(--buttoncolourborder);
	color: #FFFFFF !Important;
}

.helpannotationclosed {
	background-color: #76D00B !important;
	background-color: var(--complete) !important;
	border: 1px solid #C1292D;
	border: 1px solid var(--buttoncolourborder);
	color: #FFFFFF !Important;
}

.helptooltip > .helptooltiptip {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.15s cubic-bezier(0.5, 1, 0.25, 1);
	z-index: 50;
}

.helptooltip > .helptooltiptip {
	padding: 5px;
	max-width: 60%;
	max-height: 800px;
	border-radius: 3px;
	-moz-box-shadow: 4px 2px 3px #aaa;
	-webkit-box-shadow: 4px 2px 3px #aaa;
	background: rgba(255, 255, 255, 1);
	box-shadow: 4px 2px 3px #aaa;
	border: 2px solid rgba(188, 0, 0, 0.85);
	color: rgba(85, 85, 255, 0.85);
	top: 50px;
	left: 0px;
	right: 0px;
	margin: auto auto;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.2;
	white-space: normal;
}

.helptooltip:hover > .helptooltiptip {
	visibility: visible;
	opacity: 1;
}

/*button:hover, input[type=button]:hover, input[type=submit]:hover,*/
.linkbutton:hover, .buttonLink:hover, .signoutLink:hover, .signoutButton:hover, .help:hover, .helpannotation:hover {
	background-color: #FFFFFF !important;
	background-color: var(--buttonhovercolour) !important;
	text-decoration: none;
	color: #B20121 !important;
	color: var(--basecolour) !important;
	border: 1px solid #9E557C;
	border: 1px solid var(--buttoncolour);
	transition: background 0.50s ease, border-color 0.50s ease, color 0.50s ease;
	/*background-color:#000000;
	text-decoration:none;
	color:#FFCC00 !Important;*/
}

.buttonLinkLG {
	background-color: #595959 !important;
	display: inline-block;
	cursor: pointer;
	color: #B20121 !important;
	color: var(--buttoncolour) !important;
	font-size: 105%;
	font-weight: 500;
	padding: 3px 8px 4px 8px;
	margin-bottom: 4px;
	text-decoration: none;
}

	.buttonLinkLG:hover {
		background-color: #B20121 !important;
		background-color: var(--buttonhovercolour) !important;
		text-decoration: none;
		color: #222 !Important;
	}

button[disabled], button[disabled]:hover, .buttonLink[disabled], .buttonLink.aspNetDisabled, .buttonLink.aspNetDisabled:hover, .buttonLink[disabled]:hover
/*, html input[disabled], html input[disabled]:hover */
{
	box-shadow: inset 0 0 0 0 #787878;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #CCCCCC), color-stop(1, #AAAAAA));
	background: -moz-linear-gradient(top, #CCCCCC 5%, #AAAAAA 100%);
	background: -webkit-linear-gradient(top, #CCCCCC 5%, #AAAAAA 100%);
	background: -o-linear-gradient(top, #CCCCCC 5%, #AAAAAA 100%);
	background: -ms-linear-gradient(top, #CCCCCC 5%, #AAAAAA 100%);
	background: linear-gradient(to bottom, #CCCCCC 5%, #AAAAAA 100%);

	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ba2', endColorstr='#005a8b',GradientType=0);*/
	background-color: #CCCCCC;
	border: 2px solid #EEEEEE;
	text-shadow: 0 0 0 #000000;
	color: #777777 !important;
}

.buttonLink:active, .signoutLink:active, .signoutButton:active {
	position: relative !important;
	top: 1px !important;
}

.rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg); /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%; /* Should be unset in IE9+ I think. */
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
}

.sideButton {
	border-color: #CCCCCC !important;
	border-color: var(--bordercolour) !important;
	border-style: solid solid none solid !important;
	border-top-width: 1px !important;
	border-right-width: 1px !important;
	border-left-width: 1px !important;
	border-bottom-width: 0 !important;
	padding-top: 0px !important;
	padding-bottom: 3px !important;
	margin-bottom: 0 !important;
	text-align: right !important;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 145%;
	/*background-color: #b20121;*/
	/*background-color: var(--buttoncolour);*/
	/*animation: blinker 1s linear infinite;*/
}

/*#Audit/Bottom buttons#*/
.bottombuttons {
	text-align: right;
	padding-top: 20px;
	padding-bottom: 0;
}



/*#####################################*/

/*button, input[type=button], input[type=submit], input[type=reset]
{
	margin: 4px;
	padding: 2px 4px 4px 4px ;
	background-color: #477BB6;
	border: 1px solid #1D5DA6;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}*/

/*.linkbutton
{
	margin: 4px !important;
	padding: 2px 4px 4px 4px !important;
	background-color: #477BB6 !important;
	border: 1px solid #1D5DA6 !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
	text-decoration: none !important;
}*/



/*Remove extra padding from firefox buttons*/
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}

/*
input[type=button]:hover, input[type=submit]:hover
{
	background-color: #326CAE;
	text-decoration: none;
	color: #FFFFFF;
}
*/

/*
.linkbutton:hover
{
	background-color: #326CAE !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
*/

label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	/*padding-left: 4px;*/
}

.rblStyle {
	white-space: nowrap;
}

	.rblStyle label {
		/*display: block;*/
		white-space: normal;
		/*display: inline-block; 
	    display: inline-flex;*/
		vertical-align: top;
		/*display: inline-table;*/
		padding-left: 4px;
		padding-right: 5px;
		/*margin-top: 2px;*/
	}

	.rblStyle input {
		margin-top: 3px;
		vertical-align: top;
	}

	.rblStyle td {
		padding-right: 14px;
	}

.chkStyle {
	white-space: nowrap;
}

	.chkStyle label {
		white-space: nowrap;
		/*vertical-align: top;*/
		/*padding-left: 4px;*/
		/*padding-right: 5px;*/
		margin-top: 4px;
	}

	.chkStyle input[type='checkbox'] {
		margin-top: 5px;
	}

.chkStyleCannotChange {
	pointer-events:none;
}
/*Set check boxes and radio buttons to use images*/
/*input[type=checkbox]:not(old),
.rblStyle input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}
input[type=checkbox]:not(old) + label,
.rblStyle input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  line-height  : 24px;
}
input[type=checkbox]:not(old):checked + label{
  background   : url("../../images/buttons/checksselected.png") no-repeat 0 0;
}

.rblStyle input[type=radio]:not(old):checked + label{
  background   : url("../../images/buttons/checkstick.png") no-repeat 0 0;
}

input[type=checkbox]:not(old) + label,
.rblStyle input[type=radio]:not(old) + label{
  background   : url("../../images/buttons/checksblank.png") no-repeat 0 0;
}*/


table {
	border-collapse: collapse;
	border: 0;
	border-spacing: 0;
}

	table.accountTable {
		border-spacing: 8px !important;
		border-collapse: separate !important;
	}

	table.formTable {
		border-spacing: 8px !important;
		border-collapse: separate !important;
	}

.SavedPanel {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 3px;
	z-index: 1000;
	/*opacity: 0.8;
  filter: alpha(opacity=80);*/
}

/* IE6 position fixed Bottom */
* html .SavedPanel {
	position: absolute;
	width: 100%;
	bottom: auto;
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}


.SavedPanelPrimaryErrors {
	background-color: #BD0926;
}

.SavedPanelSecondaryErrors {
	background-color: #F0B400; /* was #F08400*/
}

.SavedPanelSecondaryAnnotations {
	background-color: #CCCC00;
}

.SavedPanelSecondarySignOff {
	background-color: #FFAAAA;
}

.SavedPanelNoErrors {
	background-color: #76D00B;
	background-color: var(--complete);
}

.SavedClose {
	float: right;
	display: block;
	padding: 0px 5px;
	text-decoration: none;
	background: #666666;
	border: solid 1px #666666;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 90%;
	margin-right: 6px;
	font-weight: bold;
}

a.SavedClose:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.SavedMessageText {
	color: #FFFFFF;
	font-weight: bold;
}

.SavedMessageTextAlt {
	color: #000000;
	font-weight: bold;
}

.SavedErrors a, .SavedErrors a:hover {
	color: #FFFFFF;
}

/*NOT USED
.ErrorMessageBottom, a:hover.ErrorMessageBottom { color: #FFFFFF;}
*/

div.ValidationSummary {
	background: #f6e3e4;
	margin: 0 0 20px 0;
	border: 1px solid #BD0926;
	border: 1px solid var(--error);
	padding: 9px 20px 16px 50px;
}

	div.ValidationSummary ul li.Complete, .MsgComplete, .MsgSaved {
		color: #76D00B;
		color: var(--complete);
	}

.MsgInfo {
	color: #000066;
	color: var(--info);
}

div.ValidationSummary ul li.Incomplete, .MsgIncomplete, .MsgWarning, a:hover.MsgWarning {
	color: #F08400;
	color: var(--incomplete);
}

div.ValidationSummary ul li.Error, .MsgError, a:hover.MsgError {
	color: #BD0946;
	color: var(--error);
}

div.ValidationSummary ul li.Error, .MsgAnnotation, a:hover.MsgAnnotation {
	color: #F08400;
	color: var(--annotation);
}

div.ValidationSummary ul li.Error, .MsgSignOff, a:hover.MsgSignOff {
	color: #F08400;
	color: var(--signoff);
}

div.ValidationSummary ul li.NotSaved, .MsgNotSaved {
	color: #37A8DC;
	color: var(--notsaved);
}

div.ValidationSummary ul li.NotRequired, .MsgNotRequired {
	color: #37A8DC;
	color: var(--notrequired);
}

span.MsgWarning, span.MsgError, span.MsgAnnotation, span.MsgSignOff {
	/*padding: 2px 15px 2px 25px;*/
	top: 1px;
	position: relative;
	font-weight: bold;
	white-space: normal;
}

/*#colour entire row*/
tr.MsgComplete {
	/*defining colour not needed*/
	/*background: #FFFFFF;*/
}

tr.MsgWarning {
	background: #FFEEAA;
}

tr.MsgError {
	border-style: solid;
	border-color: #BD0926;
	background: #f6e3e4;
}

tr.MsgInfo {
	background: #CCFFFF;
}

tr.MsgAnnotation {
	background: #FFFF66;
}

tr.MsgSignOff {
	background: #FFDDDD;
}

tr.MsgComplete td, tr.MsgWarning td, tr.MsgError td, tr.MsgInfo td, tr.MsgAnnotation td, tr.MsgSignOff td {
	vertical-align: top;
}

.SavedClose {
	float: right;
	display: block;
	padding: 0 5px;
	text-decoration: none;
	background: #666666;
	border: solid 1px #666666;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 90%;
	margin-right: 6px;
	font-weight: bold;
}

/*span.MsgError {
	color: var(--error);*/
	/*background-color: #F6E3E4;
	border: 1px solid var(--error);*/
	/*background: #F6E3E4 url(../../images/exclamation3.gif) no-repeat 2px 2px;*/
	/*background: url(../../images/exclamation3.gif) no-repeat 2px 2px;*/
/*}*/
/*span.MsgWarning {
    color: var(--incomplete);*/
	/*background-color: #FFF090;
    border: 1px solid #F08400;*/
	/*background: #FFF090 url(../../images/exclamation6.gif) no-repeat 2px 2px;*/
	/*background: url(../../images/exclamation6.gif) no-repeat 2px 2px;*/
/*}*/


a.MsgWarning, a.MsgError, a.MsgInfo, a.MsgAnnotation, a.MsgSignOff {
	text-decoration: none;
	font-weight: bold;
}

a:hover.MsgWarning, a:hover.MsgError, a:hover.MsgInfo, a.MsgAnnotation, a.MsgSignOff {
	text-decoration: underline;
	font-weight: bold;
}

.SearchTable td {
	padding: 3px;
}

/*#region ACNS/Audit/Tabs#*/
table.tabs {
/*	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: var(--bordercolour);*/
	padding: 0;
	margin: 0;
	border-spacing: 0;
	/*border-collapse: collapse;*/
	height: 100%;
}


.Tab /*, .TabSel, .TabLocked, .TabSelLocked, .TabKey*/ {
	border-style: solid;
	border-width: 6px 0 0 0;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}
/*
.Tab, .TabLocked{
	border-left-color: #355B8B;
	border-bottom-color: #355B8B;
}
*/
.TabBg, .TabBgSel, .TabBgSelLocked, .TabBgLocked {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 0 2px 0 2px;
	vertical-align: top;
	font-size: 90%;
}

.TabBgSelLocked, .TabBg {
	background-color: #E9E9E9;
	background-image: linear-gradient(to bottom, #FFFFFF 0, #E9E9E9 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0, #E9E9E9 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0, #E9E9E9 100%);
	background-image: -webkit-linear-gradient(top, #FFFFFF 0, #E9E9E9 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0, #E9E9E9 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #E9E9E9));
	background-color: var(--locked);
	background-image: linear-gradient(to bottom, #FFFFFF 0, var(--locked) 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0, var(--locked) 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0, var(--locked) 100%);
	background-image: -webkit-linear-gradient(top, #FFFFFF 0, var(--locked) 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0, var(--locked) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, var(--locked)));
}

.TabBgLocked {
	/*background-color: #E9E9E9;*/
	background-color: #C9C9C9;
	background-image: linear-gradient(to bottom, #E9E9E9 0, #C9C9C9 100%);
	background-image: -o-linear-gradient(top, #E9E9E9 0, #C9C9C9 100%);
	background-image: -moz-linear-gradient(top, #E9E9E9 0, #C9C9C9 100%);
	background-image: -webkit-linear-gradient(top, #E9E9E9 0, #C9C9C9 100%);
	background-image: -ms-linear-gradient(top, #E9E9E9 0, #C9C9C9 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #C9C9C9),color-stop(1, #E9E9E9));

	/*background-color: var(--locked);*/
	background-color: var(--lockedtab);
	background-image: linear-gradient(to bottom, var(--locked) 0, var(--lockedtab) 100%);
	background-image: -o-linear-gradient(top, var(--locked) 0, var(--lockedtab) 100%);
	background-image: -moz-linear-gradient(top, var(--locked) 0, var(--lockedtab) 100%);
	background-image: -webkit-linear-gradient(top, var(--locked) 0, var(--lockedtab) 100%);
	background-image: -ms-linear-gradient(top, var(--locked) 0, var(--lockedtab) 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, var(--lockedtab)),color-stop(1, var(--locked)));
}

.TabBgSel {
	background-color: #FFFFFF;
}

/*
.TabSelLocked{
	border-bottom-color: var(--locked);
	font-weight: bold;
}

.TabSel{
	border-bottom-color: #FFFFFF;
	font-weight: bold;
        }
*/
.TabKey {
	float: right;
	padding: 3px 9px 3px 9px;
	margin-left: 5px;
}

.TabKeyStatus {
	float: right;
	padding: 8px 0 3px 0;
	margin-left: 5px;
}

.TabNotSaved {
	border-top-color: #37A8DC;
	border-top-color: var(--notsaved);
	border-left-color: #37A8DC;
	border-left-color: var(--notsaved);
}

.TabComplete {
	border-top-color: #76D00B;
	border-top-color: var(--complete);
	border-left-color: #76D00B;
	border-left-color: var(--complete);
}

.TabIncomplete {
	border-top-color: #F08400;
	border-top-color: var(--incomplete);
	border-left-color: #F08400;
	border-left-color: var(--incomplete);
}

.TabErrors {
	border-top-color: #BD0926;
	border-top-color: var(--error);
	border-left-color: #BD0926;
	border-left-color: var(--error);
}

.TabDisabled {
	border-top-color: #999999;
	border-top-color: var(--disabled);
	border-left-color: #999999;
	border-left-color: var(--disabled);
}

	.TabDisabled A.TabLink {
		pointer-events: none;
		cursor: default;
		text-decoration: line-through;
	}

.TabTransferredIn {
	border-top-color: #9E557C;
	border-top-color: var(--transferredin);
	border-left-color: #9E557C;
	border-left-color: var(--transferredin);
}

.TabTransferredOut {
	border-top-color: #9E557C;
	border-top-color: var(--transferredout);
	border-left-color: #9E557C;
	border-left-color: var(--transferredout);
}

.TabArchiveDelete {
	border-top-color: #000000;
	border-top-color: var(--archivedelete);
	border-left-color: #000000;
	border-left-color: var(--archivedelete);
}

.TabAnnotation {
	border-top-color: #FFFF00;
	border-left-color: #FFFF00;
}

.TabSignOff {
	border-top-color: #FF9999;
	border-left-color: #FF9999;
}

.Key {
	float: left;
	border-style: solid;
	border-width: 0 0 0 6px !important;
	vertical-align: middle;
	padding: 4px !important;
	margin-left: 5px;
}

.KeyComments {
	float: left;
	border-width: 0;
	vertical-align: middle;
	padding: 0px 4px;
	margin-left: 5px;
}

.KeyGrid {
	border-style: solid;
	border-width: 0 0 0 6px !important;
	vertical-align: middle;
}

.KeyNotSaved {
	border-left-color: #37A8DC !important;
	border-left-color: var(--notsaved) !important;
}

.KeyComplete {
	border-left-color: #76D00B !important;
	border-left-color: var(--complete) !important;
}

.KeyIncomplete {
	border-left-color: #F08400 !important;
	border-left-color: var(--incomplete) !important;
}

.KeyErrors {
	border-left-color: #BD0926 !important;
	border-left-color: var(--error) !important;
}

.KeyTransferredIn {
	border-left-color: #9E557C !important;
	border-left-color: var(--transferredin) !important;
}

.KeyTransferredOut {
	border-left-color: #9E557C !important;
	border-left-color: var(--transferredout) !important;
}

.KeyArchiveDelete {
	border-left-color: #000000 !important;
	border-left-color: var(--archivedelete) !important;
}

.KeyAnnotation {
	border-left-color: #FFFF00 !important;
}

.KeySignOff {
	border-left-color: #FF9999 !important;
}

.CellNotSaved {
	background-color: #37A8DC;
	background-color: var(--notsaved);
}

.CellComplete {
	background-color: #76D00B;
	background-color: var(--complete);
}

.CellIncomplete {
	background-color: #F08400;
	background-color: var(--incomplete);
}

.CellErrors {
	background-color: #BD0926;
	background-color: var(--error);
}

.CellTransferredIn {
	background-color: #9E557C;
	background-color: var(--transferredin);
}

.CellTransferredOut {
	background-color: #9E557C;
	background-color: var(--transferredout);
}

.CellArchiveDelete {
	background-color: #000000;
	background-color: var(--archivedelete);
}

.CellAnnotation {
	background-color: #FFFF00;
}

.CellSignOff {
	background-color: #FF9999;
}

.Locked {
	background-color: #E9E9E9;
	background-color: var(--locked);
}


/*#endregion*/

/*#region Header*/
@media screen and (min-width:670px) {
	/* Target landscape smartphones, portrait tablets, narrow desktops  */
	/*.headerImages {*/
	/*.titlecol {

    }*/
}

@media screen and (max-width:670px) {
	/* Target landscape smartphones, portrait tablets, narrow desktops  */
	/*.headerImages {*/
	/*.titlecol {
		display:none;
	}*/
}

.BannerImage {
	max-width: 500px;
	max-height: auto;
}

@media screen and (max-width: 900px) {
	.BannerImage {
		max-width: 300px;
		max-height: auto;
	}
}

@media screen and (max-width: 600px) {
	.BannerImage {
		max-width: 200px;
		max-height: auto;
	}
}


.container-header {
	/*background-color: #FFFFFF; */
	background-color: #FFFFFF !important; /* 25/01/2021 Blue background */
	background-color: var(--backgroundcontainer) !important; /* 25/01/2021 Blue background */
}

#header {
	float: left;
	width: 100%;
	/*background-color: #FFFFFF !important; */
	background-color: #FFFFFF !important; /* 25/01/2021 Blue background */
	background-color: var(--backgroundheader) !important; /* 25/01/2021 Blue background */
}

	#header .wrapper {
		float: left;
		width: 100%;
	}

	#header .titlecol {
		vertical-align: middle;
		color: #0066CC;
		padding: 0 0 0 20px;
	}

		#header .titlecol .title {
			padding-bottom: 0;
			margin-bottom: 0;
		}

	#header .leftcol {
		float: left;
		/*width: 266px;*/ /*Width of left column*/
		/*margin-left: -100%;*/
	}

		#header .leftcol .logo {
			margin-top: 20px;
			margin-left: 15px;
		}

	#header .rightcol {
		float: left;
		width: 128px; /*Width of right column*/
		margin-left: -128px;
		text-align: right;
	}

		#header .rightcol .LoginStatus {
			color: #2671CE;
			font-size: 90%;
			text-decoration: none;
		}

	#header .LoginStatus a:hover {
		text-decoration: underline !important;
	}

	#header .LoginStatus {
		color: #2671CE;
	}

		#header .LoginStatus a, #header .LoginStatus a.Visited {
			color: #2671CE;
		}

			#header .LoginStatus a:active, #header .LoginStatus a:hover {
				color: #B20121 !important;
			}

	#header .LoginName {
		color: #B20121;
		font-size: 90%;
	}

/*headerfooter{
clear: left;
width: 100%;
background: yellow;
color: #FFFFFF;
text-align: center;
padding: 4px 0;
}*/

/*headerinfobar - Not used!
#headerinfobar {
	background-color: #FFFF99;
	float: left;
	width: 100%;
	margin-top: 0;
}

#headerbar {
	float: left;
	width: 100%;
	background-color: #D2DFED;
}

#headerbar .wrapper {
	float: left;
	width: 100%;
}

#headerbar .rightcol {
	margin-left: 266px;
	vertical-align: middle;
	background-color: #D2DFED;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
}


#headerbar .leftcol {
	float: left;
	width: 266px; / *Width of left column* /
	margin-left: -100%;
}
*/

/*#endregion*/

/*#region Menu*/
/*#menu behaviour is also affected by menu-animation.js*/

.container-menu {
	background-color: #EDEFF3 !important;
	background-color: var(--menucolourbackground2) !important;
	background-image: none !important;
}

	.container-menu ul {
		border-left: none !important;
		font-weight: normal;
	}

		.container-menu ul ul {
			border-left: 0;
		}

.container-menu, .Menu ul li ul {
	background: #c1292d !important;
	background-color: #c1292d;
	background-color: var(--menucolourbackground2);
	/*padding-top:5px;
	padding-bottom:5px;*/
	font-size: 95%;
}

.Menu, .mainnav {
	background-color: #c1292d;
	background-color: var(--menucolourbackground1);
}

	.Menu ul li {
		color: #000000;
		text-align: left;
		font-family: 'Open Sans', sans-serif;
		font-size: 100%;
		text-decoration: none;
		text-shadow: none;
		/*display: inline;*/
	}

	.Menu ul {
		/*background-color: #FFFFFF; */
		/*background-color: var(--menucolour); */
		z-index: 15;
	}

		.Menu ul li a {
			/*height: 16px;*/
			color: #FFFFFF;
			color: var(--menucolourtext);
			padding: 14px 2px 14px;
			padding-left: 12px !important;
			padding-right: 13px !important;
			border-right: 4px solid #FFFFFF !important;
			/*border-bottom: 0;*/
			/*float: left;*/
			/*clear: left;*/
		}

			.Menu ul li a:hover {
				color: #FFFFFF !important;
				color: var(--menucolourselectedtext) !important;
				background-color: #c1292d !important;
				background-color: var(--menucolour) !important;
			}

			.Menu ul li a.selected {
				color: #FFFFFF;
				color: var(--menucolourselectedtext);
				background-color: #FFFFFF !important;
				background-color: var(--menucolour) !important;
			}

			.Menu ul li a:hover.selected {
				color: #8e4c6c;
				color: var(--menucolourselectedtext);
				background-color: #c1292d !important;
				background-color: var(--menucolour) !important;
			}
			.Menu ul li a.level1 {
				background-repeat: no-repeat;
				background: #c1292d !important;
				background: var(--menucolour) !important;
				background-color: #c1292d;
				background-color: var(--menucolour);
				background-position: right center !important;
				border-right: 1px solid #FFFFFF;
				font-weight: 600;
			}

				.Menu ul li a.level1.selected {
					background-repeat: no-repeat;
					background: #B20121 !important;
					background: var(--menucolourselected) !important;
					background-color: #B20121 !important;
					background-color: var(--menucolourselected) !important;
					background-position: right center !important;
					border-right: 1px solid #FFFFFF;
					font-weight: 600;
				}

				.Menu ul li a.level1:hover {
					background-color: #B20121 !important;
					background-color: var(--menucolourselected) !important;
					transition: background 0.50s ease, border-color 0.50s ease;
				}

		.Menu ul li ul.level2 {
			/*border-top: 1px solid #8B8279 !important;
			border-left: 1px solid #8B8279 !important;
			border-right: 1px solid #8B8279 !important;*/
			background-color: #EEEEEE !important;
			background-color: var(--menucolour) !important;
		}

		.Menu ul li ul li a.level2 {
			min-width: 150px;
			/*border-top: 1px solid #FFF;*/
			padding-left: 14px !important;
			background-color: #c1292d;
			background-color: var(--menucolour) !important;
		}

			.Menu ul li ul li a.level2.selected {
				background-color: #B20121 !important;
				background-color: var(--menucolourselected) !important;
			}

			.Menu ul li ul li a.level2:hover {
				background-color: #B20121 !important;
				background-color: var(--menucolourselected) !important;
				transition: background 0.50s ease, border-color 0.50s ease;
			}

		.Menu ul li ul li ul.level3 {
			/*border-top: 1px solid #8B8279 !important;
				border-left: 1px solid #8B8279 !important;
				border-right: 1px solid #8B8279 !important;*/
			background-color: #B20121 !important;
			background-color: var(--menucolour) !important;
		}


		.Menu ul li ul li ul li a.level3 {
			min-width: 150px;
			/*border-bottom: 1px solid #FFF;*/
			padding-left: 10px !important;
			background-color: #c1292d !important;
			background-color: var(--menucolour) !important;
		}

			.Menu ul li ul li ul li a.level3.selected {
				background-color: #B20121;
				background-color: var(--menucolourselected);
			}

			.Menu ul li ul li ul li a.level3:hover {
				background-color: #B20121 !important;
				background-color: var(--menucolourselected) !important;
				transition: background 0.50s ease, border-color 0.50s ease;
			}



		.Menu ul.level3 {
			border-top: 1px solid #FFFFFF;
		}


@media screen and (min-width:901px) {
	/* Target landscape smartphones, portrait tablets, narrow desktops  */
	.Menu ul li a {
		padding-left: 15px;
		padding-right: 15px;
	}

		.Menu ul li a.level1 {
			/*background-image: url('../../images/menu/cft-menu-open.gif') !important;*/
			background-repeat: no-repeat;
			background: #c1292d;
			background: var(--menucolour) !important;
			background-color: #c1292d;
			background-color: var(--menucolour);
			background-position: right center !important;
			border-right: 1px solid #FFFFFF;
			font-weight: 600;
		}

			.Menu ul li a.level1:hover {
				color: #D9E6F3 !important;
				background-color: #A83435; /*#A83435;*/
				/*background-image: url('../../images/menu/cft-menu-close.gif') !important;*/
				background-repeat: no-repeat;
			}
}

@media screen and (min-width:741px) and (max-width:900px) {
	/* Target landscape smartphones, portrait tablets, narrow desktops  */
	.Menu ul li a {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

		.Menu ul li a.level1 {
			background-image: none;
			border-right: 0px solid #000000;
		}

			.Menu ul li a.level1:hover {
				background-image: none;
			}
}

@media screen and (max-width:740px) {
	/* Target landscape smartphones, portrait tablets, narrow desktops  */
	.Menu ul li a {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}

		.Menu ul li a.level1 {
			background-image: none;
			border-right: 0px solid #000000;
		}

			.Menu ul li a.level1:hover {
				background-image: none;
			}
}

.Menu ul li a.selected {
	/*color: #FFCC00;*/
}

.Menu ul li ul li a {
	padding: 12px 2px 12px 1px;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	text-decoration: none;
	text-shadow: none;
	/*float: left;
    clear: left;*/
	/*display: block;*/
	/*width: 200px;*/
	width: auto !important; /*Needed for IE6*/
	width: 100%; /* IE6 incorrectly uses this value */
}

.Menu ul li a:hover {
	color: #B20121;
	color: var(--menucolourtext);
	background-color: #B20121;
	background-color: var(--menucolourselected);
}

	.Menu ul li a:hover.selected {
		/*color: #FFCC00;*/
		/*background-color: #000000;*/
	}

.Menu ul.level2 li {
	display: block;
}

.Menu ul.level3 {
	position: absolute;
	left: 100%;
	background-color: #b2b1ab;
}

	.Menu ul.level3 li {
		display: inline;
	}


/*#endregion */

.container-content {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFF), color-stop(1, #B20121));
	background: -moz-linear-gradient(top, #FFF 5%, #B20121 100%);
	background: -webkit-linear-gradient(top, #FFF 5%, #B20121 100%);
	background: -o-linear-gradient(top, #FFF 5%, #B20121 100%);
	background: -ms-linear-gradient(top, #FFF 5%, #B20121 100%);
	background: linear-gradient(to bottom, #FFF 5%, #B20121 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#B20121',GradientType=0);
	*/
	background-color: #FFFFFF;
	background-color: var(--backgroundcontainer);
}

.content {
	font-size: 95%;
	margin: 0px 0 25px 0;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	/*border: 1px solid #EEEEEE; */
	min-height: 450px;
}

.container-headertop {
	background-color: #FFFFFF !important;
	background-color: var(--backgroundcontainer) !important;
	height: 1px;
	background-image: none !important;
}

.container-header {
	background-color: #FFFFFF !important;
	background-color: var(--backgroundcontainer) !important;
}

.container-headerbottom {
	background-color: #FFFFFF !important;
	background-color: var(--backgroundcontainer) !important;
	background-image: none !important;
	height: 0px !important;
}

/*#region Forms */

A.TabLink, A.TabLink:Visited, A.TabLink:hover,
A.TabLinkLocked, A.TabLinkLocked:Visited, A.TabLinkLocked:hover,
A.TabLinkSel, A.TabLinkSel:Visited, A.TabLinkSel:hover,
A.TabLinkSelLocked, A.TabLinkSelLocked:Visited, A.TabLinkSelLocked:hover {
	padding: 10px 0 10px 0;
	text-align: center;
	height: 100%;
}

	A.TabLink, A.TabLink:Visited, A.TabLinkSel, A.TabLinkSel:Visited, A.TabLinkSel:hover,
	A.TabLinkLocked, A.TabLinkLocked:Visited, A.TabLinkSelLocked, A.TabLinkSelLocked:Visited, A.TabLinkSelLocked:hover {
		color: #003066;
		text-decoration: none;
	}

		A.TabLink:hover, A.TabLinkLocked:hover {
			color: #003066;
			text-decoration: underline;
		}


#QuestionTabsContainer {
	padding: 3px 0 0 0;
	border-top-color: #DDDDDD;
	border-top-color: var(--bordercolour);
	border-right-color: #DDDDDD;
	border-right-color: var(--bordercolour);
	border-left-color: #DDDDDD;
	border-left-color: var(--bordercolour);
	border-width: 1px 1px 0 1px;
	border-style: solid solid none solid;
}

#QuestionsContainer, #QuestionsContainer2 {
	left: 0;
	padding: 0 0 3px 0;
	border-right-color: #DDDDDD;
	border-right-color: var(--bordercolour);
	border-bottom-color: #DDDDDD;
	border-bottom-color: var(--bordercolour);
	border-left-color: #DDDDDD;
	border-left-color: var(--bordercolour);
	border-width: 0 1px 1px 1px;
	border-style: none solid solid solid;
	background-color: #FFFFFF;
}


table.questionsTabs {
	width: 100%;
}



/*.Questions{
	background-color: #F3F5F9;
	padding: 10px 0 10px 0;
	border: 1px solid #C8D6E8;
	margin: 0;
}*/
div.form h1 {
	padding-top: 0;
	margin-top: 0;
}

.AnnotationList td, .CommentList td {
	border-color: #DDDDDD;
	border-color: var(--bordercolour);
}

.AnnotationList th, .CommentList th {
	border-color: #DDDDDD;
	border-color: var(--bordercolour);
}

#QuestionsContainer table, #QuestionsContainer2 table {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
}

#QuestionsContainer .RadComboBox table, #QuestionsContainer .RadComboBox table {
	padding-top: 0;
	padding-bottom: 0;
}

#emptyCell {
	padding-bottom: 0;
	padding-top: 0;
}

#QuestionsContainer table td {
	/*vertical-align: top;*/
	padding-bottom: 5px;
	padding-top: 5px;
	color: #666666;
	color: var(--textcolour);
}

#QuestionsContainer .RadComboBox table td {
	/*vertical-align: top;*/
	padding-bottom: 0;
	padding-top: 0;
}

.QuestionsContainer2 table td {
	/*vertical-align: top;*/
	padding-bottom: 5px;
	padding-top: 5px;
	color: #333333;
	color: var(--textcolour);
}

.QuestionsTop table td {
	vertical-align: top;
}

td.Divider {
	background-color: #DDDDDD;
	width: 100%;
	height: 1px;
	padding: 0 0;
}

.LPad1 {
	padding-left: 20px;
}

.LPad2 {
	padding-left: 40px;
}

.LPad3 {
	padding-left: 60px;
}

.LPad4 {
	padding-left: 80px;
}

.LPad5 {
	padding-left: 100px;
}

.LPad6 {
	padding-left: 120px;
}

.RPad1 {
	padding-right: 20px;
}

.RPad2 {
	padding-right: 40px;
}

.RPad3 {
	padding-right: 60px;
}

.LAlign {
	text-align: left;
}

.RAlign {
	text-align: right;
}

.CAlign {
	text-align: center;
}

.VAlignTop {
	vertical-align: top;
}

.VAlignMid {
	vertical-align: middle;
}

.VAlignBot {
	vertical-align: bottom;
}

.MinWidth {
	width: 1%;
}

.NoWrap {
	white-space: nowrap;
}

.Wrap {
	white-space: normal;
}

.Bold {
	font-weight: bold;
}
/*span label {white-space: normal !important; }*/
span input[type='checkbox'] {
	vertical-align: top !important;
}

input[type='checkbox'] {
	margin-right: 4px;
}

/*Yellow selected checkboxes*/
/*input[type=checkbox]:checked {
	outline: 1px solid #222;
	outline-oFFset: -2px;
	-webkit-box-shadow: 0 0 0 3px #fd0;
	box-shadow: 0 0 0 3px #fd0;
}*/


table.InTable tbody tr td, table.InTable tbody tr th {
	border: 1px solid #CCCCCC;
}

.RequiredField {
	/*background-image: url('RequiredField.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFEEEE;*/
}


/*#endregion */

/*#region Footer*/
.container-footer {
	/*
	background-image: url('../../images/footer-bg.jpg');
	background-repeat: repeat-x;
	*/
	border-top-style: solid;
	border-top-width: 12px;
	border-top-color: #c1292d;
	overflow: hidden;
}

#footerbar {
	float: left;
	width: 100%;
	font-size: 80%;
	height: 30px;
	overflow: hidden;
	color: #5CC1BE;
}

	#footerbar .wrapper {
		float: left;
		width: 100%;
	}

.floatleft {
	float: left;
	display: inline; /* ie6 fix */
}

#footerbar .rightcol {
	margin-left: 350px;
	text-align: right;
	padding-right: 5px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#footerbar .leftcol {
	float: left;
	width: 350px; /*Width of left column*/
	margin-left: -100%;
	margin-top: 4px;
	margin-bottom: 4px;
}

#footerbar a {
	color: #5CC1BE;
	text-decoration: none;
	font-size: 80%;
	margin-right: 8px;
	margin-left: 8px;
	text-decoration: none;
}

	#footerbar a:hover {
		text-decoration: underline;
	}

.jqdFooterPopup, .dialog-AddEncounterAnnualReview {
	overflow: auto;
}
/*#endregion*/

/*#region Boxes - NOT USED!*/
/*
.boxOuter {
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
}

.boxInner {
	padding: 5px 10px 5px 10px;
}

.boxInner h1 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.boxRed {
	background-image: url('../../images/boxred-bg.jpg');
	background-repeat: repeat-x;
}


.boxRed h1 {
	color: #CC0000;
}

.boxGrey {
	background-image: url('../../images/boxgrey-bg.jpg');
	background-repeat: repeat-x;
}


.boxGrey h1 {
	color: #666666;
}


.redPageHeader, .bluePageHeader, .greenPageHeader,
.orangePageHeader, .grayPageHeader, .blackPageHeader {
    font-size: 140%;
    font-weight: bold;
    border-style: solid;
	border-width: 5px 0 1px 0;
	border-color: #005A8B;
	color: #005A8B;
    width: auto;
	padding-top: 5px;
	padding-left: 5px;
    padding-bottom: 5px;
}

.redBox, .blueBox, .greenBox, .orangeBox, .grayBox, .blackBox
{
	border-style: solid solid solid solid;
	width: auto;
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
    margin-bottom: 20px;
	padding-bottom: 10px;
}

.redBox .boxTitle, .blueBox .boxTitle, .greenBox .boxTitle, .orangeBox .boxTitle, .grayBox .boxTitle, .blackBox .boxTitle
{
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 6px;
	margin-bottom: 13px;
	margin-top: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}


.bluePageHeader{
	border-color: #005A8B;
	color: #005A8B;
}

.blueBox {
	/ *background: #EEFFFF;* /
	border-color: #005A8B;
}

.blueBox .boxTitle {
	color: #005A8B;
	border-bottom-color: #005A8B;
}

.blueBox .boxInner .boxInner h1,
.blueBox .boxInner .boxInner h2,
.blueBox .boxInner .boxInner h3,
.blueBox .boxInner .boxInner h4,
.blueBox .boxInner .boxInner h5
{
	color: #005A8B;
}
*/
/*#endregion*/

/*#region editor*/
body.editor {
	margin: 0;
	font-size: 80%;
}

body.editor {
	margin: 0;
}
/*#endregion*/

A.Tab, A.Tab:Visited {
	color: #000000;
	text-decoration: none;
}

	A.Tab:hover {
		color: #333333;
		color: var(--textcolour);
		text-decoration: none;
	}

/*#region anylink - NOT USED*/
/*
.anylinkcss {
	position: absolute;
	visibility: hidden;
	border: 1px solid #999999;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100;
	background-color: #FFFFFF;
	width: 100px;
}

.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 2px;
	border-bottom: 1px solid #999999;
	padding: 1px 0 1px 0;
	font-weight: normal;
	background-color: #FFFFFF;
}

.anylinkcss a:hover { background-color: #EEEEEE; }
*/
/*#endregion*/

/*#region date picker*/
.date-prompt {
	position: absolute;
	font-size: small;
	font-family: 'Open Sans', sans-serif;
	color: #AAAAAA;
	margin: 0.3em 0 0 0.3em;
}

.time-prompt {
	position: absolute;
	font-size: small;
	font-family: 'Open Sans', sans-serif;
	color: #AAAAAA;
	margin: 0.3em 0 0 0.3em;
}

.datepicker {
	width: 90px;
}

.monthpicker {
	width: 120px;
}

.timepicker {
	width: 50px;
}
/*#endregion*/

@media screen {
	.PrintOnly {
		display: none;
	}

	.NoPrint {
		display: inline;
	}
}

@media print {
	.PrintOnly {
		display: inline;
	}

	.NoPrint {
		display: none;
	}

	.MainArea {
		width: 100%
	}

	.Menu {
		display: none;
	}

	.HeaderArea {
		display: none;
	}

	.FooterArea {
		display: none;
	}
}

#loading {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: white;
	text-align: center;
	filter: alpha(opacity=50);
}

#loadingtext {
	width: 100px;
	height: 100px;
	background-color: #FFFFFF;
	text-align: center;
	padding: 100px 0 0 0;
	margin: 250px auto 0 auto;
}

/*#region cookie warning*/
#cookieMessageWrapper {
	background: #FFDD88;
	font-family: 'Open Sans', sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #333333;
	color: var(--textcolour);
	padding: 0;
	margin: 0;
	display: none;
	border-bottom: solid 1px #FF8800;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 640px;
	min-width: var(--minwidthcontainerpx);
}

#cookieMessage {
	width: 620px; /* this needs to be set to the width of the centre container */
	width: var(--minwidthpx); /* this needs to be set to the width of the centre container */
	padding: 3px 0 3px 0;
	margin: 0 auto;
	position: relative;
}

	#cookieMessage:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#cookieMessage p {
		margin: 5px 0 0;
	}

#cookieClose {
	float: right;
	display: block;
	padding: 0 5px;
	text-decoration: none;
	background: #FF8800;
	border: solid 1px #000000;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 100%;
	margin-top: 6px;
	font-weight: bold;
}
/*#endregion*/

/*#region Modal popups*/
.ModalPopupBG {
	background-color: #666699;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.ModalPopupHeader {
	background-color: #999999;
	color: #FFFFFF;
	padding: 2px;
	font-weight: bold;
	border-top-width: 2px;
	border-left-width: 2px;
	border-bottom-width: 0;
	border-right-width: 2px;
	border-top-color: #666666;
	border-left-color: #666666;
	border-bottom-color: #999999;
	border-right-color: #666666;
}

.ModalPopupPatientLetter {
	/*min-width:660px;
	min-height:510px;*/
	width: 500px;
	height: 510px;
	background: white;
	border-top-width: 0;
	border-left-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-top-color: #FFFFFF;
	border-left-color: #666666;
	border-bottom-color: #666666;
	border-right-color: #666666;
}

.ModalPopupPatientLetterDates {
	min-width: 500px;
	min-height: 300px;
	background: white;
	border-top-width: 0;
	border-left-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-top-color: #FFFFFF;
	border-left-color: #666666;
	border-bottom-color: #666666;
	border-right-color: #666666;
}
/*#endregion*/

.PatientQuestionnaireSections tr td {
	width: 20%;
	empty-cells: show;
	white-space: nowrap;
}

/*#region News*/

div.ticker {
	text-align: left;
	background-color: #f0f0f0;
	border: solid 1px #bbb;
	margin: 5px;
}

div.narrow {
	width: 200px;
}

div.medium {
	width: 400px;
}

div.long {
	width: 800px;
}

div.stretched {
	width: 99%;
}

div.threeRows {
	height: 300px;
}

div.twoRows {
	height: 200px;
}

div.oneRow {
	height: 100px;
}


div.ticker ul {
	list-style: none outside;
	margin: 0;
	padding: 5px;
}

div.oneRow li, div.twoRows li, div.threeRows li {
	margin-bottom: 5px;
	position: relative;
	height: 100px;
}

div.ticker li .header {
	font-weight: bold;
	font-size: 10pt;
}

div.ticker li .body {
	font-size: 8pt;
}

div.ticker li .footer {
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
}

/*#endregion*/


/*.targetDiv {
    display: none;
}
.targetDiv.active{
    display:block;
}
.showSingle.active {
    color: #C00;
    padding:2px 0px;
}*/

.lblSearchAdv {
	font-size: 11px;
}


.ui-dialog-titlebar {
	/*display: none;*/
}

#other_content {
	width: 200px;
	height: 200px;
	background-color: grey;
}

#dialog_content {
	display: none;
}


#timeout-dialog {
	border: 2px solid red;
}

.timeout-dialog .ui-dialog-titlebar {
	border-top: 2px solid red;
	border-left: 2px solid red;
	border-right: 2px solid red;
	border-bottom: none;
	background-color: #B20121;
}

.timeout-dialog .ui-button {
	border: 1px solid #B20121 !important;
	background: #595959 !important;
	color: #B20121 !important;
	padding: .4em 1em !important;
}

	.timeout-dialog .ui-button:hover {
		border: 1px solid #595959 !important;
		background: #B20121 !important;
		color: #FFFFFF !important;
		padding: .4em 1em !important;
	}

.timeout-dialog #timeout-keep-signin-btn {
	border: 1px solid #FFFFFF;
	background: #595959;
	color: #B20121;
}

	.timeout-dialog #timeout-keep-signin-btn:hover {
		border: 1px solid #B20121;
		background: #B20121;
		color: #595959;
	}

/*#region Timeout warning */

/*.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}*/

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}

/*.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
}

.ui-button-text-only .ui-button-text .ui-button {
	padding: .4em 1em;
}

.ui-button .ui-button-text .ui-button {
	display: block;
	line-height: 1.4;
}*/
/*#endregion*/


#dialog-consent {
	border: 2px solid #B20121 !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.dialog-consent .ui-dialog-titlebar {
	border-top: 2px solid #B20121 !important;
	border-left: 2px solid #B20121 !important;
	border-right: 2px solid #B20121 !important;
	border-bottom: none !important;
	background-color: #B20121 !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}



.dialog-consent .ui-button {
	border: 1px solid #B20121 !important;
	background: #595959 !important;
	color: #B20121 !important;
	padding-left: 0px !important;
}

	.dialog-consent .ui-button:hover {
		border: 1px solid #595959 !important;
		background: #B20121 !important;
		color: #666 !important;
		padding-left: 0px !important;
	}

.dialog-consent #timeout-keep-signin-btn {
	border: 1px solid #FFF;
	background: #595959;
	color: #B20121;
}

	.dialog-consent #timeout-keep-signin-btn:hover {
		border: 1px solid #B20121;
		background: #B20121;
		color: #595959;
	}

.ui-widget {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1em !important;
}

	.ui-widget .ui-widget {
		font-size: 1em !important;
	}

	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 1em !important;
	}

.ui-widget-content {
	border: 1px solid #DDDDDD !important;
	background: #FFFFFF !important;
	color: #362b36 !important;
}

	.ui-widget-content a {
		color: #362b36 !important;
	}

.ui-widget-header {
	border: 1px solid #B20121 !important;
	background: #b2b1ab !important;
	color: #000 !important;
	font-weight: bold !important;
}

	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		border: 1px solid #CCCCCC !important;
		background: #FFFFFF !important;
		color: #666 !important;
		padding-left: 10px;
	}

		.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
			color: #2779aa !important;
			text-decoration: none !important;
		}

	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		border: 1px solid #B20121 !important;
		background: #FFFFFF 50% 50% repeat-x !important;
		color: #B20121 !important;
	}

		.ui-state-hover a, .ui-state-hover a:hover {
			color: aquamarine !important;
			text-decoration: none !important;
		}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		border: 1px solid #ccc !important;
		background: #B20121 !important;
		color: #FFF !important;
		padding-left: 10px !important;
	}

	.ui-widget-header .ui-icon {
		background-image: url("../../../../images/icons/ui-icons_ffcc00_256x240.png") !important;
	}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
	background-image: url("../../../../images/icons/ui-icons_ffcc00_256x240.png") !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-moz-border-radius-topleft: 2px !important;
	-webkit-border-top-left-radius: 2px !important;
	-khtml-border-top-left-radius: 2px !important;
	border-top-left-radius: 2px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	-moz-border-radius-topright: 2px !important;
	-webkit-border-top-right-radius: 2px !important;
	-khtml-border-top-right-radius: 2px !important;
	border-top-right-radius: 2px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	-moz-border-radius-bottomleft: 2px !important;
	-webkit-border-bottom-left-radius: 2px !important;
	-khtml-border-bottom-left-radius: 2px !important;
	border-bottom-left-radius: 2px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	-moz-border-radius-bottomright: 2px !important;
	-webkit-border-bottom-right-radius: 2px !important;
	-khtml-border-bottom-right-radius: 2px !important;
	border-bottom-right-radius: 2px !important;
}

.ui-accordion {
	width: 100% !important;
}

.ui-dialog {
	position: absolute !important;
	padding: .2em !important;
	width: 375px;
	overflow: hidden !important;
}

	.ui-dialog .ui-dialog-titlebar {
		padding: 1em !important;
		position: relative !important;
	}

	.ui-dialog .ui-dialog-title {
		float: left !important;
		margin: .1em 16px .1em 0 !important;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		position: absolute !important;
		right: .3em !important;
		top: 50% !important;
		width: 19px !important;
		margin: -10px 0 0 0 !important;
		padding: 1px !important;
		height: 18px !important;
		visibility: hidden !important;
	}



/*#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02last_Name,#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02birth_last_name,
#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02first_name,#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02mid_name {
    text-transform: capitalize;
}
#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02PostcodeOut,#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02PostcodeIn,
#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02GPPostcodeOut,#ContentPlaceHolderMain_ClinV1_CFTRS02_Gen_txtS02GPPostcodeIn {
    text-transform:uppercase;
}*/

.textNone {
	text-transform: none;
	height: inherit !important; /* needed for multiline textboxes in subtables*/
}

.textUppercase {
	text-transform: uppercase;
}

.textLowercase {
	text-transform: lowercase;
}

.textCapitalize {
	text-transform: capitalize;
}

.onsUpload input.fileUpload {
	background-color: #595959 !important;
	color: #B20121 !important;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	font-weight: 500;
	margin-bottom: 4px;
	padding: 3px 8px 4px;
	text-decoration: none;
	cursor: pointer;
}

/*#region page layout2*/

.RadGrid_Default {
	max-width: 924px;
	max-width: var(--maxwidthRadGrid);
}

.radGridBtn {
	padding: 0 2px;
}

.RadComboBox_Default .rcbDisabled .rcbInput {
	color: #333333 !important;
	color: var(--textcolour) !important;
}

/*#endregion*/


.helpbtn {
	background-color: #595959 !important;
	display: inline-block;
	cursor: pointer;
	color: #B20121 !Important;
	font-size: 100%;
	font-weight: 500;
	padding: 3px 8px 4px 8px;
	margin-bottom: 4px;
	text-decoration: none;
}

.jqdFooterPopup, .dialog-AddEncounterAnnualReview {
	overflow: auto;
}

.charts-combobox .charts-menu {
	width: 400px !important;
	min-width: 400px !important;
}

.charts-combobox input {
	width: 400px !important;
	min-width: 400px !important;
}

.google-visualization-controls-categoryfilter UL {
	font-size: 11px !important;
}

.google-visualization-controls-categoryfilter LI {
	background-color: #8B8279 !important;
}

	.google-visualization-controls-categoryfilter LI .charts-link-button {
		color: #FFCC00 !important;
	}

.charts-menuitem-content {
	color: #777 !important;
	font-size: 11px !important;
}

.charts-menuitem {
	padding: 2px 7em 2px 15px !important;
}

.google-visualization-controls-label {
	padding-right: 0.5em;
	padding-left: 0px !important;
	font-size: 12px !important;
}

.blStack .blRow {
	clear: both;
}

	.blStack .blRow .blCol {
		float: left;
		border: 1px solid;
		padding: 20px;
		width: 26%;
		height: 250px;
		margin: 5px;
	}

/*#region page layout1*/


div.PL1Section1 {
}

div.PL1Section2 {
	display: none;
}

div.PL1Section3 {
	display: none;
}

div.PL1Section4 {
	display: none;
}

div.PL1Section5 {
	display: none;
}

div.PL1Section6 {
	display: none;
}

/*#endregion*/

/*#region page layout2*/
div.PL2Section1 {
}

div.PL2Section2 {
}

div.PL2Section3 {
}

div.PL2Section4 {
	display: none;
}

div.PL2Section5 {
	display: none;
}

div.PL2Section6 {
	display: none;
}

/*#endregion*/

/*#region page layout3*/

div.PL3Section1 {
}

div.PL3Section2 {
	width: 50%;
	float: left;
}

div.PL3Section3 {
	width: 50%;
	float: left;
}

div.PL3Section4 {
	clear: both;
	width: 50%;
	float: left;
}

div.PL3Section5 {
	width: 50%;
	float: left;
}

div.PL3Section6 {
}


/*#endregion*/

/*#region page layout4*/

div.PL4Section1 {
}

div.PL4Section2 {
	clear: both;
	width: 50%;
	float: left;
}

div.PL4Section3 {
	width: 50%;
	float: left;
}

div.PL4Section4 {
	clear: both;
}

div.PL4Section5 {
	display: none;
}

div.PL4Section6 {
	display: none;
}

/*#endregion*/

/*#region page layout5*/
/*@media screen and (max-width:620px) {*/
@media screen and (max-width: var(--minwidthpx)) {

	div.PL5Section1 {
		width: 100%;
	}

	div.PL5Section2 {
		width: 100%;
	}

	div.PL5Section3 {
		width: 100%;
	}

	div.PL5Section4 {
		width: 100%;
	}

	div.PL5Section5 {
		clear: both;
	}

	div.PL5Section6 {
		display: none;
	}
}

@media screen and (min-width:621px) and (max-width:900px) {

	div.PL5Section1 {
	}

	div.PL5Section2 {
		clear: both;
		width: 50%;
		float: left;
	}

	div.PL5Section3 {
		width: 50%;
		float: left;
	}

	div.PL5Section4 {
		clear: both;
		width: 100%;
	}

	div.PL5Section5 {
		clear: both;
	}

	div.PL5Section6 {
		display: none;
	}
}

@media screen and (min-width:901px) {

	div.PL5Section1 {
	}

	div.PL5Section2 {
		clear: both;
		width: 34%;
		float: left;
	}

	div.PL5Section3 {
		width: 33%;
		float: left;
	}

	div.PL5Section4 {
		width: 33%;
		float: left;
	}

	div.PL5Section5 {
		clear: both;
	}

	div.PL5Section6 {
		display: none;
	}
}

/*#endregion*/

/*#region page layout6*/

div.PL6Section1 {
}

div.PL6Section2 {
	clear: both;
	width: 20%;
	float: left;
}

div.PL6Section3 {
	width: 75%;
	float: left;
}

div.PL6Section4 {
	clear: both;
}

div.PL6Section5 {
	display: none;
}

div.PL6Section6 {
	display: none;
}

/*#endregion*/

/*#region page layout7*/

div.PL7Section1 {
}

div.PL7Section2 {
	clear: both;
	width: 75%;
	float: left;
}

div.PL7Section3 {
	width: 25%;
	float: left;
}

div.PL7Section4 {
	clear: both;
}

div.PL7Section5 {
	display: none;
}

div.PL7Section6 {
	display: none;
}

/*#endregion*/

/********************************************************************************************************************************/
/********************************************************************************************************************************/
/*#region RadGrid Styling Section Start - PQIP*/
.rgNetSolving table, .rgDetailTable rgNetSolving table {
	border-collapse: collapse !important;
	border: none !important;
	background: #f2f3f4 !important;
}

.rgNetSolving th, .rgDetailTable rgNetSolving th {
	background-image: none !important;
	background-color: #c1292d !important;
	color: #FFFFFF !important;
	border-bottom: 2px solid #FFF !important;
}

.rgNetSolving .rgHeader {
	line-height: 30px;
}

.rgNetSolving th a, .rgDetailTable rgNetSolving th a {
	color: #FFFFFF !important;
	text-decoration: none !important;
	padding: 6px 0px !important;
}

.rgNetSolving .rgHoveredRow {
	background: #B0BBC4 !important;
	background-image: none !important;
}


.rgNetSolving tr, .rgDetailTable rgNetSolving tr {
	background: #f2f3f4 !important;
	color: #274d6c;
	border-bottom: solid 3px #FFFFFF !important;
	line-height: 22px;
	padding-top: 16px !important;
	padding-bottom: 6px;
}

.rgNetSolving td, .rgDetailTable rgNetSolving td {
	/*border-bottom:solid 3px #FFFFFF !important;*/
}

.rgNetSolving .rgAltRow,
.rgNetSolving .rgAltRow .rgSorted,
.RadComboBoxDropDown .rcbItem:nth-child(odd) {
	background-color: #E5E9EC !important;
	/*border-bottom:solid 3px #FFFFFF !important;*/
}

.rgNetSolving .rgRow,
.rgNetSolving .rgRow .rgSorted {
	/*border-bottom:solid 3px #FFFFFF !important;*/
}

.rgNetSolving .rgHoveredRow, .rgNetSolving .rgHoveredRow .rgSorted {
	background-color: #B0BBC4 !important;
	color: #FFFFFF !important;
	/*border-bottom:solid 3px #FFFFFF !important;*/
}


.rgPager tr, .rgPager tr:hover {
	background: #FFFFFF none repeat scroll 0 0 !important;
	color: #555;
}

.RadGrid_Default {
	border: none !important;
	border-bottom: solid 6px #c1292d !important;
}

	.RadGrid_Default td.rgPagerCell {
		border: 7px solid #FFFFFF !important;
	}

	.RadGrid_Default .rgPager .rgStatus {
		border: 7px solid #FFFFFF !important;
	}

.rgNetSolving .rgRow td, .rgNetSolving .rgAltRow td, .rgNetSolving .rgEditRow td, .rgNetSolving .rgFooter td, .rgNetSolving .rgFilterRow td, .rgNetSolving .rgHeader, .rgNetSolving .rgResizeCol, .rgNetSolving .rgGroupHeader td {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom: none !important;
}

.rgNetSolving .rgRow td, .rgNetSolving .rgAltRow td, .rgNetSolving .rgEditRow td, .rgNetSolving .rgFooter td, .rgNetSolving .rgFilterRow td, .rgNetSolving .rgHeader, .rgNetSolving .rgResizeCol, .rgNetSolving .rgGroupHeader td {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom: none !important;
}

.rgNetSolving .rgEditForm, .rgNetSolving .rgDetailTable {
	border-bottom: none !important;
	background: #f2f3f4 !important;
}

/*RadGrid Styling Section End - PQIP*/
/********************************************************************************************************************************/
/********************************************************************************************************************************/
/*#endregion*/


/********************************************************************************************************************************/
/********************************************************************************************************************************/
/*divPageHeader Start - PQIP*/

.divPageHeaderText {
	height: auto !important;
	height: 10px;
}

/*divPageHeader End - PQIP*/
/********************************************************************************************************************************/
/********************************************************************************************************************************/


/********************************************************************************************************************************/
/********************************************************************************************************************************/
/*divPageHeader Start - PQIP*/

.divHomepageAnnouncementText {
	color: #FFFFFF !important;
	background: #C1292D !important;
}

	.divHomepageAnnouncementText h1 {
		color: #FFFFFF !important;
		border-bottom-style: solid;
		border-bottom-width: 4px;
		border-bottom-color: #FFFFFF;
		padding-bottom: 10px;
		margin-top: 5px;
	}

/*divPageHeader End - PQIP*/
/********************************************************************************************************************************/
/********************************************************************************************************************************/


/******** More custom stuFF added by Jake ***************************************************************************************/

.RadComboBox_Default .rcbInput {
	color: #4E5E77 !important;
	font-size: 13px !important;
	font-family: 'Open Sans', sans-serif !important;
}

.RadComboBoxDropDown_Default .rcbHovered {
	background-color: #c1292d !important;
	color: #FFF !important;
	font-size: 13px !important;
	line-height: 28px !important;
}

.RadComboBoxDropDown_Default .rcbItem {
	background-color: #FFF !important;
	color: #4E5E77 !important;
	font-size: 13px !important;
	line-height: 28px !important;
}

/*#input-submit {
     color: white; 
     background: $red;
     cursor: pointer;
  }
  
  textarea {
      height: 126px;
  }



.half {
  float: left;
  width: 48%;
  margin-bottom: 1em;
}

.right { width: 50%; }

.left {
     margin-right: 2%; 
}*/


#aboutimages {
	position: relative;
}

#aboutimgleft {
	float: left;
	margin-top: 40px;
	margin-left: 0px;
}

#aboutimgcenter {
	margin: 0 auto;
	width: 304px;
}

#aboutimgcenterleft {
	float: left;
	margin-left: 60px;
	/*margin: 0 auto;*/
	/*width: 204px;*/
}

#aboutimgcenterright {
	float: left;
	margin-top: 60px;
	margin-left: 20px;
	/*width: 204px;*/
}

#aboutimgright {
	position: absolute;
	margin-top: 40px;
	top: 0;
	right: 1px;
}

#aboutimages > div {
	/*width:254px;*/
	height: 82px;
}
/*input[disabled], select[disabled], checkbox[disabled], textarea[disabled],
input[readonly], select[readonly], checkbox[readonly], textarea[readonly] {
	background-color: #EEEEEE !important;
	color: #000000;
	cursor: default;
}*/

/*stop remove sunken borders, and adds padding and radius*/
input[type="text"] {
	padding: 6px 8px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	border-radius: var(--textradius);
	box-shadow: none;
	outline: none;
	min-height: 17px;
}

input.riTextBox {
	min-height: 25px;
}

textarea {
	padding: 6px 8px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	border-radius: var(--textradius);
	box-shadow: none;
	outline: none;
}

select {
	padding: 6px 8px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	border-radius: var(--textradius);
	box-shadow: none;
	outline: none;
}

input[type="password"] {
	padding: 6px 8px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	border-radius: var(--textradius);
	box-shadow: none;
	outline: none;
}

input[type="number"] {
	padding: 6px 8px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	border-radius: var(--textradius);
	box-shadow: none;
	outline: none;
}

input[type="search"] {
	padding: 6px 8px;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	border-radius: var(--textradius);
	box-shadow: none;
	outline: none;
	margin: 0 0 4px 0;
}

input[type="file"] {
	padding: 6px 8px;
/*	border: 1px solid #CCCCCC;*/
	border-radius: 4px;
	border-radius: var(--textradius);
	box-shadow: none;
	outline: none;
}

.RadComboBox_Default .rcbInner {
	padding: 0 2em 0 0 !important;
	border-radius: 4px !important;
	border-radius: var(--textradius) !important;
}

.RadComboBox .rcbInner {
	padding: 0 2em 0 0 !important;
}

.RadComboBox .rcbInput {
	padding: 4px 6px !important;
	height: auto !important;
}

.RadComboBox .rcbReadOnly .radPreventDecorate {
	padding: 2px 0 1px !important;
}

.RadGrid_Default {
	/*background-color: #FA0000 !important;*/
	border-color: #BBBBBB !important;
}


/*#region browser warning*/
#browserMessageWrapper {
	background: #FF0000;
	font-family: "Segoe UI",Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 11pt;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
	/*display: none;*/
	border-bottom: solid 1px #FF8800;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 640px;
}

#browserMessage {
	width: 620px; /* this needs to be set to the width of the centre container */
	width: var(--minwidthpx); /* this needs to be set to the width of the centre container */
	padding: 3px 0 3px 0;
	margin: 0 auto;
	position: relative;
}

	#browserMessage:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#browserMessage p {
		margin: 5px 0 0;
	}
/*#browserClose
{
	float: right;
	display: block;
	padding: 0 5px;
	text-decoration: none;
	background: #FF8800;
	border: solid 1px #000000;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 100%;
	margin-top: 6px;
	font-weight: bold;
}*/
/*#endregion*/

/*#region progress bar*/
.Progress-Bar-Background {
	color: #FFFFFF;
	background: #DDDDDD;
	border-radius: 16px;
}

.Progress-Bar {
	color: #FFFFFF;
	background: #333333;
	text-align: center;
	/*height:18px;*/
	border-radius: 16px;
}

/*#endregion*/

/*#region Responsive changes MD 2018*/

#RightButtons {
	position: relative;
	width: 1px;
	left: 100%;
}
/*#endregion*/


fieldset {
	border: 0 solid #c0c0c0 !important;
	margin: 0 0 !important;
	padding: 0.0em 0.0em 0.0em !important;
}

.rgEditPopup {
	/*background-color: #FF0000 !important;*/
	width: auto !important;
	/*left: 40px !important;*/
	position: sticky !important; /*This keeps the pop-up within the subtable*/
	/*top: 20px !important;*/
}

.GridModal_Default {
	height: 6000px !important; /*This ensures the grey background fills the screen when modal*/
}


.subMissionPeriodNormal {
	color: #21275b !important;
	background: #FFFFFF !important;
	border: 1px solid #CCCCCC;
	height: 55px;
	width: 190px;
	margin-top: 12px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(221,221,221,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(221,221,221,1);
	box-shadow: 5px 5px 5px 0px rgba(221,221,221,1);
	float: right;
}

.subMissionPeriodSevere {
	color: #FFFFFF !important;
	background: red !important;
	border: 1px solid #CCCCCC;
	height: 55px;
	width: 190px;
	margin-top: 12px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(221,221,221,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(221,221,221,1);
	box-shadow: 5px 5px 5px 0px rgba(221,221,221,1);
	float: right;
}

/*#region HighCharts */


.highcharts-yaxis-grid .highcharts-grid-line {
	display: none;
}
/*#endregion*/


/*#region ProjectFieldApproval */

/*.ddlProjectFieldApproval {
*/
/*select [id="ddlProjectFieldApproval"] {*/
.ProjectApprovalIncludeExclude {
/*	color: #00f !important;
*/}
/*	.ProjectApprovalIncludeExclude option[value="0"] {
		color: #f00 !important;
	}
	.ProjectApprovalIncludeExclude option[value="1"] {
		color: #0f0 !important;
	}

.ddlProjectFieldApproval > option[value="0"] {
	color: #00f !important;
}
.ddlProjectFieldApproval > option[value="1"] {
	color: #0f0 !important;
}*/

select.SiteAllocation! > option[value="1"]:checked { /* the '!' refers to parent and needs jQuery.cssParentSelector.js */
	color: #000;
	background-color: yellow;
}

select.SiteAllocation! > option[value="0"]:checked { /* the '!' refers to parent and needs jQuery.cssParentSelector.js */
	color: #f00;
	background-color: white;
}

select.FieldApproval! > option[value="1"]:checked { /* the '!' refers to parent and needs jQuery.cssParentSelector.js */
	color: #000;
	background-color: yellow;
}

select.FieldApproval! > option[value="0"]:checked { /* the '!' refers to parent and needs jQuery.cssParentSelector.js */
	color: #f00;
	background-color: white;
}
/*The following are a repeat of the above but do not get changed by  jQuery.cssParentSelector.js */
select.SiteAllocation > option[value="1"] {
	color: #000 !important;
	background-color: yellow !important;
}

select.SiteAllocation > option[value="0"] {
	color: #f00 !important;
	background-color: white !important;
}

select.FieldApproval > option[value="1"] {
	color: #000 !important;
	background-color: yellow !important;
}

select.FieldApproval > option[value="0"] {
	color: #f00 !important;
	background-color: white !important;
}


select.SiteParticipation! > option[value="P"]:checked { /* the '!' refers to parent and needs jQuery.cssParentSelector.js */
	color: #000;
	background-color: yellow;
}

select.SiteParticipation! > option[value=""]:checked { /* the '!' refers to parent and needs jQuery.cssParentSelector.js */
	color: #f00;
	background-color: white;
}


/*The following are a repeat of the above but do not get changed by  jQuery.cssParentSelector.js */
select.SiteParticipation > option[value="P"] {
	color: #000 !important;
	background-color: yellow !important;
}

select.SiteParticipation > option[value=""] {
	color: #f00 !important;
	background-color: white !important;
}

/*#endregion*/