a:hover { color: #990000; font-weight: bold;}
a:link {  color: #990000; text-decoration: none}
a:visited { color: #990000; text-decoration: none}
a.active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: inherit;
	color: #000000;
}
.breakhere {page-break-after: always}
h2 { font-size: 13px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
.subtitle { font-size: 13px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: black;
}
audio::-internal-media-controls-download-button {
    display:none;
}
audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}
audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
.glossary_link {text-decoration:underline;font-weight:bold;color:#990000;}
.comment {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333}
.title {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333}
.bodysmall { font-family: Arial, Helvetica, sans-serif; font-size: 10px}
.quote {  font-family: "Times New Roman", Times, serif; font-size: 13px; font-style: italic}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000066}
.heading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000066}
.heading_red {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #990000}
.super {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; clip:   rect(   ); vertical-align: super}
.big16 { font-family: Arial, Helvetica, sans-serif; font-size: 16px}
.alert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C62828;
}
.header {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding: 0px;}
.fieldset {  padding: 5}
.legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
.legend_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.tablefont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.nav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.context {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.boxtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.required_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EFEFE7;
}
.required_input_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EFEFE7;
}
.highlighted_input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFCC;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.input_form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.input_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.input_small_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
}
.blue_text {
	color: #0000FF;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}
.button_669999 {
	font-family:verdana,arial;
	font-size:11px;
	color:white;
	height:20px;
	background-color:#669999
}
.button_666699 {
	font-family:verdana,arial;
	font-size:11px;
	color:white;
	height:20px;
	background-color:#666699
}
.button_gray {
	font-family:verdana,arial;
	font-size:11px;
	color:black;
	height:20px;
	background-color:#CCCCCC
}
.highlight:hover img{
border: 1px solid red;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: .75;
}
.highlight:hover{
font-weight:normal;
color: red; /* irrelevant definition to overcome IE bug */
}
table#nav {
	border:none;
	padding: 0px;
	border-collapse:collapse;
	width:100%;
}
ul.password-requirements{
 padding-inline-start: 17px;
 margin: 0;
}
.color-red
{
	color:red;
}
input::-ms-reveal,
input::-ms-clear {
display: none;
}
/* Tabbing Styles */
:focus
{
    outline-color: #a00202 !important;
    outline-style: ridge;
    outline-width: 2px !important;
    box-shadow:  0 1px 1px rgb(0 0 0 / 8%), 0 0 11px #a0020280;
    outline-offset: 1px;
 }
/* @-moz-document url-prefix() 
 {
  :focus
  {
  	-moz-outline-color: #a00202 !important;
    -moz-outline-style: ridge;
    -moz-outline-width: 2px !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 11px #a0020280;
  }  
 } */

/* =====================================================================
   BUG-2026-151, i2L, 2 September 2026.  Success and failure messages.

   C. Bien: success text was shown in the red error style across the
   system - Class Manager create/update among them - and customers were
   reading a success as a failure.

   WCAG 2.1 figures, all measured against the backgrounds used here:
     success text  #1B5E20 on #E7F6EC  = 7.0:1   (AA needs 4.5:1)
     error text    #C62828 on #FDECEA  = 4.9:1   (AA needs 4.5:1)
     success border #4D9E6F on white   = 3.3:1   (SC 1.4.11 needs 3:1)
     warning triangle outline #7A5B00  = 6.3:1   (the yellow fill alone
       is 1.6:1, so the outline is what carries the shape)

   SC 1.4.1 Use of Color: every message also carries the word "Success"
   or "Error" and a different icon SHAPE - a circle-check against a
   triangle - so the meaning does not depend on seeing the colour.
   ===================================================================== */

.i2lmsg {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 11px 14px;
	margin: 0 0 16px 0;
	border: 1px solid;
	border-radius: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.45;
}

.i2lmsg__icon {
	flex: 0 0 auto;
	margin-top: 1px;
}

.i2lmsg__label {
	flex: 0 0 auto;
	font-weight: bold;
}

.i2lmsg__label::after {
	content: ":";
}

.i2lmsg__text {
	flex: 1 1 auto;
}

.i2lmsg--success {
	background: #E7F6EC;
	border-color: #4D9E6F;
	color: #1B5E20;
}

.i2lmsg--error {
	background: #FDECEA;
	border-color: #C62828;
	color: #C62828;
}

/* ---------------------------------------------------------------------
   The legacy message class, used about 7,130 times across 388 pages that
   render their own markup. Those pages cannot tell success from failure,
   so they keep ONE colour - but the colour itself was a conformance
   defect and is corrected here.

   ⚠ It was #FF0000, which is 4.0:1 on white and FAILS SC 1.4.3 for text
   this size (AA needs 4.5:1). #C62828 is 5.6:1 and passes.
   --------------------------------------------------------------------- */
.alert {
	color: #C62828;
}