/*
/////////////////////
// Note that this file is shared in the source control system.
/////////////////////
*/
html {
   font-size: 1rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   html {
      font-size: 100%;
   }
}
body {
   font-family: Arial, Helvetica, sans-serif;
   /*background-color: #D6D6D6;*/
   font-size: .75rem;
   position: relative;
   padding: 0;
   margin: 0;
   line-height: 14px;
   /* min-height keeps body's box at least as tall as the viewport. body is
      position:relative (so it's the containing block for absolutely-positioned
      Telerik popups) AND the `html, body { overflow-x: hidden }` rule below makes
      its overflow-y compute to `auto` — together that turns body into a clipping
      box whose height equals its CONTENT. On pages shorter than the viewport
      (e.g. EDFacts with a short results grid) a column-filter popup that opens
      into the empty area below the footer was clipped at the content bottom —
      "the popup can't extend below the footer." min-height:100vh extends body to
      the viewport bottom so the popup paints into that space. body has no
      background, so this is visually identical on tall and short pages. */
   min-height: 100vh;
   /* overflow: scroll removed — forced both scrollbars to always render even when
      content fit, AND combined with the html overflow-x:hidden rule (further down)
      produced a double vertical scrollbar because html and body each became their
      own scroll containers. Browsers add a scrollbar when content overflows; we
      don't need to force one. */
}
fieldset {
   background-color: #FFF2E3;
   margin-top: 5px;
   padding: 4px 10px 8px 10px;
}
fieldset, fieldset legend {
   border: 1px solid #4AB0E1;
}
fieldset legend {
   color:#fff;
   background-color: #2b7ba3;
   padding: 3px 10px;
   width: auto;
   font-size: inherit;
   margin-bottom: 0;
}

/*All content should be within the container <div>*/
#container, #contentContainer, .listContentDiv, .rightContentDiv, .centerContentDiv {
	padding: 0px;
}
#container, .menu {
	/*font-size: 12px;*/
   /* min-width: 780px;  removed for WCAG 1.4.10 reflow — was blocking page from shrinking below 780px */
}
/*#container,*/ 
.center, .linkList, .leftContentDiv {  
   text-align: center;
   padding: 0px 3px;   
}
#container, .center { 
   margin: auto; 
}                                
.clear {
   clear: both;
}
.header {
   background-color: #046696;
   color: #F0F0F0;
   width: 100%;
   padding: 6px 0;
}
.header .topCorner {
   background: url(images/tr.png) no-repeat top right;
   height: 14px;
}
.header .topCorner div {
   background: url(images/tl.png) no-repeat top left;
   height: 14px;
}
.SignOut {
	clear: right;
	float: right;
   margin-right: 10px;
   position: relative;
}
.SignOut div { 
   margin-top: 3px;
}
.SignOut select {
	border: 1px solid;
}
.logo {
   float: left;
   clear: left;
   position: relative;
 }
.footer {
   background-color: #046696;
	color: #F0F0F0;
	clear: both;
}
.footer .bottomCorner {
   background: url(images/br.png) no-repeat scroll right bottom;
   height: 14px;
}
.footer .bottomCorner div {
   background: url(images/bl.png) no-repeat scroll left bottom;
   height: 14px;
}
.footer p {
   margin: 0;
   padding: 5px 10px;
}
.footer a, .header a {
	text-decoration: none;
	color: #F0F0F0;
}
.footer a:hover {
   text-decoration: underline;
	color: #ffffff;
}
.footer a:active, .footer a:visited, .header a:active, .header a:visited  {
	color: #F0F0F0;
}
#contentContainer {
	width: 776px;
	margin: 0px;
	float: left;
} 
div.hr
{
	height: 1px;
	background-color: #046696;
	margin: 5px 0 5px 0;
	clear:both;
}
div.hr hr
{
	display: none;
}
img {
   border: 0px
}

a, a:visited {
	color: #0C4988;
}
h1, h1 a {
	font-size: 1.25rem;
}
h2, h2 a {
	font-size: 1rem;
}
h3, h3 a {
	font-size: .875rem;
}
h1,h1 a, h2, h3, h4, .instructions, label, .explanation {
	color: #333333;
}
h1,h1 a, h2, h3, h4, .instructions {
	margin-top: 3px;
	margin-bottom: 6px;
   font-weight: bold;
}
.rightContentDiv h2, .leftContentDiv h2 { 
   margin-left: 10px;   
}
.singleContentDiv .instructions, .instructions {
	border: 1px dashed;
   background-color: #F2D097; 
   padding-left: 3px;     
   padding-top: 0px;      
}
.singleContentDiv .instructions, .instructions, .SignOut select, .message, .singleContentDiv > table {
   margin-top: 3px; 
}
.singleContentDiv .instructions, .instructions, .SignOut select, .message {
   border-color: #4C8ACA;
}
h4 {
	font-size: 9px;
}
label {
	margin-right: 3px;
   margin-bottom: 0;
	/*display: block;*/
}
.label td {  
   color: #666;
   font-size: 9px;
   height: 10px;
}
.message {
	margin-left: 10px;
	margin-right: 10px;
}
.leftContentDiv {
	float: left;
	width: 40%;
	clear: left;
	padding-top: 5px;
   margin-left: 10px;
   margin-right: 5px;
}
.rightHeaderDiv {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	width: 50%;
	padding: 5px 20px;
	background-color: #a7d8f1;
	color: #444;
	text-align: left;
	font-size: 14px;
	border-bottom: 0px;
}
.singleSectionDiv {
   margin: 10px;
   display: inline-block;
}
.rightContentDiv {
   margin: 0 10px;
   padding-top: 5px;                                                 
	clear: right;
	text-align: left;
	float: right;
	width: 50%;
   background-color: #a7d8f1;
}
.centerContentDiv {
	margin-left: 10%;
	margin-right: 10%;                                                  
}
.editStackDiv table  {
	width:100%;
}
.message {
   border: 1px solid #bce8f1;
   padding: 5px;
   margin-bottom: 2px;
   background:#d9edf7;
	color: #31708f;
   border-radius: 4px;
   display: block;
}
.error, html body span.RadInput input.error {  
   border:  1px solid #BF0000;
   padding: 2px; 
   margin-bottom: 2px;
   background-color: #FFD7D7;
   border-radius: 4px;
   color: #BF0000;
}
.flashMessage ul {
	padding-left: 0;
	min-height: 20px;
}
.flashMessage li {
   list-style-type: none;
}
.buttonDiv, .abuseDiv {
   margin: 10px; 
}
/*".buttonDiv a" makes anchors look like input buttons.*/
/*input[type="submit"], input[type="file"], input[type="button"], */
.buttonDiv a, .buttonDiv input[type="submit"] {
	font-weight: bold;
	background-color: #195695;
   font-size: 11px;
   color: #EEEEEE;
}
/*input[type="submit"], input[type="file"], input[type="button"], */
.buttonDiv a, .buttonDiv input[type="submit"] {
	border: 1px solid #777777;
	font-family: "Arial Narrow", Arial;
   -moz-border-radius: 3px;
}
.buttonDiv a {
   text-decoration: none;
   color: #fff;
   padding: 1px 7px 1px 7px;
}
.buttonDiv a {
   font-size: 11px
}
/*input[type="submit"]:hover, input[type="file"]:hover, input[type="button"]:hover, */
.buttonDiv a:hover, .buttonDiv input[type="submit"]:hover {
	background-color: #6E9BCA;
}
.checkBoxLabel {
   text-align: left;
   display: inline;
   vertical-align: sub;
}
.checkBoxLabel span {
   vertical-align: 2px;
}
.checkBoxLabel input[type="checkbox"] {
   margin: 0px;
}
.example {
   font-style: italic
}
.example, .checkBoxLabel, .quote {
	color: #666666;
	margin: 5px 0px 5px 0px;
}
.main { 
   padding: 0 20px 10px;
   clear: both;
   text-align: left; 
}
.right, .footer p, .text-right { 
   text-align: right;  
}
/*------------------------------------End of New Stuff---------------------------*/

/*Main class is the main content section of the page, between the header and footer*/
/* These will get rid of the 1px padding in tables */
/* table { border-collapse:collapse } */
/* td { padding:0px }*/ 
.main, .singleContentDiv, .listContentDiv,
.multiSectionDiv, .subMenu, #fullHeader {
   background-color: #FFFFFF;
}
/* setting the subMenu class to 0px hieght untill neeeded */
.subMenu {
   height: 0px;
}        
.singleHeaderDiv, .listHeaderDiv,
.listContentDiv, .listFooterDiv, .action, .rightInfoDiv,
.tableWrapper {                                                     
	margin-left: 0px;
	margin-right: 0px;
}
.listFooterDiv, .centerContentDiv, .rightContentDiv, .leftContentDiv {
	margin-bottom: 10px;
}
.singleHeaderDiv, .listHeaderDiv, .reviewContainer, .leftContentDiv {
	margin-top: 10px;
}
.rightInfoDiv {
	clear: right;
	text-align: left;
	float: right;
	width: 55%;
   background-color: #6E9BCA;
}
.singleHeaderDiv, .listHeaderDiv,
/*.listContentDiv, */.listFooterDiv, .subMenu {
	padding: 3px;
}
.singleHeaderDiv, .listHeaderDiv,
.listContentDiv, .listFooterDiv, .subMenu {

}
.privacyStatement {
}
.report {
   margin: 5px 15% 0px 15%;
}
.report table {
	text-align: left;
}
.multiSectionDiv, .restaurantDescriptionDiv p, .restaurantDescriptionDiv div {
   margin: 10px;
}
.editStackDiv td label {
	text-align: right;
}
label, .userData, .example 
/* added to work with IE 
.singleContentDiv table td table td, .singleContentDiv table td, 
.singleSectionDiv table td.instructions*/  {
	font-size: .6875rem;
}
.singleContentDiv {
  	color: #333333;
	float: none;
	clear: both;
	text-align: left;
   *display: inline-block;
}
.action .rightDiv, .action .leftDiv, .action .leftDiv-bottom {
	width: 49%;
	background: #E9E9E9;
}
.action .rightDiv, .action .leftDiv, .action .leftDiv-bottom, .rightDiv, .leftDiv {
	padding: 3px 0 3px 0;
}
.action .rightDiv:hover, .action .leftDiv:hover, .abuseDiv a {
   background-color: #FFDFB0
   /* if hover color changed in CSS then on onmouseover color needs to be changed on
      UserReport.aspx and  PublicRequest.aspx pages*/
}
.webSnapInstructions p {
   text-align: left;
   width: 250px;
}
.webSnapInstructions p .special {
   color: #BF0000;
}
.action .rightDiv, .action .leftDiv, .action .leftDiv-bottom {
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.action .leftDiv-bottom {
	/* radius overrides for the bottom of the div */
   -moz-border-radius-bottomLeft: 0px;
   -moz-border-radius-bottomRight: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
.genericListTable {
	border-collapse:collapse;
}
.genericTableHeader a, .genericTableHeader {
   color:#ffffff;
}
.genericTableHeader th img {
   vertical-align: bottom;
}
/*************************************************************************************/
/* Safari can't seem to use this rule, so the following rule is a kludge to cover it */
.listTable thead {
	background: #0C4988;
}
thead.listTableHeader {
	background: #0C4988;
}
/*************************************************************************************/

/*************************************************************************************/
/* The next two rules really shouldn't have the td selector, but IE can't deal with  */
/* the tr selector alone.                                                            */
.genericListTable tbody tr {
	border-top: 1px solid #5889BC;
}
/*  Need to change gifs to pngs before we add this
.restaurantTable tbody tr:hover {
	background-color:#FFDFB0;
}*/
.genericListTable tbody tr:first-child td {
	border-top: 1px solid #4C8ACA;
}
/*************************************************************************************/

/*************************************************************************************/
/* The following rule is necessary only for Safari which left justifies by default.  */
.genericListTable thead th, .genericListTable tr td {
	text-align: center;
}
.genericListTable tbody td:first-child, .genericListTable thead th:first-child {
	text-align: left;
	padding-left: 5px;
/*   width: 20%;*/
}
.genericListTable tr:hover {
   background-color: #F7DBB3;
/*   background-image: url(../styles/black_glass/row_hover.png)   */
}
.genericListTable thead tr:hover {
   background-image: none;
   background-color: transparent;
}
/*************************************************************************************/
.singleHeaderDiv {
	background-color: #C0D5E9;
}
.listHeaderDiv, .listFooterDiv {
	background-color: #95AFFF;
   text-align:left
}
.listContentDiv {
   background-color: #5889BC;
   margin-top: 6px;
   margin-bottom: 6px;
}
.listContentDiv table, .genericListTable, .action table {
   background-color: #EBEFF3;
}
.listContentDiv table, .genericListTable, .action table {
	width:100%;
}
/*.editStackDiv td:first-child { width: 30% }
.listContentDiv, .listHeaderDiv, .listFooterDiv {
	border-color: #FF9900;
}*/
.singleHeaderDiv {
	color: #666666;
	text-align: left;
	font-size: 14px;
}
.singleHeaderDiv, .listHeaderDiv, .subMenu {
	border-bottom: 0px;
}
.listFooterDiv, .subMenu {
	border-top: 0px;
}
.radioList label {
	display: inline;
}
.multiSectionDiv {
	border-radius: 5px; /*this will be used with CSS3*/
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #FFCC80;
	padding: 8px;
}
.multiSectionDiv {
	padding: 8px;
}
.tableWrapper {
   -moz-border-radius-bottomLeft: 5px;
   -moz-border-radius-bottomRight: 5px;
   -moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
   padding-bottom: 8px;
   padding-top: 8px;
   margin-top: 0px;
	background-color: #E9E9E9;
}
.validatedListTextAreaDiv {
	clear: left;
	float: left;
}
.validatedListTextAreaDiv label,
.validatedListErrorTextAreaDiv label {
	display: inline;
}
.validatedListErrorTextAreaDiv  {
	clear: right;
	float: right;
	color: #BF0000;
}
.validatedListErrorTextAreaDiv .label,
.validatedListErrorTextAreaDiv .explanation,
.validatedListErrorTextAreaDiv textarea,
.validatedListErrorTextAreaDiv label  {
	color: #BF0000;
}
.validatedListErrorTextAreaDiv, .validatedListTextAreaDiv {
	width: 50%;
}
.validatedListErrorTextAreaDiv textarea {
	border: thin solid #BF0000;
	font-family: Arial, Helvetica, sans-serif;
}
.validatedListTextAreaDiv .explanation, .validatedListTextAreaDiv textarea,
.validatedListErrorTextAreaDiv textarea, .validatedListErrorTextAreaDiv .explanation  {
	width: 95%;
}
.validatedListTextAreaDiv textarea, .validatedListErrorTextAreaDiv textarea {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
   font-size: small;
}
.abuseDiv a {
   float: right;
   font-size: smaller;
}
.rating input[type="submit"] {
   background-color: #D5DFFF;
	font-weight: normal;
   padding: 0px 2px 0 1px;
   font-size: smaller;
}
.rating input[type="submit"]:hover, .abuseDiv a:hover {
	background-color: #95AFFF;
}
.buttonStackDiv {
   margin-top: 10px;
}
.buttonStackDiv input[type="submit"], .buttonStackDiv input[type="button"], 
div.buttonStackDiv span, #resultsHeader {
	margin-bottom: 5px;
}
.editStackDiv .band {
   margin-top: 0px;
	margin-bottom: 5px;
}
.buttonStackDiv input[type="submit"], .buttonStackDiv input[type="button"] {
	width: 80%;
}
.editStackDiv label, .radioList, .band td {
   text-align:left
}
.inlineLabelGroup label, .inlineLabelGroup span, .inlineLabelGroup table {
   display:inline;
}
.editStackDiv input[type="text"], .editStackDiv input[type="password"], .editStackDiv textarea, 
.band textarea {
   width: 90% !important;
   max-width: 400px;
}
.band textarea, .highlightDiv {
   padding: 5px;
   margin-top: 5px
}                                                 
.highlightDiv {
   background: #FFDFB0;
	margin-bottom: 5px;
	border-radius: 5px; /*this will be used with CSS3*/
   -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.highlightDiv td:first-child {
   width: 20%;
   vertical-align: top;
}
.highlightDiv table {
   width: 95%;
}
/*input[type="text"], input[type="password"] {
   font-size: 11px;
   height: 13px;
   padding:1px;
}
td input[type="text"], input[type="password"] {
   width: 95%
}*/
input[type="text"].address, input[type="text"].webaddress {
   max-width: 300px;
}
input[type="text"].city { max-width: 200px }
input[type="text"].email { max-width: 300px !important; }
input[type="text"].state { max-width: 25px }
input[type="text"].zip, input[type="text"].phone { max-width: 100px }
input[type="text"].firstName, input[type="text"].lastName, input[textmode="password"]
{ max-width: 150px }
input[type="text"].listName { max-width: 300px }
input[type="password"].password, input[type="password"] { max-width: 150px !important; } 
.faq {
   padding: 8px;
	list-style:none;                           
}

.password-hint {
   display: block; /* Ensures it stays below the input */
   color: #b50000;
   font-size: 0.85em;
   visibility: hidden; /* Hide the text but retain layout space */
   margin-top: 4px;
   min-height: 1em; /* Ensures consistent vertical space */
}

.password-match-hint {
   display: block;
   color: red;
   font-size: 0.85em;
   margin-top: 4px;
   visibility: hidden;
   min-height: 1em;
}

/****************** Start of Menu Tab ********************/
.menu, div.menu .row div.column, .menu ul li a {
   margin: 0;
   padding: 0;
   height: 36px;
   background-color: #444;
}
.menu ul, .menu ul li a, .menu ul li a:visited {
   color: #ffffff;
   float: left;
}
.menu ul li.CurrentMenuTab a, .menu ul li.CurrentMenuTab a:visited, .menu ul li a:hover, .menu ul li .current  {
   color: #333333;
}

.menu ul{
   margin: 0;
   padding: 0;
   font: bold 12px Arial;
   overflow: hidden;
}
.menu ul li{
   display: inline;
}
.menu ul li a{
   padding: 11px 11px 10px 11px;
   text-decoration: none;
   border-right: 1px solid #CACACA;
}
.menu ul li:first-child a {
   border-left: 1px solid #CACACA;
}
.menu .CurrentMenuTab a {
   background-color: #FFC24B;
}
.menu ul li a:hover, .menu ul li .current {
   background-color: #FFD27B;
}
.menu .column {
   padding: 0;
}
.goBackToLink, .goBackToLink:visited {
	color: #444;
	text-decoration: none;
	padding: 11px 0 10px 36px;
	margin-right: 10px;
	background-image: url(Images/goBackTo.png);
}
.goBackToLink:hover {
	background-image: url(Images/goBackTo-hover.png);
}
.shadow, .shadowUp, .goBackToLink, .goBackToLink:visited {
   background-repeat: no-repeat;
}

/****************** End of MenuTab ********************/
a.scrollArrow, a.scrollArrow:visited {
   color: #2b7ba3;
   font-weight: bold;
   text-decoration: none;
   font-size: 14px;
   margin:0 3px;
}
   a.scrollArrow:hover {
      color: #FFC24B;
   }
   a.scrollArrow.aspNetDisabled {
      color: #747474;
   }
      a.scrollArrow.aspNetDisabled:hover {
         color: none;
      }
/* WCAG AA contrast fixes — apply to all users regardless of ADA mode */
input.riEmpty { color: #767676 !important; }
input.riReadOnly { color: #333 !important; }
/* Read-only RadComboBox wrapper. Default state: dark text on white. */
.rcbInner.rcbReadOnly { color: #333 !important; }
.rcbInner.rcbReadOnly .rcbInput,
.rcbInner.rcbReadOnly .rcbInputCell { color: #333 !important; }
/* Focused/expanded state: Telerik paints the wrapper light-blue (#25a0da) and
   keeps the text at #333 — contrast is 4.28:1 (fails 1.4.3 which needs 4.5).
   Darken the bg to #2e5b9c and switch text to white: 7.0:1 contrast, passes. */
.rcbInner.rcbReadOnly.rcbFocused,
.rcbInner.rcbReadOnly.rcbExpanded {
   background-color: #2e5b9c !important;
   color: #fff !important;
}
.rcbInner.rcbReadOnly.rcbFocused .rcbInput,
.rcbInner.rcbReadOnly.rcbExpanded .rcbInput,
.rcbInner.rcbReadOnly.rcbFocused .rcbInputCell,
.rcbInner.rcbReadOnly.rcbExpanded .rcbInputCell {
   background-color: #2e5b9c !important;
   color: #fff !important;
}
/* Same fix, different DOM shape — the RadComboBox_Metro skin doesn't combine
   rcbReadOnly/rcbFocused/rcbExpanded onto one .rcbInner element; instead
   rcbFocused/rcbExpanded land on the outer <table> and rcbReadOnly on a <tr>
   several levels down (e.g. RadGrid page-size combos). Same #25a0da-bg/#333-text
   2.94:1 failure, same fix. */
table.rcbFocused tr.rcbReadOnly .rcbInputCell,
table.rcbExpanded tr.rcbReadOnly .rcbInputCell {
   background-color: #2e5b9c !important;
   color: #fff !important;
}

.linkList ul {
   margin: 0;
   padding: 0;
 }
.linkList ul li {
   padding: 0 0 10px 0; 
   font-weight: bold;  
   text-decoration: none;
   list-style-type: none;
}
.linkList ul li a { 
   font-size: 14px;
 }
.search, .singleContentDiv { 
   text-align: left;       
}
.search { 
   width: 50%;
}
.search table, .singleContentDiv > table { 
   width: 100%;
   clear: both;        
}
.search table { 
   margin-bottom: 5px;         
}                                       
.border, .border td, .border th   { 
   border: 1px solid #000000;
}
.search td, .instructions td { 
   border: 0px;         
}
.search table table { 
   margin: 0px;         
}
/*.singleContentDiv th {  
   background-color: #046696;
   color: #ffffff;
}*/
.bold, .goBackToLink, .goBackToLink:visited, .question {  
   font-weight: bold;   
}
.action .rightDiv, .rightDiv, .rightTable, .twoColumnDiv .rightDiv, .goBackToLink, .goBackToLink:visited  {
   float: right !important;
	clear: right;
}
.action .leftDiv, .action .leftDiv-bottom, .webSnapInstructions, .leftDiv, .leftTable, 
.twoColumnDiv .leftDiv {
   float: left;
	clear: left;
}
.twoColumnDiv .rightDiv, .twoColumnDiv .leftDiv {  
   padding: 0px;
   margin: 0px;
   width: 50%;   
}
.twoColumnDiv .rightDiv > div, .twoColumnDiv .leftDiv > div {  
   padding: 5px;   
}
.websnap {  
   background-color: #a7d8f1; 
   width: 700px;
   margin: auto;
}
/*.websnap div,*/ .instruction td label, .text-left {  
   text-align: left;
}
.websnap table {  
   margin-bottom: 10px;
}
.websnap .bottom table {  
   margin-bottom: 0px;
}
.websnap > div {  
/*   padding-bottom: 5px; */
}
.websnap > div:first-child {  
   border-top: 0px;   
}
.websnap .bottom, .websnap .top {  
   background-color: #75C3E9; 
   padding: 10px 0 0; 
}
.websnap .top {  
   margin-bottom: 10px;
}
.websnap .bottom {  
   margin-top: 10px;
}
.websnap img {
   vertical-align: middle;
}
.websnap .buttonStackDiv input {
   width: 170px;
}
.websnap p {
   font-size: 13px;
   margin-bottom: 0px;
}
/******************* Overrides to Obout/Telerik styles **********************/
/*This overrides the default color of these Telerik combo inputs from a blue to black*/
.RadComboBox_Windows7 input.rcbInput {
   color: #000;  
}
/*This displays the radioButtons in Telerik as a block instead of in-line that is the default*/
.websnap a.rbToggleButton,
/*Telerik changed from using <a> to <span> with the radio buttons in our latest release*/
.websnap span.rbToggleButton {  
   display: block;
}
.websnap .RadButton .rbDecorated {
   width:150px;
   padding-left:6px;
}
/*This fixes a bug in the release of Telerik we use. From Telelrik: "In the previous version, before 
the service pack there were some wrong CSS positions for the disabled checkboxes/radiobuttons hover 
states, but for the Service Pack 1 release they have been fixed."  This has been fixed since the 
release of Q3 Service Pack 1 - 2010.3 1215. */
a.rbDisabled .rbToggleRadio:hover, a.rbDisabled:hover .rbToggleRadio {  
   background-position: -24px 0px;   
}
/*This fixes a problem with textboxes and drop-down boxes show wings if you use a colored 
background in the containing element.  This can be seen on the WebSnap page. */
div.ob_iLboICB, div.ob_iCboICB {  
   background-image: none; 
   background-color: transparent;  
}
/*This was added to fix a problem on the obout grid when using double+ height headers.  Remove this
and you see the issue on any page that uses double+ height headers with an obout grid. */
.ob_gHContWG .ob_gH .ob_gC, .ob_gHContWG .ob_gH .ob_gCW,
.ob_gHCont .ob_gH .ob_gC, .ob_gHCont .ob_gH .ob_gCW
{
   background-size: 100% 100%
}
/* This fixes an issue for where the opacity for the radio group is compounded by the 'a' and 
nested 'span' being set to an opacity of .5/50 by telerik */
.websnap span.rbToggleRadio, .websnap a.rbDisabled {
    opacity: 0.8 !important; /* Chrome, Firefox, Safari */
    filter: alpha(opacity=80) !important;  /* IE */
    
}
/*This adjusts the telerik default of the rgCommandRow from left to right justified and gives some 
margin on the right on the containing div. Plus, it also aligns the buttons to 'add' and 'become 
users' to the middle of the row*/
tr.rgCommandRow div {  
   margin:  2px 10px 2px 0px;
   text-align: right;
}
tr.rgCommandRow input.rgAdd, tr.rgCommandRow a {  
   vertical-align: middle;
}
/*This adds some padding to the Edit Form when editting grid on the EditCoe page plus a background
color for readablity.  Also adds padding and BG color to aspPanel*/

div.rgEditForm, .nestedViewPanel {  
   background-color: #FFF2E3; 
   padding: 10px;  
}
/* This overrides teleriks default for the ComboBox to show scrollbars with tooltips on overflow.  
An example is on the ME EditServices page */
div.RadToolTip table.rtWrapper {
   text-align: left;   
}
div.RadToolTip table.rtWrapper td.rtWrapperContent, .msedd-radWindow-content  {  
   padding: 10px;   
}
/* This overrides teleriks rfdSkinnedButton, where in IE the <input> inside the <a> would overlay the bottom 
border of the background button  */
.RadForm a.rfdSkinnedButton {
   min-height: 24px;
}
/* Used to support multicolumn MComboBox */
table.mcombobox-multicolumn {
    margin: 0;
    padding: 0;
    border-collapse:collapse;
    width: 100%;
    table-layout:fixed;
}
table.mcombobox-multicolumn td, table.mcombobox-multicolumn th {
    margin: 0;
    padding: 0;
    line-height: 14px;
    word-wrap:break-word;
    white-space:normal;
}
/*This styles the display area to match the styling of the tabs. An example can be seen when editting a user*/
.tabStripMulitView {
   padding: 5px 0 5px 5px;
   border: 2px solid #C8D6E5;
   border-top: none;
   background-color: #FBFDFF;
}
/*This positions the Input Image on the RadTabStrip, example on MainEntry.aspx*/
.rtsIn input {
   position: relative;
   top: 2px;
   left: 2px;
}
.rtsIn input:hover {
   opacity: 0.6;
   filter:alpha(opacity=60); /* For IE */
}
/*Table grid layout*/
.msedd-standard-table {
   width: 100%;
   margin-bottom: 10px;
   text-align: left;
   border-spacing: 2px; 
   border-collapse: separate; 
}
   .msedd-standard-table td {
      background-color: #EEF3F9;
      min-width: 20px;
      vertical-align: middle;
   }
      .msedd-standard-table td span {
         font-weight: normal;
      }
   .msedd-standard-table th, .msedd-standard-table th label {
      color: #fff;
   }
   .msedd-standard-table th {
      background-color: #2b7ba3;
      min-width: 60px;
   }
   .msedd-standard-table th, .singleContentDiv th, .singleContentDiv th table td  {
      padding-left: 3px; 
      height: 22px;
      font-size: 12px;
   }
/*the control-row will let you group mix elements and controls with the end group floated right and justified 
   right*/
.control-row {
	margin-bottom: 2px;
}
   .control-row .control-group, .control-row .control-group-end {
      display: inline-block;
      margin: 5px 10px 5px 0;
   }
      .control-row .control-group, .control-row .control-group-end, .control-group-end a,
      .control-row .control-group span.rbSkinnedButton,
      .control-row .control-group-end span.rbSkinnedButton, 
      .control-row > *, .control-row .control-group > * {
         vertical-align: middle;
      }
   .control-row .control-group-end {
      float: right;
      text-align: right;
      margin-right: 0;
   }
   .control-group, .control-row .control-group-end a {
      height: 22px !important;
      line-height: 20px !important;
   }
   .control-group span.rbPrimaryIcon {
      top: 3px;
   }
.expandCollapseButton, .expandCollapsePlusButton {
   display: inline-block;
   background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
   height: 20px;
   width: 20px;
   margin: 1px 0 0 0;
   -webkit-transition: all 500ms ease-in-out;
   -moz-transition: all 500ms ease-in-out;
   -o-transition: all 500ms ease-in-out;
   transition: all 500ms ease-in-out;
}

/*override for RadButton :focus and :active*/
.expandCollapsePlusButton {
   background-image: url(Images/plus-toggle.png);
}
   .expandCollapsePlusButton:hover:enabled {
      background-image: url(Images/plus-toggle-hover.png);
   }
.expandCollapseButton {
   background-image: url(Images/chevron-toggle.png);
}
   .expandCollapseButton:hover:enabled {
      background-image: url(Images/chevron-toggle-hover.png);
   }
.expandCollapseButton:disabled, .expandCollapsePlusButton:disabled {
   filter: grayscale(1);
   -webkit-filter: grayscale(1);
   opacity: 0.4;
   cursor: default;
}
.expandCollapseButtonExpanded {
   -moz-transform: rotateX(180deg);
   -webkit-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   transform: rotateX(180deg);
}
.expandCollapsePlusButtonExpanded  {
   -moz-transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   -ms-transform: rotate(135deg);
   transform: rotate(135deg);
}
/*This styles the MoreNavAnchor on the MainEntry page*/
.MoreNavAnchor {
   width: 32px;
   height: 16px;
   display: inline-block;
   position: relative;
   margin-bottom: -3px;
}
   .MoreNavAnchor:before, .MoreNavAnchor:after {
      content: "";
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
   }
   .MoreNavAnchor:before {
      background: url(images/ellipsis.png) 0px 0px no-repeat;
   }
   .MoreNavAnchor:after {
      background-image: url(images/ellipsis_hover.png);
      opacity: 0;
      transition: opacity 500ms;
      z-index: 1;
   }
   .MoreNavAnchor:hover:after {
      opacity: 1;
   }
.NavMenuToolTipDiv div {
   padding: 2px 8px;
}
   .NavMenuToolTipDiv div:hover {
      background-color: #75C3E9;
      color: #333333;
      transition: background-color 400ms ease-in-out;
   }
.NavMenuToolTipDiv a, .RadGrid_Metro .rgRow div.NavMenuToolTipDiv Div a,
.RadGrid_Metro .rgAltRow div.NavMenuToolTipDiv Div a,
.rtWrapperContent {
   text-decoration: none;
   color: #fff;
}
.NavMenuToolTipDiv div:hover a {
   color: #333333;
}
div.RadToolTip_Metro {
   box-shadow: 0 0 10px rgba(68,68,68,0.75)
}
.StandardToolTip .rtWrapper .rtWrapperContent {
   min-width: 120px;
}
/*override default RadGrid selected row*/

.RadGrid_Metro table.rgMasterTable tr td.rgSorted {
   background-color: #e5e5e5;
   border-color: #ededed;
}
.RadGrid_Metro table.rgMasterTable th.rgSorted {
   background-color: #c3c3c3;
}
.RadGrid_Metro table.rgMasterTable tr.rgSelectedRow  td.rgSorted, .RadGrid_Metro tr.rgSelectedRow td,
.RadGrid_Metro table.rgMasterTable tr.rgHoveredRow td.rgSorted {
   border-color: #c3c3c3;
}
.RadGrid_Metro tr.rgSelectedRow, .RadGrid_Metro table.rgMasterTable tr.rgSelectedRow td.rgSorted {
   color: #444;
   background-color: #a7d8f1;
}
/* Visible keyboard focus indicator for grid cells (WCAG 2.4.7 Focus Visible) */
.RadGrid_Metro tr.rgRow td:focus,
.RadGrid_Metro tr.rgAltRow td:focus,
.RadGrid_Metro tr.rgActiveRow > td,
.RadGrid_Metro td.rgActiveCell {
   outline: 2px solid #1976d2 !important;
   outline-offset: -2px;
   background-color: #d6ebf7 !important;
}
.RadGrid_Metro tr.rgRow:focus-within > td,
.RadGrid_Metro tr.rgAltRow:focus-within > td {
   background-color: #e3f2fd !important;
}
/*override for RadButton :focus and :active*/
/*.RadButton_Metro.RadButton:active, .RadButton_Metro.RadButton:focus,
.RadButton_Metro.RadButton.rbHovered:active, .RadButton_Metro.RadButton.rbHovered:focus {
    border: 0 !important;
    background-color: transparent !important;
}*/
/* Telerik selected state: white text on our default blue (#4a7ebb) is 4.2:1 — fails WCAG 1.4.3.
   Override to a darker blue (#2e5b9c ≈ 6.1:1 with white) that passes AA with margin.
   Previously this rule was scoped to _Metro skin only; dropped the prefix so it applies to
   any Telerik theme the app may use. */
div.rtSelected div.rtIn,
.RadListBox .rlbItem.rlbSelected,
.RadListBox_Metro .rlbItem.rlbSelected {
   background-color: #2e5b9c !important;
   border-color: #2e5b9c !important;
}
.RadListBox_Metro .rlbGroup[role="listbox"] {
   outline: none;
}

/* RadWindow title bar: default Telerik skin renders white text (#ffffff) on a light
   blue (#25a0da) background = 2.94:1 contrast, fails WCAG 1.4.3 (needs 4.5:1).
   Override with a darker background (#2e5b9c ≈ 6.1:1 with white) that passes AA.
   NOTE: Telerik uses class="rwTitlebar" (lowercase b) on the actual <td>, but the
   outer wrapper variants use different casing — target both to be safe. */
.RadWindow .rwTitlebar,
.RadWindow .rwTitleBar,
.RadWindow td.rwTitlebar,
.RadWindow_Default .rwTitlebar,
.RadWindow_Default .rwTitleBar,
.RadWindow_Metro .rwTitlebar,
.RadWindow_Metro .rwTitleBar {
   background: #2e5b9c !important;
   background-image: none !important;
   color: #ffffff !important;
}
.RadWindow .rwTitlebar em,
.RadWindow .rwTitleBar em,
.RadWindow .rwTitle em,
.RadWindow em {
   color: #ffffff !important;
}

/*override padding on RadTabStrip on Users page*/
.rightDiv .RadTabStrip_Metro a.rtsLink {
  padding: 0 5px;
}
/*Link with ToolTip*/
a.headerNavAnchor, a.headerNavAnchor:active, a.headerNavAnchor:visited {
   color: #444;
   display: inline-block;
   padding: 2px;
   font-size: 18px;
   border-bottom: 1px solid #046696;
   border-top: 1px solid #046696;
   text-decoration: none;
}
a.headerNavAnchor:hover, a.headerNavAnchor:hover i {
   color: #444;
   transition: 400ms ease-in-out;
}
a.headerNavAnchor:hover {
   background: linear-gradient(to right, #fff,#a7d8f1,#fff);
}
/*This styles the Active/All search selection on the MainEntry page*/
.altLink a {
   color: #999;
   font-weight: bold;
}
   .altLink a:hover {
      color: #0C4988;
   }
/*emphasis classes*/
.e1 {
   font-weight: bold;
}
/*12 column grid*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
.row { max-width: 100%; /*min-width: 720px;*/ margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; /*margin: -5px;*/ }
 
.column, .columns { float: left; min-height: 1px; padding: 5px 0; position: relative; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
 
.row .one { width: 8.33% }
.row .two { width: 16.66% }
.row .three { width: 25% }
.row .four { width: 33.33% }
.row .five { width: 41.66% }
.row .six { width: 50% }
.row .seven { width: 58.33% }
.row .eight { width: 66.66% }
.row .nine { width: 75% }
.row .ten { width: 83.33% }
.row .eleven { width: 91.66% }
.row .twelve { width: 100% }
 
/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }

@media only screen and (max-width: 767px) {
   /* Legacy custom grid — collapse .row / .column classes (pre-Bootstrap) */
   .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
   .column, .columns { width: auto !important; float: none;  }
   .column:last-child, .columns:last-child { float: none; }
   [class*="column"] + [class*="column"]:last-child { float: none; }
   .column:before, .columns:before, .column:after, .columns:after { content:""; display:table; }
   .column:after, .columns:after { clear: both; }

   /* WCAG 1.4.10 Reflow — release fixed widths so the page reflows at 320px without
      2D scrolling. Defaults: #container min-width 780px, #contentContainer width 776px
      float:left, .websnap width 700px. All force horizontal scroll on small viewports. */
   #container,
   .menu {
      min-width: 0 !important;
      width: 100% !important;
   }
   #contentContainer {
      width: 100% !important;
      float: none !important;
   }
   /* Header logo is a 480px PNG — constrain to its container so it shrinks on mobile */
   .logo img,
   .header img {
      max-width: 100% !important;
      height: auto !important;
   }
   .websnap {
      width: 100% !important;
   }
   .websnap .buttonStackDiv input,
   .websnap .RadButton .rbDecorated {
      width: 100% !important;
      max-width: 100% !important;
   }
   /* Telerik RadComboBox and RadListBox render with fixed pixel widths set in markup
      (e.g. Width="300" becomes inline width:300px). Force them to shrink at mobile. */
   .websnap .RadComboBox,
   .websnap .RadListBox,
   .websnap .RadTextBox,
   .websnap .RadInput,
   .websnap .riTextBox,
   .websnap input.rcbInput {
      width: 100% !important;
      max-width: 100% !important;
   }
   /* Bootstrap 3 col-xs-* uses percentage widths that don't stack — force stacking
      at mobile breakpoint so content reflows vertically instead of squishing. */
   .websnap [class*="col-xs-"] {
      width: 100% !important;
      float: none !important;
      position: static !important;
   }
   /* Release any inline absolute positioning that blocks reflow.
      Exclude tooltips ([class*="ToolTip"] covers RadToolTip + StandardToolTip): they
      render with inline position:absolute and must stay floating popups, not be
      flattened into page flow (was breaking the footer release-info tooltip). */
   .websnap [style*="position:absolute"]:not([class*="ToolTip"]),
   .websnap [style*="position: absolute"]:not([class*="ToolTip"]) {
      position: static !important;
   }

   /* Last-resort: clip horizontal overflow at the document root so the page itself
      never scrolls horizontally even if a fixed-width descendant slips through the
      other rules. Individual scroll-aware wrappers (like .RadGrid below) can still
      scroll internally. */
   html,
   body {
      overflow-x: hidden !important;
      max-width: 100% !important;
   }

   /* Telerik RadGrid (data grid): mobile-breakpoint-specific width forcing. The
      cross-viewport overflow rules now live OUTSIDE this @media block (below)
      so they also cover tablet/small-laptop widths (768-1199px) where the grid
      would otherwise force horizontal page scrolling. */
   .RadGrid {
      width: 100% !important;
   }

   /* Cap any oversized images (signature images, etc.) that set explicit width attributes */
   .main img {
      max-width: 100% !important;
      height: auto !important;
   }

   /* Layout tables (non-data) collapse to stacked rows on mobile. Any <table> inside
      .main content areas without a grid/presentation role gets block-level treatment
      so rows stack and widths shrink. rgMasterTable/rgDetailTable are excluded so
      Telerik data grids retain their tabular structure inside their scrollable wrapper. */
   .main table.msedd-standard-table,
   .main table.msedd-standard-table tbody,
   .main table.msedd-standard-table tr,
   .main table.msedd-standard-table td,
   .main table.msedd-standard-table th,
   .main table:not([role="grid"]):not([role="presentation"]):not(.rgMasterTable):not(.rgDetailTable),
   .main table:not([role="grid"]):not([role="presentation"]):not(.rgMasterTable):not(.rgDetailTable) tbody,
   .main table:not([role="grid"]):not([role="presentation"]):not(.rgMasterTable):not(.rgDetailTable) tr,
   .main table:not([role="grid"]):not([role="presentation"]):not(.rgMasterTable):not(.rgDetailTable) td,
   .main table:not([role="grid"]):not([role="presentation"]):not(.rgMasterTable):not(.rgDetailTable) th {
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box;
   }

   /* WCAG 1.4.10 — the float-based content columns (Login's welcome + sign-in
      panels, and other framework pages using these) don't stack on their own,
      so at 320px they stay side-by-side and clip. Force a single column. */
   .leftContentDiv,
   .rightContentDiv,
   .rightHeaderDiv,
   .rightInfoDiv,
   .centerContentDiv {
      float: none !important;
      width: auto !important;
      clear: both !important;
      margin-left: 10px !important;
      margin-right: 10px !important;
   }
}

/* WCAG 1.4.10 — data tables are exempt from reflow, but they must never force
   the entire PAGE to scroll horizontally at small/mid viewport widths.
   Constrain RadGrid wrappers to their parent column and let them scroll
   internally. Scoped to max-width:1199px: it extends past the mobile block to
   cover tablet/small-laptop widths (768-1199px), but deliberately NOT desktop.
   At >=1200px the classic behavior returns — a wide grid overflows the
   document and the BROWSER's horizontal scrollbar handles it, pinned to the
   bottom of the window where it is reachable without scrolling to the bottom
   of a tall grid first (GS-91: the grid-edge scrollbar forced scroll-down,
   scroll-right, scroll-back-up round trips to read the right side of top
   rows). Matches the pre-2026-08 production behavior (e.g. AZ).

   !important is required because Telerik renders the wrapper with inline
   style="width: <Npx>" computed at init time from parent.offsetWidth. When
   the browser later resizes smaller, that inline width persists and would
   otherwise overflow the parent. max-width:100% !important clamps it. */
@media (max-width: 1199px) {
   .RadGrid,
   .RadGrid .rgDataDiv,
   .RadGrid .rgHeaderDiv {
      max-width: 100% !important;
      overflow-x: auto !important;
      -webkit-overflow-scrolling: touch;
   }

   /* Last-resort: clip horizontal overflow at the document root so the PAGE
      itself never scrolls horizontally at reflow-relevant widths — even if a
      fixed-width descendant slips through. The .RadGrid rule above provides an
      internal scrollbar for the data grid so users can still access all
      columns. Kept inside the same 1199px scope as the grid rule: at desktop
      widths the page-level scrollbar is the intended way to reach wide grids. */
   html,
   body {
      overflow-x: hidden;
      max-width: 100%;
   }
}

/*BootStrap Overrides*/
.well {
   backgrounD-color: #dbe6f5;
}
[class*='col-'] {
    padding-right:10px;
    padding-left:10px;
}
a {
   text-decoration: underline;
}
.msedd-standard-table td, .msedd-standard-table th, .main td, .main th {
   padding: 2px;
}
tr.label {
   display: table-row;
   text-align: left;
   font-weight: normal;
}
/* tr.label cells converted from <td> to <th scope="col"> for WCAG 1.3.1 table
   headers pick up a global th{color:#fff} rule meant for .msedd-standard-table
   headers (dark-blue background). A PLAIN table (no .msedd-standard-table
   ancestor — e.g. one sitting inside a .well, bg #dbe6f5) has no dark
   background to pair with that white text, producing a 1.26:1 contrast
   failure (found: OR EditCOE WMDEN tables, 2026-07-31). Scoped to exclude
   .msedd-standard-table specifically: MD and PA both have `tr.label` rows
   INSIDE a .msedd-standard-table in their own EditCOE.aspx, where
   white-on-dark-blue is correct — a state-wide `tr.label th{color}` rule
   would have broken those the moment either state converts its own
   label-row <td>s to <th> for the same 1.3.1 gate (flagged in review). */
tr.label th[scope="col"] {
   color: #333 !important;
}
/* Restore the correct white-on-dark-blue for a tr.label th that IS inside a
   .msedd-standard-table (the case the rule above must not touch). */
.msedd-standard-table tr.label th[scope="col"] {
   color: #fff !important;
}
.form-inline .form-group label {
   display: inline-block;
}
.alert {
   padding-top: 5px;
   padding-bottom: 5px;
   margin-bottom: 10px;
}

.RadTabStripTop_Metro .rtsLevel1, div.RadToolTip_Metro .rtWrapper .rtWrapperContent,
.RadTabStripTop_Metro .rtsLevel1, .RadTabStrip_Metro .rtsLevel1 .rtsUL,
.RadComboBox_Metro .rcbFocused .rcbArrowCell,
div.RadToolTip_Metro .rtWrapper .rtWrapperTopCenter, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomCenter, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperTopRight, 
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomRight, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopCenter, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomCenter, 
div.RadToolTip_Metro .rtWrapper .rtWrapperLeftMiddle, div.RadToolTip_Metro .rtWrapper .rtWrapperRightMiddle {
    background-color: #046696 !important; 
}

.RadComboBox_Metro .rcbFocused .rcbArrowCell {
   border-color: #046696 !important;
}
div.RadToolTip_Metro .rtWrapper .rtWrapperTopLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperLeftMiddle, 
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomLeft, div.RadToolTip_Metro .rtWrapper .rtWrapperTopRight, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopCenter, div.RadToolTip_Metro .rtWrapper .rtWrapperTopLeft,
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomRight, div.RadToolTip_Metro .rtWrapper .rtWrapperRightMiddle, 
div.RadToolTip_Metro .rtWrapper .rtWrapperTopRight, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomCenter, 
div.RadToolTip_Metro .rtWrapper .rtWrapperBottomRight, div.RadToolTip_Metro .rtWrapper .rtWrapperBottomLeft {
    border-right: 1px solid #046696 !important;
    border-left: 1px solid #046696 !important;
    border-bottom: 1px solid #046696 !important;
    border-top: 1px solid #046696 !important;
}
.RadGrid_Metro .rgGroupPanel, .RadGrid_Metro .rgGroupPanel caption {
   color: #333333 !important;
   background-color: #a7d8f1 !important;
}
div.RadToolTip_Metro div.rtCallout {
   /*filter: brightness(65%) !important;*/
   background-image: url(Images/tooltip_callout.png) !important;
}
div.RadToolTip_Metro.rtShadow .rtCalloutTopCenter {
   margin-top: -10px !important;
}
div.RadToolTip.rtShadow .rtCalloutMiddleLeft {
   margin-left: -11px !important;
}
@-moz-document url-prefix() {
   label.rfdCheckboxUnchecked:before, label.rfdCheckboxChecked:before {
      content: "" !important;
   }
}
   /*space buffers*/
.mt-2 {margin-top:2px}
.mb-2 {margin-bottom:2px}
.ml-2 {margin-left:2px}
.mr-2 {margin-right:2px}

.mt-4 {margin-top: 4px}
.mb-4 {margin-bottom: 4px}
.ml-4 {margin-left:4px}
.mr-4 {margin-right: 4px}

.mt-6 {margin-top: 6px}
.mb-6 {margin-bottom: 6px}
.ml-6 {margin-left:6px}
.mr-6 {margin-right: 6px}

.mt-8 {margin-top: 8px}
.mb-8 {margin-bottom: 8px}
.ml-8 {margin-left:8px}
.mr-8 {margin-right: 8px}

.mt-12 {margin-top: 12px}
.mb-12 {margin-bottom: 12px}
.ml-12 {margin-left: 12px}
.mr-12 {margin-right: 12px}

.mt-24 {margin-top: 24px;}
.mb-24 {margin-bottom: 24px}
.ml-24 {margin-left: 24px}
.mr-24 {margin-right: 24px}

   /*for custom MDropDownList skin*/
div.RadDropDownList_StudentEditrddl {
   color: #444;
   font-size: 20px;
   font-family: inherit;
   background-color: #EEF3F9;
	width: 280px;
}
   div.RadDropDownList_StudentEditrddl .rddlInner {
      border-color: #EEF3F9;
   }
      div.RadDropDownList_StudentEditrddl .rddlInner.rddlHovered,
      div.RadDropDownList_StudentEditrddl .rddlInner.rddlFocused {
         border-color: #046696;
      }
   div.RadDropDownList_StudentEditrddl .rddlHovered {
      transition: 600ms ease-in-out;
   }
      div.RadDropDownList_StudentEditrddl .rddlHovered .rddlIcon {
         background-position: -2px -20px;
      }
div.rddlPopup_StudentEditrddl {
   border-color: #046696;
   color: #fff;
   background-color: #046696;
   font-size: 16px;
   padding: 5px 0;
   box-shadow: 0 5px 10px rgba(68,68,68,0.6);
}
   div.rddlPopup_StudentEditrddl .rddlItemHovered, div.rddlPopup_StudentEditrddl .rddlItemLoading {
      color: #444;
      background-color: #e7e7e7;
   }
   div.rddlPopup_StudentEditrddl .rddlItemSelected {
      color: #ffffff;
      background-color: #25a0da;
   }
/*RadMenu Skin Item*/
/*.RadMenu_Adhoc {
   z-index: 3000 !important;
   margin-left: 5px;
   float:right;
}
.RadMenu_Adhoc div.rmRootGroup, .RadMenu_Adhoc ul.rmRootGroup {
   background: none !important;
}
.RadMenu_Adhoc .rmRootLink:hover {
    border-color: none !important;
    background-color: #75C3E9;
}
.RadMenu_Adhoc .rmGroup, .RadMenu_Adhoc .rmPopup {
    border: 1px solid #e6e6e6;
    background-color: #046696 !important;
}
    .RadMenu_Adhoc .rmGroup .rmLink {
        color: #fff !important;
    }
        .RadMenu_Adhoc .rmGroup .rmLink:hover {
            color: #444 !important;
        }
        .RadMenu_Adhoc .rmGroup .rmLink.rmDisabled {
            color: #999 !important;
        }
.RadMenu_Scope {
   bottom:4px;
}
   .RadMenu_Scope a.rmRootLink {
      color: #0C4988;
      font-size: 12px;   
      padding: 0 !important;
   }
   .RadMenu_Scope a.rmRootLink:hover {
      background-color: white;
   }
      .RadMenu_Scope a.rmRootLink .rmText {
         text-decoration: underline;
      }
.RadMenu_Adhoc a.rmImageOnly .rmLeftImage, .RadMenu_Adhoc .rmRootGroup a.rmImageOnly {
    padding: 1px !important                              ;
}
.RadMenu_Adhoc .rmSelected, .RadMenu_Adhoc .rmSelected:hover, .RadMenu_Adhoc .rmExpanded, 
.RadMenu_Adhoc .rmExpanded:hover {
   border-color: transparent !important;
}
.RadMenu_Adhoc_SelectColumn {
   float: right !important;
   margin-left: 0;
}*/
/*fix for Firefox displaying double check boxes with Firefox release 63*/
@-moz-document url-prefix() {
   .rfdCheckboxUnchecked, .rfdCheckboxChecked {
      padding: 0 !important;
      background-image: none !important;
   }
}
/*added for tab focus on input checkbox for FireFox*/
:-moz-focusring, :focus {
   -moz-user-focus: normal;
}
/*allows focus rings on checkboxes in all browsers*/
span.RadButton:focus, input[type=checkbox]:focus {
   box-shadow: 0 0 2px 1px #25a0da inset !important;
}

/* WCAG 1.4.11 Non-text Contrast / 2.4.7 Focus Visible quality.
   The light-blue #25a0da inset shadow above renders ~2.3:1 against white —
   below the 3:1 threshold. We need a focus indicator that meets 3:1 against
   ANY surrounding background, including Telerik's blue combo-arrow buttons
   (#25a0da). Black outline against any light background passes (≥7:1);
   pairing it with a white halo via box-shadow ensures it's also visible
   against dark/colored backgrounds. :focus-visible matches only keyboard
   focus per browser heuristics, so this does not affect mouse UX.
   No outline-offset: the black/colored-border color contrast alone already
   reads as a distinct ring — a gap added no separation value, just size
   (2026-08-11: caused the ring to visually overlap adjacent field labels
   on tightly-spaced layouts, e.g. OR EditCOE.aspx). */
body.ada-mode a:focus-visible,
body.ada-mode button:focus-visible,
body.ada-mode input:focus-visible,
body.ada-mode select:focus-visible,
body.ada-mode textarea:focus-visible,
body.ada-mode [tabindex]:focus-visible,
body.ada-mode .RadButton:focus-visible,
body.ada-mode span.RadButton:focus-visible,
body.ada-mode button.RadButton:focus-visible {
   outline: 3px solid #000 !important;
   outline-offset: 0 !important;
   box-shadow: 0 0 0 3px #fff !important;
}
/* The outline above is the real focus indicator and already passes 1.4.11/2.4.7
   on its own — but plain <textarea> elements (SuggestionBox's SuggestionTB,
   StudentListMassAdd's StudentIDTextBox) also carry a separate native/browser
   `border-color: #25a0da` on :focus that axe's non-text-contrast check scores
   independently of outline (2.9:1 against white, fails 3:1). Override it too so
   the underlying border itself can't fail the check even though the visible
   focus ring (outline) already meets contrast. */
body.ada-mode textarea:focus-visible {
   border-color: #0F76A6 !important;
}
/* RadButton skinned buttons (span.rbSkinnedButton / input.rbDecorated) paint a
   #666 focus outline via the Telerik skin — only 1.95:1 on the blue button fill,
   failing 2.4.7/1.4.11. Force the black ring at higher specificity, and on :focus
   too (the skin's ring shows on plain :focus), so it wins over the vendor rule. */
body.ada-mode span.RadButton.rbSkinnedButton:focus,
body.ada-mode span.RadButton.rbSkinnedButton:focus-visible,
body.ada-mode span.RadButton.rbSkinnedButton input.rbDecorated:focus,
body.ada-mode span.RadButton.rbSkinnedButton input.rbDecorated:focus-visible {
   outline: 3px solid #000 !important;
   outline-offset: 0 !important;
   box-shadow: 0 0 0 3px #fff !important;
}

/* WCAG 2.5.8 Target Size (Minimum) — interactive form controls to >=24x24px.
   Surfaced by the honest target-size gate (full-coverage plan, 2026-06-13).
   Inline text links (skip-nav, header account/sign-out, powered-by, in-grid
   "View COE") are exempt under the 2.5.8 inline/line-height exception and are
   carried in the per-state target-size allowlist; the controls below are genuine
   standalone targets enlarged to the 24px AA minimum. min-* is additive — it
   only grows controls already under 24px, so larger controls are unaffected. */
body.ada-mode .riTextBox,                         /* RadInput / RadDatePicker single-line inputs */
body.ada-mode input.ruButton, body.ada-mode .ruBrowse,          /* RadUpload Browse button */
body.ada-mode input[type="image"],                /* icon buttons (e.g. Advanced Search) */
body.ada-mode [id$="_ExpandButton"],              /* RadTabStrip / nested-view expand toggles */
body.ada-mode [id$="StudentSearchScopeMenuRoot"], /* student-scope segmented toggle */
body.ada-mode [id$="StudentSearchScopeMenuRoot"] > *,
body.ada-mode [id*="COESearchScopeMenu"],          /* COE-scope toggle div + root (MainEntry ShowCOEs) */
body.ada-mode [id*="COESearchScopeMenu"] > * {
   min-height: 24px;
}
body.ada-mode button[role="checkbox"], body.ada-mode span.RadButton[role="checkbox"] {
   min-height: 24px;
   min-width: 24px;
}
body.ada-mode input[type="image"], body.ada-mode [id$="_ExpandButton"] {
   min-width: 24px;
}
/* Date-picker text inputs and the Advanced Search icon button matched neither
   .riTextBox nor input[type=image] and Telerik sets an explicit 20px height, so
   target them by id-suffix with !important to clear the 24px AA minimum. */
body.ada-mode input[id$="DatePicker"], body.ada-mode input[id$="_dateInput"] {
   min-height: 24px !important;
}
body.ada-mode input[id$="AdvancedSearchButton"], body.ada-mode [id$="AdvancedSearchButton"] {
   min-height: 24px !important;
   min-width: 24px !important;
}
/* OR COE Print Language selector (COERecordPage.aspx .printLang, the
   English/Spanish links) — 39x14 / 43x14, below the 24px minimum. Not covered
   by the inline-text-link 2.5.8 exception (they're standalone action targets,
   not running body text), so size them like the other standalone links above. */
body.ada-mode .printLang a {
   display: inline-block;
   min-height: 24px;
   min-width: 24px;
   padding: 4px 2px;
   box-sizing: border-box;
}
/* Additional standalone controls surfaced by the 2026-06-14 honest count that the
   suffix selectors above missed: date inputs ending "...DatePickerV2"/"...Picker",
   RadComboBox inputs (.rcbInput), the QuickSearch input, the grid search button,
   the flash-message close "x", and EDFacts tab links (all rendered 18-23px). */
body.ada-mode input[id*="DatePicker"], body.ada-mode input[id$="Picker"], body.ada-mode .rcbInput, body.ada-mode input[id$="QuickSearch_Input"] {
   min-height: 24px !important;
}
/* The combo's arrow/action button must match the .rcbInput 24px min-height above,
   or the input renders TALLER than the button (visible on the MainEntry search
   combo). Size the button (and its inner content box) to the same 24px so the two
   halves of the combo line up. */
body.ada-mode .rcbActionButton {
   min-height: 24px !important;
   height: 24px !important;
   vertical-align: middle;
}
body.ada-mode .rsbButton.rsbButtonSearch, body.ada-mode button.rsbButtonSearch,
body.ada-mode button.close-flash-message, body.ada-mode .close-flash-message.close,
body.ada-mode a[id*="EDFacts"][id$="Tab"] {
   min-height: 24px !important;
   min-width: 24px !important;
}
/* RadButton skinned buttons (span.rbSkinnedButton wrapping input.rbDecorated:
   the action buttons on StudentListMassAdd / SuggestionBox) render ~21px tall via
   the Telerik skin. The clickable target is the wrapper span (inline-block) — grow
   it (and its inner decorated input) to the 24px minimum. */
body.ada-mode span.RadButton.rbSkinnedButton, body.ada-mode span.RadButton.rbSkinnedButton input.rbDecorated {
   min-height: 24px !important;
}
/* Prev/next/first/last student-navigation arrow links (Student.aspx ListSource=COE
   nav) render 14-18px; inline-block lets the 24px minimum take on the <a>. */
body.ada-mode a[id$="StudentLink"] {
   min-height: 24px !important;
   min-width: 24px !important;
   display: inline-block !important;
}
/* OR Stage-5 (2026-07-03): the "Add Multiple Services" QuickCheckBoxList (Telerik
   RadCheckBoxList in StudentServicesControl QuickEntryPanel) renders each service
   item as a bare <button> ~21px tall with NO role="checkbox", so the
   button[role="checkbox"] rule above misses it. Grow to the 24px minimum.
   State-agnostic (id-based) — helps every state with the Add-Multiple panel. */
button[id*="QuickCheckBoxList"] {
   min-height: 24px !important;
}

/* WCAG 1.4.11 Non-text Contrast — form-control & button boundaries >=3:1 against
   their background (full-coverage plan Phase 3, 2026-06-13). Telerik's default
   ~#e0dfdf borders render ~1.3:1 and fail; #767676 is ~4.5:1 on white and ~4.2:1
   on the light-blue field background. Buttons distinguished by a fill that already
   meets 3:1 are passed by the gate's fill check and unaffected here visually. */
body.ada-mode .riTextBox, body.ada-mode .rcbInput, body.ada-mode input:not([type="image"]):not([type="hidden"]), body.ada-mode select, body.ada-mode textarea,
body.ada-mode button:not([role="checkbox"]), body.ada-mode input[type="button"], body.ada-mode input[type="submit"], body.ada-mode input[type="reset"], body.ada-mode input.ruButton,
/* Lightweight RadButton (e.g. the StudentListMassAdd/SuggestionBox popup buttons
   forced to RenderMode=Lightweight) renders a real <button> with Telerik's faint
   #e0dfdf border; higher specificity than the bare button rule beats the vendor skin. */
body.ada-mode button.RadButton:not([role="checkbox"]), body.ada-mode button[class*="rbButton"]:not([role="checkbox"]) {
   /* #595959 is ~6:1 on white AND ~3.1:1 on the #c3c3c3 gray toolbars, so the
      boundary clears 3:1 regardless of which surface the control sits on. */
   border-color: #595959 !important;
}

/* WCAG 1.4.3 — Telerik radconfirm/RadWindow primary button (.rwOkBtn) ships white
   text on #25a0da = 2.94:1 (fails). Darken the blue so #fff clears 4.5:1 (~5:1 at
   #0F76A6) while keeping the white-on-blue primary-button look. Global — every
   confirm/alert OK button, e.g. the Resources delete-confirm dialog. */
button.rwOkBtn, .rwOkBtn {
   background-color: #0F76A6 !important;
   background-image: none !important;
}

/* 2.5.8 additions surfaced by MI's honest gate calibration (2026-06-30) —
   framework controls PA's suffix selectors didn't reach (all verified fixed):
   - WebSnapASP report config: <asp:TextBox ...DateTextBox> render ~20px; the
     <msedd:MButton ConfigButton Width=20> renders 24x10.
   - the session-message dismiss "x" (.close-session-message) renders 12x21. */
body.ada-mode input[id$="DateTextBox"] { min-height: 24px !important; }
body.ada-mode [id$="ConfigButton"] { min-height: 24px !important; min-width: 24px !important; }
body.ada-mode .close-session-message, body.ada-mode button.close-session-message {
   min-height: 24px !important; min-width: 24px !important;
}

/* WCAG 2.5.8 Target Size (Minimum) — interactive form controls to >=24x24px.
   Surfaced by the honest target-size gate (full-coverage plan, 2026-06-13).
   Inline text links (skip-nav, header account/sign-out, powered-by, in-grid
   "View COE") are exempt under the 2.5.8 inline/line-height exception and are
   carried in the per-state target-size allowlist; the controls below are genuine
   standalone targets enlarged to the 24px AA minimum. min-* is additive — it
   only grows controls already under 24px, so larger controls are unaffected. */
body.ada-mode .riTextBox,                         /* RadInput / RadDatePicker single-line inputs */
body.ada-mode input.ruButton, body.ada-mode .ruBrowse,          /* RadUpload Browse button */
body.ada-mode input[type="image"],                /* icon buttons (e.g. Advanced Search) */
body.ada-mode [id$="_ExpandButton"],              /* RadTabStrip / nested-view expand toggles */
body.ada-mode [id$="StudentSearchScopeMenuRoot"], /* student-scope segmented toggle */
body.ada-mode [id$="StudentSearchScopeMenuRoot"] > * {
   min-height: 24px;
}
body.ada-mode button[role="checkbox"], body.ada-mode span.RadButton[role="checkbox"] {
   min-height: 24px;
   min-width: 24px;
}
body.ada-mode input[type="image"], body.ada-mode [id$="_ExpandButton"] {
   min-width: 24px;
}
/* Date-picker text inputs and the Advanced Search icon button matched neither
   .riTextBox nor input[type=image] and Telerik sets an explicit 20px height, so
   target them by id-suffix with !important to clear the 24px AA minimum. */
body.ada-mode input[id$="DatePicker"], body.ada-mode input[id$="_dateInput"] {
   min-height: 24px !important;
}
body.ada-mode input[id$="AdvancedSearchButton"], body.ada-mode [id$="AdvancedSearchButton"] {
   min-height: 24px !important;
   min-width: 24px !important;
}

/* WCAG 1.4.11 Non-text Contrast — form-control & button boundaries >=3:1 against
   their background (full-coverage plan Phase 3, 2026-06-13). Telerik's default
   ~#e0dfdf borders render ~1.3:1 and fail; #767676 is ~4.5:1 on white and ~4.2:1
   on the light-blue field background. Buttons distinguished by a fill that already
   meets 3:1 are passed by the gate's fill check and unaffected here visually. */
body.ada-mode .riTextBox, body.ada-mode .rcbInput, body.ada-mode input:not([type="image"]):not([type="hidden"]), body.ada-mode select, body.ada-mode textarea,
body.ada-mode button:not([role="checkbox"]), body.ada-mode input[type="button"], body.ada-mode input[type="submit"], body.ada-mode input[type="reset"], body.ada-mode input.ruButton {
   /* #595959 is ~6:1 on white AND ~3.1:1 on the #c3c3c3 gray toolbars, so the
      boundary clears 3:1 regardless of which surface the control sits on. */
   border-color: #595959 !important;
}

/* RadTabStrip tabs need INSET indicators because Telerik's Metro skin clips
   anything outside the tab (overflow:hidden on the wrapper). Stacked inset
   box-shadows paint entirely within the tab boundary so they cannot be
   clipped by parent CSS. The black inner ring is visible against both the
   selected dark-blue (#046696) and the unselected light backgrounds; the
   white outer ring boosts contrast against either. Outline:none overrides
   the parent ":focus-visible" rule above for these elements. */
body.ada-mode a.rtsLink:focus-visible,
body.ada-mode [role="tab"]:focus-visible {
   outline: none !important;
   box-shadow: inset 0 0 0 3px #000, inset 0 0 0 6px #fff !important;
}

/* MainEntry: the search form (.singleContentDiv) sits flush against the results
   RadTabStrip, so the search controls crowd the tab bar. Add breathing room
   between exactly those two (adjacent-sibling scope keeps other tab strips /
   pages unaffected). */
.singleContentDiv + .RadTabStrip {
   margin-top: 12px;
}

/*below used for ADA mode on tabstrip and page selector*/
li.rtsSelected .rtsLink {
	background-color: #046696 !important;
}
a.rgCurrentPage {
	color: #000 !important;
}
/*session-message alerts at top of page*/
.session-message, .autoLogout-message, .unsaved-changes-message, .became-user-message {
   margin-bottom: 0 !important;
   border-radius: 0;
   text-align: center;
}
.session-message.alert button.close {
   margin-top: -5px;
}
/* WCAG 1.4.3 Contrast (Minimum) — Bootstrap's .close defaults to opacity: 0.2
   which makes the dismiss X render at ~1.6:1 on alert backgrounds. Scope the
   override to banner dismiss buttons only (leaving modal .close untouched). */
.session-message button.close,
.autoLogout-message button.close,
.unsaved-changes-message button.close,
.became-user-message button.close,
div.stickyTop div.alert button.close {
   opacity: 1;
   color: #000;
}
.session-message button.close:hover,
.session-message button.close:focus,
.autoLogout-message button.close:hover,
.autoLogout-message button.close:focus,
.unsaved-changes-message button.close:hover,
.unsaved-changes-message button.close:focus,
.became-user-message button.close:hover,
.became-user-message button.close:focus,
div.stickyTop div.alert button.close:hover,
div.stickyTop div.alert button.close:focus {
   opacity: 1;
   color: #000;
   text-decoration: underline;
}
/*sticky flash-messages alerts*/
div.stickyTop {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   background-color: #fff;
   z-index: 9000;
}
   div.stickyTop div.alert {
      margin-top: 6px;
   }
   div.stickyTop div.alert button.close {
      margin-top: -5px;
   }
/*prevents double check-box button in lists*/
.p-i-checkbox-checked::before, .p-i-checkbox::before {
   display: none !important;
}

/* RadCalendar Metro skin — hide the week-number column (and its header).
   It's informational-only for date pickers, contributes no value to user
   selecting a date, and previously failed AA contrast (#25a0de on white). */
.RadCalendar_Metro .rcRow th,
.RadCalendar_Metro .rcWeek .rcViewSel {
   display: none !important;
}

/* RadCalendar Metro skin — other-month days use #e5e5e5 on white (1.32:1).
   Bump to #767676 to meet AA (4.54:1). */
.RadCalendar_Metro .rcMain .rcOtherMonth a {
   color: #767676 !important;
}

/* RadCalendar Metro skin — navigation arrows (<<, <, >, >>) use #ccc on the
   white titlebar (~1.6:1). Darken to #444 (~9.7:1) for AA. */
.RadCalendar_Metro .rcTitlebar .rcPrev,
.RadCalendar_Metro .rcTitlebar .rcNext,
.RadCalendar_Metro .rcTitlebar .rcFastPrev,
.RadCalendar_Metro .rcTitlebar .rcFastNext {
   color: #444 !important;
}

/* RadWindow modal must layer above .stickyTop (z-index: 9000) so dialogs
   aren't blocked by the sticky alert bar. Both the dialog and its dim
   overlay need to clear that, or the bar shows through. */
div.RadWindow,
.rwOverlay {
   z-index: 10000 !important;
}

/* RadWindow Metro titlebar — #25a0da background with white text/icons fails
   AA contrast (2.94:1). Darken to #1976d2 (~4.7:1). Apply to titlebar, top
   corners, top-resize handle, and control buttons (Close, etc.). */
.RadWindow_Metro .rwTopLeft,
.RadWindow_Metro .rwTopRight,
.RadWindow_Metro .rwTitlebar,
.RadWindow_Metro .rwTopResize,
.RadWindow_Metro .rwControlButtons a {
   background-color: #1976d2 !important;
}
.RadWindow_Metro .rwControlButtons a {
   border-color: #1976d2 !important;
}

/* ─── MainEntry hamburger ("Actions") popup positioning ─────────────────
   The Actions menu in MainEntry grids is an MMenu (RadMenu) inside a
   GridTemplateColumn. It's declared with EnableEmbeddedSkins="false"
   and CssClass="Radmenu_Adhoc", expecting custom styling. The custom
   block at lines 1530-1580 above is entirely commented out, which leaves
   the submenu popup (.rmGroup / .rmPopup) with no positioning context —
   it falls back to position:static and renders INLINE inside the cell,
   expanding the row height and triggering the grid's vertical scrollbar.

   Force absolute positioning + high z-index so the popup overlays neighbouring
   rows instead of growing the cell. Both class-name cases are targeted because
   the aspx uses "Radmenu_Adhoc" (lower-case m) and the legacy/commented block
   used "RadMenu_Adhoc" (capital M); covering both avoids a future case-drift
   regression. Hits the .rm* descendants regardless of nesting depth. */
.Radmenu_Adhoc .rmGroup,
.Radmenu_Adhoc .rmPopup,
.RadMenu_Adhoc .rmGroup,
.RadMenu_Adhoc .rmPopup {
   position: absolute !important;
   z-index: 10000 !important;
   /* RadMenu flyouts have no native scrolling, so a user with many student
      lists gets a submenu taller than the viewport with items unreachable
      off-screen. Cap the height and let the popup scroll itself (it is already
      position:absolute, so it becomes its own scroll container). */
   max-height: 70vh;
   overflow-y: auto;
}

/* Each grid row's Actions menu is an independent RadMenu. When one is open its
   flyout overlaps the rows below — but z-index:10000 on the flyout only ranks it
   WITHIN its own menu's stacking context, not against the later rows' menu
   widgets, so the lower rows' hamburger items paint over the flyout. Lift the
   whole open menu's wrapper above its siblings, but only while it's open (hover
   or keyboard focus-within) — raising every wrapper permanently wouldn't help,
   since equal z-index still lets later-in-DOM rows win. */
.Radmenu_Adhoc:hover,
.Radmenu_Adhoc:focus-within,
.RadMenu_Adhoc:hover,
.RadMenu_Adhoc:focus-within {
   position: relative;
   z-index: 10001 !important;
}

/* The header "ad hoc" menu (built in code as "Radmenu_Adhoc selectColumn" in
   SetUpAdHocListFunctions) shares the Radmenu_Adhoc class, so the scroll rule
   and the wrapper-raise above both apply to it — yet its flyout still tucks
   under the data rows. Reason: it lives inside the grid's HEADER wrapper, which
   forms its own stacking context, so raising the menu wrapper only re-ranks it
   within the header and can't clear the separately-painted data area below.
   Lift the header wrapper itself while this menu is open. :has() reaches the
   ancestor from the menu's hover/focus state; scoped to .selectColumn so only
   the header menu (never a data-row menu) triggers it. */
.RadGrid th.rgHeader:has(.selectColumn:hover),
.RadGrid th.rgHeader:has(.selectColumn:focus-within),
.RadGrid .rgHeaderDiv:has(.selectColumn:hover),
.RadGrid .rgHeaderDiv:has(.selectColumn:focus-within) {
   position: relative;
   z-index: 10001 !important;
}

/* WCAG 1.4.3 — RadGrid PushButton command buttons (GridEditCommandColumn / GridButtonColumn
   ButtonType="PushButton", e.g. Users.aspx "Edit user"/"Edit role"/"Edit action"): the Metro skin
   renders white text on #25a0da = 2.94:1. Found 2026-08-29 by the PA page-coverage audit when
   Users.aspx's edit form was scanned for the first time. #1a75a3 = 5.1:1 with white (AA).
   ADA mode only; the LinkButton variant used by most grids is unaffected. */
body.ada-mode .RadGrid input[type="button"],
body.ada-mode .RadGrid input[type="submit"] {
   background-color: #1a75a3 !important;
   border-color: #1a75a3 !important;
   color: #fff !important;
}