.glbdarkcolor {
	BACKGROUND-COLOR: #000;
}

a:link, a:visited {
	text-decoration: underline;
}

.questionheader {
	BACKGROUND-COLOR: #cf142b;
}

#catalog_types:after {
  content: " ";
   display: block;
   clear: both;
}

#catalog_types {
  padding:  19px 0 0 0;
  background: white;
}

.started a:hover, input[type="button"]:hover, input[type="submit"]:hover, .landing .started a:hover, button:hover{
	color:#cf142b;
	border: 1px solid #cf142b;
}

#left2 {
	float:left;
	width:1096px;
	background-color:#fff;
	padding:19px;
	border-right:1px rgba(0, 0, 0, 0.1);
	margin-right:19px;
	-moz-box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.1);
}

/* hide contact tab until buy for others functionality is complete. */
.contact-tab {
    display: none !important;
}

#erpIdCollectionBlock, .paymentFooterText, .accountAffiliation, #payBalance {
  display: none !important;
}

/* this overrides width 1015px, which is too wide. */
.message-block {
        width: inherit;
/*      line-height: 32px; align text with icon image? */
}

.message-block img {
        /* prevent image from extending beyond edge of container */
        float: none;
}

/* define width of offering code on programs page to avoid different widths in different tables */
.OfferingCode, .showOfferingCode {
    width: 8em;
}

.forEachCatalogCaption {
  background: #cf142b !important;
}

ul.tabs li.current {
  border-bottom-color: #cf142b;
}

 /********************************************************************************************************/
 /* 5.3.1 branding */


 :root {
   --link-font-color: #11ADE4;
   --nav-background-color: #cf142b;
   --footer-background-color: #000000;
   --footer-link-color: #FFFFFF;
   --button-border-color: #cf142b;
   --button-background-color: #cf142b;
   --button-font-color: #FFF;
   --button-hover-font-color: #cf142b;
   --button-hover-background-color: #fff;
   --button-hover-border-color: #cf142b;
   --nav-link-font-color: #FFFFFF;
   --nav-link-hover-font-color: #FFFFFF;
   --mobile-nav-link-hover-font-color: #fff;
   --mobile-nav-link-font-color: #4d4d4d;
   --mobile-header-background-color: #4d4d4d;
   --enrollment-link-color: #10069f;
 }

 /* --- header ---*/
 /* make the anchor tag take up most of the space in the header, instead of a small area in upperleft */
 /* #headertarget h1 a {
   display: block;
   height: 90px;
   width: 900px;
 } */

 #headertarget ul {
     background-color: transparent;
     border: none;
 }

 /* set header background image */
 #headertarget {
     height: 91px;
     max-width: 1036px;
     background: #fff url(../images/header_landing3.jpg) no-repeat;
     margin: 0 auto;
 }

/* use mobile logo for header background on login-related pages, since they have no nav bar */
@media (max-width: 767.98px) {
	#headertarget.login-header {
		background: #000 url(../images/logo_mobile.png) no-repeat;
		background-position: center;
		background-size: auto 50px;
	}
}

 /* make the logo transparent, but do not hide it, so the link will still work */
 #headertarget div > a img, #headertarget > a img,
  #headertarget > img
  {
    opacity: 0;
  }

 /* --- navigation --- */
 /* background colors */

 .navbar {
   background-color: #000 !important;
 }

 .navbar-toggler:hover,
 .navbar-toggler:focus,
 .navbar .dropdown-menu,
 .navbar .dropdown-item
  {
     background-color: var(--nav-background-color) !important;
 }

 /* navigation links */
 /* .nav-link,
  .navbar .dropdown-item
   {
     	color: var(--nav-link-font-color) !important;
   } */
   .nav-link:hover,
    .navbar .dropdown-item:hover
     {
         color: var(--nav-link-hover-font-color) !important;
     }
   @media (max-width: 767.98px) {
 		.navbar .dropdown-item,
 		.nav-link {
 		    color: var(--mobile-nav-link-font-color) !important;
 		}
 	}

   /* mobile background */
   @media (max-width: 767.98px) {
       .navbar .dropdown-menu,
       .navbar .dropdown-item
        {
          background-color: transparent !important;
        }
        .nav-link:hover,
    .navbar .dropdown-item:hover
     {
         color: var(--mobile-nav-link-hover-font-color) !important;
     }
        .banner {
          background-color: var(--mobile-header-background-color)
        }
   }

   /* .navbar ul a:hover
 {
     text-decoration: underline !important;
 } */

 /* --- buttons --- */
 .started a, .checkout-link, input[type="button"], input[type="submit"], button {
   color: var(--button-font-color) !important;
   background-color: var(--button-background-color) !important;
 	border: 1px solid var(--button-border-color) !important;
 }

 .started a:hover, input[type="button"]:hover, input[type="submit"]:hover, .landing .started a:hover, button:hover,
 .started a:focus, input[type="button"]:focus, input[type="submit"]:focus, .landing .started a:focus, button:focus,
 .checkout-link:hover, .checkout-link:focus {
     color: var(--button-hover-font-color) !important;
     background-color: var(--button-hover-background-color) !important;
     border: 1px solid var(--button-hover-border-color) !important;
 }

 /* --- links --- */
 .aWithOnClick, a:link, a:visited {
 	color: var(--link-font-color);
 }

 a.enrollment, a.benefit  {
     color: var(--enrollment-link-color) !important;
 }

 /* --- footer --- */
 /* background color */
 #footer {
 background-color: var(--footer-background-color);
 }
 /* footer links */
 #footer ul li a {
 	color: var(--footer-link-color);
 }



 /*
  * for long menus, such as My Account, display overflow, when it extends beyond the container.
  * This can happen in firefox.
  * */
 .container {
     overflow-x: visible;
 }




 /* hide buy for others */
 .btn_section_buy_for_others, #sectionBuyForOthers {
   display: none;
 }

 /* hide fields on profile page */
 /*
 #profiletarget [id^="firstNameID"], #profiletarget [for^="firstNameID"],
 #profiletarget [id^="middleNameID"], #profiletarget [for^="middleNameID"],
 #profiletarget [id^="lastNameID"], #profiletarget [for^="lastNameID"],
 #profiletarget [id^="suffixNameID"], #profiletarget [for^="suffixNameID"],
 #profiletarget [id^="birthdateTextID"], #profiletarget [for^="birthdateTextID"],
 #profiletarget [id^="checkboxEthnicityTypeID_130"], #profiletarget [for^="checkboxEthnicityTypeID_130"],
 #profiletarget [data-i18n="localeDisplayDateFormat"],
 #profiletarget [data-target="#calendarModal"]
 */
 #profiletarget [id^="suffixNameID"], #profiletarget [for^="suffixNameID"],
 #profiletarget [id^="prefixNameID"], #profiletarget [for^="prefixNameID"]
  {
   display: none;
 }

/* other branding requests */
 a.enrollment {
 	text-decoration: underline;
 	white-space: nowrap;
 }

 /* increase font size of offering title, relative to description */
 #courseresults .desc-row h3 {
 	font-size: larger !important;
 }

 .recentViews,
 .relatedOfferings,
 .r-sections,
 .showOfferingName,
 .showSectionName
 {
	vertical-align: text-top !important;
}

/* allow vertical bars to separate non-dropdown nav items */
.nav-item {
	border-right: 1px solid #8695bb;
}
.nav-item:last-child {
    border-right: none;
}

/* since only one payment option, hide the options */
.payOptionsList  {
	display: none;
}

/* hide Skip All button on marketing code questions page */
.skipAllBtn {
        display: none;
}

/* center the Proceed button on the payment checkout page */
.proceedCheckoutBlock {
	display: flex;
	max-width: 100% !important;
	flex: 0 0 auto !important;
}
.proceedCheckoutBlock #continueNextButton {
	margin: 0 auto;
}

/* hide Add Contact button and some action items from affiliate registration page */
  #addContactBtn,
  #editContactsForm [id^=edit_],
  #editContactsForm [id^=createLogin_],
  #editContactsForm [id^=remove_]
 {
  display: none !important;
 }

 [data-i18n="gradesection-th-telephone"],
 [data-i18n="gradesection-th-studentname"]
  {
  white-space: nowrap;
 }