/* ==========================================================
   NIC Workforce & Community – Combined Stylesheet
   Includes: base system styles + WCAG/brand customizations
   
   Goals:
   • Full-bleed WHITE header/banner (black text + maroon accents)
   • Full-bleed black nav bars, footer, pre-footer (white text)
   • Readable nav to match account/login bar (16px, normal weight)
   • Logo sizing fix (strong specificity; fixed heights per breakpoint)
   • WCAG 2.4 focus-visible parity + link affordance
   • Bootstrap focus suppression fix
   • Readable typography (16px body, 14px UI/table text minimum)
   • Minimum 44px touch targets on mobile (WCAG 2.5.5)
   • Accessible error/warning text contrast (WCAG 1.4.3)
   • Accessible gray link contrast (WCAG 1.4.3)
   • Brand colors: #000000, #ffffff, #98002e, #999999, #ffbf00
   Last updated: 2026-03-17
   ============================================================== */

/* ===============================================================
   PART 1 – BASE SYSTEM STYLES
   =============================================================== */

#Container {padding-left:10px;}   
			#left {top:inherit;position: static;float:left;left: 0%;width: 170px;text-align: left;margin-left: 10px;}
			#middle {position: static;left:20%;min-width: 360px;width: 40%; }
			#right {position: absolute; float:right; width: 40%;}  

			A.ActionLink:link {color: #000000; text-decoration: underline; text-decoration-color: #98002e;}
			A.ActionLink:visited {color: #000000; text-decoration: underline; text-decoration-color: #7a0e2e;}
			A.ActionLink:active {color: #98002e; text-decoration: underline; text-decoration-color: #98002e;}
			A.NextPrevActionLink {color: #ffffff; text-decoration: none;}/* Adding extra w.o state since bootstrap was overriding the one with state */
			A.NextPrevActionLink:link {color: #ffffff; text-decoration: none;}
			A.NextPrevActionLink:visited {color: #ffffff; text-decoration: none;}
			A.NextPrevActionLink:active {color: #ffffff; text-decoration: none;}
			A.MenuLink:link {color: #000000; text-decoration: underline; text-decoration-color: #98002e;}
			A.MenuLink:visited {color: #000000; text-decoration: underline;}
			A.MenuLink:hover {color: #98002e; text-decoration: underline; text-decoration-color: #98002e;}
			A.MenuLinkLT:link {color: #ffffff; text-decoration: none;}
			A.MenuLinkLT:visited {color: #ffffff; text-decoration: none;}
			A.MenuLinkLT:hover {color: #444444; text-decoration: none;}
			
			A.SubCatMenuLink:link {color: #000000; text-decoration: underline; text-decoration-color: #98002e; font-size: 14px;}
			A.SubCatMenuLink:visited {color: #000000; text-decoration: underline; font-size: 14px;}
			A.SubCatMenuLink:hover {color: #98002e; text-decoration: underline; text-decoration-color: #98002e; font-size: 14px;}			
			
			.CatMenuLink {
				  color : #98002e; 
				  text-align: left;
				  font-size : 16px;       
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
			 }
			 .course-body .course h2{font-size : 16px;}
			 /*Begin:Su2Bugs Dec 09 2015 Neo 0126*/
			 .course-body .image-grid ul li.grid-title h2{font-size : 16px;}
			 .course-body .image-grid ul li a{font-size : 14px;text-decoration: underline;}
			  /*End:Su2Bugs Dec 09 2015 Neo 0126*/ 
			.banner-logo-image{padding-left :0px; }
			 
			.pagebreak {
				page-break-before: always;
			}
			
			.reportpagebreak {
				page-break-after: auto;
			}
			
			input.buttonIE { 
				background: #cccccc;
				border : 1px solid;
				border-color: #4cae4c;
				  width: 200px;
				  height: 30px;
				 color: #000000;
				  font-family: arial;            
				  font-size: 14px;
				  font-weight: bold;    
			 }
			input.buttonNN { 
				  width: 200px;
				  height: 30px;
				  font-family: Arial, Helvetica, sans-serif;             
				  font-size: 15px;
				  font-weight: bold;   
			 }
			input.button10pt { 
			 	font-weight: bold;   
				font-size: 10px;
				font-family: Arial, Helvetica, sans-serif;
			 }
			 
			 
			 
			TABLE.PopupBorder {
				border-color : #F0F0F0;
				border-width : 10px;
				border-style : solid;	}
		 

			.SideNav {
				 
				 background-color: #000000;
			
			}

			.StatusBoxFullClass {
				 background-color: #98002e;
				 height: 12px;
				 width: 12px;
			}
			.StatusBoxRegistrationClosed {
				 background-color: #dad9d9;
				 height: 12px;
				 width: 12px;
			}
			.StatusBoxAlreadyRegistered {
				 background-color: #000000;
				 height: 12px;
				 width: 12px;
			}
			.TableRowAlternatingBackground,table.table.dataTable>tbody>tr:nth-child(even) { 
				 background-color: #eaeae8;
			}
			.TableRowWhiteBackground { 
				 background-color: #FFFFFF;
			}
			.TablePadRowAlternatingBackground { 
				 height: 10px;
				 background-color: #eaeae8;
			}
			.TablePadRowWhiteBackground {
				 height: 10px;
				 background-color: #FFFFFF;
			}

			.ClassListingGroupStyle { 
				background-color: ;
				color: ;
				font-size : 14px;        
				font-weight : bold;
				font-family : Arial, Helvetica, sans-serif;
				font-style : normal;
			}

			.DataDisplayRowAlternatingBackground { 
				 height: 10px;
				 background-color: #FFFFFF;
			}

			.ImageButton {
				margin: 0px;
				text-align: center;
				vertical-align: middle;
			}
			.ImageButton td {
				color: #000000   ;
				font-family: arial          ;            
				font-size: 14px;
				font-weight: bold;    
				border: 0px none;
				margin: 0px;
				float: left;
				vertical-align: middle;
			}
			.ImageButtonLeft a {
				color: #000000   ;
				font-family: arial          ;            
				font-size: 14px;
				font-weight: bold;    
				display: block;
				height: 30px;
				text-decoration: none;
			}
			.ImageButtonCenter a {
				color: #000000   ;
				font-family: arial          ;            
				font-size: 14px;
				font-weight: bold;    
				text-transform: none      ;
				display: block;
				height: 30px;
				text-decoration: none;
				vertical-align: middle;
				padding-top: 5px;
			}
			.ImageButtonRight a {
				color: #000000   ;
				font-family: arial          ;            
				font-size: 14px;
				font-weight: bold;    
				display: block;
				height: 30px;
				text-decoration: none;
			}
			
			.ImageButtonLeft {
				background: url("/customers/northidaho/images/buttonleft.png") no-repeat;
				background-position: top left;
			}
			.ImageButtonCenter {
				background: url("/customers/northidaho/images/buttonmiddle.png") repeat-x;
				background-position: top center;
			}
			.ImageButtonRight {
				background: url("/customers/northidaho/images/buttonright.png") no-repeat;
				background-position: top right;
			}


			.NavBorderBAK { position: absolute;
				 top: 200px; 
				 left: 0;
				 height: 2000px;
				 z-index: 0;
				 background-color: #000000;
				 width: 134px; }





		.AdminMenuText {
			  color : #000000;
			  text-decoration : none;
			} 
		
			 .Header {
				  color : #000000; 
				  font-size : 18px;        
				  font-weight : bold;
				  font-family : Arial          ;
				  font-style : normal; 
				  vertical-align : top;
				  text-align : left;
				  line-height : 1.2;
			 }

			.HeaderL {
				  color : #000000; 
				  font-size : 18px;        
				  font-weight : bold;
				  font-family : Arial          ;
				  font-style : normal; 
				  vertical-align : top;
				  text-align : left;
				  line-height : 1.2;
			 }
			.Header {background-color : #ffffff;}
			.HeaderL {background-color : #ffffff;}
			.GoToClass {
				  color : #98002e; 
				  font-size : 18px;        
				  font-weight : bold;
				  font-family : Arial;
				  font-style : normal; 
				  vertical-align : top;
				  text-align : left;
			 }
			 .LargeText{
				  color : black; 
				  font-size : 18px;
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
				  vertical-align : top;
				  text-align : center;
			 }
			 .LargeTextGray{
				  color : gray; 
				  font-size : 18px;
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
				  vertical-align : top;
				  text-align : center;
			 }
			.MediumText{
				  color : black; 
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
				  vertical-align : top;
				  text-align : center;
			 }
			 .TextBold {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;     
			 }
			 .TextBoldAndRed {
				  color : red; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;
			 }
			 .TextBoldAndRedError {
				  color : red; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;
			 }			 	
			.errorText{
				  color : red; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;
			 }
			.Text {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;
			 }
			 .ColumnHead {
				  color : #ffffff; 
				  text-align: center;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
				  background-color : #98002e;
				  overflow:auto;
				  padding:2px;
			 }
			 .ColumnHeadAlt {
				  color : #98002e; 
				  text-align: left;
				  font-size : 16px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
			 }
			 .ColumnHeadSmall {
				  color : #ffffff; 
				  text-align: center;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
				  background-color : #98002e;
			 }
			 .ColumnHeadAlt1 {
				  color : #98002e; 
				  text-align: center;
				  font-size : 18px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
			 }
			 .ColumnHeadAlt2 {
				  color : #98002e; 
				  text-align: center;
				  font-size : 18px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
			 }
			 .ColumnHeadAlt3 {
				  color : #000000; 
				  text-align: center;
				  font-size : 18px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal; 
			 }
			.SubHead {
				  color : black; 
				  text-align: left;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : italic; 
			 }
			 .ListText {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;
				  padding-bottom: 15px;
			 }
			 .ListTextClassDesc {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;
			 }			 	
			 .ListTextRT {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: right;
			 }
			 .Prev {
				  color : #ffffff; 
				  text-align: left;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal;
				  text-decoration : none;
				  background-color : #98002e;
			 }
			 .Next {
				  color : #ffffff; 
				  text-align: right;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  font-style : normal;
				  text-decoration : none;
				  background-color : #98002e;
			 }
			.ListTextNum {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: center;
			 }
			 .ListTextNumLT {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: left;
			 }
			.ListTextBold {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				font-style : normal;
				text-align: left;
			 }
			.ListTextBoldCtr {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: center;
			 }
			.ListTextBoldRT {
				  color : black; 
				  vertical-align : top;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  text-align: right;
			 }
			.MessageTextRT {
				  color : black; 
				  text-align: right;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
			 }
			 .MessageText {
				color : black; 
				text-align: left;
				vertical-align: top;
				font-size : 14px;    
				font-weight : normal;
				font-family : Arial, Helvetica, sans-serif;
			 }
			 .MessageTextCTR {
				  color : black; 
				  text-align: center;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
			 }
			 .MessageTextBold {
				  color : black; 
				  text-align: left;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
			 }
			.FormLabel {
				  color : black; 
				  text-align: right;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  /* Begin SU2 Modification NEO 00076 */
				  padding-right: 2%;
				  text-align: left;
				  min-height: 29px;
				  vertical-align: middle;
				  /* End SU2 Modification NEO 00076 */
			 }
			 .FormLabelLeft {
				  color : black; 
				  text-align: left;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				   /* Begin SU2 Modification NEO 00076 */
					  padding-right: 2%;
					  text-align: left;
					  height: 29px;
					  vertical-align: middle;
				  /* End SU2 Modification NEO 00076 */
			 }
			 .FormLabelReqLT {
				  color : #000000; 
				  text-align: left;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				  padding-right: 2%;
				  text-align: right;
				  line-height: 29px;
				  /* Begin SU2 Modification NEO 00076 */
					  padding-right: 2%;
					  text-align: left;
					  height: 29px;
					  vertical-align: middle;
				  /* End SU2 Modification NEO 00076 */
			 }
			 .FormLabelReq {
				  color : #000000; 
				  text-align: right;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;	
				  padding-right: 2%;
				  text-align: right;
				  line-height: 29px;
				  /* Begin SU2 Modification NEO 00076 */
					  padding-right: 2%;
					  text-align: left;
					  height: 29px;
					  vertical-align: middle;
				  /* End SU2 Modification NEO 00076 */	   
			 }
			.InfoMessage {
				  color : black; 
				  text-align: Center;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				   
			 }
			.InfoMessageL {
				  color : black; 
				  text-align: left;
				  font-size : 14px;        
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				   
			 }
			.InfoMessageBlue {
				  color : #000000; 
				  text-align: Center;
				  font-size : 14px;       
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;				   
			 }

			 .InfoMessageBlueLT {
				  color : #000000; 
				  text-align: left;
				  font-size : 14px;       
				  font-weight : normal;
				  font-family : Arial, Helvetica, sans-serif;
				  /* Begin SU2 Modification NEO 00157 */
				  display : inline-block;
				  line-height : 1.5;
				  /* End SU2 Modification NEO 00157 */
				   
			 }
			.FormInput {
				color : black; 
				text-align: left;
				vertical-align: middle;
				font-size : 14px;        
				font-family : Arial, Helvetica, sans-serif;
				margin: 2px 0;
				padding: 6px 12px;
				width: 90%;
				vertical-align: middle;
				border: 1px solid #CCC;
				border-radius: 4px;
				box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
				transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
				   
			 }	
			 .FormInputDate {
				color : black; 
				text-align: left;
				vertical-align: middle;
				font-size : 14px;        
				font-family : Arial, Helvetica, sans-serif;
				margin: 2px 0;
				padding: 6px 12px;
				width: 80%;
				vertical-align: middle;
				border: 1px solid #CCC;
				border-radius: 4px;
				box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
				transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
				   
			 }	/*AS SU2 Added for input date fields NEO 00164 23 Apr 2015 */
			 .RosterSectHead {
				  color : #000000; 
				  text-align: left;
				  font-size : 14px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				   
			 }
			 .Underline{
				  color : #767676; 
				  text-align: left;
				  font-size : 16px;        
				  font-weight : bold;
				  font-family : Arial, Helvetica, sans-serif;
				   
			 }
		
			/* BODY { 
				font-size : 10px;
				font-family : Arial, Helvetica, sans-serif;
				vertical-align: top;
				overflow:auto;
				margin-right:5px;
			 }*/
		
			 P, TABLE, TR, TD  {
				font-size : 14px;
				font-family : Arial, Helvetica, sans-serif;
				vertical-align: top;
			 }			 
			 
			/* CoolMenus 4 - default styles - do not edit */
			.clCMAbs{position:absolute; top:157px; visibility:hidden; left:0; top:0}
			/* CoolMenus 4 - default styles - end */
			  
			/*Style for the background-bar*/
			.clBar{position:absolute; top:157px; width:10px; height:10px; visibility:hidden;}
			
			/*Styles for level 0*/
			.clLevel0,.clLevel0over{position:absolute; top:157px; padding-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
			.clLevel0,.custom_support_menu a{color:#ffffff;}
			.clLevel0over,.custom_support_menu a:hover{color:#999999; cursor:pointer; cursor:pointer; text-decoration: none;}
			.clLevel0border{position:absolute; top:157px; visibility:hidden;}
			
			/*Styles for level 1*/
			.clLevel1, .clLevel1over{position:absolute; top:157px; padding-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
			.clLevel1,.custom_support_submenu a{background-color:#666666; color:#ffffff;}
			.clLevel1over,.custom_support_submenu a:hover{background-color:#666666; color:#999999; cursor:pointer; cursor:pointer; text-decoration: none;}
			.clLevel1border{position:absolute; top:157px; visibility:hidden; background-color:#000000;}
			.spanDashboardNavInActiveC {background-color : #FFF;}
			.spanDashboardNavActiveC {background-color : #FFF;}
			.spanDashboardNavActiveFontC a {color : #000;}
			.spanDashboardNavInActiveFontC a {color : #000;}			
			
			/* BEGIN SU2 NEW STYLES */
			table{
			 	border-spacing:3px;
			 }
			 
			 td[align='center']{
			 	text-align: center;
			 }
			 
			 .DivAlternateColorSeparatorODD{
			 	padding-top: 4px;
			 	min-height: 23px;
				background-color: #e6e6e6;
			 }
			.DivAlternateColorSeparatorODDParent {
				background-color: #e6e6e6;
			}
			.DivAlternateColorSeparatorEVEN{
			 	padding-top: 4px;
			 	min-height: 23px;				
			 }
			 
			.no-margin-left-right{margin-left:0px !important;margin-right:0px !important}
			.form-horizontal .form-group{margin-left:0px !important;margin-right:0px !important}			 	
			/* END SU2 NEW STYLES */
		
		/*	******************		NEOLOGIX       *********************************          */
		/*=====================================================================================*/
		/*Neo 00007*/
					.NegativeAmount{color:#B22222;}
		/*END Neo 00007*/
		/*---1-AI_B2B_Use_Case_Document_2010-12-08.doc UC 06 for the draft style ---*/
		.draftstyle
		{	
			font-style:italic;
			color:#B22222;
			font-weight:bold;
		}
		/*-Author : NEO 00045  Function :1-AI_B2B_Use_Case_Document_2010-12-08.doc  UC 2 Date :8/FEB/2011 -*/
		span.reqstar
		{
			color:#B22222;
		}
		/*-END  Function :1-AI_B2B_Use_Case_Document_2010-12-08.doc  UC 2 Date 8/FEB/2011 -*/
        
							.navigation {background: none repeat scroll 0 0 #000000;}
						
						
							.navigation {border-top-color:#000000;}
						
							.navigation {border-bottom-color:#000000;}

						
							.nav-user ul li a,.nav-user ul li a:hover,.nav-user ul li a:active,.nav-user ul li a:visited{color : #ffffff}
							
							.input-submit {background-color:#98002e;}
						
							.input-submit {border-color:#98002e;}
						
							.input-submit {color:#ffffff;}

						
							.banner {background-color:#000000}
						
							.nav-account {background-color : #000000;}
							.nav-account-item .dropdown-menu, .nav-account-item .dropdown-menu>li>a:focus, .nav-account-item .dropdown-menu>li>a:hover {
								background-color: #000000;
							}
						
							.nav-account ul li {color : #ffffff;}
							.nav-account h2{color : #ffffff;}
						
							.nav-account ul li a,a.adv-search-link,.nav-banner ul li a{color : #ffffff;} 

							
							.nav-account ul li a:hover,a.adv-search-link:hover,.nav-banner ul li a:hover{color : #ffffff;} 
							
								.nav-main{background: none repeat scroll 0 0 #000000;}
							
							.nav-main {border-top-color:#000000;}
						
								.nav-main {border-bottom-color:#000000;}
							
							.nav-main ul li {border-top-color:#000000; border-bottom-color:#000000;}
							ul.submenu-secondary li{border-left-color:#000000;}
						
								.nav-main ul li.trigger-menu a, .nav-main ul li a {color : #ffffff ;}
							
								.nav-main ul li a:hover{color : #999999;}
							
								.nav-secondary {background: none repeat scroll 0 0 #000000;}
							
							.nav-secondary {border-top-color:#000000;}
						
							.nav-secondary {border-bottom-color:#000000;}
						
							.nav-secondary ul li {border-top-color:#000000; border-bottom-color:#000000;}
							ul.submenu li{border-left-color:#000000;}
						
							.nav-secondary ul li a,.nav-secondary ul li a.nav-twist-open{color : #ffffff;}
							
								.nav-secondary ul li a:hover{color : #999999;}
							
							.FormLabel,.control-label {color:#000000;}
						
							.nav-last-viewed .list-info {color:#ffffff;}
						
							.nav-last-viewed {background: none repeat scroll 0 0 #000000;}
						
							.nav-last-viewed {border-top:#000000;}
						
							.nav-last-viewed {border-bottom: 2px solid #000000;}
						
							.nav-last-viewed ul li a {color : #ffffff;}
						
							.nav-last-viewed ul li.nav-last-view-item a{background-color: #000000;}
						
							.nav-last-viewed ul li.nav-last-view-item a{border : 1px solid #000000;}
						
								.prefooter {background-color : #ffffff;}
							
								.prefooter {border-top-color:#000000;}
							
								.prefooter {border-bottom-color:#000000;}
							
							.nav-prefooter ul li a,.nav-banner-link, .nav-banner ul li a.nav-banner-link {background: none repeat scroll 0 0 #ffffff;}
						
							.nav-prefooter ul li a,.nav-banner-link, .nav-banner ul li a.nav-banner-link {color : #000000;}

						
							.nav-prefooter ul li a {border-color:#ffffff;}
						
							.nav-prefooter ul li a:hover,.nav-banner-link:hover, .nav-banner ul li a.nav-banner-link:hover {color : #000000;}

						
							.follow-us{color : #ffffff;}
						
							.footer {background-color : #ffffff;}
						
							.footer {border-top-color:#000000;}
						
							.footer {border-bottom-color:#000000;}
						
							.branding-footer {background-color : #ffffff;}
						
							.branding-footer {border-top-color:#ffffff;}
						
							.branding-footer {border-bottom-color:#ffffff;}
						
							.button-cont a{background-color: #454545;}
						
							.button-cont a{color : #ffffff;}
							.branding-logo-link{color : #ffffff;}
						
							.button-cont a{border : 2px solid #ffffff;}

						.checkout {background-color : #000000}
						.checkout {border-bottom-color : #000000}
						.checkout {color : #ffffff}
						.checkout:hover {background-color : #000000}
						.nav-main ul,.nav-secondary ul {text-transform : uppercase}
						
							.course-body{background-color:#ffffff;; margin-top:10px;}
						
							.course-body .page-title h1{color:#98002e;}
							.featured-classes h3{color:#98002e;}
							.classinfo-container .interested-in ul li a {color:#98002e;}
						
								.course-body .course{background-color:#e8e8e8;}
							
							.course-body .course{border-color:rgba(255,255,255,0.3);}
						
								.course-body .course h2{color:#98002e;}
							
								.course-body .course ul li a{color:#98002e;}
							
								.course-body .course ul li a:hover{color:#999999;}
							
								.course-body .course ul li a:visited{color:#000000;}
							
							.course-body .filter-button {
								color: #000000;
								background-color: #ffffff;
								border: 1px solid #98002e;
							}
							.course-body .filter-button:hover {
								background-color: #98002e;
								color: #ffffff;
								border-color: #98002e;
							}
							.course-body .filter-button.active {
								background-color: #98002e;
								color: #ffffff;
								border-color: #98002e;
							}
						
							.class-container{background-color:#ffffff;}
						
							.class-container h1{color:#98002e;}
							
							
							.class-container .class-group h2 a{color:#000000 !important;}
							.class-container h3, .list-info,.page-title h5 a,.class-container h4, .class-container h2{color:#000000;}
						
							
							.class-container .class-group{background-color:#ffffff;padding:10px;border-radius: 4px;}
						
							.class-container .class{background-color:#ffffff;}
						
							
							.class-container .section.group h2 a{color:#98002e;}
							.class-container .class h2,.class-container .class h3,.class-container .class h3 a{color:#98002e;}
						
								.class-container .class .col-info h4{color:#000000;}
								.class-container .class h4{color:#000000;}
							
								.class-container .cart-action a,
								.class-container .cart-action .notification,
								.class-container .cart-action span,
								.class-container .cart-action .btn-link{color:#000000;}
							
							.class-container .cart-action a:hover,
							.class-container .cart-action .btn-link:hover{color:#444444;}
							.class-container .cart-action span:hover{color:#444444;}
						.arrow-left,.arrow-right {background-color : #58595b}
						.arrow-left:hover,.arrow-right:hover {background-color : #517281}
						.arrow-right:hover a, .arrow-left:hover a {color : #ffffff}
						ul.pagination-template li.arrow-left a, ul.pagination-template li.arrow-right a {color : #ffffff}
						
						.classinfo-container, .certificateinfo-container{background-color:#fcfcfc;}
						
						.classinfo-container h1{color:#98002e;}
						.classinfo-container .interested-in ul li a {color:#98002e;}
						
						.class-description-cont,.class-description-cont p {color:#000000;}
						
							.classinfo-container .class-details{background-color:#fcfcfc;}
							
								.classinfo-container .class{background-color:#fcfcfc;}
							
							.classinfo-container .separation-styles a.classLink{color:#000000;}
							.classinfo-container .separation-styles .class-id{color:#000000;}
							.classinfo-container h4{color:#000000;}
							.classinfo-container .class .col-date h3 .small,.classinfo-container .class .col-date h3 .small a{color:#000000;}
							.classinfo-container .page-title h5{color:#000000;}
							.classinfo-container h3,.classinfo-container .list-info{color:#000000;}
						
							.classinfo-container .class-actions a,.class-actions a,.class-actions-cont a,.class-actions span,.notification{color:#000000;}
							
						
							.classinfo-container .class .cart-action a,
							.classinfo-container .class .cart-action .btn-link {color:#000000;}
						
						.class-actions a:hover{color:#444444;}
						.class-actions-cont a:hover{color:#444444;}
						.classinfo-container .class .cart-action a:hover,
						.classinfo-container .class .cart-action .btn-link:hover{color:#444444;}
						.class-actions span:hover{color:#444444;}
							sch-title .sch-cell,.classinfo-container .table .ColumnHead, .certificateinfo-container .table .ColumnHead {background-color : #98002e}
						sch-title .sch-cell,.classinfo-container .table .ColumnHead, .certificateinfo-container .table .ColumnHead {color : #ffffff}
						
					input[class="form-control"][type="text"]:not([disabled]):not([readonly]),span[class="ui-spinner ui-widget ui-widget-content ui-corner-all"],input[class~="FormInput"][type="text"]:not([disabled]):not([readonly]),input[class~="FormInput"][type="number"]:not([disabled]):not([readonly]),input[class="form-control"][type="number"]:not([disabled]):not([readonly]) {background-color : #ffffff;}
				
					input[class="form-control"][type="text"],span[class="ui-spinner ui-widget ui-widget-content ui-corner-all"],input[class~="FormInput"][type="text"],input[class~="FormInput"][type="number"],input[class="form-control"][type="number"] {color : #555555;}
				
					input[class="form-control"][type="text"],span[class="ui-spinner ui-widget ui-widget-content ui-corner-all"],input[class~="FormInput"][type="text"],input[class~="FormInput"][type="number"],input[class="form-control"][type="number"] {border-color : #949494;}
				
					input[class="form-control"][type="text"],span[class="ui-spinner ui-widget ui-widget-content ui-corner-all"],input[class~="FormInput"][type="text"],input[class~="FormInput"][type="number"],input[class="form-control"][type="number"] {padding : 6px;}
				
					select.form-control:not([disabled]):not([readonly]),select.FormInput:not([disabled]):not([readonly]) {background-color : #ffffff;}
				
					select.form-control,select.FormInput {color : #555555;}
				
					select.form-control,select.FormInput{border : 1px solid;}
				
					select.form-control,select.FormInput {border-color : #949494;}
				
					select.form-control,select.FormInput{padding : 6px;}

/* Flexible input selectors – supplement strict class= selectors above.
   These work when elements have multiple classes (e.g. form-control input-sm).
   Guards for disabled/readonly preserved from original rules. */
input.form-control[type="text"]:not([disabled]):not([readonly]),
input.form-control[type="number"]:not([disabled]):not([readonly]),
input.FormInput[type="text"]:not([disabled]):not([readonly]),
input.FormInput[type="number"]:not([disabled]):not([readonly]) {
  background-color: #ffffff;
  color: #555555;
  border-color: #949494;
  padding: 6px;
}
				
					textarea[class="form-control"]:not([disabled]):not([readonly]),textarea[class~="FormInput"]:not([disabled]):not([readonly]){background-color : #ffffff;}
				
					textarea[class="form-control"],textarea[class~="FormInput"]{color : #555555;}
				
					textarea[class="form-control"],textarea[class~="FormInput"]{border : 1px solid;}
				
					textarea[class="form-control"],textarea[class~="FormInput"]{border :1px solid #949494;}
				
					textarea[class="form-control"],textarea[class~="FormInput"]{padding : 6px;}
				
					button[class*="btn-success"],
					button[class*="btn-success"]:hover,
					button[class*="btn-success"]:active,
					button[class*="btn-success"]:focus,
					button[class*="btn-success"]:active:hover,
					button[class*="btn-success"]:active:focus,
					input[class*="btn-success"],
					input[class*="btn-success"]:hover,
					input[class*="btn-success"]:active,
					input[class*="btn-success"]:focus,
					input[class*="btn-success"]:active:hover,
					input[class*="btn-success"]:active:focus,
					a[class*="btn-success"],
					a[class*="btn-success"]:hover,
					a[class*="btn-success"]:focus,
					a[class*="btn-success"]:active,
					a[class*="btn-success"]:active:hover,
					a[class*="btn-success"]:active:focus {
						background-color: #5cb85c;
					}
				
					button[class*="btn-success"],
					button[class*="btn-success"]:hover,
					button[class*="btn-success"]:active,
					button[class*="btn-success"]:focus,
					button[class*="btn-success"]:active:hover,
					button[class*="btn-success"]:active:focus,
					input[class*="btn-success"],
					input[class*="btn-success"]:hover,
					input[class*="btn-success"]:active,
					input[class*="btn-success"]:focus,
					input[class*="btn-success"]:active:hover,
					input[class*="btn-success"]:active:focus,
					a[class*="btn-success"],
					a[class*="btn-success"]:hover,
					a[class*="btn-success"]:focus,
					a[class*="btn-success"]:active,
					a[class*="btn-success"]:active:hover,
					a[class*="btn-success"]:active:focus {
						color: #ffffff;
					}
				
					button[class*="btn-success"],
					button[class*="btn-success"]:hover,
					button[class*="btn-success"]:active,
					button[class*="btn-success"]:focus,
					button[class*="btn-success"]:active:hover,
					button[class*="btn-success"]:active:focus,
					input[class*="btn-success"],
					input[class*="btn-success"]:hover,
					input[class*="btn-success"]:active,
					input[class*="btn-success"]:focus,
					input[class*="btn-success"]:active:hover,
					input[class*="btn-success"]:active:focus,
					a[class*="btn-success"],
					a[class*="btn-success"]:hover,
					a[class*="btn-success"]:focus,
					a[class*="btn-success"]:active,
					a[class*="btn-success"]:active:hover,
					a[class*="btn-success"]:active:focus {
						border-color : #4cae4c;
					}
				
					button[class*="btn-success"],
					button[class*="btn-success"]:hover,
					button[class*="btn-success"]:active,
					button[class*="btn-success"]:focus,
					button[class*="btn-success"]:active:hover,
					button[class*="btn-success"]:active:focus,
					input[class*="btn-success"],
					input[class*="btn-success"]:hover,
					input[class*="btn-success"]:active,
					input[class*="btn-success"]:focus,
					input[class*="btn-success"]:active:hover,
					input[class*="btn-success"]:active:focus,
					a[class*="btn-success"],
					a[class*="btn-success"]:hover,
					a[class*="btn-success"]:focus,
					a[class*="btn-success"]:active,
					a[class*="btn-success"]:active:hover,
					a[class*="btn-success"]:active:focus {
						border : 1px solid #4cae4c   ;
					}
				
					button[class*="btn-success"],
					button[class*="btn-success"]:hover,
					button[class*="btn-success"]:active,
					button[class*="btn-success"]:focus,
					button[class*="btn-success"]:active:hover,
					button[class*="btn-success"]:active:focus,
					input[class*="btn-success"],
					input[class*="btn-success"]:hover,
					input[class*="btn-success"]:active,
					input[class*="btn-success"]:focus,
					input[class*="btn-success"]:active:hover,
					input[class*="btn-success"]:active:focus,
					a[class*="btn-success"],
					a[class*="btn-success"]:hover,
					a[class*="btn-success"]:focus,
					a[class*="btn-success"]:active,
					a[class*="btn-success"]:active:hover,
					a[class*="btn-success"]:active:focus {
						text-transform:none;
					}
				
					button[class*="btn-default"],
					button[class*="btn-default"]:hover,
					button[class*="btn-default"]:active,
					button[class*="btn-default"]:focus,
					button[class*="btn-default"]:active:hover,
					button[class*="btn-default"]:active:focus,
					input[class*="btn-default"],
					input[class*="btn-default"]:hover,
					input[class*="btn-default"]:active,
					input[class*="btn-default"]:focus,
					input[class*="btn-default"]:active:hover,
					input[class*="btn-default"]:active:focus,
					a[class*="btn-default"],
					a[class*="btn-default"]:hover,
					a[class*="btn-default"]:focus,
					a[class*="btn-default"]:active,
					a[class*="btn-default"]:active:hover,
					a[class*="btn-default"]:active:focus {
						background-color : #ffffff;
					}
				
					button[class*="btn-default"],
					button[class*="btn-default"]:hover,
					button[class*="btn-default"]:active,
					button[class*="btn-default"]:focus,
					button[class*="btn-default"]:active:hover,
					button[class*="btn-default"]:active:focus,
					input[class*="btn-default"],
					input[class*="btn-default"]:hover,
					input[class*="btn-default"]:active,
					input[class*="btn-default"]:focus,
					input[class*="btn-default"]:active:hover,
					input[class*="btn-default"]:active:focus,
					a[class*="btn-default"],
					a[class*="btn-default"]:hover,
					a[class*="btn-default"]:focus,
					a[class*="btn-default"]:active,
					a[class*="btn-default"]:active:hover,
					a[class*="btn-default"]:active:focus {
						color : #333333;
					}
				
					button[class*="btn-default"],
					button[class*="btn-default"]:hover,
					button[class*="btn-default"]:active,
					button[class*="btn-default"]:focus,
					button[class*="btn-default"]:active:hover,
					button[class*="btn-default"]:active:focus,
					input[class*="btn-default"],
					input[class*="btn-default"]:hover,
					input[class*="btn-default"]:active,
					input[class*="btn-default"]:focus,
					input[class*="btn-default"]:active:hover,
					input[class*="btn-default"]:active:focus,
					a[class*="btn-default"],
					a[class*="btn-default"]:hover,
					a[class*="btn-default"]:focus,
					a[class*="btn-default"]:active,
					a[class*="btn-default"]:active:hover,
					a[class*="btn-default"]:active:focus {
						border-color : #cccccc;
					}
				
					button[class*="btn-danger"],
					button[class*="btn-danger"]:hover,
					button[class*="btn-danger"]:active,
					button[class*="btn-danger"]:focus,
					button[class*="btn-danger"]:active:hover,
					button[class*="btn-danger"]:active:focus,
					input[class*="btn-danger"],
					input[class*="btn-danger"]:hover,
					input[class*="btn-danger"]:active,
					input[class*="btn-danger"]:focus,
					input[class*="btn-danger"]:active:hover,
					input[class*="btn-danger"]:active:focus,
					a[class*="btn-danger"],
					a[class*="btn-danger"]:hover,
					a[class*="btn-danger"]:focus,
					a[class*="btn-danger"]:active,
					a[class*="btn-danger"]:active:hover,
					a[class*="btn-danger"]:active:focus {
						background-color : #d9534f;
					}
				
					button[class*="btn-danger"],
					button[class*="btn-danger"]:hover,
					button[class*="btn-danger"]:active,
					button[class*="btn-danger"]:focus,
					button[class*="btn-danger"]:active:hover,
					button[class*="btn-danger"]:active:focus,
					input[class*="btn-danger"],
					input[class*="btn-danger"]:hover,
					input[class*="btn-danger"]:active,
					input[class*="btn-danger"]:focus,
					input[class*="btn-danger"]:active:hover,
					input[class*="btn-danger"]:active:focus,
					a[class*="btn-danger"],
					a[class*="btn-danger"]:hover,
					a[class*="btn-danger"]:focus,
					a[class*="btn-danger"]:active,
					a[class*="btn-danger"]:active:hover,
					a[class*="btn-danger"]:active:focus {
						color : #ffffff;
					}
				
					button[class*="btn-danger"],
					button[class*="btn-danger"]:hover,
					button[class*="btn-danger"]:active,
					button[class*="btn-danger"]:focus,
					button[class*="btn-danger"]:active:hover,
					button[class*="btn-danger"]:active:focus,
					input[class*="btn-danger"],
					input[class*="btn-danger"]:hover,
					input[class*="btn-danger"]:active,
					input[class*="btn-danger"]:focus,
					input[class*="btn-danger"]:active:hover,
					input[class*="btn-danger"]:active:focus,
					a[class*="btn-danger"],
					a[class*="btn-danger"]:hover,
					a[class*="btn-danger"]:focus,
					a[class*="btn-danger"]:active,
					a[class*="btn-danger"]:active:hover,
					a[class*="btn-danger"]:active:focus {
						border-color : #d43f3a;
					}
				
					.nav > li> a,
					.nav > li> a:active,
					.nav > li> a:focus,
					.nav > li> a:hover,
					.panel > .panel-heading a.collapsed,
					.panel > .panel-heading a.collapsed:hover,
					.panel > .panel-heading a.collapsed:active,
					.panel > .panel-heading a.collapsed:focus,
					.custom_support_submenu a:hover,
					.spanDashboardNavInActiveC {
						background-color: #ffffff;
					}
					
					.nav > li> a,
					.nav > li> a:active,
					.nav > li> a:focus,
					.nav > li> a:hover,
					.nav > li> a:visited,
					.panel > .panel-heading a.collapsed,
					.panel > .panel-heading a.collapsed:hover,
					.panel > .panel-heading a.collapsed:active,
					.panel > .panel-heading a.collapsed:focus,
					.spanDashboardNavActiveC,
					.custom_support_submenu a:hover,
					.spanDashboardNavInActiveC,
					.spanDashboardNavInActiveFontC a {
						color: #555555;
					}
					.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
						color: #555555;
					}
					
					.nav > li> a,
					.nav > li> a:active,
					.nav > li> a:focus,
					.nav > li> a:hover,
					.panel > .panel-heading a,
					.panel > .panel-heading a:hover,
					.panel > .panel-heading a:active,
					.panel > .panel-heading a:focus {
						border-color: #dddddd;
					}
					
					.custom_support_submenu a,
					.spanDashboardNavActiveC {
						background-color: #428bca;
					}
					.nav > li.active > a,
					.nav > li.active > a:active,
					.nav > li.active > a:focus,
					.nav > li.active > a:hover,
					.panel > .panel-heading a,
					.panel > .panel-heading a:hover,
					.panel > .panel-heading a:active,
					.panel > .panel-heading a:focus {
						background-color: #428bca;
					}
					
					.custom_support_submenu a,
					.spanDashboardNavActiveFontC a {
						color: #ffffff;
					}
					.nav > li.active > a,
					.nav > li.active > a:active,
					.nav > li.active > a:focus,
					.nav > li.active > a:hover,
					.panel > .panel-heading a,
					.panel > .panel-heading a:hover,
					.panel > .panel-heading a:active,
					.panel > .panel-heading a:focus {
						color: #ffffff;
					}
					
					option:default:not([value='']):not([value='0']):not([value='-1']){background : #ffff00;}
				
					option:default:not([value='']):not([value='0']):not([value='-1']){color : #000000;}
				
					button[class*="btn-success"],
					button[class*="btn-success"]:hover,
					button[class*="btn-success"]:active,
					button[class*="btn-success"]:focus,
					button[class*="btn-success"]:active:hover,
					button[class*="btn-success"]:active:focus,
					input[class*="btn-success"],
					input[class*="btn-success"]:hover,
					input[class*="btn-success"]:active,
					input[class*="btn-success"]:focus,
					input[class*="btn-success"]:active:hover,
					input[class*="btn-success"]:active:focus,
					a[class*="btn-success"],
					a[class*="btn-success"]:hover,
					a[class*="btn-success"]:focus,
					a[class*="btn-success"]:active,
					a[class*="btn-success"]:active:hover,
					a[class*="btn-success"]:active:focus{
						font-size:14px;
					}
				
					button[class*="btn-default"],
					button[class*="btn-default"]:hover,
					button[class*="btn-default"]:active,
					button[class*="btn-default"]:focus,
					button[class*="btn-default"]:active:hover,
					button[class*="btn-default"]:active:focus,
					input[class*="btn-default"],
					input[class*="btn-default"]:hover,
					input[class*="btn-default"]:active,
					input[class*="btn-default"]:focus,
					input[class*="btn-default"]:active:hover,
					input[class*="btn-default"]:active:focus,
					a[class*="btn-default"],
					a[class*="btn-default"]:hover,
					a[class*="btn-default"]:focus,
					a[class*="btn-default"]:active,
					a[class*="btn-default"]:active:hover,
					a[class*="btn-default"]:active:focus {
						border : 1px solid #cccccc;
					}
				
					button[class*="btn-default"],
					button[class*="btn-default"]:hover,
					button[class*="btn-default"]:active,
					button[class*="btn-default"]:focus,
					button[class*="btn-default"]:active:hover,
					button[class*="btn-default"]:active:focus,
					input[class*="btn-default"],
					input[class*="btn-default"]:hover,
					input[class*="btn-default"]:active,
					input[class*="btn-default"]:focus,
					input[class*="btn-default"]:active:hover,
					input[class*="btn-default"]:active:focus,
					a[class*="btn-default"],
					a[class*="btn-default"]:hover,
					a[class*="btn-default"]:focus,
					a[class*="btn-default"]:active,
					a[class*="btn-default"]:active:hover,
					a[class*="btn-default"]:active:focus {
						text-transform:none;
					}
				
					button[class*="btn-default"],
					button[class*="btn-default"]:hover,
					button[class*="btn-default"]:active,
					button[class*="btn-default"]:focus,
					button[class*="btn-default"]:active:hover,
					button[class*="btn-default"]:active:focus,
					input[class*="btn-default"],
					input[class*="btn-default"]:hover,
					input[class*="btn-default"]:active,
					input[class*="btn-default"]:focus,
					input[class*="btn-default"]:active:hover,
					input[class*="btn-default"]:active:focus,
					a[class*="btn-default"],
					a[class*="btn-default"]:hover,
					a[class*="btn-default"]:focus,
					a[class*="btn-default"]:active,
					a[class*="btn-default"]:active:hover,
					a[class*="btn-default"]:active:focus{
						font-size:14px;
					}
				
					button[class*="btn-danger"],
					button[class*="btn-danger"]:hover,
					button[class*="btn-danger"]:active,
					button[class*="btn-danger"]:focus,
					button[class*="btn-danger"]:active:hover,
					button[class*="btn-danger"]:active:focus,
					input[class*="btn-danger"],
					input[class*="btn-danger"]:hover,
					input[class*="btn-danger"]:active,
					input[class*="btn-danger"]:focus,
					input[class*="btn-danger"]:active:hover,
					input[class*="btn-danger"]:active:focus,
					a[class*="btn-danger"],
					a[class*="btn-danger"]:hover,
					a[class*="btn-danger"]:focus,
					a[class*="btn-danger"]:active,
					a[class*="btn-danger"]:active:hover,
					a[class*="btn-danger"]:active:focus {
						border : 1px solid #d43f3a;
					}
				
					button[class*="btn-danger"],
					button[class*="btn-danger"]:hover,
					button[class*="btn-danger"]:active,
					button[class*="btn-danger"]:focus,
					button[class*="btn-danger"]:active:hover,
					button[class*="btn-danger"]:active:focus,
					input[class*="btn-danger"],
					input[class*="btn-danger"]:hover,
					input[class*="btn-danger"]:active,
					input[class*="btn-danger"]:focus,
					input[class*="btn-danger"]:active:hover,
					input[class*="btn-danger"]:active:focus,
					a[class*="btn-danger"],
					a[class*="btn-danger"]:hover,
					a[class*="btn-danger"]:focus,
					a[class*="btn-danger"]:active,
					a[class*="btn-danger"]:active:hover,
					a[class*="btn-danger"]:active:focus {
						text-transform:none;
					}
				
					button[class*="btn-danger"],
					button[class*="btn-danger"]:hover,
					button[class*="btn-danger"]:active,
					button[class*="btn-danger"]:focus,
					button[class*="btn-danger"]:active:hover,
					button[class*="btn-danger"]:active:focus,
					input[class*="btn-danger"],
					input[class*="btn-danger"]:hover,
					input[class*="btn-danger"]:active,
					input[class*="btn-danger"]:focus,
					input[class*="btn-danger"]:active:hover,
					input[class*="btn-danger"]:active:focus,
					a[class*="btn-danger"],
					a[class*="btn-danger"]:hover,
					a[class*="btn-danger"]:focus,
					a[class*="btn-danger"]:active,
					a[class*="btn-danger"]:active:hover,
					a[class*="btn-danger"]:active:focus{
						font-size:14px;
					}
				
			
			.ui-state-default,
			.ui-widget-content .ui-state-default,
			.ui-widget-header .ui-state-default,
			.ui-button,
			html .ui-button.ui-state-disabled:hover,
			html .ui-button.ui-state-disabled:active {
			    border: 0px solid #dddddd;
			    background: #ffffff;
			    color: #555555;
			}
			.ui-state-default a,
			.ui-state-default a:link,
			.ui-state-default a:visited,
			a.ui-button,
			a:link.ui-button,
			a:visited.ui-button,
			.ui-button {
			    color: #555555;
			}
			.ui-state-active,
			.ui-widget-content .ui-state-active,
			.ui-widget-header .ui-state-active,
			a.ui-button:active,
			.ui-button:active,
			.ui-button.ui-state-active:hover {
			    border: 0px solid #dddddd;
			    background: #428bca;
			    color: #ffffff;
			}
			.ui-state-active a,
			.ui-state-active a:link,
			.ui-state-active a:visited {
			    color: #ffffff;
			}
			.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,
			.ui-button:hover,
			.ui-button:focus {
			    border: 0px solid #dddddd;
			    background: #428bca;
			    color: #ffffff;
			}
			.ui-state-hover a,
			.ui-state-hover a:hover,
			.ui-state-hover a:link,
			.ui-state-hover a:visited,
			.ui-state-focus a,
			.ui-state-focus a:hover,
			.ui-state-focus a:link,
			.ui-state-focus a:visited,
			a.ui-button:hover,
			a.ui-button:focus {
			    color: #ffffff;
			}


/* ===============================================================
   PART 2 – WCAG / BRAND CUSTOMIZATIONS
   (These rules follow base styles to ensure correct cascade)
   =============================================================== */

/* -------------------------------
   0) Root baseline (keep rem consistent)
   ------------------------------- */
html { font-size: 100%; } /* keep 1rem ≈ 16px */

/* -------------------------------
   0b) Bootstrap modal reset (#PopUpModal)
   Instructor biography popup and any other Bootstrap modals must
   render with white background and dark text on all page templates.
   ------------------------------- */
#PopUpModal,
#PopUpModal.modal,
#PopUpModal .modal-dialog,
#PopUpModal .modal-content {
  background-color: #ffffff !important;
  color: #333333 !important;
}

#PopUpModal .modal-body {
  background-color: #ffffff !important;
  color: #333333 !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

#PopUpModal .modal-header,
#PopUpModal .modal-footer {
  background-color: #ffffff !important;
  border-color: rgba(0,0,0,0.15) !important;
}

#PopUpModal .modal-title,
#PopUpModal h1,
#PopUpModal h2,
#PopUpModal h3,
#PopUpModal h4 {
  color: #000000 !important;
}

#PopUpModal a {
  color: #98002e !important;
  text-decoration: underline !important;
}

#PopUpModal.modal.show,
#PopUpModal.modal.fade.in {
  display: block !important;
}

/* -------------------------------
   1) Readable typography
   ------------------------------- */
.template-area,
.content,
.custom-landing,
.container-cont {
  font-size: 1rem;
  line-height: 1.6;
}

/* Lift legacy tiny text to 14px minimum for UI & tables */
.Text, .ListText, .ListTextRT, .ListTextNum, .ListTextNumLT,
.MessageText, .MessageTextCTR, .MessageTextBold,
.InfoMessage, .InfoMessageL, .InfoMessageBlue, .InfoMessageBlueLT,
.FormLabel, .FormLabelLeft, .FormLabelReq, .FormLabelReqLT,
.ColumnHeadSmall, .ColumnHead,
div.ColumnHead, div.section-head-collapsed, div.section-head-expanded,
P, TABLE, TR, TD {
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
}

/* FormLabelLeft – labels like "A/R Account Balance:" should be normal weight
   to reduce visual heaviness; values remain bold via ListTextLT.TextBold */
td.FormLabelLeft {
  font-weight: normal !important;
}

/* Prevent "Current Electronic Voucher Balance:" (td.TextBold) from wrapping
   in the account summary table – scoped to avoid affecting other tables.
   Note: both label and value use td.TextBold in this table, so font-weight
   cannot be selectively changed without a template-level class change. */
table.borderless.bordercollapse td.TextBold {
  white-space: nowrap !important;
}

/* Form inputs: font lifted from 11px causes overflow in narrow fields.
   Set to 14px minimum and ensure fields use full available width. */
.FormInput,
.FormInputDate,
input.FormInput,
input.FormInputDate {
  font-size: 0.875rem !important;  /* 14px – WCAG minimum */
  line-height: 1.4 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Form hint/helper text: platform renders in Verdana at ~17.6px which
   is larger than the field labels. Normalize to Arial 14px to match. */
.column1-2.last,
div.column1-2.last {
  font-size: 0.875rem !important;  /* 14px – matches label size */
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.5 !important;
  color: #222222;
}

/* Paragraphs render at 16px even if overridden elsewhere */
body p {
  font-size: 1rem !important;
  line-height: 1.6 !important;
}

/* Global heading scale – proportional to 16px (1rem) body text */
h1 { font-size: 1.5rem !important;    /* 24px */ line-height: 1.2 !important; }
h2 { font-size: 1.25rem !important;   /* 20px */ line-height: 1.3 !important; }
h3 { font-size: 1.125rem !important;  /* 18px */ line-height: 1.3 !important; }
h4 { font-size: 1rem !important;      /* 16px */ line-height: 1.4 !important; }

/* -------------------------------
   2) Link styles + affordance
   ------------------------------- */
/* NIC brand link style: black text, maroon underline, maroon on hover.
   Reduces maroon overload while keeping brand identity in the underline. */
a { color: #000000; }
a:hover,
a:focus-visible { color: #98002e; }

/* Underlines in content areas (WCAG 1.4.1 affordance) */
.template-area a,
.content a,
.custom-landing a,
.container-cont a {
  text-decoration: underline;
  text-decoration-color: #98002e !important;
  text-underline-offset: 0.25em;
  text-decoration-thickness: 1px;
}

/* Visited color – darkened maroon underline, black text */
a:visited { color: #000000; }
.template-area a:visited,
.content a:visited,
.custom-landing a:visited,
.container-cont a:visited {
  text-decoration-color: #7a0e2e !important;
}

a.SubCatMenuLink:visited {
  color: #000000 !important;
}

/* -------------------------------
   3) Visible keyboard focus (WCAG 2.4.7)
   ------------------------------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #ffbf00;
  outline-offset: 3px;
}

/* Fallback for older browsers */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline: 3px solid #ffbf00;
  outline-offset: 3px;
}

/* Bootstrap resets outline:0 on these elements – restore it */
.btn:focus,
.btn:focus-visible,
.nav > li > a:focus,
.nav > li > a:focus-visible,
.form-control:focus {
  outline: 3px solid #ffbf00 !important;
  outline-offset: 3px;
  box-shadow: none !important;
}

/* -------------------------------
   4) NAV BARS + FOOTER – full-bleed black
   Banner and header handled separately in Section 10.
   ------------------------------- */
.navigation,
.nav-main,
.nav-secondary,
.nav-last-viewed,
.prefooter,
.footer,
.branding-footer {
  background-color: #000000 !important;
  background-image: none !important;
  border-top-color: #000000 !important;
  border-bottom-color: #000000 !important;
}

/* Inner wrappers stay transparent */
.navigation-cont,
.prefooter-cont,
.footer-cont,
.branding-footer-cont {
  background: transparent !important;
}

/* Nav link colors on black */
.nav-user ul li a,
.nav-social-media ul li a,
.nav-main ul li a,
.nav-secondary ul li a {
  color: #ffffff !important;
  text-decoration: none;
}

.nav-user ul li a:hover,
.nav-main ul li a:hover,
.nav-secondary ul li a:hover {
  color: #dddddd !important;
}

/* Keyboard focus inside nav/footer */
.navigation a:focus-visible,
.nav-main a:focus-visible,
.nav-secondary a:focus-visible,
.prefooter a:focus-visible,
.footer a:focus-visible,
.branding-footer a:focus-visible {
  outline: 3px solid #ffbf00 !important;
  outline-offset: 3px;
  text-decoration: underline;
}

/* Nav-footer links: template #4c5359 on black = ~2.5:1, fails AA */
.nav-footer ul li a,
.nav-footer ul li a:visited {
  color: #ffffff !important;
  text-decoration: none;
}

.nav-footer ul li a:hover {
  color: #dddddd !important;
}

/* Prefooter links: template orange #fe7722 on black = ~3.1:1, fails AA */
.prefooter a,
.prefooter a:visited {
  color: #ffffff !important;
}

.prefooter a:hover {
  color: #dddddd !important;
}

/* Last Viewed strip */
.nav-last-viewed .list-info { color: #ffffff !important; }
.nav-last-viewed ul li a {
  background: #111111 !important;
  color: #ffffff !important;
  border-color: #222222 !important;
}

/* Back-to-Top button – white on charcoal, both mobile and desktop */
#back-top a.button-backtotop,
#back-top-mobile a.button-backtotop,
#back-top a.button-backtotop:link,
#back-top-mobile a.button-backtotop:link,
#back-top a.button-backtotop:visited,
#back-top-mobile a.button-backtotop:visited {
  background-color: #454545 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  text-decoration: none !important;
}

#back-top a.button-backtotop:hover,
#back-top-mobile a.button-backtotop:hover,
#back-top a.button-backtotop:focus,
#back-top-mobile a.button-backtotop:focus,
#back-top a.button-backtotop:focus-visible,
#back-top-mobile a.button-backtotop:focus-visible {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  text-decoration: none !important;
  outline: 3px solid #ffbf00 !important;
  outline-offset: 3px;
}

/* -------------------------------
   5) Header utility text sizing
   ------------------------------- */
.nav-account ul {
  font-size: 1rem !important;
  line-height: 1.4 !important;
}
.nav-account ul li,
.nav-account ul li a {
  font-size: inherit !important;
}

@media (max-width: 480px) {
  a.adv-search-link,
  .nav-account ul {
    font-size: 0.9375rem !important;
    line-height: 1.35 !important;
  }
}

/* -------------------------------
   6) Navigation font – Arial 16px normal weight
   ------------------------------- */
.nav-main ul,
.nav-main ul li,
.nav-main ul li a,
.nav-secondary ul,
.nav-secondary ul li,
.nav-secondary ul li a {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  font-weight: normal !important;
  letter-spacing: normal !important;
  text-rendering: optimizeLegibility !important;
}

ul.submenu li a,
ul.submenu-secondary li a {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
}

/* -------------------------------
   7) Accordion – expand at desktop widths
   !important overrides display:none injected by platform JS
   ------------------------------- */
@media (min-width: 790px) {
  ul#main_accordion,
  ul#secondary_accordion {
    display: block !important;
  }
}

/* -------------------------------
   8) Class description images – prevent overflow
   ------------------------------- */
.class-description-cont img {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
  padding-right: 10px;
}

/* -------------------------------
   9) Logo – fixed heights per breakpoint
   ------------------------------- */
body .banner .client-logo img.banner-logo-image,
body .banner img.banner-logo-image,
body .banner .client-logo .banner-logo-image,
body img.banner-logo-image {
  max-height: none !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
}

body .banner .client-logo {
  width: auto !important;
  min-width: 220px;
  height: auto !important;
  line-height: normal !important;
  padding: 8px 12px !important;
}

@media (min-width: 1025px) {
  body .banner .client-logo img.banner-logo-image,
  body .banner img.banner-logo-image,
  body .banner .client-logo .banner-logo-image,
  body img.banner-logo-image {
    height: 92px !important;
    max-height: 92px !important;
  }
}

@media (max-width: 1024px) and (min-width: 601px) {
  body .banner .client-logo img.banner-logo-image,
  body .banner img.banner-logo-image,
  body .banner .client-logo .banner-logo-image,
  body img.banner-logo-image {
    height: 74px !important;
    max-height: 74px !important;
  }
}

@media (max-width: 600px) {
  body .banner .client-logo img.banner-logo-image,
  body .banner img.banner-logo-image,
  body .banner .client-logo .banner-logo-image,
  body img.banner-logo-image {
    height: 60px !important;
    max-height: 60px !important;
  }
}

@media (min-width: 601px) {
  .banner .block-search,
  .banner .nav-banner,
  .banner .nav-account {
    min-width: 0;
  }
}

/* Neutralize account bar border */
.nav-account,
.nav-account ul,
.nav-account-item .dropdown-menu {
  border-color: transparent !important;
}

/* Lists in content containers */
.template-area ul,
.template-area ol,
.content ul,
.content ol,
.container-cont ul,
.container-cont ol,
.custom-landing ul,
.custom-landing ol {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.6 !important;
  color: #000000;
  text-transform: none;
}

.template-area li,
.content li,
.container-cont li,
.custom-landing li {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 0 0.4em 0;
}

.template-area ul,
.content ul,
.container-cont ul,
.custom-landing ul {
  list-style-position: outside;
  padding-left: 1.25em;
}

.template-area ol,
.content ol,
.container-cont ol,
.custom-landing ol {
  list-style-position: outside;
  padding-left: 1.5em;
}

/* Navigation menu capitalization and wrapping.
   Desktop: no word break to avoid awkward mid-word splits.
   Mobile/tablet: allow wrapping so long items don't overflow
   the black nav container and become invisible on white page bg. */
.nav-main li a,
.nav-secondary li a,
ul.submenu li a,
ul.submenu-secondary li a {
  text-transform: capitalize;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  line-height: 1.3;
  white-space: normal;
}

/* On small screens truncate long submenu items with ellipsis rather
   than wrapping (ugly) or overflowing onto white bg (invisible).
   Requires nowrap + overflow:hidden + text-overflow:ellipsis together. */
@media (max-width: 790px) {
  ul.submenu li,
  ul.submenu-secondary li,
  .nav-main ul li,
  .nav-secondary ul li {
    overflow: hidden !important;
    max-width: 100% !important;
  }

  ul.submenu li a,
  ul.submenu-secondary li a,
  a.nav-submenu-link,
  .nav-main ul li a,
  .nav-secondary ul li a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    display: block !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}

/* ---------------------------------------------------------------
   10) WHITE full-bleed header / banner
   Account bar (.nav-account) stays maroon.
   Banner row (logo + search) goes white.
   --------------------------------------------------------------- */
.banner,
.header,
.header-repeat {
  background-color: #ffffff !important;
  background-image: none !important;
  border-top-color: #e5e5e5 !important;
  border-bottom-color: #e5e5e5 !important;
}

.banner-cont,
.header-cont,
.container-cont {
  background: transparent !important;
}

/* Nav-banner links: dark on white, no gray pill background */
.banner .nav-banner ul li a {
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 3px 6px !important;
}

.banner .nav-banner ul li a:hover {
  color: #98002e !important;
}

/* Advanced Search link */
a.adv-search-link,
a.adv-search-link:link,
a.adv-search-link:visited {
  color: #000000 !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

a.adv-search-link:hover,
a.adv-search-link:focus,
a.adv-search-link:focus-visible {
  color: #98002e !important;
  text-decoration: underline !important;
}

/* Account/login bar: maroon strip */
.nav-account {
  background-color: #98002e !important;
  background-image: none !important;
  border-top-color: #98002e !important;
  border-bottom-color: #98002e !important;
}

/* Replace Cabin font with Arial and improve link spacing */
.nav-account ul {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.4 !important;
  padding: 4px 6px 4px 0 !important;
}

.nav-account ul li {
  padding: 2px 6px !important;
}

.nav-account ul li a,
.nav-account ul li a:visited,
a.nav-account-link,
a.nav-account-link:link,
a.nav-account-link:visited {
  color: #ffffff !important;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 1rem !important;
}

.nav-account ul li a:hover,
a.nav-account-link:hover {
  color: #f0c0c0 !important;
}

/* Focus in banner: maroon outline on white */
.banner a:focus-visible,
.header a:focus-visible {
  outline: 3px solid #98002e !important;
  outline-offset: 3px;
}

/* Focus in account bar: gold on maroon */
.nav-account a:focus-visible {
  outline: 3px solid #ffbf00 !important;
  outline-offset: 3px;
}

/* ---------------------------------------------------------------
   11) Minimum 44px touch targets on mobile (WCAG 2.5.5)
   Padding approach avoids disrupting nav font rendering and
   accordion JS behavior.
   --------------------------------------------------------------- */
@media (max-width: 600px) {
  .nav-main ul li a,
  .nav-secondary ul li a,
  ul.submenu li a,
  ul.submenu-secondary li a {
    min-height: 44px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box;
  }

  .btn,
  input[type="submit"],
  input[type="button"] {
    min-height: 44px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-sizing: border-box;
  }
}

/* ---------------------------------------------------------------
   12) Error/warning text contrast (WCAG 1.4.3)
   Pure red #ff0000 on white = ~4:1, fails AA at normal text sizes.
   Darkened red #c0000c = ~5.9:1, passes AA at all sizes.
   --------------------------------------------------------------- */
.TextBoldAndRed,
.errorText,
.draftstyle,
span.reqstar {
  color: #c0000c !important;
}

/* ---------------------------------------------------------------
   13) ActionLink contrast fixes (WCAG 1.4.3)
   --------------------------------------------------------------- */

/* #999999 on white = ~2.85:1, fails AA. #767676 = ~4.54:1, passes. */
.Underline {
  color: #767676 !important;
}

/* Base a.ActionLink – platform uses this for Edit, Multiple, and other
   inline links. White (#ffffff) at 1.02:1 is invisible on white/light bg.
   Body-scoped to beat "color: inherit" from parent elements. */
body a.ActionLink,
body a.ActionLink:link {
  color: #000000 !important;
  text-decoration: underline !important;
  text-decoration-color: #98002e !important;
  font-size: 0.875rem !important;  /* 14px – WCAG minimum */
}

body a.ActionLink:visited {
  color: #000000 !important;
  text-decoration-color: #7a0e2e !important;
}

body a.ActionLink:hover,
body a.ActionLink:focus,
body a.ActionLink:focus-visible {
  color: #98002e !important;
  text-decoration: underline !important;
  text-decoration-color: #98002e !important;
}

/* a.classLink – used for class name links in schedule info tables.
   White (#ffffff) at 1.02:1 is invisible on light backgrounds. */
body a.classLink,
body a.classLink:link,
.classinfo-container a.classLink,
.certificateinfo-container a.classLink {
  color: #000000 !important;
  text-decoration: underline !important;
  text-decoration-color: #98002e !important;
}

body a.classLink:visited,
.classinfo-container a.classLink:visited {
  color: #000000 !important;
  text-decoration-color: #7a0e2e !important;
}

body a.classLink:hover,
body a.classLink:focus,
.classinfo-container a.classLink:hover,
.classinfo-container a.classLink:focus {
  color: #98002e !important;
  text-decoration: underline !important;
  text-decoration-color: #98002e !important;
}

/* a.ActionLink.focus – platform uses .focus as a CSS class on active
   registration buttons (not a pseudo-state) */
a.ActionLink.focus,
a.ActionLink.focus:link,
a.ActionLink.focus:visited {
  color: #000000 !important;
  text-decoration: underline !important;
}

a.ActionLink.focus:hover,
a.ActionLink.focus:focus,
a.ActionLink.focus:focus-visible {
  color: #98002e !important;
  text-decoration: underline !important;
}

/* ActionLink inside classinfo/certificateinfo containers – the template's
   unscoped "a { color: inherit }" pulls white from parent elements and
   beats the body-scoped rule above. Extra specificity needed here. */
.classinfo-container a.ActionLink,
.classinfo-container a.ActionLink:link,
.certificateinfo-container a.ActionLink,
.certificateinfo-container a.ActionLink:link {
  color: #000000 !important;
  text-decoration: underline !important;
  text-decoration-color: #98002e !important;
  font-size: 0.875rem !important;  /* 14px – WCAG minimum */
}

.classinfo-container a.ActionLink:visited,
.certificateinfo-container a.ActionLink:visited {
  color: #000000 !important;
  text-decoration-color: #7a0e2e !important;
}

.classinfo-container a.ActionLink:hover,
.classinfo-container a.ActionLink:focus,
.certificateinfo-container a.ActionLink:hover,
.certificateinfo-container a.ActionLink:focus {
  color: #98002e !important;
  text-decoration: underline !important;
  text-decoration-color: #98002e !important;
}

/* Bootstrap popover – prevent off-screen positioning on small viewports.
   Z-index set within Bootstrap's normal range, above the modal (1050)
   so instructor list popover appears correctly. */
.popover {
  max-width: 276px !important;
  overflow-wrap: break-word !important;
  z-index: 1060 !important;
}

.popover.bottom {
  left: auto !important;
  right: auto !important;
}

@media (max-width: 600px) {
  .popover {
    max-width: 200px !important;
    font-size: 0.875rem !important;
  }
}

/* ---------------------------------------------------------------
   14) Course page (main_course.css) fixes
   --------------------------------------------------------------- */

/* Hover on course card links – darken to maroon to match NIC link style */
.course-body .course ul li a:hover,
.course-body .course ul li a:focus {
  color: #98002e !important;
  text-decoration: underline !important;
}

/* Filter button focus: outline:none removed keyboard indicator */
.course-body .filter-button:focus,
.course-body .filter-button:focus-visible {
  outline: 3px solid #ffbf00 !important;
  outline-offset: 3px;
  background-color: #98002e !important;
  color: #ffffff !important;
  border-color: #98002e !important;
}

/* Line-height 18px on 16px text = 1.125, below WCAG 1.4.12 minimum */
.template-area .course-body a,
.template-area .course-body p,
.template-area .course-body li {
  line-height: 1.5 !important;
}

/* Replace deprecated word-break: break-word */
.course-body .course {
  word-break: normal;
  overflow-wrap: break-word;
}

/* ---------------------------------------------------------------
   15) Class info page (main_class_info.css) fixes
   NOTE: Background color override for .classinfo-container was removed
   because it interfered with #PopUpModal positioning JS. The blue-gray
   #AFC1CC background is retained to preserve the working instructor
   biography modal.
   --------------------------------------------------------------- */

/* .header-style bar: semi-transparent pink on blue-gray = purple/mauve.
   Replace with neutral light gray. */
.header-style {
  background-color: #e8e8e8 !important;
  color: #000000 !important;
  padding: 10px;
}

/* Action links (Add to Cart, Send to Friend, Checkout) were white (#ffffff)
   at 1:1 contrast. Black passes ~7.5:1 on the blue-gray background. */
/* Add to Cart / Checkout buttons – NIC button style:
   white background, maroon border, black text, maroon fill on hover.
   Scoped to course listing only — class info page buttons are left
   to platform defaults to avoid font-size and layout conflicts. */
.course-body .add-to-cart a,
.course-body .checkout-cart a,
.course-body .other-cart-links a,
.course-body .class-actions a.button,
.course-body .class-actions a.button:link,
.course-body .class-actions a.button:visited,
.class-container .add-to-cart a,
.class-container .checkout-cart a,
.class-container .other-cart-links a {
  color: #000000 !important;
  background: #ffffff !important;
  text-decoration: none !important;
  padding: 6px 12px !important;
  border: 1px solid #98002e !important;
  display: inline-block;
  font-size: 0.875rem !important;
}

/* Hover — maroon fill, white text */
.course-body .add-to-cart a:hover,
.course-body .add-to-cart a:focus,
.course-body .checkout-cart a:hover,
.course-body .checkout-cart a:focus,
.course-body .other-cart-links a:hover,
.course-body .other-cart-links a:focus,
.course-body .class-actions a.button:hover,
.course-body .class-actions a.button:focus,
.class-container .add-to-cart a:hover,
.class-container .add-to-cart a:focus,
.class-container .checkout-cart a:hover,
.class-container .other-cart-links a:hover {
  color: #ffffff !important;
  background: #98002e !important;
  border-color: #98002e !important;
  text-decoration: none !important;
}

/* Unscoped "a { color: inherit }" in template resets all link colors.
   Re-assert NIC link style: black text, maroon underline, maroon on hover. */
.classinfo-container a,
.certificateinfo-container a {
  color: #000000;
  text-decoration: underline;
  text-decoration-color: #98002e;
  text-underline-offset: 0.25em;
}

.classinfo-container a:hover,
.classinfo-container a:focus,
.certificateinfo-container a:hover,
.certificateinfo-container a:focus {
  color: #98002e;
  text-decoration-color: #98002e;
}

.classinfo-container a:visited,
.certificateinfo-container a:visited {
  color: #000000;
  text-decoration-color: #7a0e2e;
}

/* Elements on dark/semi-transparent backgrounds keep white text */
.class-details a,
.class-details a:visited,
.sch-info a,
.classinfo-container .interested-in ul li a,
.classinfo-container h1 a,
.classinfo-container h2 a,
.classinfo-container h3 a,
.classinfo-container h4 a,
.color-white a {
  color: #ffffff !important;
}

/* Hover on dark background elements – white text on hover
   since these links sit on the dark blue-gray schedule/details background */
.class-details a:hover,
.class-details a:focus,
.sch-info a:hover,
.sch-info a:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Class name links in listing – maroon on hover, consistent with NIC style */
.class-container .class h2 a:hover,
.class-container .class h3 a:hover,
.class-container .section.group h2 a:hover {
  color: #7a0e2e !important;
  text-decoration: underline !important;
}

/* .container a:hover #ddd is too broad – scope and improve contrast */
.classinfo-container .container a:hover,
.certificateinfo-container .container a:hover {
  color: #444444 !important;
  text-decoration: underline !important;
}

/* Featured classes link #205C70 is marginal (~4.6:1). Darken to ~5.8:1. */
.classinfo-container .featured-classes ul li a {
  color: #174a5c !important;
}

/* Media query typo fix: "min-wdith" in template means class-options never
   shows on desktop. Correct spelling here overrides the broken rule. */
@media screen and (min-width: 601px) {
  .class-hide ~ .class-options {
    display: block !important;
  }
}

/* ---------------------------------------------------------------
   16) Class listing page (main_class.css) fixes
   --------------------------------------------------------------- */

/* Remove blue-gray #AFC1CC background – white lets global maroon
   link colors work correctly throughout. */
.class-container,
body .class-container,
.container-cont .class-container,
.content .class-container {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Strengthen card shadow so cards are visible on white background */
div.col.col-1-of-3.class,
div.col.col-1-of-2.class,
div.col.col-1-of-1.class,
.class-container .class {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.35) !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
}

/* Heading contrast: h2 #bf750a / h3 #e8a635 / h4 #3d88a5 all fail on
   blue-gray bg. Scoped to container level only, not card content. */
.class-container > h2,
.class-container > .element-shell > h2,
.class-container > .extended-shell > h2 {
  color: #5a3700 !important;
}

.class-container > h3,
.class-container > .element-shell > h3,
.class-container > .extended-shell > h3 {
  color: #5a3a00 !important;
}

.class-container > h4,
.class-container > .element-shell > h4,
.class-container > .extended-shell > h4 {
  color: #1a4a5c !important;
}

/* Class card h4 elements should be black */
.class-container .class h4,
.class-container .class .col-info h4,
.class-container .class .col-date h4,
.class-container .class .col-fee h4,
h4.ls,
h4.ls-capacity {
  color: #000000 !important;
}

/* Featured classes link #205C70 marginal (~4.6:1). Darken to ~5.8:1. */
.class-container .featured-classes ul li a {
  color: #174a5c !important;
}

/* col-action hover #ccc on white = 1.6:1, fails AA */
.col-action a:hover,
.col-action a:focus {
  color: #444444 !important;
  text-decoration: underline !important;
}

/* content-nav, interested-in, featured-classes, pagination links were
   white for blue-gray bg. Container now white – set to maroon. */
.content-nav ul li a,
.content-nav ul li a:visited,
.interested-in ul li a,
.interested-in ul li a:visited,
.featured-classes ul li a,
.featured-classes ul li a:visited,
.pagination-template.page-arrows ul li a {
  color: #98002e !important;
  text-decoration: underline !important;
}

.content-nav ul li a:hover,
.content-nav ul li a:focus,
.interested-in ul li a:hover,
.interested-in ul li a:focus,
.featured-classes ul li a:hover,
.featured-classes ul li a:focus {
  color: #444444 !important;
}

/* Line-height 1.125 on course template text – below WCAG 1.4.12 */
.class-container .template-area a,
.class-container .template-area p,
.class-container .template-area li {
  line-height: 1.5 !important;
}

/* Replace deprecated word-wrap: break-word */
.class-container .class {
  word-wrap: normal;
  overflow-wrap: break-word;
}

/* cart-action font-size is 12px – lift to 14px minimum.
   Primary CTAs: Add to Cart, Waiting List, Call to Register. */
.cart-action a,
.cart-action span,
.cart-action .btn-link,
.cart-action input {
  font-size: 0.875rem !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.5 !important;
}

/* If a page-level wrapper constrains the banner to less than full width,
   uncomment and adjust the class name to match your template's wrapper: */
/*
.page-wrapper,
.site-wrapper {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
*/

/* -------------------------------
   Session timeout popup fix
   div#openPopUpDiv has a fixed height that clips content.
   Allow it to size to its content instead.
   ------------------------------- */
div#openPopUpDiv.regular {
  height: auto !important;
  min-height: 316px;
  overflow: visible !important;
}

div#openPopUpDiv.regular div.container {
  height: auto !important;
  overflow: visible !important;
  padding-bottom: 20px !important;
}

/* -------------------------------
   Accordion header padding fix
   section-head-expanded/collapsed have uneven padding (5px top, 2px bottom)
   causing text to sit at the bottom edge. Balance to center vertically.
   ------------------------------- */
div.section-head-expanded,
div.section-head-collapsed {
  padding: 4px 5px !important;
  line-height: 1.4 !important;
  display: flex !important;
  align-items: center !important;
}

/* -------------------------------
   Tab styles – corrected based on actual markup inspection
   Active tab uses class="active" on the li (Bootstrap convention)
   Inactive tabs have no class on the li
   Strip: ul.nav.nav-tabs.width-100.ui-tabs-nav.ui-corner-all
   Container: div#tabs.ui-tabs.ui-corner-all.ui-widget
   ------------------------------- */

/* Tab strip — white background, remove gray, remove rounded corners,
   maroon bottom border ties the strip to the content */
ul.nav-tabs,
ul.ui-tabs-nav {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 2px solid #98002e !important;
  padding-left: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Tab outer container — remove rounded corners, add maroon border */
div.ui-tabs,
div#tabs {
  border-radius: 0 !important;
  border: 1px solid #98002e !important;
}

/* Inactive tab li — white background, maroon border on top/sides,
   no bottom border so it sits flush on the strip border */
ul.nav-tabs > li,
ul.ui-tabs-nav > li {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #98002e !important;
  border-bottom: 1px solid #ffffff !important;
  border-radius: 0 !important;
  margin-bottom: -1px !important;
}

/* Active tab li — maroon fill, white bottom to merge with content */
ul.nav-tabs > li.active,
ul.ui-tabs-nav > li.active {
  background: #98002e !important;
  background-image: none !important;
  border: 1px solid #98002e !important;
  border-bottom: 1px solid #98002e !important;
  border-radius: 0 !important;
  margin-bottom: -1px !important;
}

/* Inactive tab link — black text, no underline, lighter weight */
ul.nav-tabs > li > a,
ul.ui-tabs-nav > li > a,
a.nav_padding {
  color: #000000 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: normal !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  border: none !important;
}

/* Active tab link — white text */
ul.nav-tabs > li.active > a,
ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li.active > a:focus,
ul.ui-tabs-nav > li.active > a,
ul.ui-tabs-nav > li.active > a:hover,
ul.ui-tabs-nav > li.active > a:focus,
li.active a.nav_padding {
  color: #ffffff !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* Hover on inactive tab — same as active: maroon fill, white text */
ul.nav-tabs > li:not(.active):hover,
ul.ui-tabs-nav > li:not(.active):hover {
  background: #98002e !important;
  background-image: none !important;
  border-color: #98002e !important;
}

ul.nav-tabs > li:not(.active) > a:hover,
ul.nav-tabs > li:not(.active) > a:focus,
ul.ui-tabs-nav > li:not(.active) > a:hover,
ul.ui-tabs-nav > li:not(.active) > a:focus {
  color: #ffffff !important;
  background: transparent !important;
  text-decoration: none !important;
}

/* Remove underline from all tab links in all states */
ul.nav-tabs a,
ul.ui-tabs-nav a,
a.nav_padding,
a.nav_padding:hover,
a.nav_padding:focus,
a.nav_padding:visited,
a.nav_padding:active {
  text-decoration: none !important;
}

/* -------------------------------
   jQuery UI tabs – student profile editor
   Different markup from account tabs: uses ul.ui-tabs-nav.ui-widget-header
   Active li has classes: ui-tabs-active ui-state-active
   Inactive li has: ui-state-default
   ------------------------------- */

/* Strip */
ul.ui-tabs-nav.ui-widget-header {
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 0 !important;
  border: none !important;
  border-bottom: 2px solid #98002e !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

/* Inactive tab */
ul.ui-tabs-nav li.ui-state-default {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #98002e !important;
  border-bottom: 1px solid #ffffff !important;
  border-radius: 0 !important;
  margin-bottom: -1px !important;
}

/* Active tab */
ul.ui-tabs-nav li.ui-tabs-active,
ul.ui-tabs-nav li.ui-state-active {
  background: #98002e !important;
  background-image: none !important;
  border: 1px solid #98002e !important;
  border-bottom: 1px solid #98002e !important;
  border-radius: 0 !important;
  margin-bottom: -1px !important;
}

/* Inactive tab link */
ul.ui-tabs-nav li.ui-state-default a,
ul.ui-tabs-nav li.ui-state-default a:visited {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

/* Active tab link */
ul.ui-tabs-nav li.ui-tabs-active a,
ul.ui-tabs-nav li.ui-state-active a,
ul.ui-tabs-nav li.ui-tabs-active a:visited,
ul.ui-tabs-nav li.ui-state-active a:visited {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: normal !important;
  text-decoration: none !important;
}

/* Hover on inactive — maroon fill, white text */
ul.ui-tabs-nav li.ui-state-default:hover {
  background: #98002e !important;
  background-image: none !important;
  border-color: #98002e !important;
}

ul.ui-tabs-nav li.ui-state-default a:hover,
ul.ui-tabs-nav li.ui-state-default a:focus {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* -------------------------------
   Bootstrap nav-pills (Site Configuration admin tabs)
   ul#myTab.nav.nav-pills.nav-justified
   Active li has class="active", inactive has no class
   Links use a.nav_padding
   ------------------------------- */

/* Pill strip */
ul.nav-pills {
  background: #ffffff !important;
  background-image: none !important;
  border-bottom: 2px solid #98002e !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

/* Inactive pill */
ul.nav-pills > li {
  background: #ffffff !important;
  background-image: none !important;
}

ul.nav-pills > li > a,
ul.nav-pills > li > a.nav_padding {
  color: #000000 !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #98002e !important;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  text-decoration: none !important;
  display: block !important;
}

/* Active pill */
ul.nav-pills > li.active > a,
ul.nav-pills > li.active > a.nav_padding,
ul.nav-pills > li.active > a:hover,
ul.nav-pills > li.active > a:focus {
  color: #ffffff !important;
  background: #98002e !important;
  background-image: none !important;
  border-color: #98002e !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}

/* Hover on inactive pill */
ul.nav-pills > li:not(.active) > a:hover,
ul.nav-pills > li:not(.active) > a:focus,
ul.nav-pills > li:not(.active) > a.nav_padding:hover,
ul.nav-pills > li:not(.active) > a.nav_padding:focus {
  color: #ffffff !important;
  background: #98002e !important;
  background-image: none !important;
  border-color: #98002e !important;
  text-decoration: none !important;
}

/* -------------------------------
   SubCatMenuLink override
   course-body ul li a rule was winning over SubCatMenuLink styles.
   Re-assert NIC link style with higher specificity.
   ------------------------------- */
a.SubCatMenuLink,
a.SubCatMenuLink:link {
  color: #000000 !important;
  text-decoration: underline !important;
  text-decoration-color: #98002e !important;
  text-underline-offset: 0.25em !important;
  text-decoration-thickness: 1px !important;
}

a.SubCatMenuLink:visited {
  color: #000000 !important;
  text-decoration-color: #7a0e2e !important;
}

a.SubCatMenuLink:hover,
a.SubCatMenuLink:focus {
  color: #98002e !important;
  text-decoration-color: #98002e !important;
}

/* -------------------------------
   classinfo H2 color fix
   Only H2s inside section-head divs (maroon bg) get white text.
   Other classinfo H2s (Schedule Info, Other Offerings) get standard
   dark heading color since they sit on white/light backgrounds.
   ------------------------------- */
div.section-head-expanded h2,
div.section-head-collapsed h2,
div.ColumnHead h2,
.classinfo-container .table .ColumnHead h2,
.classinfo-container h2.section-head {
  color: #ffffff !important;
}

/* Standard classinfo H2s on light backgrounds */
.classinfo-container h2 {
  color: #000000;
}

/* -------------------------------
   In Cart h5 label fix
   Platform uses h5 as the "In Cart" status label inside cart-action.
   Override heading styles so it matches the button context.
   ------------------------------- */
.cart-action h5,
.classinfo-container .cart-action h5,
a#inCartText h5,
a.button.add-to-cart h5 {
  font-size: 0.875rem !important;   /* 14px – matches button text */
  font-weight: normal !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #000000 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}