/* 
	c- = component, 
	u- = utility, 
	l- = layout, 
	t- = typography. 
	This keeps CSS predictable, easy to search, and BEM-friendly (use __ for elements, -- for modifiers).

*/

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top: 50px;
	padding-bottom: 20px;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
}

/* Force desktop layout on narrow viewports */
html, body {
    min-width: 1024px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.l-body-content {
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (max-width: 1024px) {
    .c-table__label-col--one {
        width: 20% !important;
        vertical-align: top !important;
    }

    .c-table__field-col--one {
        width: 30% !important;
        vertical-align: top;
    }

    .c-table__label-col--two {
        width: 20% !important;
        vertical-align: top !important;
    }

    .c-table__field-col--two {
        width: 30% !important;
        vertical-align: top;
    }
}

/* Page break helpers */
.u-page-break {
	page-break-before: always;
}

/* Navigation / search alignment */
.u-search-right {
	text-align: right;
}

/* Images / small controls */
.c-edit-btn {
	height: 16px !important;
	width: 16px !important;
}

	.c-edit-btn img {
		height: 16px !important;
		width: 16px !important;
	}

/* Search box with icon */
.c-search-input {
	background: url("../Images/find.png") no-repeat;
	background-position: left center;
	height: 26px;
	padding-left: 18px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

/* Form / input controls */
.c-input {
	height: 26px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

.c-input--small {
	width: 200px;
}

.c-input--date {
	height: 26px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

.c-textarea {
	height: 80px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

.c-textarea--summary {
	height: 180px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

/* Prevent native resize and hide overflow; adjust min-height as needed */
.u-auto-grow {
	overflow: hidden;
	resize: none;
	min-height: 100px;
}

.u-auto-grow-summary {
	overflow: hidden;
	resize: none;
	min-height: 180px;
}

.c-entry-multiline-panel-summary {
	min-height: 180px;
}

.c-textarea-default {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	background-color: White;
	border: 1px solid;
	width: 200px;
}

.c-select {
	border-radius: 6px;
	display: inline-block;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #cccccc;
	height: 26px;
	width: 100%;
}

.c-toolbar-select {
	border-radius: 6px;
	display: inline-block;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #cccccc;
	height: 26px;
	min-width: 80px;
	font-family: Verdana, Helvetica, sans-serif;
	/*font-size: 11px;*/
}

.c-toolbar-select--selected {
	width: 110px;
	height: 22px;
	border: 0px;
	outline: none;
}

.c-card {
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	padding: 8px 8px 14px 8px;
}

.c-rounded-table-section {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px; /* future proofing */
	-khtml-border-radius: 0px 0px 6px 6px; /* for old Konqueror browsers */
	width: 100%;
	padding: 7px;
}

.c-card--table-section {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc;*/
	/*-moz-border-radius: 0px 0px 6px 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;*/ /* future proofing */
	-khtml-border-radius: 0px 0px 6px 6px; /* for old Konqueror browsers */
	width: 100%;
	padding: 7px 7px 15px 7px;
}

/* Entry / display tables */
.c-table--entry {
	width: 100%;
	padding: 5px;
}

.c-table--entry-sub {
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.c-table--entry th, td {
	padding: 2px;
}

.c-table--display {
	width: 100%;
	padding: 10px;
}

.c-table__label-col--one {
	width: 17% !important;
	vertical-align: top !important;
}

.c-table__field-col--one {
	width: 33% !important;
	vertical-align: top;
}

.c-table__label-col--two {
	width: 17% !important;
	vertical-align: top !important;
}

.c-table__field-col--two {
	width: 33% !important;
	vertical-align: top; 
}

.c-field-table__answer-col {
	width: 18%;
	vertical-align: top;
}

.c-field-table__answer-col--na {
	width: 10%;
	vertical-align: top;
}

.c-entry-table__label-col {
	vertical-align: top !important;
}

.c-entry-table__field-col {
	width: 65%;
}

.c-entry-table__field-col--sub {
	width: 73%;
}

.c-entry-table__field-col--system-function-list {
	width: 100%;
	padding-top: 10px;
	vertical-align: top; /* Aligns content to the top of the row */
}

.c-entry-table__buttons--left {
	text-align: left;
}

.c-entry-table__buttons--right {
	text-align: right;
}

/* Div-based table layout */
.l-div-table {
	display: table;
	width: 100%;
	border-spacing: 10px; /* cellspacing:poor IE support for  this */
}

.l-div-row {
	display: table-row;
	width: auto;
	clear: both;
}

.l-div-col {
	float: left; /* fix for  buggy browsers */
	display: table-column;
	padding: 2px;
}

.l-div-col-one {
	width: 100%;
}

.l-div-col-two {
	width: 50%;
}

.l-div-col-three {
	width: 33%;
}

.l-div-col-four {
	width: 25%;
}

/* Grids */
.c-grid {
	/*Border getting from surrounding div with rounded corner
	border-right: #3985da 1px solid;
	border-top: #3985da 1px solid;
	border-left: #3985da 1px solid;
	border-bottom: #3985da 1px solid;*/

	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #fff;
	border-color: #ccc;
	border-style: none;
}

.c-grid--bg {
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 11PX;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #f5f8E8;
	text-align: left;
}

.c-grid--alt {
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 11PX;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #D7eeff;
	text-align: left center;
	border-color: #ccc;
	border-style: none;
}

.c-grid__heading {
	text-align: left;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	FONT-SIZE: 11PX;
	BACKGROUND-IMAGE: linear-gradient(lightblue, white);
	COLOR: whitesmoke !important;
	HEIGHT: 20px;
	font-size: 11px;
}

	.c-grid__heading a {
		color: blueviolet;
		font-size: 11px;
	}

.c-grid__heading--no-sort {
	text-align: left;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	FONT-SIZE: 11PX;
	BACKGROUND-IMAGE: linear-gradient(lightblue, white);
	COLOR: blueviolet !important;
	HEIGHT: 20px
}

.c-grid__paging {
	font-weight: bold;
	font-size: 11PX;
	color: blueviolet;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #3985DA;
	BACKGROUND-IMAGE: linear-gradient(white, lightblue);
	text-align: center;
}

	.c-grid__paging a {
		color: blueviolet;
	}

/* Headings / Titles / Typography */
.t-title-page {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: Highlight;
	margin-top: 10px;
	display: inline-block;
}

.t-heading--white {
	font-family: Oswald, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 18px;
	color: Highlight;
	line-height: 50px;
	font-weight: 400;
}

.info-banner {
    display: block;
    background-color: #f5f5f5;
    color: #333;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 12px;
    border-left: 4px solid #0078d4;
    font-family: Arial, sans-serif;
    line-height: 1.5;
    word-wrap: break-word; /* Ensures long words wrap */
    max-width: 100%; /* Responsive */
    box-sizing: border-box; /* Prevent overflow */
}

.info-banner ul {
    margin: 8px 0 0 20px;
    padding: 0;
    list-style-type: disc;
}

.info-banner li {
    margin-bottom: 6px;
}

.t-form-heading {
	font-family: Oswald, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: #6b7a8e;
	font-weight: bold;
}

.t-title-label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: indigo;
}

.t-field-label {
	font-family: Arial,sans-serif;
	/*font-size: 12px;*/
	color: #111;
	vertical-align: text-top;
	line-height: 19px;
}

.t-field-display {
	font-family: verdana, Arial,sans-serif;
	font-size: 11px;
	color: black;
	vertical-align: text-top;
}

.t-field-display__label-value {
	font-family: verdana, Arial,sans-serif;
	font-size: 11px;
	color: black;
	vertical-align: text-top;
}

.t-field-label--question {
	font-family: verdana, Arial,sans-serif;
	font-size: 11px;
	color: black;
	vertical-align: text-top;
}

.t-field-label--question-weight {
	font-family: verdana, Arial,sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-left: 5px;
	line-height: 15px;
	/*font-weight: bold !important;*/
	color: black !important;
	font-weight: 100;
}

.t-field-radio-answer {
	font-family: verdana, Arial,sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-left: 5px;
	line-height: 15px;
	font-weight: bold !important;
}

.t-field-label--answer {
	font-family: verdana, Arial,sans-serif;
	font-size: 11px;
	color: black;
	vertical-align: middle;
	padding-left: 5px;
	line-height: 15px;
}

.t-field-assessment-comment-label {
	font-family: verdana, Arial,sans-serif;
	font-size: 11px;
	color: #6b7a8e;
	vertical-align: top;
	padding-left: 5px;
	line-height: 15px;
	font-weight: bold !important;
}

.c-textarea--assessment {
	height: 120px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	background: #eaeaea;
	/*Grey*/
	/*background: RGB(251, 243, 176); Stciky notes*/
	/*background: RGB(255, 255, 153);*/ /*old*/
}

.c-panel--assessment {
	background: #eaeaea;
	overflow: hidden;
	resize: none;
	min-height: 120px;
	width: 100%;
	border: 1px solid #ccc;
	padding-left: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
}

/* Buttons */
.c-btn {
	background: #e3e3e3;
	border: 1px solid #bbb;
	-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
	box-shadow: inset 0 0 1px 1px #f6f6f6;
	color: #333;
	font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
	padding: 6px 8px 6px 8px;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	height: 26px;
	border-radius: 6px;
}

	.c-btn:hover {
		background: #d9d9d9;
		-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
		box-shadow: inset 0 0 1px 1px #eaeaea;
		color: #222;
		cursor: pointer;
	}

	.c-btn:active {
		background: #d0d0d0;
		-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
		box-shadow: inset 0 0 1px 1px #e3e3e3;
		color: #000;
	}

.c-btn--large {
	font-family: Calibri, Helvetica, sans-serif;
	color: #1f497d;
	background-color: #f1f1f1;
	border-color: #ccc;
	border-style: solid;
	border-width: thin;
	border-radius: 1px;
	padding: 10px 25px;
	font-size: 13px;
	line-height: 1.3;
	min-width: 130px;
	height: 50px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

	.c-btn--large:focus,
	c-btn--large.focus,
	c-btn--large.Activelink,
	c-btn--large:hover,
	c-btn--large:active,
	c-btn--large.Active {
		font-family: Calibri, Helvetica, sans-serif;
		color: #1f497d;
		background-color: #f1f1f1;
		border-color: #ccc;
		border-style: solid;
		border-width: thin;
		border-radius: 1px;
		padding: 10px 25px;
		font-size: 13px;
		line-height: 1.3;
		min-width: 130px;
		height: 40px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

.c-btn--xlarge {
	font-family: Calibri, Helvetica, sans-serif;
	border-color: #ccc;
	border-style: solid;
	border-width: thin;
	border-radius: 1px;
	padding: 10px 25px;
	font-size: 16px;
	line-height: 1.3;
	min-width: 130px;
	height: 70px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

	.c-btn--xlarge:focus,
	c-btn--xlarge.focus,
	c-btn--xlarge.Activelink,
	c-btn--xlarge:hover,
	c-btn--xlarge:active,
	c-btn--xlarge.Active {
		font-family: Calibri, Helvetica, sans-serif;
		border-color: #ccc;
		border-style: solid;
		border-width: thin;
		border-radius: 1px;
		padding: 10px 25px;
		font-size: 16px;
		line-height: 1.3;
		min-width: 130px;
		height: 70px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

.c-btn--primary {
	background-color: DodgerBlue;
	border: none;
	color: white;
	font-size: 12px;
	cursor: pointer;
	padding: 6px 30px 16px 30px;
	text-align: center;
	height: 28px;
	min-width: 120px;
	border-radius: 3px;
}

	.c-btn--primary:hover {
		background-color: RoyalBlue;
		cursor: pointer;
	}

	.c-btn--primary:active {
		background-color: RoyalBlue;
	}

.c-btn--login {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: transparent;
	color: White;
	cursor: pointer;
	border: none;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 0;
	width: 180px;
	transform: translateY(-50%);
}

	.c-btn--login:hover {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		background-color: transparent;
		color: whitesmoke;
		cursor: pointer;
		border: none;
		border-color: none;
		position: absolute;
		top: 50%;
		right: 0;
		width: 180px;
		transform: translateY(-50%);
		text-decoration: none;
	}

/* Link styles */
.c-link--blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	float: right;
}

.c-link--blue-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
}

.c-link__container {
	vertical-align: bottom !important;
}

.c-link--report {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	vertical-align: middle !important;
}

.c-link--white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight: bold;
	text-decoration: none;
}

	.c-link--white:hover {
		color: white;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: white;
		font-weight: bold;
	}

.c-link--request-password {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	font-weight: bold;
}

/* Anchor classes with pseudo states */
/* Consolidated, accessible link styles for leftlinkclass and toplinkclass
   - use class selectors (not pseudo-class qualifiers)
   - lowercase pseudo-classes
   - grouped shared properties to reduce duplication
   - add :focus and :focus-visible for keyboard accessibility
   - keep visual intent (sizes/colors) but centralize hover/focus handling
*/

a.leftlinkclass,
a.toplinkclass {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: 700; /* bold */
    transition: color 120ms ease, background-color 120ms ease;
}

/* left links */
a.leftlinkclass {
    font-size: 12px;
    color: #000;
}

a.leftlinkclass:link,
a.leftlinkclass:visited,
a.leftlinkclass:active {
    color: #000;
}

a.leftlinkclass:hover,
a.leftlinkclass:focus {
    text-decoration: underline;
    color: #000;
}

/* visible focus ring for keyboard users */
a.leftlinkclass:focus-visible {
    outline: 2px solid rgba(57,133,218,0.9);
    outline-offset: 2px;
}

/* top links */
a.toplinkclass {
    font-size: 13px;
    color: #000;
    letter-spacing: 1px;
}

a.toplinkclass:link,
a.toplinkclass:visited,
a.toplinkclass:active {
    color: #000;
}

/* Hover/focus behavior — keep original hover color (white) if used on dark background.
   If toplinks are on a light background, change this to a visible hover color instead. */
a.toplinkclass:hover,
a.toplinkclass:focus {
    color: #fff;
    text-decoration: none;
}

a.toplinkclass:focus-visible {
    outline: 2px solid rgba(57,133,218,0.9);
    outline-offset: 2px;
}

/* Section headers and summaries */
.c-section-header {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: whitesmoke; /* overwrites any other rules */
	border-radius: 6px 6px 0px 0px !important;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-family: Oswald, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: #6b7a8e;
	vertical-align: middle !important;
	font-weight: 600;
	padding-left: 6px;
}

.c-section-header--parent {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: orange; /* overwrites any other rules */
	border-radius: 6px 6px 0px 0px !important;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	height: 30px;
	overflow: hidden;
	font-family: Oswald, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: white;
	/*vertical-align: middle !important;*/
	font-weight: 600;
	padding-left: 6px;
	padding-top: 2px;
}

.c-section-header--parent-white {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: white; /* overwrites any other rules */
	border-radius: 6px 6px 0px 0px !important;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	height: 30px;
	overflow: hidden;
	font-family: Oswald, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: grey;
	/*vertical-align: middle !important;*/
	font-weight: 600;
	padding-left: 6px;
	padding-top: 2px;
}

.c-section-header__child {
	/*    border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	background-color: white; /* overwrites any other rules */
	border-radius: 6px 6px 0px 0px !important;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	color: #6b7a8e;
	font-weight: bold !important;
	vertical-align: middle !important;
	padding-left: 6px;
}

.c-section-header--parent-summary {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*border-bottom: 1px solid #ccc;*/
	background-color: whitesmoke; /* overwrites any other rules */
	height: 30px;
	overflow: hidden;
	font-family: Oswald, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	color: #6b7a8e;
	/*vertical-align: middle !important;*/
	font-weight: 600;
	padding-left: 6px;
	/*padding-top: 2px;*/
}

.c-section-header__child-row--summary {
	background-color: white; /* overwrites any other rules */
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 13px;
	color: #6b7a8e;
	vertical-align: middle !important;
	padding-left: 6px;
}

.c-section-header__summary-bottom {
	border-bottom: 1px solid #ccc;
	background-color: white !important; /* overwrites any other rules */
	color: black;
	font-style: italic;
	text-align: right;
	height: 35px !important;
	vertical-align: middle;
	padding-top: 3px;
}

/* Panels and modals */
.c-modal__header {
	background-color: orangered;
	color: white;
	padding: 2px;
	height: 30px;
}

.c-modal-backdrop {
	background-color: black;
	opacity: 0.6;
}

.c-modal {
	border: 4px solid orangered;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* future proofing */
	-khtml-border-radius: 4px; /* for old Konqueror browsers */
	padding: 0px 0px 0px 0px;
	width: 1000px;
}

/* Validation / messaging */
.t-message {
	font-size: 10pt;
	font-weight: normal;
	color: Red;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 35px;
}


/* Assessment colors / color text placeholders (kept as originals) */
.c-assess--5 {/*background-color: RGB(144, 178,0) !important;*/}
.c-assess--4 {/*background-color: RGB(152, 153, 0) !important;*/}
.c-assess--3 {/*background-color: RGB(249, 233, 0) !important;*/}
.c-assess--2 {/*background-color: RGB(219, 49, 33) !important;*/}
.c-assess--1 {/*background-color: RGB(208,21,12) !important;*/}
.c-assess--na {/*background-color: RGB(208,21,12) !important;*/}

.c-assess__text--5 {/*color: RGB(144, 178,0) !important;*/ color: black !important;}
.c-assess__text--4 {/*color: RGB(152, 153, 0) !important;*/color: black !important;}
.c-assess__text--3 {/*color: RGB(249, 233, 0) !important;*/color: black !important;}
.c-assess__text--2 {/*color: RGB(219, 49, 33) !important;*/color: black !important;}
.c-assess__text--1 {/*color: RGB(208,21,12) !important;*/color: black !important;}
.c-assess__text--na {color: black !important;}

.c-checkbox {
	font-size: 8pt;
	font-family: verdana, Helvetica, sans-serif;
	color: #284E98;
	font-weight: normal !important; /* Ensure text is not bold */
	padding-left: 4px !important; /* Add spacing between checkbox and text */
}

	.c-checkbox + label {
		font-weight: normal !important; /* Override bold from generic label styles */
	}

.c-radio-list--simple {
	font-size: 10px;
	font-family: verdana, Helvetica, sans-serif;
	font-weight: normal !important;
	display: inline-block;
}

/* Misc controls and helpers */
.t-required {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Red;
	font-weight: bold;
	vertical-align: text-bottom
}

/* Small utility classes */
.u-blank-row {
	height: 5px !important; /* overwrites any other rules */
	font-size: 6px;
}

/* Utility / alignment */
.u-text-center {
	text-align: center;
}

.u-text-right {
	text-align: right;
}

.u-rounded {
    border: #ccc 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}