/*
/////////////////////
// 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;
}

.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 — data tables are exempt from reflow, but they must never force
   the entire PAGE to scroll horizontally at any viewport width. Constrain
   RadGrid wrappers to their parent column and let them scroll internally.
   Lives outside the @media block so it covers 768-1199px (tablet/small laptop)
   where the page would otherwise force horizontal scrolling.

   !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. */
.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 any viewport width — 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. */
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;
}
.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. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
.RadButton:focus-visible,
span.RadButton:focus-visible,
button.RadButton:focus-visible {
   outline: 3px solid #000 !important;
   outline-offset: 2px !important;
   box-shadow: 0 0 0 5px #fff !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. */
span.RadButton.rbSkinnedButton:focus,
span.RadButton.rbSkinnedButton:focus-visible,
span.RadButton.rbSkinnedButton input.rbDecorated:focus,
span.RadButton.rbSkinnedButton input.rbDecorated:focus-visible {
   outline: 3px solid #000 !important;
   outline-offset: 2px !important;
   box-shadow: 0 0 0 5px #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. */
.riTextBox,                         /* RadInput / RadDatePicker single-line inputs */
input.ruButton, .ruBrowse,          /* RadUpload Browse button */
input[type="image"],                /* icon buttons (e.g. Advanced Search) */
[id$="_ExpandButton"],              /* RadTabStrip / nested-view expand toggles */
[id$="StudentSearchScopeMenuRoot"], /* student-scope segmented toggle */
[id$="StudentSearchScopeMenuRoot"] > *,
[id*="COESearchScopeMenu"],          /* COE-scope toggle div + root (MainEntry ShowCOEs) */
[id*="COESearchScopeMenu"] > * {
   min-height: 24px;
}
button[role="checkbox"], span.RadButton[role="checkbox"] {
   min-height: 24px;
   min-width: 24px;
}
input[type="image"], [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. */
input[id$="DatePicker"], input[id$="_dateInput"] {
   min-height: 24px !important;
}
input[id$="AdvancedSearchButton"], [id$="AdvancedSearchButton"] {
   min-height: 24px !important;
   min-width: 24px !important;
}
/* 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). */
input[id*="DatePicker"], input[id$="Picker"], .rcbInput, input[id$="QuickSearch_Input"] {
   min-height: 24px !important;
}
.rsbButton.rsbButtonSearch, button.rsbButtonSearch,
button.close-flash-message, .close-flash-message.close,
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. */
span.RadButton.rbSkinnedButton, 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>. */
a[id$="StudentLink"] {
   min-height: 24px !important;
   min-width: 24px !important;
   display: inline-block !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. */
.riTextBox, .rcbInput, input:not([type="image"]):not([type="hidden"]), select, textarea,
button:not([role="checkbox"]), input[type="button"], input[type="submit"], input[type="reset"], 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. */
button.RadButton:not([role="checkbox"]), 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;
}

/* 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. */
a.rtsLink:focus-visible,
[role="tab"]:focus-visible {
   outline: none !important;
   box-shadow: inset 0 0 0 3px #000, inset 0 0 0 6px #fff !important;
}

/*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;
}