/*
==========================================================
CSS module: System main styling 

Date written: 27-10-2026 13:38 
CSS version: 13 

Please do not edit this file by hand!
==========================================================
*/

/* Style September 2020 */
/* Include new page layouts and responsive.*/
@import url('https://fonts.googleapis.com/css?family=Roboto:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro&display=swap');

* {
  box-sizing: border-box;
}

body {
	font-family: 'Roboto', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: 11px;
}

/* Style the header */
header {
  background-color: #f58442;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  font-variant: small-caps;
  color: #CCCCCC;
  max-height: 200px;
}

	
/* Container for flexboxes */
section {
  display: -webkit-flex;
  display: flex;
}

/* Style the navigation menu */
nav {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #ccc;
  padding: 15px;
  max-width: 200px;
}

/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 0;
}

/* Style the content */
article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
/*  background-color: #f1f1f1; */
  background-color: white;
  padding: 10px;
}

/* Style the footer */
footer {
  background-color: #777;
  padding: 10px;
  text-align: center;
  color: white;
}

/* Responsive layout - makes the menu and the content (inside the section) sit on top of each other instead of next to each other */
@media (max-width: 600px) {
  section {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

/*
.clsMenuItemNS, .clsMenuItemIE {
	text-decoration: none;
	font: bold 11px Arial;
	color: white;
	cursor: pointer;
	z-index: 100;
}
*/

a:visited {
	color: #000066;
}

.title {
	color: #000066;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
/*
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}
*/
p {
	font-size: 11px;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000066;
}

td {
	font-size: 11px;
}

table {
	border: none;
	margin: 0px;
	padding: 0px;
}

table.box {
	color: #FEFEFE;
	background-color: #486591;
	border: none;
	padding: 1px;
}

tr.boxheader {
	background-color: #486591;
}

td.boxheader {
}

tr.boxbody {
	color: #000000;
	background-color: #E6E6E6;
}

.altTextField {
	background-color: #FFFFFF;
	font-size: 9px;
	color: #000000;
	border: thin solid #000000;
}

/*Form selector controls*/
form {
	margin: 0;
}

.input_label {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 5px;
	border-right: 1px solid #FFF;
	display: inline-block;
	height: 36px;
	width: 275px;
	line-height: 36px;
	margin-right: 0;
	width: 90px !important;
}

.chkbx_label {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 5px;
	border-right: 1px solid #FFF;
	display: inline-block;
	height: 36px;
	width: 275px;
	line-height: 36px;
	margin-right: 0;
	width: 130px !important;
}

.logon {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #F5F5F5;
	font-size: 0.8rem;
	padding: 13px 10px;
	width: 270px;
	height: 34px;
	margin-bottom: 20px;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
	clear: both;
}

.logon:focus {
	background: #FFF;
	box-shadow: 0 0 0 3px #FFF38E, inset 0 2px 3px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.15);
	outline: none;
}

label {
	display: block;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 30px;
}

.user label {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABARpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wUmlnaHRzOk1hcmtlZD0iVHJ1ZSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzFCNkEwRDExNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzFCNkEwRDIxNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiPiA8ZGM6cmlnaHRzPiA8cmRmOkFsdD4gPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij5ST1lBTFRZIEZSRUUgTElDRU5TRSA8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnJpZ2h0cz4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzFCNkEwQ0YxNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzFCNkEwRDAxNUFCMTFFMTg0QUE5MjhENDYyMUZBODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5FHaNQAAAAxUlEQVR42mL8//8/Azro7+8XAFLrgdgBKnQAiAMLCws/oKtlYsAOkDUzQNnrsSnEZYADkWI4DcAKgF5TINaAA9jEgGHwgFgDAtEMOQAVwwCM2GKBFMCCFnX1QFwAxKDoMoQ5Ger380AMUjMBKF6IzQv9UM0MUIX1SHL1UDEQKAAaOB/FC0CBABzxbAilz2MLJ6BDNsBcEI/Di+dxaIbrgRkQQEb4BZCckChOifgMOECG3gPIBoBS2QJo/BMCH6BqwSkTIMAAAGo3LoAv8NoAAAAASUVORK5CYII=) no-repeat 8px center;
}

input[type="text"], input[type="number"], input[type="checkbox"], input[type="password"], select {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 2px 5px 5px;
	border: solid 1px #C0C0C0;
	transition: box-shadow 0.3s, border 0.3s;
/*	width: 200px; */
}

input[type="checkbox"], input[type="radio"] {
	width: auto;
}

input[type="checkbox"] {
        height: 20px;
        width:  20px;
}

input.red {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
/*	background-color: #ffb3b3; */
        border: solid 1px #ff8080;
	color: white;
	font-weight: 600;
}

select.red {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
/*	background-color: #ffb3b3; */
        border: solid 1px #ff8080;
/*	color: white; */
        font-weight: 600;
}

input:required {
/*  background-color: #ffe6e6; */
  border-color: #ffb3b3;
  border: solid 1px #ff8080;

}

select:required {
/*  background-color: #ffe6e6; */
  border-color: #ffb3b3;
  border: solid 1px #ff8080;

}

input.error {
  background-color: #ffe6e6;
  border-color: #ffb3b3;
  border: solid 1px #ff3333;

}

select.error {
  background-color: #ffe6e6;
  border-color: #ffb3b3;
  border: solid 1px #ff3333;

}

:disabled {
	background-color: #DCDCDC;
	color: #000000;
}

input[readonly], input[readonly="readonly"], textarea[readonly="readonly"], textarea[readonly] {
	background-color: #DCDCDC;
}

input[type="text"], input[type="password"] {
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
/*	border: solid 1px #DCDCDC; */
    border: solid 1px #C0C0C0;
	transition: box-shadow 0.3s, border 0.3s;
}

/* Style the file selector field: */
.file-selector {
  background-color: #dcdcdc;
  color: #1e3b7b;
  padding: 6px 20px;
  border-color: #ffb3b3;
  border: solid 1px #ff8080;
  border-radius: 8px;
  text-decoration: none;
}

/* Style the button part of the file input */
.file-selector::file-selector-button {
  background-color: #3498DB;
  color: white;
  padding: 6px 20px;
  background-image: linear-gradient(to bottom, #3498DB, #2980B9);
  box-shadow: 0px 1px 3px #666666;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
  text-decoration: none;
}

/* Add a hover effect */
.file-selector::file-selector-button:hover {
  background-color: #3CB0FD;
  background-image: linear-gradient(to bottom, #3CB0FD, #3498DB);
  text-decoration: none;
}


.btn {
	background: #3498DB;
	background-image: -webkit-linear-gradient(top, #3498DB, #2980B9);
	background-image: -moz-linear-gradient(top, #3498DB, #2980B9);
	background-image: -ms-linear-gradient(top, #3498DB, #2980B9);
	background-image: -o-linear-gradient(top, #3498DB, #2980B9);
	background-image: linear-gradient(to bottom, #3498DB, #2980B9);
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 15px 4px 15px;
	text-decoration: none;
	width: 120px;
    border-radius: 8px;
}

.btn:hover {
	background: #3CB0FD;
	background-image: -webkit-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -moz-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -ms-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -o-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: linear-gradient(to bottom, #3CB0FD, #3498DB);
	text-decoration: none;
}

.widebtn {
	background: #3CB0FD;
	background-image: -webkit-linear-gradient(top, #3498DB, #2980B9);
	background-image: -moz-linear-gradient(top, #3498DB, #2980B9);
	background-image: -ms-linear-gradient(top, #3498DB, #2980B9);
	background-image: -o-linear-gradient(top, #3498DB, #2980B9);
	background-image: linear-gradient(to bottom, #3498DB, #2980B9);
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 15px 4px 15px;
	text-decoration: none;
	width: 149px;
    border-radius: 8px;
}

.widebtn:hover {
	background: #3CB0FD;
	background-image: -webkit-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -moz-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -ms-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -o-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: linear-gradient(to bottom, #3CB0FD, #3498DB);
	text-decoration: none;
}

.smlbtn {
	background: #3498DB;
	background-image: -webkit-linear-gradient(top, #3498DB, #2980B9);
	background-image: -moz-linear-gradient(top, #3498DB, #2980B9);
	background-image: -ms-linear-gradient(top, #3498DB, #2980B9);
	background-image: -o-linear-gradient(top, #3498DB, #2980B9);
	background-image: linear-gradient(to bottom, #3498DB, #2980B9);
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	color: #FFFFFF;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
	width: 60px;
    border-radius: 8px;
}

.smlbtn:hover {
	background: #3CB0FD;
	background-image: -webkit-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -moz-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -ms-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: -o-linear-gradient(top, #3CB0FD, #3498DB);
	background-image: linear-gradient(to bottom, #3CB0FD, #3498DB);
	text-decoration: none;
}

.smlbtn:disabled {
}

textarea {
/*	border: solid 1px #DCDCDC; */
	border: solid 1px #C0C0C0;
    transition: box-shadow 0.3s, border 0.3s;
	padding: 1px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
    resize:  vertical;
}

input[type="text"]:focus, input[type="text"].focus, input[type="password"]:focus, input[type="password"].focus {
	border: solid 1px #707070;
	box-shadow: 0 0 5px 1px #969696;
}

textarea:focus, textarea.focus {
	border: solid 1px #707070;
	box-shadow: 0 0 5px 1px #969696;
}

.logonfields {
	/*+border-radius: 5px;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

/* Dialog box settings */
div.dialog {
	width: 360px;
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
	background-color: #CCC;
	border: 1px solid #000000;
	padding: 10px;
}
 
div.row {
	clear: both;
	padding-top: 5px;
}

div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
}

div.row span.docleft {
	float: left;
	width: 100px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

div.row span.docright {
	float: right;
	width: 100px;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

div.row span.doccenter {
	float: left;
	width: 640px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
}

div.row span.docbody {
	float: left;
	width: 840px;
	text-align: left;
	font-size: 11px;
}

div.row span.dialogformw {
	float: left;
	width: 235px;
	text-align: left;
	padding: 0px 0px 0px 2px;
	height: 20px;
}

div.row span.dialogheading {
	float: left;
	width: 360px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

div.row span.dialog_gentext {
	float: left;
	width: 360px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

div.row span.dialogmessage {
	float: left;
	width: 360px;
	font-weight: bold;
	text-align: center;
	color: #FF0000;
}

div.row span.dialogimage {
	float: left;
	width: 335px;
	font-weight: bold;
	text-align: left;
}

div.error_dialog {
  padding: 15px; 
  margin-top: 1px; 
  display: none; 
}

div.row_message {
  padding: 15px; 
  margin-top: 1px;
  display: flex;
  justify-content: center; /* Centers the span horizontally */
}

div.row_message_blank {
  padding: 23px;
  margin-top: 1px;
  display: none;
  justify-content: center; /* Centers the span horizontally */
}

span.errormsg {
  display: inline-block; /* Allows the span to accept width and padding */
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  width: 80%;
  color: #721c24;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb; 
  padding: 5px; 
  margin-top: 1px; 
  border-radius: 4px;
}

span.informationmsg {
  display: inline-block; /* Allows the span to accept width and padding */
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  width: 80%;
  color: #1e3b7b;
  background-color: #d6e0f5;
  border: 1px solid #98b1e6; 
  padding: 5px; 
  margin-top: 1px; 
  border-radius: 4px;
}

span.successmsg {
  display: inline-block; /* Allows the span to accept width and padding */
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  width: 80%;
  color: #287128;
  background-color: #d9f2d9;
  border: 1px solid #a0dea0; 
  padding: 5px; 
  margin-top: 1px; 
  border-radius: 4px;
}

div.spacer {
	clear: both;
}

/* Menu Bar */
div.menu {
	font-family: 'Maven Pro', sans-serif;
	font-size: 14px;
	width: 150px;
	height: 850px;
	background-color: #CCC;
	border: 1px solid #000000;
	padding: 5px;
	margin-left: 0px;
	position: absolute;
	left: 0px;
	top: 83px;
	padding: 3px;
}

div.row span.menuitem {
	float: left;
	font-family: 'Maven Pro', sans-serif;
	font-size: 12px;
	width: 150px;
	font-weight: bold;
	text-align: left;
}

span.menuitem a {
	float: left;
	font-family: 'Maven Pro', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	color: #34282C;
	text-decoration: none;
    font-style: normal;
}

div.row span.menuversion {
	font-family: 'Maven Pro', sans-serif;
	font-size: 11px;
	float: left;
	width: 150px;
	text-align: left;
	font-style: italic;
}

div.row span.menuheading {
	float: left;
	width: 150px;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
}

/*Top Border */
div.topborder {
	float: left;
	/* background-color: #FEFF42; */
	background-color: #8E0909;
    padding: 3px;
	margin-left: 0px;
	width: 1233px;
	border: 1px solid #000000;
	height: 75px;
	position: absolute;
	left: 0px;
	top: 0px;
	color: #CCCCCC;
}

div.row span.topheading {
/*	float: left; */
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	width: 100%;
/*	color: #FF6600; */
    color: #FFFFFF;
}

div.row span.topleft {
	float: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: left;
	width: 150px;
}

/*Main Content Body */
div.body {
	background-color: #FFFFFF;
	padding: 3px;
	position: absolute;
	margin: 0px 0% 0 155px;
	top: 0px;
	height: 850px;
	/*	border: 1px dashed #000000; */
}

div.row span.heading {
	float: left;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center;
	width: 100%;
}

div.row span.h1 {
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

div.row span.h2 {
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	color: #FF0000;
}

div.row span.h3 {
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	color: #000066;
}

div.row span.h4 {
	float: left;
	font-weight: normal;
	text-align: left;
	width: 100%;
	color: #000066;
}

div.row span.h4CENTER {
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	width: 100%;
    color: #000066;
}

div.float {
	float: left;
}

div.row span.formw {
	float: right;
	width: 235px;
	text-align: left;
}

div.row span.formn {
	float: right;
	text-align: left;
}

/*Form Data Tables.. */
table.formdata {
	border: none;
	width: 100%;
}

td.label {
	font-weight: bold;
	text-align: right;
	border: none;
	width: 150px;
	padding: 0px 2px 0px 0px;
}

td.slabel {
	font-weight: bold;
	text-align: left;
	border: none;
	width: 100px;
	padding: 0px 0px 0px 2px;
}

td.label_std {
  text-align: right;
  border: none;
  width: 15%;
  padding: 0px 2px 0px 0px;
  font-weight: bold;
}

td.formw {
	border: none;
	width: 125px;
	text-align: left;
}

td.formw_std {
	border: none;
	width: 35%;
	text-align: left;
}

td.formw_std a {
  color: #000066;
  text-decoration: none;
  font-weight: 600;
}

td.formw a {
  color: #000066;
  text-decoration: none;
  font-weight: 600;
}

td.label_ctr {
	font-weight: bold;
	text-align: center;
	border: none;
	width: 100px;
	padding: 0px 0px 0px 2px;
}

td.form_ctr {
	border: none;
	width: 125px;
	text-align: center;
}
ul {
	font-weight: bold;
	list-style-type: square;
}

li {
	text-indent: 15px;
}

td.coldata a {
	color: #000066;
	text-decoration: none;
        font-weight: 600;
}

td.coldata input[type="checkbox"] {
        height: 14px;
        width: 14px;
}

td.colheading input[type="checkbox"] {
        height: 14px;
        width: 14px;
}

/* Results Table */
table.results {
	background-color: #c0c0c0;
	border: thin solid #e6e9ea;
   	border-collapse: collapse;
	width: 100%;
}

td.banner {
	font-weight: bold;
	color: #3a3b3c;
	background-color: #f58442;
    border: 1px solid #666666;
	text-align: center;
    font-size: 12px;
    padding: 4px;	
}

/* Fix the image alignment for the banner */
.results .banner img {
    vertical-align: middle;
}

td.colheading {
	font-size: 11px;
	font-weight: bold;
	color: #3a3b3c;
    border: 1px solid #666666;
	background-color: #cccccc;
    padding: 4px 1px 4px 2px;	
}

td.coldata {

    border: 1px solid #cccccc;
	background-color: #eeeeee;
    font-optical-sizing: auto;
    padding: 4px 1px 4px 2px;
}

legend {
	font-size: 10px;
	font-weight: bold;
}

fieldset.main {
}

fieldset.main table.formdata {
	border: none;
	width: 100%;
}

fieldset.main td.label {
	font-weight: bold;
	text-align: right;
	border: none;
	width: 100px;
}

fieldset.main td.slabel {
	font-weight: bold;
	text-align: left;
	border: none;
	width: 100px;
}

fieldset.main td.formw {
	border: none;
	width: 125px;
	text-align: left;
}

/* ==========================================================
   Version compare (HTMLversion_compare and related functions)
   ========================================================== */

/* Version picker: one row, everything centred vertically */
.vc-form { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.vc-form .vc-label { font-weight: bold; font-family: 'Maven Pro', sans-serif; }  /* matches td.label */
.vc-form label.vc-check {  /* overrides the global label (block, 36px high, 30px indent) */
	display: inline-flex; align-items: center; gap: 4px;
	height: auto; line-height: normal; padding: 0 8px 0 4px;
	font-weight: bold; font-family: 'Maven Pro', sans-serif; cursor: pointer;
}
.vc-actions { margin: 8px 0; }

table.vc { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
table.vc col.vc-col-ln { width: 45px; }
table.vc th,
table.vc td { border: 1px solid #ddd; padding: 1px 6px; vertical-align: top; }
table.vc th { background: #f2f2f2; text-align: left; padding: 6px; }
table.vc th span { display: block; font-weight: normal; color: #666; font-size: 11px; }

table.vc td.vc-ln { text-align: right; color: #999; background: #fafafa; }
table.vc td.vc-code,
table.vc tr.vc-sig td { font-family: "Inconsolata", monospace; font-size: 13px; white-space: pre-wrap; word-break: break-all; }  /* same font as textarea.code */

table.vc td.vc-old { background: #fdecea; }   /* changed / removed - old side */
table.vc td.vc-new { background: #e6f4ea; }   /* changed / added - new side */
table.vc td.vc-empty { background: #f5f5f5; } /* no matching line */
table.vc span.vc-dx { background: #ffd54f; border-radius: 2px; } /* changed part of a line */

table.vc tr.vc-sig td { background: #f7f9fc; font-weight: bold; padding: 4px 6px; }
table.vc tr.vc-sig-chg td { background: #fff8e1; }
table.vc tr.vc-sum td { background: #fff; font-style: italic; padding: 4px 6px; }
table.vc tr.vc-skip td { background: #f2f6fb; color: #667; text-align: center; font-style: italic; }