@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
/* left, center, right */
/*right, left*/
/*hsl(hue($link-color), saturation($link-color), 80%) !default;*/
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 1%;
  padding-right: 1%;
}

.container::after,
.body-container::after {
  display: block;
  clear: both;
  content: "";
}

/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 76%;
  }
  .has-secondary-col .col-secondary {
    width: 22%;
  }
  .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%;
  }
  .has-secondary-col.col-on-right .col-secondary {
    float: right;
  }
  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }
  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}

/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround 
 */
.search-container,
.auth-link-container {
  display: block;
}

@media (min-width: 769px) {
  .search-container,
  .auth-link-container {
    display: none;
  }
}

.search-container-sm,
.auth-link-container-sm {
  display: none !important;
}

@media (min-width: 769px) {
  .search-container-sm,
  .auth-link-container-sm {
    display: inline-block !important;
  }
}

/* Template Manager  - Reset styles to prevent section overlap */
.TemplateManagerArea .header-top-container,
.TemplateManagerArea .header-bottom-container,
.TemplateManagerArea .header-top-container #masterLogoArea,
.TemplateManagerArea .header-top-container .navbar-header {
  position: static;
  clear: both;
}

/* Theme family has primary nav within header-bottom-container so this 
   container's z-index needs to be changed for the same as the primary nav's.*/
.header-bottom-container {
  z-index: 1001 !important;
}

/* This applies to the area behind the header logo and auxiliary navigation */
#masterHeaderBackground,
.header {
  border-bottom: none;
}

.navbar-collapse {
  clear: both;
}

@media (max-width: 768px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -1%;
    margin-right: -1%;
  }
}

@media (min-width: 769px) {
  .navbar-collapse {
    clear: right;
  }
}

.header-logo-container {
  float: left;
  margin: 0.5em 0;
}

@media (max-width: 768px) {
  .header-social {
    display: none !important;
  }
}

.header-social a {
  text-decoration: none;
}

/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList {
  padding-left: 0;
  margin: 0;
  display: inline-block;
}

.NavigationListItem {
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
}

.NavigationLink {
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .ste-section {
    display: none !important;
  }
}

/* Main
   ========================================================================== */
#masterContentArea {
  margin-top: 10px;
}

/* This applies to the breadcrumb area */
.breadcrumb {
  float: none;
  display: inline;
  line-height: 33px;
}

/* Homepage Full Width areas */
.Wrapper-FullWidth #masterContentArea.container {
  max-width: 100%;
  padding: 1%;
}

.Wrapper-FullWidth #masterContentArea .container-inner,
.Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer {
  max-width: 100%;
  padding-left: 1%;
  padding-right: 1%;
  margin: 0 auto;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  padding: 50px 1%;
  min-height: 450px;
}

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-container {
  float: right;
}

.obo-panel {
  line-height: 2.4em;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.obo-panel.on {
  padding-left: 2em;
  padding-right: 2em;
}

.account-menu .obo-panel {
  /* within the account area dropdown make the padding match the other items*/
  padding: 3px 10px;
}

.obo-label,
.obo-actions {
  display: inline-block;
}

.obo-label {
  font-weight: bold;
}

.obo-label span:after {
  content: ':';
}

/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
  margin: .5em 0;
}

.backToTop {
  display: block;
  font-size: 0px;
  color: transparent;
  bottom: 50px;
  position: fixed;
  right: 25px;
  z-index: 1;
  background: transparent url("images/ThemeIconsSprite.png") 3px 0 no-repeat !important;
  width: 48px;
  height: 48px;
}

@media (max-width: 991px) {
  .backToTop {
    display: none;
  }
}

/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/ 
 */
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.footer {
  display: table-row;
  height: 1px;
}

@media (min-width: 769px) {
  .footer-social {
    text-align: left;
  }
}

@media (min-width: 769px) {
  .footer-promo-container {
    text-align: right;
  }
}

.footer-promo-container .promo {
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding-bottom: 0 !important;
}

.footer-promo-container .promo .TextButton {
  background: #ffffff !important;
  color: #000000;
}

.footer-content-section {
  padding: 0 25px 0 1em !important;
}

.footer-content-section h2 {
  font-size: 110%;
}

.footer-nav-copyright {
  padding-top: 0 !important;
}

.HelperText {
  color: #002d74;
}

.EasyEditOn .EasyEditContent:hover,
.EasyEditOn .WebPartZoneDesignTime:hover {
  background: none;
}

/* ==========================================================================
   Great Barrier Reef Skin Specific Styles
   ========================================================================== */
h1, h1.panel-title {
  position: relative;
  display: table;
}

h1:after, h1.panel-title:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0.35em auto 0 auto;
  border-bottom: 3px solid #d05f27;
}

.Wrapper-HomePage h2.panel-title {
  color: #002d74;
  display: table;
}

.Wrapper-HomePage h2.panel-title:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0.35em auto 0 auto;
  border-bottom: 3px solid #d05f27;
}

.Wrapper-HomePage {
  /* Arrow shaped containers for nice browsers only. */
}

.Wrapper-HomePage .videoplayer-ipart-wrapper {
  padding-top: 0;
}

@media (min-width: 769px) {
  .Wrapper-HomePage .videoplayer-ipart-container {
    max-height: 500px;
  }
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 {
  background: #222122 url(images/FullWidthArea_Bg2.jpg) center top no-repeat;
  color: #fff;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 {
  color: #fff;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2:before {
  content: '';
  display: block;
  float: left;
  margin: 0 1em 0 0;
  width: 90px;
  height: 90px;
  background: transparent url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important;
}

.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 strong {
  font-size: 250%;
  display: block;
  padding-bottom: 1em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg5 {
  background: #eeeeee;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 {
  background: #222122 url(images/FullWidthArea_Bg4.jpg) center top no-repeat;
  color: #fff;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  padding: 1.4em 1%;
  line-height: 1.5;
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote {
  font-size: 250%;
}

@media (min-width: 769px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote {
    width: 45%;
  }
}

.Wrapper-HomePage .FullWidthArea-StyleBg4 em {
  font-size: 50%;
  display: table;
  margin-top: 1em;
}

.Wrapper-HomePage .FullWidthArea-StyleBg1, .Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3, .Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  -webkit-clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%);
  clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%);
  margin: -60px 0 15px 0;
}

.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  margin: -60px 0 0 0;
  padding-bottom: 60px;
}

/* Rectangle shaped button, excluding Safari */
html:not(.t-safari) .btn, html:not(.t-safari) .TextButton {
  background: url(images/RectangleButton.svg#color-secondary-a) no-repeat top center !important;
  background-size: 100% 100% !important;
  padding: 0.3em 1.78em !important;
}

html:not(.t-safari) .TextButton.LinkedIn, html:not(.t-safari) .TextButton.Facebook {
  background-image: none !important;
  line-height: 1.3;
}

html:not(.t-safari) .TextButton.LinkedIn {
  background-color: #0077B5 !important;
}

html:not(.t-safari) .TextButton.Facebook {
  background-color: #3B5998 !important;
}

html:not(.t-safari) .PrimaryButton, html:not(.t-safari) .SaveAndClose, html:not(.t-safari) .SaveAs,
html:not(.t-safari) .UsePrimaryButton .TextButton,
html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage,
html:not(.t-safari) #masterHeaderActionArea a, html:not(.t-safari) .RadGrid input.PrimaryButton,
html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) .BigButtonPanelArea2 .btn,
html:not(.t-safari) .RadUpload .ruButton, html:not(.t-safari) .ruButton, html:not(.t-safari) .ruFileInput {
  background: url(images/RectangleButton.svg#color-secondary-a) no-repeat top center !important;
  background-size: 100% 100% !important;
  color: #ffffff !important;
}

/* Button styles for all browsers */
.btn, .TextButton, .ruButton {
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  margin: 0;
  -webkit-transform: scale(0.94);
          transform: scale(0.94);
}

@media screen and (prefers-reduced-motion: reduce) {
  .btn, .TextButton, .ruButton {
    -webkit-transition: none;
    transition: none;
  }
}

.btn:hover, .btn:focus, .TextButton:hover, .TextButton:focus, .ruButton:hover, .ruButton:focus {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* Button styles for Safari only */
html.t-safari .PrimaryButton, html.t-safari .SaveAndClose, html.t-safari .SaveAs,
html.t-safari .UsePrimaryButton .TextButton,
html.t-safari .UsePrimaryButton .TextButtonWithImage,
html.t-safari #masterHeaderActionArea a, html.t-safari .RadGrid input.PrimaryButton,
html.t-safari .Spotlight .TextButton, html.t-safari .BigButtonPanelArea2 .btn,
html.t-safari .RadUpload .ruButton, html.t-safari .ruButton, html.t-safari .ruFileInput {
  background-color: #316eb5 !important;
  color: #ffffff !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) {
  position: relative;
  padding: 1em 0.2em;
  margin: 1em 0 0 0;
  text-align: center;
  border-left: dotted 2px #c8c8c8;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu):before {
  content: '';
  display: block;
  width: 50%;
  height: 1em;
  border-bottom: dotted 2px #c8c8c8;
  border-right: dotted 2px #c8c8c8;
  position: absolute;
  left: 0px;
  top: -1em;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu):after {
  content: '';
  display: block;
  width: 50%;
  height: 1em;
  border-top: dotted 2px #c8c8c8;
  border-right: dotted 2px #c8c8c8;
  position: absolute;
  left: 0;
  bottom: -1em;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) li {
  display: inline-block;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .ButtonItem {
  display: inline-block;
  color: transparent !important;
  width: 45px;
  height: 45px;
  opacity: 0.5;
  margin: 0;
  padding: 0.3em 1.78em !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="PrintProfile"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -595px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Profile.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -380px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Duplicate_Merge.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -487px no-repeat !important;
}

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:hover, .BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) .btn:focus {
  opacity: 0.7;
}

.BigButtonPanelArea2 .btn {
  width: 90%;
  max-width: 16.6em;
}

@media (min-width: 769px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background: transparent url("images/ResponsiveHeaderSprite.png") 0 -102px no-repeat !important;
  }
}

@media (min-width: 769px) {
  .header-top-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1100;
  }
}

@media (min-width: 769px) {
  .header-bottom-container {
    background-color: rgba(208, 95, 39, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 555;
  }
}

@media (max-width: 768px) {
  .navbar {
    background-color: #002d74 !important;
  }
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
  text-transform: uppercase;
}

@media (min-width: 769px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink {
    border-top: 3px solid transparent;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:focus,
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
    border-top: 3px solid #002d74;
  }
}

.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI {
  border: none !important;
  color: #000;
}

.Spotlight .SectionLabel,
.Spotlight h4 {
  display: block;
  position: relative;
  padding: 1em 0 0.6em 0;
  border-left: solid 0px #002d74;
}

.Spotlight .SectionLabel:after,
.Spotlight h4:after {
  width: 100%;
}

.Spotlight .SectionLabel:before,
.Spotlight h4:before {
  content: '';
  display: block;
  width: 50%;
  height: 1em;
  border-bottom: solid 0px #002d74;
  border-right: solid 0px #002d74;
  position: absolute;
  left: 0px;
  top: -1em;
}

.Spotlight .SectionLabel:after,
.Spotlight h4:after {
  content: '';
  display: block;
  bottom: 0;
  width: 0%;
  margin: 0.35em auto 0 auto;
  border-bottom: 0px solid #3165b0;
}

.Spotlight {
  margin-bottom: 1.3em;
}

.Spotlight p {
  border-left: solid 0px #002d74;
  padding: 0.2em 1.3em;
  margin: -0.2em 0 0 0;
  position: relative;
}

.Spotlight p:after {
  content: '';
  display: block;
  width: 50%;
  height: 1em;
  border-top: solid 0px #002d74;
  border-right: solid 0px #002d74;
  position: absolute;
  left: 0;
  bottom: -1em;
}

.Spotlight a {
  text-decoration: none;
}

.Spotlight img {
  margin-bottom: 1em;
}

@media (min-width: 769px) {
  .TestimonialArea {
    width: 100%;
  }
}

.TestimonialArea img.TestimonialPersonPhoto {
  -o-object-fit: cover;
     object-fit: cover;
  width: 150px;
  height: 150px !important;
  border-radius: 50% 50%;
  margin: 0 auto;
  display: block;
}

.TestimonialArea blockquote:before {
  content: '';
  display: block;
  position: absolute;
  width: 10%;
  height: 7.1em;
  top: -7.1em;
  right: 20%;
  border-top: 2px dotted #c8c8c8;
  border-right: 2px dotted #c8c8c8;
}

.TestimonialArea blockquote {
  background: #fff;
  position: relative;
  color: #0d0d0d;
  padding: 20px 3%;
  margin: 25px auto 0 auto;
  text-align: center;
}

.TestimonialArea blockquote em {
  display: block;
  margin-top: 1em;
}

@media (min-width: 769px) {
  .UpcomingEventsHome ul.RelatedItemsHorizontal li,
  .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li {
    width: 225px;
    height: auto;
    margin: 0.6em 2%;
  }
  .UpcomingEventsHome a.ImageLink img {
    width: 225px !important;
    height: auto !important;
    display: block;
  }
}

.UpcomingEventsHome a.LabelLink {
  text-decoration: none;
  font-weight: bold;
  color: #0d0d0d;
  line-break: normal;
}

.ProgressTracker2 {
  text-align: center;
}

.ProgressTracker2 .ProgressTrackerPanel .label, .ProgressTracker2 .ProgressTrackerPanel a {
  color: #fff;
}

.ProgressTracker2 .SuccessfulMessage {
  width: 95%;
  margin: 0 auto;
  background-color: #d05f27 !important;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.ProgressTracker2 .ProgressBar {
  border-radius: 0;
  background-color: #006644 !important;
  height: 1.7em;
}

.ProgressTracker2 .ProgressBar span {
  background-color: #d05f27 !important;
  border-radius: 0;
}

.ProgressTracker2 div p {
  color: #000 !important;
}

.Wrapper-HomePage .ProgressTracker2 .ProgressTrackerPanel {
  background-color: transparent;
}

.Wrapper-HomePage .ProgressTracker2 .inset {
  text-align: left;
  font-size: 125%;
}

.Wrapper-HomePage .ProgressTracker2 span.count {
  color: #fff;
}

.Wrapper-HomePage .ProgressTracker2 span.count:before {
  content: '';
  display: block;
  float: left;
  margin: 0 1em 0 0;
  width: 90px;
  height: 90px;
  background: transparent url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important;
}

.Wrapper-HomePage .ProgressTracker2 span.count strong {
  font-size: 250%;
  display: block;
  padding-bottom: 1em;
}

@media (min-width: 769px) {
  .header-search .search-field {
    width: 25px;
    height: 31px;
    -webkit-transition: width;
    transition: width;
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
  }
}

@media screen and (min-width: 769px) and (prefers-reduced-motion: reduce) {
  .header-search .search-field {
    -webkit-transition: none;
    transition: none;
  }
}

@media (min-width: 769px) {
  .header-search .search-field:hover {
    cursor: pointer;
    background-color: #fff;
  }
  .header-search .search-field:focus {
    width: 200px;
  }
}

a.ste-toggle, a.ste-toggle:hover, a.ste-toggle:focus,
.obo-toggle, .obo-toggle:hover, .obo-toggle:focus,
.batch-toggle, .batch-toggle:hover, .batch-toggle:focus,
.transaction-date-toggle, .transaction-date-toggle:hover, .transaction-date-toggle:focus,
.page-statistics-toggle, .page-statistics-toggle:hover, .page-statistics-toggle:focus {
  border-radius: 0;
}

/* Search Results */
.SearchResultSummary .ListItemTitle a {
  background: none !important;
}

/* RadStrip Tabs */
.RadTabStrip_MetroTouch {
  letter-spacing: 1px;
  text-transform: uppercase;
}

.RadTabStrip_MetroTouch.RadTabStrip,
.RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL {
  background-color: #002d74;
}

.RadTabStrip_MetroTouch.RadTabStripTop {
  padding: 0.7em 0.7em 0 0.7em !important;
}

.RadTabStrip_MetroTouch.RadTabStripBottom {
  padding: 0 0.7em 0.7em 0.7em !important;
}

@media (max-width: 768px) {
  .RadTabStrip_MetroTouch .rtsLevel, .RadTabStrip_MetroTouch .rtsUL {
    float: none;
    display: block;
    width: 100%;
  }
  .RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL {
    padding: 0.7em 0.7em 0 0.7em !important;
  }
}

@media (min-width: 769px) {
  .RadTabStrip_MetroTouch.RadTabStripLeft {
    z-index: 1;
    margin-right: -1px;
  }
  .RadTabStrip_MetroTouch.RadTabStripLeft .rtsUL {
    padding: 0.7em 0 0.7em 0.7em !important;
  }
  .RadTabStrip_MetroTouch.RadTabStripRight {
    z-index: 1;
    margin-left: -1px;
  }
  .RadTabStrip_MetroTouch.RadTabStripRight .rtsUL {
    padding: 0.7em 0.7em 0.7em 0 !important;
  }
}

.RadTabStrip_MetroTouch .rtsLink {
  color: #fff !important;
  border-width: 0 !important;
}

.RadTabStrip_MetroTouch .rtsLink .tab-step-number {
  color: #fff;
  background-color: #333333;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
  background-color: #d05f27 !important;
  border-color: #d05f27 !important;
  color: #ffffff !important;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected .tab-step-number {
  color: #0d0d0d;
  background-color: #cccccc;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
  background-color: #002d74 !important;
  border-color: #002d74 !important;
}

.RadTabStripTop_MetroTouch .rtsLevel1 {
  border-bottom: none !important;
}

h2, .h2, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle,
.panel-heading.Distinguish {
  border: none !important;
}

.CalloutPart2 {
  background-color: #f3f4f7;
}

.CalloutPart2 .SectionLabel:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0;
  border-bottom: 2px solid #d05f27;
}

.AccountMiniProfile {
  text-align: center;
}

.AccountMiniProfile .PanelField:not(.Left) .PanelFieldValue,
.AccountMiniProfile .PanelField:not(.Left) .Label {
  width: 100% !important;
  text-align: center;
}

.AsiInformation, .AsiSuccess, .AsiWarning,
.AsiError, .AsiValidation, .AsiValidationSummary,
.AsiNeutral {
  border: none;
}

.SelectedItem a, .ProxyPanelContact a {
  color: #fff !important;
}

/* .InternalHeaderArea .carousel-inner {
  -webkit-filter: blur(5px);
  filter: blur(5px);
} REMOVE BLUR */

.CommunityLinksBlock a.CommunityLinksSelected {
  color: #000 !important;
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: #0c0c0c;
}

a, .Link {
  color: #d05f27;
  font-style: italic;
  text-decoration: underline;
}

a:visited, .Link:visited {
  color: #316eb5;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active {
  color: #002d74;
  text-decoration: underline ;
}

a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited {
  color: #999999 ;
  font-style: italic;
  text-decoration: underline ;
}

.RadGrid a, .RadToolTip a, .k-grid a {
  color: #d05f27  !important;
  font-style: italic;
  text-decoration: underline;
}

.RadGrid a:visited, .RadToolTip a:visited, .k-grid a:visited {
  color: #316eb5  !important;
}

.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active, .k-grid a:hover, .k-grid a:focus, .k-grid a:active {
  color: #d05f27  !important;
  text-decoration: underline  !important;
}

.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadGrid a:disabled, .RadGrid a:disabled:hover, .RadGrid a:disabled:focus, .RadGrid a:disabled:active, .RadGrid a:disabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited, .RadToolTip a:disabled, .RadToolTip a:disabled:hover, .RadToolTip a:disabled:focus, .RadToolTip a:disabled:active, .RadToolTip a:disabled:visited, .k-grid a.aspNetDisabled, .k-grid a.aspNetDisabled:hover, .k-grid a.aspNetDisabled:focus, .k-grid a.aspNetDisabled:active, .k-grid a.aspNetDisabled:visited, .k-grid a:disabled, .k-grid a:disabled:hover, .k-grid a:disabled:focus, .k-grid a:disabled:active, .k-grid a:disabled:visited {
  color: #999999  !important;
  font-style: italic;
  text-decoration: underline  !important;
}

.RadGrid a.TextButton {
  color: #fff !important;
  text-decoration: none !important;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

h1, .h1, .PageTitle,
h2, .h2, .PanelTitle {
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: 900; 
  text-transform: uppercase;
  color: #002d74;
}

h1, .h1, .PageTitle {
  font-size: 140%;
  color: #002d74;
  margin-top: 2rem;
  margin-bottom: 1.5rem;  
  text-transform: uppercase;
  line-height: 1em;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #002d74;
  padding: 20px;
  margin: 2rem 0 1.5rem; 
  text-transform: uppercase;
  line-height: 1em;
}

h2, .h2, .PanelTitle {
  line-height: 1em;
  font-size: 112.5%; 
  text-transform: uppercase;
  margin: 2rem 0 1.5rem;
}

h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish,
.TitleBarCaption, div.PanelTitle {
  min-height: 0;
  border-bottom-style: solid; 
  text-transform: uppercase;
}

h3 {
	text-transform: normal;
	color: #002d74;
	font-size: 110%;
	margin: 1.5rem 0 1rem;
	font-weight: 900; 
}

h4, .SectionLabel, h5 {
  margin: 1rem 0 1rem; 
  text-transform: normal;
  font-weight: 900; 
}

h4, .h4, .SectionLabel {
  color: #002d74; 
  text-transform: normal;
  font-size: 105%;
}

h5, .h5 {
  color: #002d74; 
  text-transform: normal;
  font-size: 100%;
}

h6, .h6 {
  color: #d05f27;
  font-size: 85%;
  margin: 0; 
  text-transform: uppercase;
  font-weight: 900; 
}

hr {
  margin-left: 0;
  margin-right: 0;
  border-width: 3px 0 0 0;
  border-style: solid;
  border-color: #d05f27;
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: #ddd;
}

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: .6em;
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064cd;
}

/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #212121;
}

/**
      * This automatically resizes images when they're too large to fit in their container. 
      * It may override any user-defined width/height on images. If the behavior is unwanted, 
      * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
      * apply as desired.
      */
img {
  max-width: 100%;
  height: auto !important;
}

/**
      * Sometimes images should not be resized. This class can be used as a wrapper or directly
      * on the image to avoid the resizing.
      */
img.ImgNoResize, .ImgNoResize img {
  max-width: none;
}

/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
  margin-bottom: 20px;
}

/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
  background-color: #ffdd6f;
}

#masterHeaderBackground,
.header {
  border-bottom: 5px solid #d05f27;
}

/* Universal search control */
.search-field {
  background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -16px;
  padding-left: 28px !important;
  color: #777;
  border-color: #CCC;
}

.header-search .TextButton {
  display: none;
}

/* header logo */
#masterHeaderImage {
  background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}

@media (min-width: 769px) {
  #masterHeaderImage {
    background-position: 0 -47px;
    width: 120px;
  }
}

#masterDonorHeaderImage {
  background-image: url("images/DonorHeaderLogo.png");
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}

@media (min-width: 769px) {
  #masterDonorHeaderImage {
    width: 169px;
  }
}

/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
  display: block;
  text-align: center;
}

/* On Behalf Of with target set */
.ProxyPanelContact {
  background-color: #002d74;
}

.ProxyPanelContact, .ProxyPanelContact .obo-label {
  color: #fff;
}

.ProxyPanelContact a {
  color: #9f66ff;
}

/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.SubNavPanelHead {
  background-color: #f3f4f7;
  color: #0c0c0c;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: 700;
}

.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd;
  height: 1px;
  padding: 0;
  margin: 0;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-nav-copyright {
  padding-top: 1em;
  padding-bottom: 0.35em;
  /* 1em - .65em (bottom margin on nav lis) */
}

.footer-content {
  padding-top: 1em;
}

.footer-content-section {
  padding: 0 0 1em;
}

.footer-nav-copyright::after {
  display: block;
  clear: both;
  content: "";
}

.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  float: left;
  margin: 0;
}

.footer-nav-copyright .footer-copyright {
  display: inline-block;
  margin: 0 1.5em .65em 0;
}

@media (max-width: 768px) {
  .footer-nav-copyright .footer-social-copyright {
    text-align: center;
  }
}

.footer-nav-copyright .footer-social-copyright .footer-social,
.footer-nav-copyright .footer-social-copyright .footer-copyright {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 769px) {
  .footer-nav-copyright .footer-social-copyright .footer-social {
    text-align: left;
  }
  .footer-nav-copyright .footer-social-copyright .footer-copyright {
    float: right;
    width: auto;
    clear: right;
  }
}

.footer-copyright p {
  margin-bottom: 0;
}

@media (min-width: 480px) {
  .footer-content-section {
    float: left;
    width: 50%;
  }
}

@media (min-width: 769px) {
  .footer .footer-social {
    width: 33.3333333333%;
  }
  .footer .footer-promo-container {
    width: 66.6666666667%;
  }
}

#masterFooterCopyright {
  clear: both;
}

.footer-content {
  background-color: #ffffff;
  color: #000;
  text-align: center;
}

.footer-content h2 {
  margin-top: 0;
  color: #000;
  border-bottom: none;
}

.footer-content a {
  color: #000;
}

.footer-social {
  padding-top: 15px;
}

.footer-social a {
  margin-right: .5em;
}

.footer-promo-container .promo {
  background-color: #ffffff;
  /* rgba fallback */
  background-color: rgba(255, 255, 255, 0);
  padding: 15px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.footer-promo-container .lead {
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: 700;
  margin-bottom: .25em;
  font-size: 130%;
  line-height: inherit;
}

@media (min-width: 769px) and (max-width: 991px) {
  .footer-promo-container .lead {
    font-size: 150%;
  }
}

@media (min-width: 992px) {
  .footer-promo-container .lead {
    font-size: 170%;
  }
}

.footer-promo-container .TextButton {
  background-color: #00e699;
  /* rgba fallback */
  background-color: rgba(0, 230, 153, 0.5);
  color: #fff;
}

.footer-promo-container .TextButton:hover {
  background-color: #00e699;
  /* rgba fallback */
  background-color: rgba(0, 230, 153, 0.8);
}

.footer-nav-copyright {
  background-color: #ffffff;
  color: #000;
}

.footer-nav-copyright a, .footer-nav-copyright a:visited {
  color: #000;
}

.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
  color: #d05f27;
}

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
  background-color: #ffffff;
  color: #000;
}

#ft h4 {
  color: #000;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: 700;
}

#masterFooterConnectWithUs {
  border-style: solid;
  border-color: rgba(221, 221, 221, 0);
  border-width: 0 1px;
}

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
  color: #000;
}

#masterFooterContent a:visited,
#masterFooterCopyright a:visited,
#masterFooterNavigation a:visited {
  color: #000;
}

#masterFooterContent a:hover, #masterFooterContent a:active,
#masterFooterCopyright a:hover,
#masterFooterCopyright a:active,
#masterFooterNavigation a:hover,
#masterFooterNavigation a:active {
  color: #d05f27;
}

#masterFooterCopyright {
  border-color: #fff;
  /* rgba fallback */
  border-top: 1px solid rgba(221, 221, 221, 0);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
@media (min-width: 769px) {
  .primary-navigation-area .MegaDropDownMenuOuter {
    text-align: center;
  }
}

@media (min-width: 769px) {
  .header-bottom-container {
    background-color: rgba(208, 95, 39, 0.8);
    min-height: 55px;
  }
}

.navbar {
  min-height: 52px;
}

@media (max-width: 768px) {
  .navbar {
    background-color: rgba(208, 95, 39, 0.8);
  }
}

.navbar-collapse, .searchbar-collapse {
  background-color: rgba(208, 95, 39, 0.8);
}

@media (min-width: 769px) {
  .navbar-collapse, .searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: none;
    background: none;
  }
}

.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 8px 15px;
  text-align: center;
  background-color: rgba(0, 45, 116, 0.8);
}

/* Reset some Telerik defaults */
.RadMenu.RadMenu_NaturalHeritageSites {
  float: none;
  z-index: 1001 !important;
  position: relative;
}

.RadMenu.RadMenu_NaturalHeritageSites:focus {
  outline: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup, .RadMenu.RadMenu_NaturalHeritageSites .rmMultiColumn, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {
  border: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_NaturalHeritageSites .rmVertical .rmExpand:before, .RadMenu.RadMenu_NaturalHeritageSites .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_NaturalHeritageSites .rmBottomArrow .rmIcon:before {
  content: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmItem, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal > .rmItem, .RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rmLink {
  float: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmLink {
  padding: 0px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmToggle {
  width: auto;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmContent, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmContent {
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap, .RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap .rsmItem, .RadMenu.RadMenu_NaturalHeritageSites .RadSiteMap .rsmTwoLevels .rsmItem {
  font-size: inherit;
}

.RadMenu.RadMenu_NaturalHeritageSites ul {
  margin: 0;
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmItem, .RadMenu.RadMenu_NaturalHeritageSites .rsmItem {
  list-style: none;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > a, .RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > a {
  cursor: default;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmItem {
  width: auto;
  clear: both;
  text-align: left;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmHorizontal .rmText,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  padding: 8px 15px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuOuter > .rmText {
  /* when mega menus are on, don't add padding around the rmText */
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 20px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
  position: relative;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmItem {
  padding: 4px 15px;
  margin: 0;
  word-break: break-word;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink {
  padding: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmItem .rsmItem,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
  margin-right: 15px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLink {
  margin-bottom: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 4px;
}

@media (max-width: 480px) {
  .RadMenu.RadMenu_NaturalHeritageSites .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap {
  margin-bottom: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmThreeLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmThreeLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmTemplate {
  display: block;
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmOneLevel .rsmItem .rsmTemplate {
  white-space: nowrap;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmLink {
  text-decoration: none;
  font-style: normal;
  font-weight:900;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}

.RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmLink, .RadMenu.RadMenu_NaturalHeritageSites .rsmColumnWrap .rsmLevel1 .rsmTemplate {
  padding: 0;
  margin: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup .rmText {
  margin: 0;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #ffffff;
  background-color: #002d74;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #002d74;
  color: #ffffff;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmGroup {
  background-color: #002d74;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > .rmLink,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > .rsmLink {
  color: #fefefe;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > .rmLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmDisabled > .rmLink:active,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > .rsmLink:hover,
.RadMenu.RadMenu_NaturalHeritageSites .rsmDisabled > .rsmLink:active {
  background-color: #002d74;
  color: #fefefe;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {
  position: relative;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
  color: #ffffff;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-size: 120%;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmToggle .rmIcon, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 30px;
  margin-left: 30px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*2nd and 3rd level navigation (dropdown menus)*/
.RadMenu_NaturalHeritageSites .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmItem {
  float: none;
  display: block;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmText {
  float: none;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink {
  color: #f0cfbe;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-size: 114%;
  font-weight: normal;
  font-style: normal;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmSeparator,
.RadMenu_NaturalHeritageSites .rmSlide .rmVertical > .rmSeparator,
.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px solid #fff;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmSeparator, .RadMenu_NaturalHeritageSites .rmSlide .rmVertical > .rmSeparator {
  margin: 0 15px;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmFocused > .rmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rmSelected > .rmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmSelected > .rsmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: transparent;
  color: #ffffff; 
  font-weight: bold;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmLink:hover, .RadMenu_NaturalHeritageSites .rmSlide .rmLink:focus, .RadMenu_NaturalHeritageSites .rmSlide .rmLink.rmFocused,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rsmLink.rmFocused,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
  background-color: transparent;
  color: #ffffff; 
  font-weight: bold;
}

.RadMenu_NaturalHeritageSites .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
         * we want to indent the nav to give separation */
  margin-left: 0;
}

.RadMenu_NaturalHeritageSites .rmSlide .rmExpandRight, .RadMenu_NaturalHeritageSites .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 110% -200px;
  background-repeat: no-repeat;
}

.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenu {
  padding-top: 4px;
  padding-bottom: 4px;
}

.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem {
  margin-bottom: .5em;
}

.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.RadMenu_NaturalHeritageSites .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  text-transform: uppercase;
  color: #f0cfbe;
  font-weight: bold;
  letter-spacing: 1px;
}

.RadMenu_NaturalHeritageSites .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}

@media (max-width: 768px) {
  .RadMenu_NaturalHeritageSites .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_NaturalHeritageSites .rmSlide ul.rmVertical, .RadMenu_NaturalHeritageSites .rmSlide ul.rmHorizontal, .RadMenu_NaturalHeritageSites .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_NaturalHeritageSites .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 0px;
  }
  .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }
  .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_NaturalHeritageSites .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}

@media (min-width: 769px) {
  .RadMenu.RadMenu_NaturalHeritageSites {
    /* Make sure mega menus with two levels are an adequate width */
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup {
    width: auto;
    display: inline-block;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rmToggle, .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .rsmTwoLevels {
    /*Standard Width*/
    min-width: 190px !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth10 {
    /*minimum width for more than menu items with 10-13 chars*/
    min-width: 210px !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth10 .rsmLink {
    width: 130px;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth14 {
    /*minimum width for more than menu items with 14-17 chars*/
    min-width: 280px !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth14 .rsmLink {
    width: 150px;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth18 {
    /*minimum width for more than menu items with 18-21 chars*/
    min-width: 350px !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth18 .rsmLink {
    width: 185px;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth22 {
    /*minimum width for more than menu items with 22+ chars*/
    min-width: 450px !important;
  }
  .RadMenu.RadMenu_NaturalHeritageSites .LargerWidth22 .rsmLink {
    width: 225px;
  }
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_NaturalHeritageSites {
  white-space: normal;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtLI,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtTop,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtMid,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtBot {
  padding: 0;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtIn {
  font-weight: bold;
  display: block;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtHover .rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_NaturalHeritageSites .child-is-selected.rtIn {
  background-color: transparent;
  color: #002d74;
  font-weight: bold !important;
  font-style: normal;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_NaturalHeritageSites .rtSelected > a.rtIn:focus {
  background-color: transparent;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtUL .rtUL {
  padding-left: 15px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px solid #ddd;
}

.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI:first-child {
  border-top: none;
}

.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}

.RadTreeView.RadTreeView_NaturalHeritageSites .rtSp,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtPlus,
.RadTreeView.RadTreeView_NaturalHeritageSites .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}

.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn {
  color: #000;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
}

@media screen and (prefers-reduced-motion: reduce) {
  .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn {
    -webkit-transition: none;
    transition: none;
  }
}

.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:hover, .RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:focus {
  background-color: #fff;
  color: #d05f27;
}

.RadTreeView.RadTreeView_NaturalHeritageSites a.rtIn:active {
  background-color: #fff;
}

.child-is-selected-wrapper {
  background-color: #fff;
  color: #d05f27;
}

.nav-secondary {
  background-color: transparent;
  margin-bottom: 1em;
}

.nav-secondary .sub-nav-head {
  background-color: rgba(0, 45, 116, 1);
  color: #ffffff;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
  text-transform: uppercase;
}

.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: transparent;
}

.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
  color: #000;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
}

@media (max-width:950px) {
	.navbar-header {
		max-width: 400px;
		text-align: right;
}
}
/* TO DO: fix padding right and line spacing when aux-nav wraps */


.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-style: normal;
  text-decoration: none;
}

.navbar-header a:hover,
.navbar-header a:focus {
	text-decoration: underline;
}

.navbar-toggle {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: transparent;
  border-radius: 0px;
}

.navbar-toggle.collapsed {
  background-color: rgba(255, 255, 255, 0.8);
}

.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #fff;
}

.navbar-toggle .icon-bar {
  background-color: rgba(208, 95, 39, 0.8);
}

.header-container .nav-auxiliary .TextButton,
.header-container .nav-auxiliary .navbar-toggle {
  margin-left: 10px;
}

.header-container .nav-auxiliary .UtilityAuthentication a {
  color: #fff;
  font-size: 107%;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  padding-top: 2px;
}

.header-container .nav-auxiliary .UtilityAuthentication a:hover, .header-container .nav-auxiliary .UtilityAuthentication a:focus {
  text-decoration: underline;
}

.header-container .nav-auxiliary .UtilityTranslation select {
  height: 32px;
  margin-right: 10px;
}

@media (min-width: 769px) {
  .header-container .nav-auxiliary .NavigationListItem,
  .header-container .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
  }
}

@media (max-width: 768px) {
  .header-container .nav-auxiliary {
    margin-top: 5px;
  }
}

.header-container .nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 8px;
}

/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: '(';
}

.cartCenter span:after {
  content: ')';
}

/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
  padding: 5px;
}

.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}

.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: transparent url("images/ResponsiveHeaderSprite.png") 0 -22px no-repeat;
  width: 22px;
  height: 19px;
  margin: 0;
  /* this makes it line up properly with the hamburger */
}

/* Auxiliary button links
   ========================================================================== */
/* All navigation links except buttons (menu toggle, search toggle, dropdowns, etc) */
.nav-auxiliary .nav-aux-button {
  /* Cart Item Flag indicating how many items are in your cart */
}

.nav-auxiliary .nav-aux-button.NavigationListItem {
  position: relative;
  /* required for cart indicator placement */
  display: inline-block;
}

.nav-auxiliary .nav-aux-button .NavigationLink {
  margin-left: 10px;
  padding: 5px;
  margin-top: 3.5px;
  margin-bottom: 3.5px;
  border: 1px solid transparent;
  border-radius: 0px;
  background-color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 769px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    background-color: rgba(255, 255, 255, 0.8);
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #fff;
  }
}

.nav-auxiliary .nav-aux-button .nav-text {
  display: inline-block;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  line-height: 1.4;
  width: 22px;
  height: 19px;
  padding: 0 0 0 22px;
  color: #fff;
}

.nav-auxiliary .nav-aux-button a:hover .nav-text, .nav-auxiliary .nav-aux-button a:focus .nav-text {
  text-decoration: underline;
}

@media (min-width: 769px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
    background: none;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    width: auto;
  }
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 2px -75px no-repeat;
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 2px -125px no-repeat;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
  /* left postion is padding plus placement */
  position: absolute;
  top: 1px;
  left: 7.5px;
  text-align: center;
  line-height: 1;
  width: 1.6em;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
  color: #ffffff;
  background-color: #d05f27;
  border-radius: 2px;
  font-size: 78%;
  line-height: 1;
  padding: 0 2px 1px;
  -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
          box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 768px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 7.5px;
    /*($navbar-padding-horizontal + 9 + 5)*/
    top: 2px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #d05f27;
    color: #ffffff;
  }
}

.UtilityAccountArea {
  float: left;
  margin-top: 4px;
  margin-left: 10px;
}

.UtilityAccountArea .account-toggle .nav-text {
  vertical-align: middle;
}

.UtilityNavigation .account-menu > li > a,
.UtilityNavigation .account-menu > li > a:hover,
.UtilityNavigation .account-menu > li > a:visited,
.UtilityNavigation .account-menu > li > a:active {
  color: #fff;
}

.account-menu .profile-picture-wrapper img {
  border-radius: 0;
  width: 31px;
}

@media (max-width: 768px) {
  .account-menu {
    margin-top: -8px;
  }
}

a.ste-toggle,
.obo-toggle,
.batch-toggle,
.transaction-date-toggle,
.page-statistics-toggle {
  background-color: rgba(255, 255, 255, 0.9);
  width: 34px;
  height: 31px;
  margin-right: 5px;
}

@media (min-width: 769px) {
  .obo-toggle {
    margin-top: 2px;
  }
}

a.ste-toggle:focus, a.ste-toggle:hover,
.obo-toggle:focus, .obo-toggle:hover,
.batch-toggle:focus, .batch-toggle:hover,
.transaction-date-toggle:focus, .transaction-date-toggle:hover,
.page-statistics-toggle:focus, .page-statistics-toggle:hover {
  background-color: white;
}

.obo-toggle.on,
.ste-toggle.on,
.batch-toggle.on,
.transaction-date-toggle.on,
.page-statistics-toggle.on {
  background-color: #0d0d0d;
}

.OnBehalfOfContainer {
  width: 100%;
}

.search-container-sm {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
}

.header-search {
  padding: 8px 15px;
  /* Search field is used as toggle button *and* field on larger devices */
}

.header-search > .header-search {
  padding: 0;
  /* don't double the padding */
}

.header-search .search-field {
  height: 31px;
}

@media (max-width: 768px) {
  .header-search .search-field {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .header-search .search-field {
    padding: 0 0 0 7px;
    padding-left: 34px !important;
    background-position: 7px -17px !important;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
  }
  .header-search .search-field:focus {
    background-color: #fff;
  }
}

/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 768px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .searchbar-collapse {
    margin-top: 10px;
    width: 100%;
  }
  .searchbar-collapse .header-search {
    padding: 8px 8px 10px 10px;
  }
  .header-container .UtilityNavigation.nav-auxiliary {
    text-align: right;
  }
}

/* ==========================================================================
       ON BEHALF OF ICONS
       ========================================================================== */
.obo-action {
  background-image: url("images/OboSprite.png");
}

.obo-action.obo-change-contact, .obo-action.obo-change-contact[disabled]:hover, .obo-action.obo-change-contact.Disabled:hover, .obo-action.obo-change-contact.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-change-contact {
  background-position: 0px 0;
}

.obo-action.obo-change-contact:hover, .obo-action.obo-change-contact:focus, a:hover .obo-action.obo-change-contact, a:focus .obo-action.obo-change-contact {
  background-position: 0px -35px;
}

.obo-action.obo-clear, .obo-action.obo-clear[disabled]:hover, .obo-action.obo-clear.Disabled:hover, .obo-action.obo-clear.aspNetDisabled:hover, a.aspNetDisabled:hover .obo-action.obo-clear {
  background-position: -35px 0;
}

.obo-action.obo-clear:hover, .obo-action.obo-clear:focus, a:hover .obo-action.obo-clear, a:focus .obo-action.obo-clear {
  background-position: -35px -35px;
}

/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  opacity: .70;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .SocialSprite {
    -webkit-transition: none;
    transition: none;
  }
}

.SocialSprite.LargeButtons {
  width: 32px;
  height: 32px;
}

.SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
  opacity: 1;
}

.SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon {
  background-position: 0 0;
  background-color: #3B5998;
}

.SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons {
  background-position: 0 -80px;
}

.SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon {
  background-position: -40px 0;
  background-color: #00a0d1;
}

.SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons {
  background-position: -40px -80px;
}

.SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon {
  background-position: -80px 0;
  background-color: #0077B5;
}

.SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons {
  background-position: -80px -80px;
}

.SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon {
  background-position: -120px 0;
  background-color: #c4302b;
}

.SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons {
  background-position: -120px -80px;
}

.SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon {
  background-position: -160px 0;
  background-color: #0a629a;
}

.SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons {
  background-position: -160px -80px;
}

.SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon {
  background-position: -200px 0;
  background-color: #0a629a;
}

.SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons {
  background-position: -200px -80px;
}

.SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon {
  background-position: -240px 0;
  background-color: #db4a39;
}

.SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons {
  background-position: -240px -80px;
}

.SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon {
  background-position: -280px 0;
  background-color: #00aff0;
}

.SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons {
  background-position: -280px -80px;
}

.SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:hover, a:hover .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:focus, a:focus .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:active, a:active .SocialSprite.InstagramIcon {
  background-position: -360px 0;
  background-color: #e1306c;
}

.SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:hover, a:hover .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:focus, a:focus .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:active, a:active .SocialSprite.InstagramIcon.LargeButtons {
  background-position: -360px -80px;
}

.SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:hover, a:hover .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:focus, a:focus .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:active, a:active .SocialSprite.SnapchatIcon {
  background-position: -400px 0;
  background-color: #fffc00;
}

.SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:hover, a:hover .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:focus, a:focus .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:active, a:active .SocialSprite.SnapchatIcon.LargeButtons {
  background-position: -400px -80px;
}

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Open Sans", Helvetica Neue, sans-serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-fake { /* fix for Pay Central Tech Alert 360056205131*/
  display: inline-block;
  height: 37px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.8;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
}
.input-fake:focus-within { 
  border-color: #66afe9; 
  outline: 0; 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); 
} 

@media screen and (prefers-reduced-motion: reduce) {
  select,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"],
  .uneditable-input {
    -webkit-transition: none;
    transition: none;
  }
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder {
  color: #999999;
  opacity: 1;
}

select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .uneditable-input:-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}

select::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .uneditable-input::-ms-input-placeholder {
  color: #999999;
  opacity: 1;
}

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.uneditable-input::placeholder {
  color: #999999;
  opacity: 1;
}

/* RadComboBox needs the same styles as normal inputs, 
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
  color: #555555;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
  color: #555555;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner {
  height: 37px;
  padding: 0;
  font-size: 100%;
  line-height: 1.8;
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .RadComboBox.RadComboBox_MetroTouch .rcbInner {
    -webkit-transition: none;
    transition: none;
  }
}

.RadComboBox.RadComboBox_MetroTouch .rcbInputCell {
  padding: 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbFocused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.RadComboBox.RadComboBox_MetroTouch .rcbInput {
  height: 100%;
  padding: 5px 10px;
}

.RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput {
  /* Make sure the page size dropdown in the RadGrid has enough room to show page size */
  padding: 2px;
}

.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #999999;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 0px 0px 0;
}

.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
  height: 1.4em;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
  font: inherit;
}

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading {
  padding-top: 5px;
  padding-bottom: 5px;
}

.RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput {
  height: auto !important;
  /* IE11 */
}

.RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox, .RadInput .riTextBox {
  height: 37px;
  padding: 5px 10px;
  border-color: #ccc;
  font: inherit;
  color: #555555;
}

.RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus {
  border-color: #66afe9;
}

.RadUpload.RadUpload .ruFakeInput {
  height: 35px;
  padding: 0;
  border-radius: 0px;
}

/* RadEditor designed to look like a normal text box */
.HtmlEditorTextBoxStyle {
  border: 1px solid #ccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.HtmlEditorTextBoxStyle .reContent {
  border-radius: 0px;
}

.HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td {
  background-color: transparent;
}

/* RadPicker - Make sure there's some space between the picker and the time zone label*/
.RadPicker + .TimeZoneLabel {
  margin-left: .5em;
}

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 37px;
  border-radius: 0px;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, -webkit-box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s, -webkit-box-shadow linear 0.2s;
  background-image: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  .chosen-container-multi .chosen-choices {
    -webkit-transition: none;
    transition: none;
  }
}

.chosen-container-multi .chosen-choices li.search-field {
  /* Remove the styling used in the master page search-field */
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  padding-left: 0 !important;
}

.chosen-container-active .chosen-choices {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

textarea {
  height: auto;
}

select {
  border: 1px solid #ccc;
  background-color: #fff;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .btn,
  .TextButton,
  .TextButtonWithImage,
  .RadUpload .ruButton,
  .RadUploadProgressArea .ruButton {
    -webkit-transition: none;
    transition: none;
  }
}

.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus {
  outline: thin dotted #333;
  outline: 0px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited {
  color: #fff;
  text-decoration: none;
}

.btn:active, .btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn, .btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled],
fieldset[disabled]
.TextButton,
.TextButton.aspNetDisabled,
.TextButtonWithImage.disabled,
.TextButtonWithImage[disabled],
fieldset[disabled]
.TextButtonWithImage,
.TextButtonWithImage.aspNetDisabled,
.RadUpload .ruButton.disabled,
.RadUpload .ruButton[disabled],
fieldset[disabled]
.RadUpload .ruButton,
.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea .ruButton[disabled],
fieldset[disabled]
.RadUploadProgressArea .ruButton,
.RadUploadProgressArea .ruButton.aspNetDisabled {
  opacity: .55;
  -webkit-box-shadow: none;
          box-shadow: none;
}

a.TextButton.disabled,
a.TextButton[disabled],
fieldset[disabled] a.TextButton,
a.TextButton.aspNetDisabled {
  pointer-events: none;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: #fff;
  background-color: #0d0d0d;
  border-color: transparent;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton:visited {
  color: #fff;
  background-color: black;
  border-color: rgba(0, 0, 0, 0);
}

.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active {
  background-image: none;
}

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active,
.TextButton[disabled],
.TextButton[disabled]:hover,
.TextButton[disabled]:focus,
.TextButton[disabled]:active, fieldset[disabled]
.TextButton, fieldset[disabled]
.TextButton:hover, fieldset[disabled]
.TextButton:focus, fieldset[disabled]
.TextButton:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active, fieldset[disabled]
.TextButtonWithImage, fieldset[disabled]
.TextButtonWithImage:hover, fieldset[disabled]
.TextButtonWithImage:focus, fieldset[disabled]
.TextButtonWithImage:active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active, fieldset[disabled]
.ruButton, fieldset[disabled]
.ruButton:hover, fieldset[disabled]
.ruButton:focus, fieldset[disabled]
.ruButton:active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active, fieldset[disabled]
.RadGrid input.TextButton, fieldset[disabled]
.RadGrid input.TextButton:hover, fieldset[disabled]
.RadGrid input.TextButton:focus, fieldset[disabled]
.RadGrid input.TextButton:active,
.RadGrid input.TextButton.aspNetDisabled,
.RadGrid input.TextButton.aspNetDisabled:hover,
.RadGrid input.TextButton.aspNetDisabled:focus,
.RadGrid input.TextButton.aspNetDisabled:active {
  background-color: #0d0d0d;
  border-color: transparent;
}

/* some Telerik overrides */
.ruButton {
  background-color: #0d0d0d !important;
  color: #fff !important;
  cursor: pointer;
  border-radius: 0px !important;
}

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 5px 10px;
  line-height: 1.8;
  border-radius: 0px;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #ffffff;
  background-color: #316eb5;
  border-color: transparent;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  color: #ffffff;
  background-color: #316eb5;
  border-color: rgba(49, 110, 181, 0);
}

.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
}

.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active, fieldset[disabled]
.SaveAndClose, fieldset[disabled]
.SaveAndClose:hover, fieldset[disabled]
.SaveAndClose:focus, fieldset[disabled]
.SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active, fieldset[disabled]
.SaveAs, fieldset[disabled]
.SaveAs:hover, fieldset[disabled]
.SaveAs:focus, fieldset[disabled]
.SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButton, fieldset[disabled]
.UsePrimaryButton .TextButton:hover, fieldset[disabled]
.UsePrimaryButton .TextButton:focus, fieldset[disabled]
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled]
.RadGrid input.PrimaryButton, fieldset[disabled]
.RadGrid input.PrimaryButton:hover, fieldset[disabled]
.RadGrid input.PrimaryButton:focus, fieldset[disabled]
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  background-color: #316eb5;
  border-color: transparent;
}

/* Facebook sign in button */
.TextButton.Facebook {
  color: #fff;
  background-color: #3B5998;
  border-color: #2d4373;
}

.TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
  color: #fff;
  background-color: #30487b;
  border-color: #1c2a47;
}

.TextButton.Facebook:active {
  background-image: none;
}

.TextButton.Facebook[disabled], .TextButton.Facebook[disabled]:hover, .TextButton.Facebook[disabled]:focus, .TextButton.Facebook[disabled]:active, fieldset[disabled] .TextButton.Facebook, fieldset[disabled] .TextButton.Facebook:hover, fieldset[disabled] .TextButton.Facebook:focus, fieldset[disabled] .TextButton.Facebook:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active {
  background-color: #3B5998;
  border-color: #2d4373;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  color: #fff;
  background-color: #0077B5;
  border-color: #005582;
}

.SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
  color: #fff;
  background-color: #005c8c;
  border-color: #002d45;
}

.SignInButton.LinkedIn:active {
  background-image: none;
}

.SignInButton.LinkedIn[disabled], .SignInButton.LinkedIn[disabled]:hover, .SignInButton.LinkedIn[disabled]:focus, .SignInButton.LinkedIn[disabled]:active, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
  background-color: #0077B5;
  border-color: #005582;
}

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120%;
  padding: 9px 14px;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150%;
  padding: 12px 17px;
}

/* Style buttons to look like links for deemphasis */
.LinkButton {
  -webkit-appearance: none !important;
  background: transparent !important;
  color: #002d74;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.8;
  border-radius: 0px;
  color: #002d74 ;
  text-decoration: underline;
}

.LinkButton:visited {
  color: #4300b2 ;
}

.LinkButton:hover, .LinkButton:focus, .LinkButton:active {
  color: #260066 ;
  text-decoration: underline ;
}

.LinkButton.aspNetDisabled, .LinkButton.aspNetDisabled:hover, .LinkButton.aspNetDisabled:focus, .LinkButton.aspNetDisabled:active, .LinkButton.aspNetDisabled:visited, .LinkButton:disabled, .LinkButton:disabled:hover, .LinkButton:disabled:focus, .LinkButton:disabled:active, .LinkButton:disabled:visited {
  color: #999999 ;
  text-decoration: underline ;
}

@media (min-width: 992px) {
  .StandardButtonMd {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.8;
    border-radius: 0px;
  }
}

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #fff;
  background-color: #888;
}

.CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus,
.CalloutArea1 .TextButton.PrimaryButton:hover,
.CalloutArea1 .TextButton.PrimaryButton:active,
.CalloutArea1 .TextButton.PrimaryButton:focus,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
.CalloutArea2 .btn.PrimaryButton:hover,
.CalloutArea2 .btn.PrimaryButton:active,
.CalloutArea2 .btn.PrimaryButton:focus,
.CalloutArea2 .TextButton.PrimaryButton:hover,
.CalloutArea2 .TextButton.PrimaryButton:active,
.CalloutArea2 .TextButton.PrimaryButton:focus,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
  color: #fff;
  background-color: dimgray;
}

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.btn.DangerButton {
  color: #fff;
  background: #c74b49;
}

.btn.SuccessButton {
  color: #fff;
  background: #008943;
}

/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #002d74;
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: .3em;
}

.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #002d74;
}

.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
  background-color: black;
  color: #fff;
}

/* Communication Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #f3f4f7;
}

/* Mini Profile
   ========================================================================== */
.mini-profile-standard,
.mini-profile-standard .panel-heading,
.mini-profile-banner-large .panel-heading,
.mini-profile-banner-small .panel-heading,
.account-page-with-banner .account-page-top-area.account-page-top-area {
  background-color: #002d74;
}

.mini-profile-standard {
	color: #ffffff;
}

.mini-profile-standard .panel-heading, 
.mini-profile-standard .panel-heading h1, 
.mini-profile-standard .panel-heading h2, 
.mini-profile-standard .panel-heading h3, 
.mini-profile-standard .panel-heading h4, 
.mini-profile-standard .panel-heading h5,
.mini-profile-banner-large .panel-heading, 
.mini-profile-banner-large .panel-heading h1, 
.mini-profile-banner-large .panel-heading h2, 
.mini-profile-banner-large .panel-heading h3, 
.mini-profile-banner-large .panel-heading h4, 
.mini-profile-banner-large .panel-heading h5,
.mini-profile-banner-small .panel-heading,
.mini-profile-banner-small .panel-heading h1,
.mini-profile-banner-small .panel-heading h2,
.mini-profile-banner-small .panel-heading h3,
.mini-profile-banner-small .panel-heading h4,
.mini-profile-banner-small .panel-heading h5 {
  color: #ffffff;
}

.mini-profile-standard a,
.mini-profile-banner-large a,
.mini-profile-banner-small a {
  color: #ffffff;
  text-decoration: underline;
}

.mini-profile-standard a:hover, 
.mini-profile-standard a:active, 
.mini-profile-banner-large a:hover, 
.mini-profile-banner-large a:active, 
.mini-profile-banner-small a:hover,
.mini-profile-banner-small a:active {
  color: #d05f27;
  text-decoration: underline;
}

.mini-profile-banner-large a:visited,
.mini-profile-standard a:visited,
.mini-profile-banner-small a:visited {
  color: #316eb5;
  text-decoration: underline;
}

.mini-profile-standard .mini-profile-name-section .SectionLabel {
  /* Style the name like an h3 */
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: 700;
  font-size: 150%;
}

.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
  /* Style the name like an h2 */
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: 700;
  font-size: 200%;
}

.mini-profile-standard .mini-profile-picture-section,
.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-small .mini-profile-picture-section {
  background-color: #002d74;
}

.mini-profile-standard .profile-picture-container,
.mini-profile-banner-large .profile-picture-container,
.mini-profile-banner-small .profile-picture-container {
  display: inline-block;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 0px;
}

.mini-profile-standard .profile-picture-container img,
.mini-profile-banner-large .profile-picture-container img,
.mini-profile-banner-small .profile-picture-container img {
  border-radius: 3px;
}

.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-small .mini-profile-picture-section {
  border-bottom: 1px solid #ccc;
}

/* moved media query - why were styles limited to non mobile? */
  .mini-profile-banner-large .mini-profile-name-section,
  .mini-profile-banner-large .mini-profile-address-section {
    background-color: #002d74;
  }
  .mini-profile-banner-large .mini-profile-name-section, 
  .mini-profile-banner-large .mini-profile-name-section a, 
  .mini-profile-banner-large .mini-profile-name-section .SectionLabel, 
  .mini-profile-banner-large .mini-profile-name-section label, 
  .mini-profile-banner-large .mini-profile-name-section .Label,
  .mini-profile-banner-large .mini-profile-address-section,
  .mini-profile-banner-large .mini-profile-address-section a,
  .mini-profile-banner-large .mini-profile-address-section .SectionLabel,
  .mini-profile-banner-large .mini-profile-address-section label,
  .mini-profile-banner-large .mini-profile-address-section .Label {
    color: #ffffff;  
  }
  .mini-profile-standard .mini-profile-name-section, 
  .mini-profile-standard .mini-profile-name-section a, 
  .mini-profile-standard .mini-profile-name-section .SectionLabel, 
  .mini-profile-standard .mini-profile-name-section label, 
  .mini-profile-standard .mini-profile-name-section .Label,
  .mini-profile-standard .mini-profile-status-wrapper, 
  .mini-profile-standard .mini-profile-status-wrapper a, 
  .mini-profile-standard .mini-profile-status-wrapper .SectionLabel, 
  .mini-profile-standard .mini-profile-status-wrapper label, 
  .mini-profile-standard .mini-profile-status-wrapper .Label,
  .mini-profile-standard .mini-profile-address-section,
  .mini-profile-standard .mini-profile-address-section a,
  .mini-profile-standard .mini-profile-address-section .SectionLabel,
  .mini-profile-standard .mini-profile-address-section label,
  .mini-profile-standard .mini-profile-address-section .Label {
    color: #ffffff;  
  }
  
  .mini-profile-standard .mini-profile-name-section label, 
  .mini-profile-standard .mini-profile-name-section .Label,
  .mini-profile-standard .mini-profile-status-wrapper label, 
  .mini-profile-standard .mini-profile-status-wrapper .Label,
  .mini-profile-standard .mini-profile-address-section label,
  .mini-profile-standard .mini-profile-address-section .Label {
    color: #d05f27;  
  }
  
  .mini-profile-standard .mini-profile-name-section a:hover, 
  .mini-profile-standard .mini-profile-name-section a:active, 
  .mini-profile-standard .mini-profile-address-section a:hover,
  .mini-profile-standard .mini-profile-address-section a:active {
    color: #d05f27;
	text-decoration:underline;
  }
  .mini-profile-standard .mini-profile-name-section a:visited, 
  .mini-profile-standard .mini-profile-address-section a:visited {
    color: #316eb5;
	text-decoration:underline;
  }

@media (min-width: 769px) {
  .mini-profile-banner-large .mini-profile:after {
    /* because we're not sure if the name or address will be the last
                    section of the right column, need to add the border in this weird way
                */
    content: '';
    border-bottom: 1px solid #ccc;
    grid-column: address;
    grid-row: address;
    -ms-grid-row-align: end;
        align-self: end;
    z-index: 1;
  }
}

/* Search Results
   ========================================================================== */
.SearchField,
.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #002d74;
  padding: 8px 12px;
}

.SearchField label {
  font-size: 120%;
  color: #ffffff;
}

.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #d05f27 !important;
  margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
  background-color: #212121;
  text-decoration: underline;
}

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #ffffff;
  border: 1px solid #ddd;
}

.EventSummary .PhotoArea {
  padding: 2em;
}

.EventSummary .Description {
  padding: 0 2em 2em 2em;
}

@media (min-width: 769px) {
  .EventSummary .Description {
    padding-top: 2em;
  }
}

.EventSummary .PhotoArea img {
  border: 0px solid #ddd !important;
}

.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: #212121;
}

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
  color: #fff;
}

.ProgramGroup .PanelBody,
.ProgramGroup .panel-body {
  padding: 0;
}

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #f3f4f7;
  padding: 1em;
}

/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold;
}

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #0d0d0d;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #212121;
}

.ProgressTracker2 .ProgressTrackerPanel::after {
  display: block;
  clear: both;
  content: "";
}

.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: 700;
}

.ProgressTracker2 div p {
  background-color: #fff;
  color: #d05f27;
  margin-bottom: 0;
}

.ProgressTracker2 .ProgressBar {
  margin: 10px;
}

.ProgressTracker2 .ProgressBar > span {
  background-color: #9870db;
}

.ProgressTracker2 .SuccessfulMessage {
  background-color: #e7fef6;
  color: #0c0c0c;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #f3f4f7;
  border: none !important;
  margin-top: -3px;
}

.FilterPanel .PanelTitle,
.FilterPanel .panel-title {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 164.706%;
}

.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #f3f4f7;
}

.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px solid #ddd;
}

.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}

.CartCharges .GrandTotal .PanelField {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #002d74;
}

.CartCharges .GrandTotal .PanelField .Label {
  color: #002d74;
}

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #0d0d0d !important;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #0d0d0d;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: #fff;
}

.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
  color: #dedede;
  border-color: transparent;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
  font-family: "Open Sans", Helvetica Neue, sans-serif !important;
  font-weight: inherit;
  font-size: 18px !important;
  clear: both;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch a {
  font-style: normal;
} /* remove italic from tab links */

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: #0d0d0d;
  background-color: #0d0d0d;
}

@media (max-width: 600px) {
  .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsUL, .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel {
    float: none;
    width: 100%;
    display: block;
  }
  html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    display: block;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch + .RadMultiPage {
    border-top-width: 0;
  }
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink, .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn {
    text-align: center;
  }
}

@media (min-width: 601px) and (max-width: 768px) {
  .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
    display: inline-block;
    float: left;
  }
}

/* On the account page, when secondary nav is present, display the tabs on top */
@media (min-width: 769px) {
  .account-page-with-banner .has-secondary-col .tabs-wrapper.tabs-left,
  .account-page-with-banner .has-secondary-col .tags-wrapper.tabs-right {
    display: block;
  }
  .account-page-with-banner .has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
    display: inline-block;
    float: left;
  }
}

.RadTabStrip,
.RadTabStripVertical {
  padding: 10px 10px 0 10px;
}

.RadTabStrip_MetroTouch.RadTabStripBottom_MetroTouch .rtsLevel1 {
  border: none;
}

/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #212121;
}

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch,
.RadGrid.RadGrid_Metro {
  color: #0c0c0c;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgEditRow > td {
  border-left-color: transparent;
}

.RadGrid.RadGrid_MetroTouch td.rgPagerCell,
.RadGrid.RadGrid_Metro td.rgPagerCell {
  border-width: 0;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgHeader:first-child,
.RadGrid.RadGrid_Metro th.rgResizeCol,
.RadGrid.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgRow td:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgAltRow td:first-child,
.RadGrid.RadGrid_Metro .rgEditRow > td,
.RadGrid.RadGrid_Metro .rgEditRow > td:first-child,
.RadGrid.RadGrid_Metro .rgFooter td,
.RadGrid.RadGrid_Metro .rgFooter td:first-child,
.RadGrid.RadGrid_Metro .rgFilterRow td,
.RadGrid.RadGrid_Metro .rgFilterRow td:first-child,
.RadGrid.RadGrid_Metro .rgNoRecords td,
.RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
  padding: 7px 12px;
}

.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child {
  /* reset the padding for expand/collapse column */
  padding-left: 0;
  padding-right: 0;
}

.RadGrid.RadGrid_MetroTouch .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
  background-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
  color: #fff !important;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel,
.RadGrid.RadGrid_Metro input.rgAdd,
.RadGrid.RadGrid_Metro input.rgRefresh,
.RadGrid.RadGrid_Metro .rgSave,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
  background-color: #0d0d0d;
}

.RadGrid.RadGrid_MetroTouch input.rgAdd:hover,
.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,
.RadGrid.RadGrid_MetroTouch .rgSave:hover,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover,
.RadGrid.RadGrid_Metro input.rgAdd:hover,
.RadGrid.RadGrid_Metro input.rgRefresh:hover,
.RadGrid.RadGrid_Metro .rgSave:hover,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover {
  background-color: #fff;
}

.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #0d0d0d;
}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid.RadGrid_Metro .rgActiveRow td,
.RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgSelectedRow td,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: #0d0d0d;
}

* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted,
* html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #0d0d0d;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_MetroTouch th.rgSorted a,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_Metro .rgSelectedRow a,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_Metro th.rgSorted a {
  color: #fff !important;
}

/* RadComboBox
   ========================================================================= */
.RadComboBox .rcbActionButton .t-font-icon {
  font: 16px/1 "TelerikWebUI";
}

/* RadDataPager
   ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch,
.RadDataPager.RadDataPager_Metro {
  border: none;
  background-color: transparent;
}

.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagerButton,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_Metro .rdpPageFirst:hover,
.RadDataPager.RadDataPager_Metro .rdpPagePrev:hover,
.RadDataPager.RadDataPager_Metro .rdpPageNext:hover,
.RadDataPager.RadDataPager_Metro .rdpPageLast:hover,
.RadDataPager.RadDataPager_Metro .rdpPagerButton {
  background-color: #0d0d0d;
  border-color: #0d0d0d;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}

.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #0d0d0d;
  background-color: #0d0d0d;
}

.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #0d0d0d;
}

.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-weight: bold;
  color: #fff;
  text-transform: none;
  border-bottom: none;
}

/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_Metro, .RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none;
  color: #ffffff;
}

.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #d05f27;
}

.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #d05f27;
}

.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #d05f27;
}

.RadMenu.RadMenu_Metro .rmGroup .rmFocused, .RadMenu.RadMenu_Metro .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_Metro .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded,
.RadMenu.RadMenu_Metro .rmGroup .rmExpanded:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded,
.RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover {
  border-color: #d05f27;
  background-color: #d05f27;
  color: #FFF !important;
}

.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
  margin-top: 10px !important;
}

.RadMenu .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink {
  border-style: none;
}

/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #0d0d0d;
}

.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #0d0d0d;
  background-color: #0d0d0d;
}

.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
  border-color: #fff;
  border-radius: 50%;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #0d0d0d;
}

.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #0d0d0d;
}

.RadWindow.RadWindow_Metro .rwControlButtons a:focus {
  /* give the refresh, expand, close buttons an outline when focused */
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  /* needed for IE9 compability */
  border-collapse: separate;
  /* override setting from UltraWave */
  outline: none;
}

.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none;
}

/* RadTreeView
   ========================================================================== */
.RadTreeView.RadTreeView_Vista .rtLI {
  padding: 0;
}

.RadTreeView.RadTreeView_Vista .rtPlus, .RadTreeView.RadTreeView_Vista .rtMinus {
  margin: 5px 6px 0 -17px;
  width: 11px;
  height: 11px;
  border-width: 0;
  left: auto;
  top: auto;
}

/* RadPicker
   ========================================================================== */
/* Date and Time selectors */
.RadCalendar.RadCalendar_Metro, .RadCalendar.RadCalendar_Metro .rcMainTable,
.RadCalendar.RadCalendar_MetroTouch,
.RadCalendar.RadCalendar_MetroTouch .rcMainTable {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover, .RadCalendar.RadCalendar_Metro .rcPrev:hover, .RadCalendar.RadCalendar_Metro .rcNext:hover, .RadCalendar.RadCalendar_Metro .rcFastNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
  border-color: #0d0d0d;
}

.RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcPrev:hover:before, .RadCalendar.RadCalendar_Metro .rcNext:hover:before, .RadCalendar.RadCalendar_Metro .rcFastNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
  color: #0d0d0d;
}

.RadCalendar.RadCalendar_Metro .rcRow .rcToday a,
.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #0d0d0d;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a,
.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #0d0d0d;
  background: #0d0d0d;
}

.RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span {
  /* The Sunday column is not rendering correctly because it's in a <th>
           instead of a <td>. This corrects the issue. */
  display: block;
  padding: .08em .4em;
  text-decoration: none;
  outline: 0;
}

.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th {
  font-size: 100%;
  padding: 0;
}

.RadCalendar.RadCalendar_Metro .rcRow a, .RadCalendar.RadCalendar_Metro .rcRow span {
  display: block;
  padding: 0 .6em;
  text-decoration: none;
  outline: 0;
}

.RadCalendar.RadCalendar_Metro .rcMain .rcRow th {
  padding: 0;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro, .RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
  background: #0d0d0d;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #0d0d0d;
  border-color: #0d0d0d;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
}

.RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
  border-color: #0d0d0d;
  background: #0d0d0d;
}

.RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
  color: #f3f2f2;
  background-color: #0d0d0d;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
  width: inherit;
  text-indent: inherit;
}

/* ==========================================================================
   JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* Home page full width area
   ========================================================================== */
/* This is for the full width area of the Cities and Cities_Responsive home page.
 * It uses a content area to acheive the full width
 */
.HomePageFullWidthArea .ContentItemContainer .panel:not(.panel-border),
.HomePageFullWidthArea .ContentItemContainer div .panel:not(.panel-border) {
  /* if borders are not turned on don't leave the space for them */
  border-width: 0;
}

.HomePageFullWidthArea .ContentItemContainer .panel .panel-body-container .panel-body,
.HomePageFullWidthArea .ContentItemContainer div .panel .panel-body-container .panel-body {
  /* Turn off the padding on iPart panels */
  padding: 0;
}

/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative;
}

.HeroBackground {
  height: 100%;
  background: #009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover;
}

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: #000;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75);
}

.HeroContent h1, .HeroContent h2, .HeroContent h3, .HeroContent h4, .HeroContent h5, .HeroContent .HeroText {
  color: #fff;
  margin: 0 8px 8px 8px;
}

.HeroContent .TextButton {
  float: right;
}

/* Responsive Hero Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
/* Note: this is actually a static hero image and text.
 * For the Slideshow iPart styles see Carousel.
 */
.Slider.FullWidth {
  height: 39em;
  background-image: url(images/HomeBanner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.Slider.FullWidth h1 {
  font-size: 200%;
}

@media (min-width: 769px) {
  .Slider.FullWidth h1 {
    font-size: 250%;
  }
}

.Slider.FullWidth .SliderPage1 {
  height: 100%;
}

.Slider.FullWidth .SliderPage1 h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}

.Slider.FullWidth .SliderPage1 .SliderContent {
  /* remove the margins put on by the container */
  margin-left: -15px;
  margin-right: -15px;
  /* then add it back on */
  padding: 15px;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
}

@media (min-width: 769px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 37em;
  }
}

.Slider.FullWidth .SliderPage1 .SliderText {
  overflow-y: auto;
  line-height: 1.7em;
  color: #002d74;
}

.Slider.FullWidth .SliderPage1 .SliderText h2, .Slider.FullWidth .SliderPage1 .SliderText h3, .Slider.FullWidth .SliderPage1 .SliderText h4, .Slider.FullWidth .SliderPage1 .SliderText h5 {
  color: inherit;
}

.Slider.FullWidth .SliderPage1 p:last-child {
  margin-bottom: 0;
}

.Slider.FullWidth .SliderPage1 .ActionButton {
  margin-top: 1em;
  text-align: right;
}

/* Responsive "Jumbotron"
   ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content {
  max-height: 100%;
}

.jumbotron.home, .jumbotron.interior {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

.jumbotron.home {
  height: 39em;
}

.jumbotron.home h1 span,
.jumbotron.home .ActionButton {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1270px;
}

.jumbotron.home h1 {
  color: #fff;
  margin-top: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  text-align: center;
  font-weight: normal;
  font-size: 200%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
}

@media (min-width: 769px) {
  .jumbotron.home h1 {
    font-size: 250%;
  }
}

@media (min-width: 769px) {
  .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
  }
}

.jumbotron.home .ActionButton {
  text-align: right;
}

@media (min-width: 769px) {
  .jumbotron.home .ActionButton {
    padding-right: 12%;
  }
}

.jumbotron.interior {
  height: 20em;
}

.jumbotron.interior p {
  padding: 1.5em 1em 0.8em;
  font-size: 150%;
  margin-bottom: 0;
}

.jumbotron.interior p::after {
  display: block;
  clear: both;
  content: "";
}

.jumbotron.interior .ActionButton {
  clear: both;
  padding-left: 3em;
  padding-right: 3em;
}

@media (max-width: 768px) {
  .jumbotron.interior .jumbotron-content {
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
  }
}

@media (min-width: 480px) {
  .jumbotron.interior p {
    font-size: 170%;
  }
}

@media (min-width: 769px) {
  .jumbotron.interior {
    height: 25em;
  }
  .jumbotron.interior p {
    font-size: 200%;
  }
  .jumbotron.interior .jumbotron-text span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 0 .45em;
    margin-bottom: .2em;
    float: left;
    clear: left;
  }
  .jumbotron.interior.AlignRight .jumbotron-text span {
    float: right;
    clear: right;
  }
}

.jumbotron .img-copyright,
.carousel .img-copyright,
.carousel2 .img-copyright {
  width: 100%;
  text-align: right;
  font-size: 70%;
}

.jumbotron .img-copyright a, .jumbotron .img-copyright a:hover, .jumbotron .img-copyright a:focus, .jumbotron .img-copyright a:visited, .jumbotron .img-copyright a:active,
.carousel .img-copyright a,
.carousel .img-copyright a:hover,
.carousel .img-copyright a:focus,
.carousel .img-copyright a:visited,
.carousel .img-copyright a:active,
.carousel2 .img-copyright a,
.carousel2 .img-copyright a:hover,
.carousel2 .img-copyright a:focus,
.carousel2 .img-copyright a:visited,
.carousel2 .img-copyright a:active {
  color: #fff;
}

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel, .carousel2, .HomePageFullWidthArea {
  position: relative;
}

.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5, .carousel h6, .carousel2 h1, .carousel2 h2, .carousel2 h3, .carousel2 h4, .carousel2 h5, .carousel2 h6, .HomePageFullWidthArea h1, .HomePageFullWidthArea h2, .HomePageFullWidthArea h3, .HomePageFullWidthArea h4, .HomePageFullWidthArea h5, .HomePageFullWidthArea h6 {
  font-weight: bold;
  display: inline-block;
  color: #002d74;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

@media (max-width: 991px) {
  .carousel h1, .carousel2 h1, .HomePageFullWidthArea h1 {
    font-size: 200%;
  }
}

.carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
  padding: 1em;
  position: absolute;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  bottom: 20%;
  top: auto;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: left !important;
  color: #002d74;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  font-style: normal;
}

.carousel .carousel-caption p, .carousel2 .carousel-caption p, .HomePageFullWidthArea .carousel-caption p {
  font-size: 112.5%;
  font-weight: bold;
  color: #002d74;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.carousel .carousel-caption h1, .carousel2 .carousel-caption h1, .HomePageFullWidthArea .carousel-caption h1 {
  color: #002d74;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.carousel .carousel-caption h6, .carousel2 .carousel-caption h6, .HomePageFullWidthArea .carousel-caption h6 {
  color: #d05f27;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
}

.carousel .carousel-caption h1:after, .carousel2 .carousel-caption h1:after, .HomePageFullWidthArea .carousel-caption h1:after {
  display: none;
}

@media (min-width: 769px) {
  .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    width: auto;
	max-width: 40%;
    right: auto;
    left: 1%;
  }
}

@media (max-width: 768px) {
  .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
    width: 100%;
    position: static;
    margin: 0 auto;
  }
}

.carousel-control .icon-prev::before,
.carousel-control .icon-next::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
}

.carousel-control .icon-prev {
  margin-left: -10px;
}

.carousel-control .icon-prev::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -150px no-repeat;
}

.carousel-control .icon-next {
  margin-right: -10px;
}

.carousel-control .icon-next::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -200px no-repeat;
}

.carousel-indicators {
  display: none;
}

/* Internal page carousel */
.InternalHeaderArea {
  background: #333333;
  overflow: hidden;
}

.InternalHeaderArea .carousel-inner > .item .carousel-link {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 1270px;
    position: relative;
    margin: 0px auto;
}

@media (min-width: 769px) {
  .InternalHeaderArea .carousel {
    height: 100%;
  }
  .InternalHeaderArea .carousel-inner:before {
  content: '';
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 45, 116, 0.5)), to(rgba(0, 45, 116, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 45, 116, 0.5) 0, rgba(0, 45, 116, 0) 100%);
  background-repeat: repeat-x;
  height: 6em;
  width: 100%;
  position: absolute;
  z-index: 665;
  }
}

@media (max-width: 768px) {
  .InternalHeaderArea {
	display: none;
  }
  .InternalHeaderArea .carousel {
    height: 0px;
  }
}

.InternalHeaderArea .panel-body {
  padding: 0;
}

.InternalHeaderArea .carousel-inner {
  width: 100%;
}

/* .InternalHeaderArea .carousel-caption,
.InternalHeaderArea .carousel-control,
.InternalHeaderArea .carousel-inner > .item .carousel-link {
  display: block;
}*/

.Wrapper-HomePage .HomePageFullWidthArea {
  /* Overwrite slideshow height setting on homepage only */
  /* darker gradient to improve legibility of auxiliary nav */
}

@media (min-width: 769px) {
  .Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item {
    height: 39em !important;
  }
}

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before {
  content: '';
  display: block;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 45, 116, 0.5)), to(rgba(0, 45, 116, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 45, 116, 0.5) 0, rgba(0, 45, 116, 0) 100%);
  background-repeat: repeat-x;
  height: 6em;
  width: 100%;
  position: absolute;
  z-index: 665;
}

/* There seems to be an issue when choosing to display the FullWidthArea on the homepage only.
    The container div remains on internal pages although its content is hidden. */
.HomePageFullWidthArea {
  display: none;
}

.Wrapper-HomePage .HomePageFullWidthArea,
.TemplateManagerArea .HomePageFullWidthArea {
  display: block;
}

/* When the internal and home page content can't be found, 
   make sure there's enough room for the navigation to be usable */
#hd {
  min-height: 13.3em;
  background-color: #333333;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #0c0c0c;
}

.CommunityLinksBlock a:hover {
  background-color: #fff;
  color: #0c0c0c;
  text-decoration: none;
}

.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #d05f27;
  color: White;
  font-weight: bold;
  text-decoration: none;
}

/* Community breadcrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #002d74;
}

.CommunityItemTitle {
  font-size: 110%;
  padding: .25em 0;
}

.CommunityReplyForm,
.CommunityCommentItem {
  background: #f2f2f2;
  border-left: 10px solid #ddd;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
  background: #f2f2f2;
}

/* For adding comments */
.CommunityWikiReplyForm {
  background: #f2f2f2;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative;
}

.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 292px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 236px;
  width: 450px;
  margin: 20px;
}

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
  color: #fff;
  font-size: 280%;
  background: none;
  margin: 0.4em;
}

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
  color: #fff;
  font-size: 120%;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em;
}

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Titles */
h1.BigHeader, .h1.BigHeader {
  background-color: transparent;
  font-size: 350%;
  color: #002d74;
  padding: 0 0 20px 0;
}

h1.BigHeader:after, .h1.BigHeader:after {
  display:none;
}

/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 20px;
  background-color: #eeeeee;
}

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 100%;
  color: #999999;
  text-transform: uppercase;
}

.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}

.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0;
}

.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px;
}

.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
  padding: 0;
}

.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit;
}

.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px;
}

.SecondaryColumn .FeatureBoxBlue {
	padding:10px;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: .5em;
  margin-bottom: .5em;
}

.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: .5em;
}

.ContentBlockPictureArea img,
.ContentBlockLeft img {
  max-width: 100%;
  height: auto !important;
}

.BlockList ul {
  margin: 0;
  padding: 0;
}

.BlockList li {
  list-style: none;
}

.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px;
}

.BlockList a:hover {
  background-color: #e9e4ec;
}

.BlockList a span {
  text-decoration: underline;
}

.BlockList p {
  color: #0c0c0c;
  margin-bottom: 0;
}

/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0;
}

.BlockTLItem,
.BlockList li {
  border-bottom: 1px solid #ddd;
}

.BlockTLItem h4,
.BlockList h4 {
  font-size: 110%;
  font-weight: bold;
}

/* PublishDate and ReadMoreLink are used in the Block tagged list format */
.PublishDate {
  font-size: 85%;
  font-style: italic;
  font-weight: 400;
}

/* Use on the blockquote element for a styled quote */
.Quote {
  margin: 1.5em 1.7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
  color: #002d74;
}

.Quote:before {
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 500%;
  line-height: 0.1em;
  color: #d05f27;
}

.Quote:after {
  content: close-quote;
  font-size: 100%;
  color: #d05f27;
}

.Quote p {
  display: inline;
}

cite.Quote {
  display: block;
  text-align: right;
  margin-left: 1em;
  margin-top: -2em;
  padding-top: 0;
  padding-bottom: 1.5em;
  font-style: italic;
  font-size: 1em;
}

cite.Quote:before {
  content: "\2014\2002";
  font-size: 1em;
  vertical-align: middle;
  color: #002d74;
}

@media (min-width: 769px) {
  .Quote {
    font-size: 120%;
  }
  .Quote cite {
    font-size: 90%;
    margin-left: 2em;
  }
}

.QuoteStyle2 {
  border-left-color: #d05f27;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: #fff;
  background: #002d74;
  /*$callout1-bg*/
  width: auto;
  border-radius: 3px;
}

.CalloutPanelField1 .PanelField label:first-child:after,
.CalloutPanelField1.PanelField label:first-child:after,
.CalloutPanelField1 .PanelField .Label:first-child:after,
.CalloutPanelField1.PanelField .Label:first-child:after {
  content: "";
  position: absolute;
  bottom: -8px;
  /* value = - border-top-width - border-bottom-width */
  left: 30px;
  /* controls horizontal position */
  border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #002d74 transparent;
  /*$callout1-bg*/
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
  border-color: #ddd;
}

.TotalBox label {
  background-color: #002d74;
  color: #fff;
  padding: .25em .75em;
  color: #fff;
}

/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .RadMultiPage {
  background-color: #f3f4f7;
}

.CCOGrayBg .yui-g {
  float: none;
}

/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption, .TitleBarNoBorder .PanelHead.Distinguish, .TitleBarNoBorder .panel-heading.Distinguish {
  border-bottom: none;
}

/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #323232;
  font-size: 150%;
  line-height: 170%;
}

/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center;
}

.FullWidthButtons .btn, .FullWidthButtons .TextButton {
  display: block;
}

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  -webkit-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  font-size: 110%;
  font-weight: 700;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}

@media screen and (prefers-reduced-motion: reduce) {
  a.FeatureActionLink {
    -webkit-transition: none;
    transition: none;
  }
}

@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}

a.FeatureActionLink:hover {
  text-decoration: underline;
}

/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}

.Spotlight img, .Spotlight h4 {
  text-align: center;
}

@media (min-width: 769px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}

.Spotlight .TextButton, .Spotlight .btn {
  margin-top: 1em;
}

.Spotlight p {
  text-align: center;
  padding-top: 0.4em;
}

.Spotlight a img {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media screen and (prefers-reduced-motion: reduce) {
  .Spotlight a img {
    -webkit-transition: none;
    transition: none;
  }
}

.Spotlight a img:hover {
  opacity: .8;
}

.SpotlightRow {
  margin-bottom: 1.2em;
}

.SpotlightRow::after {
  display: block;
  clear: both;
  content: "";
}

@media (min-width: 769px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 2%;
    padding-right: 2%;
  }
}

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #d05f27;
  border-bottom: none;
  margin-bottom: .8em;
}

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}

.feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited {
  text-decoration: none;
  color: #fff;
}

.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17em;
  margin-bottom: 20px;
}

.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: .8em;
  font-size: 110%;
}

@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}

.feature-link-with-image .feature-link-text h1, .feature-link-with-image .feature-link-text h2, .feature-link-with-image .feature-link-text h3, .feature-link-with-image .feature-link-text h4, .feature-link-with-image .feature-link-text h5 {
  margin-top: 0;
}

.feature-link-with-image.feature-link-1 .feature-link-text {
  background-color: #002d74;
  background-color: rgba(0, 45, 116, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #002d74;
  background-color: rgba(0, 45, 116, 0.75);
}

.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #0d0d0d;
  background-color: rgba(13, 13, 13, 0.75);
}

.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
}

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
  color: #d05f27;
}

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none;
}

.header-link a {
  text-decoration: none;
  font-style: normal;
}

.header-link a, .header-link a:visited {
  color: #0c0c0c;
}

.header-link a:hover, .header-link a:active, .header-link a:focus {
  color: #002d74;
}

/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-conference-tall {
  background-color: #081337;
  background-image: url("../../images/samples/annualconference/conferencebannertall.jpg");
}

.bg-img-conference-small {
  background-color: #081337;
  background-image: url("../../images/AGWA/website/banners/AGWAAccred202103.jpg");
}

.bg-img-tiger-tall {
  background-color: #04080B;
  background-image: url("../../images/samples/donor/tiger-tall.jpg");
  background-position: center center;
}

.bg-img-red-panda {
  background-color: #57574b;
  background-image: url("../../images/samples/Donor/red-panda.jpg");
}

.bg-img-tiger-swimming {
  background-color: #1c1705;
  background-image: url("../../images/samples/Donor/tiger-swimming.jpg");
}

.bg-img-highland-cow {
  background-color: #e4e0cd;
  background-image: url("../../images/samples/Donor/highland-cow.jpg");
}

.bg-img-volunteer-canoes {
  background-color: #8aa15b;
  background-image: url("../../images/samples/Donor/volunteer-canoes.jpg");
}

.bg-img-elephant-with-mountains {
  background-color: #748610;
  background-image: url("../../images/samples/Donor/elephant-with-mountains.jpg");
}

.bg-img-wildlife-refuge {
  background-color: #6d7f2d;
  background-image: url("../../images/samples/Donor/wildlife-refuge.jpg");
}

.bg-img-poplar-trees {
  background-color: #737e23;
  background-image: url("../../images/samples/Donor/poplar-trees.jpg");
  background-position: top center !important;
}

.bg-img-swamp {
  background-color: #bbbdb8;
  background-image: url("../../images/samples/Donor/swamp.jpg");
}

.bg-img-roseate-terns {
  background-color: #8f9949;
  background-image: url("../../images/samples/Donor/roseate-terns.jpg");
  background-position: center 88% !important;
}

.banner-tall, .banner-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0;
}

.banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 {
  color: #fff;
}

.banner-text h2 {
  font-size: 100%;
}

.banner-tall {
  height: 500px;
  max-width: 300px;
}

.banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
}

.banner-short {
  min-height: 150px;
  max-width: 300px;
}

.banner-short .banner-text {
  padding: 5px;
  min-height: 150px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
  font-size: 70%;
}

/* Donation page enhancements
   ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .GiftItemName {
  color: #002d74;
  font-size: 250%;
}

.donate-page .GiftItemDescription {
  font-size: 125%;
}

.RelatedItemsHorizontalEffect li:hover {
  -webkit-transform: scale(1.06);
          transform: scale(1.06);
  border-radius: 0;
  background-color: transparent;
}

/* Fix product name overlapping other content */
ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li {
  height: auto;
}

/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
  background-color: #f3f4f7;
  padding: 10px;
}

.AltBgColor2 > .panel {
  background-color: #00abbe;
}

a:hover .AltBgColor2 > .panel, a:active .AltBgColor2 > .panel, a:focus .AltBgColor2 > .panel {
  background-color: #009daf;
}

.AltBgColor2 > .panel.panel-border {
  border-color: #0094a5;
}

.AltBgColor2 > .panel, .AltBgColor2 > .panel h2 {
  color: #fff;
}

.AltBgColor2 > .panel a, .AltBgColor2 > .panel a:hover, .AltBgColor2 > .panel a:active, .AltBgColor2 > .panel a:focus, .AltBgColor2 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor2 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColor3 > .panel {
  background-color: #002d74;
}

a:hover .AltBgColor3 > .panel, a:active .AltBgColor3 > .panel, a:focus .AltBgColor3 > .panel {
  background-color: #370094;
}

.AltBgColor3 > .panel.panel-border {
  border-color: #33008a;
}

.AltBgColor3 > .panel, .AltBgColor3 > .panel h2 {
  color: #fff;
}

.AltBgColor3 > .panel a, .AltBgColor3 > .panel a:hover, .AltBgColor3 > .panel a:active, .AltBgColor3 > .panel a:focus, .AltBgColor3 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor3 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColor4 > .panel {
  background-color: #e98300;
}

a:hover .AltBgColor4 > .panel, a:active .AltBgColor4 > .panel, a:focus .AltBgColor4 > .panel {
  background-color: #da7a00;
}

.AltBgColor4 > .panel.panel-border {
  border-color: #d07500;
}

.AltBgColor4 > .panel, .AltBgColor4 > .panel h2 {
  color: #fff;
}

.AltBgColor4 > .panel a, .AltBgColor4 > .panel a:hover, .AltBgColor4 > .panel a:active, .AltBgColor4 > .panel a:focus, .AltBgColor4 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor4 > .panel .ProgressBar > span {
  background-color: #fff;
}

.AltBgColor5 > .panel {
  background-color: #8e51ae;
}

a:hover .AltBgColor5 > .panel, a:active .AltBgColor5 > .panel, a:focus .AltBgColor5 > .panel {
  background-color: #854ca4;
}

.AltBgColor5 > .panel.panel-border {
  border-color: #80499d;
}

.AltBgColor5 > .panel, .AltBgColor5 > .panel h2 {
  color: #fff;
}

.AltBgColor5 > .panel a, .AltBgColor5 > .panel a:hover, .AltBgColor5 > .panel a:active, .AltBgColor5 > .panel a:focus, .AltBgColor5 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}

.AltBgColor5 > .panel .ProgressBar > span {
  background-color: #fff;
}

/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body,
.ProgressTracker_Dashboard_Overview .panel-body {
  padding-top: 0;
}

.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  font-size: 120%;
  display: block;
  margin-top: 10px;
}

.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-left: -10px;
  margin-right: -10px;
}

.ProgressTracker2 ul,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard_Overview ul {
  margin: 0;
  padding: 0;
}

.ProgressTracker2 ul, .ProgressTracker2 li,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard li,
.ProgressTracker_Dashboard_Overview ul,
.ProgressTracker_Dashboard_Overview li {
  list-style-type: none;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count,
.ProgressTracker_Dashboard_Overview .count {
  font-weight: bold;
  display: block;
  line-height: 1;
  letter-spacing: -1px;
}

.ProgressTracker2 .label,
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  line-height: 1;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.1);
}

.ProgressTracker2 .ProgressBar > span,
.ProgressTracker_Dashboard .ProgressBar > span,
.ProgressTracker_Dashboard_Overview .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #002d74;
  position: relative;
  overflow: hidden;
}

.ProgressTracker2 p,
.ProgressTracker_Dashboard p,
.ProgressTracker_Dashboard_Overview p {
  margin-bottom: 0;
}

.ProgressTracker_Dashboard .panel-heading.Distinguish {
  padding-bottom: 0;
}

.ProgressTracker_Dashboard .inset {
  display: block;
  padding-bottom: 15px;
}

.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count {
  font-size: 350%;
}

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
  padding: 0;
  height: 18px;
}

.ProgressTracker_Dashboard_Overview .panel {
  /* default the overview PTs to the same height */
  min-height: 10em;
}

.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  border-bottom-color: transparent;
}

.ProgressTracker_Dashboard_Overview .count {
  font-size: 250%;
}

.ProgressTracker_Dashboard_Overview .ProgressBar {
  height: 5px;
  margin-bottom: 5px;
}

.StaffDashboard h2,
.StaffDashboard .panel-heading.Distinguish,
.StaffDashboard .PanelHead.Distinguish,
.StaffDashboard .TitleBarCaption {
  border-bottom-color: transparent;
}

.StaffDashboard h2.Collapsible,
.StaffDashboard .panel-heading.Distinguish.Collapsible,
.StaffDashboard .PanelHead.Distinguish.Collapsible,
.StaffDashboard .TitleBarCaption.Collapsible {
  border-bottom-color: #ddd;
}

/* ==========================================================================
   CUSTOM STYLES
   ========================================================================== */
/* Custom AGWA Zone or iPart styles */

/* Committee Member Gallery Display
   ========================================================================== */
.CommitteeGallery p {
	color: #0d0d0d;
	font-size: 0.85em;
}

.CommitteeGallery h5 {
	margin-top: 12px;
}

.CommitteeGallery table {
	border: 0px solid #ffffff;
}

.CommitteeGallery .RadGrid,
.CommitteeGallery .RadGrid_Metro,
.CommitteeGallery .RadGrid_MetroTouch,
.CommitteeGallery .RadGrid_MetroTouch .rgMasterTable,
.CommitteeGallery .RadGrid_MetroTouch .rgSelectedRow,
.CommitteeGallery .rgAltRow,
.CommitteeGallery .rgRow,
.CommitteeGallery .RadGrid_MetroTouch .rgAltRow,
.CommitteeGallery .RadGrid_MetroTouch .rgRow {
	display: inline-block;
	color: #0d0d0d;
	background: #ffffff;
	vertical-align: top;
	border: 0px solid #ffffff;
	padding: 0 12px 7px 0;
}

.CommitteeGallery .rgAltRow td,
.CommitteeGallery .rgRow td,
.CommitteeGallery .RadGrid_MetroTouch .rgAltRow td,
.CommitteeGallery .RadGrid_MetroTouch .rgRow td,
.CommitteeGallery .RadGrid_MetroTouch .rgSelectedRow td,
.CommitteeGallery .RadGrid.RadGrid_MetroTouch .rgRow td,
.CommitteeGallery .RadGrid.RadGrid_MetroTouch .rgAltRow td,
.CommitteeGallery .RadGrid.RadGrid_MetroTouch .rgRow td:first-child {
	width: 170px;
	padding:0;
	border: 0px solid #ffffff;
}

.CommitteeGallery thead {
	display: none;
}

.CommitteeGallery .image {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 120px;
	height: 120px;
}

/* Testing Laboratory Member Gallery Display
   ========================================================================== */
.LabGallery p {
	color: #0d0d0d;
}

.LabGallery h4 {
	margin-top: 12px;
}

.LabGallery table {
	border: 0px solid #ffffff;
}

.LabGallery .RadGrid,
.LabGallery .RadGrid_Metro,
.LabGallery .RadGrid_MetroTouch,
.LabGallery .RadGrid_MetroTouch .rgMasterTable,
.LabGallery .RadGrid_MetroTouch .rgSelectedRow,
.LabGallery .rgAltRow,
.LabGallery .rgRow,
.LabGallery .RadGrid_MetroTouch .rgAltRow,
.LabGallery .RadGrid_MetroTouch .rgRow {
	display: inline-block;
	color: #0d0d0d;
	background: #ffffff;
	vertical-align: top;
	border: 0px solid #ffffff;
	padding: 0 12px 7px 0;
}

.LabGallery .rgAltRow td,
.LabGallery .rgRow td,
.LabGallery .RadGrid_MetroTouch .rgAltRow td,
.LabGallery .RadGrid_MetroTouch .rgRow td,
.LabGallery .RadGrid_MetroTouch .rgSelectedRow td,
.LabGallery .RadGrid.RadGrid_MetroTouch .rgRow td,
.LabGallery .RadGrid.RadGrid_MetroTouch .rgAltRow td,
.LabGallery .RadGrid.RadGrid_MetroTouch .rgRow td:first-child {
	width: 250px;
	padding:0;
	border: 0px solid #ffffff;
}

.LabGallery thead {
	display: none;
}

.LabGallery .image {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 120px;
	height: 120px;
}

/* Member Resources Details Display (can be used for any content generated by custom panel)
   ========================================================================== */
   
/*.MemberResources thead {
	display: none;
} */

.MemberResources table {
	border: 0px solid #ffffff;
}

.MemberResources thead {
	display: none;
}

.MemberResources .RadGrid,
.MemberResources .RadGrid_Metro,
.MemberResources .RadGrid_MetroTouch,
.MemberResources .RadGrid_MetroTouch .rgMasterTable,
.MemberResources .RadGrid_MetroTouch .rgSelectedRow,
.MemberResources .rgAltRow,
.MemberResources .rgRow,
.MemberResources .RadGrid_MetroTouch .rgAltRow,
.MemberResources .RadGrid_MetroTouch .rgRow {
	color: #0d0d0d;
	background: #ffffff;
	vertical-align: top;
	border: 0px solid #ffffff;
	padding: 0;
}

.MemberResources .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.MemberResources .RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.MemberResources .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.MemberResources .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.MemberResources .RadGrid.RadGrid_MetroTouch th.rgSorted,
.MemberResources .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.MemberResources .RadGrid.RadGrid_Metro .rgSelectedRow,
.MemberResources .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.MemberResources .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.MemberResources .RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #ffffff;
  border-color: #ffffff;
}

.MemberResources .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, 
.MemberResources .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, 
.MemberResources .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, 
.MemberResources .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, 
.MemberResources .RadGrid.RadGrid_MetroTouch th.rgSorted a, 
.MemberResources .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, 
.MemberResources .RadGrid.RadGrid_Metro .rgSelectedRow a, 
.MemberResources .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, 
.MemberResources .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, 
.MemberResources .RadGrid.RadGrid_Metro th.rgSorted a {
    color: #d05f27 !important;
}

.DocumentDetails {
  font-size: 85%;
  font-style: italic;
  font-weight: 400;
}

.CategoryTopic {
	font-size: 85%;
	font-style: normal;
	font-weight: 400;
}


/* Emphasis Boxes for Home Page
   ========================================================================== */
/* Feature Box (div) with blue background */
.FeatureBoxBlue {
	color: #ffffff;
	background-color: #002d74;
	padding: 20px;
}

.FeatureBoxBlue p {
	color: #ffffff;
}

.FeatureBoxBlue h2,
.FeatureBoxBlue .PanelTitle h2, 
.FeatureBoxBlue .panel-title h2,
.FeatureBoxBlue .Wrapper-HomePage h2.panel-title,
.FeatureBoxBlue h2.panel-title,
.FeatureBoxBlue .panel-heading.Distinguish,
.FeatureBoxBlue .PanelHead.Distinguish {
	color: #ffffff;
	margin-top:0;
}

.FeatureBoxBlue h2:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0.35em auto 0 auto;
  border-bottom: 5px solid #d05f27;
}

.FeatureBoxBlue h3, .FeatureBoxBlue h4, .FeatureBoxBlue h5 {
	color: #ffffff;
	text-transform: none;
	margin-top:0;
}

.FeatureBoxBlue a {
	color: #d05f27;
	text-decoration: underline;
}

.FeatureBoxBlue a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.FeatureBoxBlue a:active {
	color: #d05f27;
	text-decoration: underline;
}

.FeatureBoxBlue a:visited {
	color: #316eb5;
	text-decoration: underline;
}

.FeatureBoxBlue a.FeatureActionLink {
	color: #d05f27;
	font-size: 75%;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 0 0 0;
	letter-spacing: 1px;
}

.FeatureBoxBlue a.FeatureActionLink:hover {
	text-decoration: underline;
}

.FeatureBoxBlue a.FeatureActionLink:active {
	text-decoration: underline;
}

.FeatureBoxBlue a.FeatureActionLink:visited {
	color: #316eb5!important;
}

.FeatureBoxBlue .panel-body,
.FeatureBoxBlue .PanelBody 
.FeatureBoxBlue .PanelHead,
.FeatureBoxBlue .panel-heading {
  padding:0 4px;
}

.FeatureBoxBlue table {
	border: 0px solid #ffffff;
}

.FeatureBoxBlue thead,
.FeatureBoxBlue tfoot {
	display: none;
}

.FeatureBoxBlue .RadGrid,
.FeatureBoxBlue .RadGrid_Metro,
.FeatureBoxBlue .RadGrid_MetroTouch,
.FeatureBoxBlue .RadGrid_MetroTouch .rgMasterTable,
.FeatureBoxBlue .rgAltRow,
.FeatureBoxBlue .rgRow,
.FeatureBoxBlue .RadGrid_MetroTouch .rgAltRow,
.FeatureBoxBlue .RadGrid_MetroTouch .rgRow {
	color: #ffffff;
	background: #002d74;
	padding: 0;
	margin: 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fefefe;
	vertical-align: top;
}

.FeatureBoxBlue td,
.FeatureBoxBlue .RadGrid_MetroTouch .rgAltRow td,
.FeatureBoxBlue .RadGrid_MetroTouch .rgRow td {
	padding: 10px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fefefe;
}

.FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgHeader, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgRow td, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgAltRow td,
.FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgFooter td, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .FeatureBoxBlue .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgHeader,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgHeader:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro th.rgResizeCol,
.FeatureBoxBlue .RadGrid.RadGrid_Metro th.rgResizeCol:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgRow td,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgRow td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgAltRow td,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgAltRow td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgEditRow > td,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgEditRow > td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgFooter td,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgFooter td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgFilterRow td,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgFilterRow td:first-child,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgNoRecords td,
.FeatureBoxBlue .RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
  padding: 20px 0 0 0;
}


/* Feature Box (div) with orange background */
.FeatureBoxOrange {
	color: #ffffff;
	background-color: #d05f27;
	padding: 20px;
}

.FeatureBoxOrange p {
	color: #ffffff;
}

.FeatureBoxOrange h2,
.FeatureBoxOrange .PanelTitle h2, 
.FeatureBoxOrange .panel-title h2,
.FeatureBoxOrange .Wrapper-HomePage h2.panel-title,
.FeatureBoxOrange .panel-heading.Distinguish,
.FeatureBoxOrange .PanelHead.Distinguish {
	color: #ffffff;
	marign-top:0;
}

.FeatureBoxOrange h2:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0.35em auto 0 auto;
  border-bottom: 5px solid #002d74;
}

.FeatureBoxOrange h3 {
	color: #ffffff;
	text-transform: uppercase;
	padding: 0 0 12px 0;
	margin-top: 0;
}

.FeatureBoxOrange h3:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0.35em auto 0 auto;
  border-bottom: 3px solid #002d74;
}

.FeatureBoxOrange h4, .FeatureBoxOrange h5 {
	color: #ffffff;
	text-transform: none;
	margin-top:0;
}

.FeatureBoxOrange a {
	color: #ffffff;
	text-decoration: underline;
}

.FeatureBoxOrange a:hover {
	text-decoration: underline;
	color: #002d74;
}

.FeatureBoxOrange a:active {
	text-decoration: underline;
	color: #002d74;
}

.FeatureBoxOrange a:visited {
	color: #316eb5;
}

.FeatureBoxOrange a.FeatureActionLink {
	color: #ffffff;
	font-size: 75%;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	padding: 12px 0 0 0;
	letter-spacing: 1px;
}

.FeatureBoxOrange a.FeatureActionLink:hover {
	text-decoration: underline;
	color: #002d74;
}

.FeatureBoxOrange a.FeatureActionLink:active {
	text-decoration: underline;
	color: #002d74;
}

.FeatureBoxOrange a.FeatureActionLink:visited {
	color: #316eb5!important;
}

.FeatureBoxOrange table {
	border: 0px solid #ffffff;
}

.FeatureBoxOrange thead,
.FeatureBoxOrange tfoot {
	display: none;
}

.FeatureBoxOrange .RadGrid,
.FeatureBoxOrange .RadGrid_Metro,
.FeatureBoxOrange .RadGrid_MetroTouch,
.FeatureBoxOrange .RadGrid_MetroTouch .rgMasterTable,
.FeatureBoxOrange .rgAltRow,
.FeatureBoxOrange .rgRow,
.FeatureBoxOrange .RadGrid_MetroTouch .rgAltRow,
.FeatureBoxOrange .RadGrid_MetroTouch .rgRow {
	color: #ffffff;
	padding: 0;
	margin:0;
	background: #d05f27;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fefefe;
	vertical-align: top;
}

.FeatureBoxOrange .RadGrid_MetroTouch .rgAltRow td,
.FeatureBoxOrange .RadGrid_MetroTouch .rgRow td {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fefefe;
}

/* Home Page Grid Displays
   ========================================================================== */
.GridItem_AGWA {
	grid-area: agwa;
}

.GridItem_Find {
	grid-area: find; 
}

.GridItem_Join {
	grid-area: join;
}

@media (min-width:769px) { 
	.HomeGrid {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
		grid-gap: 1.8rem;
		grid-template-areas:
			"agwa agwa"
			"find join";
	}
}

@media (max-width:768px) {
	.HomeGrid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 1.8rem;
		grid-template-areas:
			"agwa"
			"find"
			"join";
	}
} 

.AutoGrid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
	grid-gap: 1rem;
}

.AutoGrid > div {
	background: #fff;
	vertical-align: center;
	padding: 10px;
}

/* Internal Page Full Width Layout - Hide Secondary Nav
   ========================================================================== */
.AGWAInternalFullWidth .col-secondary /*, 
.AGWAInternalFullWidth .has-secondary-col */{
	display: none;
}

.AGWAInternalFullWidth .col-primary {
  width: 100%;
  max-width: 100%;
  padding-left: 1%;
  padding-right: 1%;
  margin: 0 auto;
}

/* Simple Table Styles
   ========================================================================== */
.SimpleTable table {
	border-collapse: collapse;
	width: 100%;
	overflow: auto;
	padding: 0;
	margin: 20px 0;
}

.SimpleTable {
	border: 0px solid #002d74;
	margin: 2rem 0;
}

.SimpleTable thead {
	border-top: 2px solid #002d74;
	border-bottom: 1px solid #002d74;
} 

.SimpleTable th, .SimpleTable td {
	padding: .5em 1rem .5em 0;
	text-align: left; 
	vertical-align: top;
	border-top: 1px solid #002d74;
	border-bottom: 1px solid #002d74;
}

.SimpleTable th:last-child {
	padding-right: 0;
}

.SimpleTable tfoot {
	border-bottom: 2px solid #002d74;
	padding: .5em 0;
}

.SimpleTable td {
	text-align: left; 
	vertical-align: top; 
}

.SimpleTable tr td {
	border-bottom: 1px solid #002d74;
}

.SimpleTable tr:first-child td{
	border-top: 2px solid #002d74;
}

.SimpleTable tr:last-child td {
	border-bottom: 1px solid #002d74;
}

.SimpleTable .BlueRows tr:nth-child(2n) td {
	background-color: rgba(0, 45, 116, .1);
	border: 0px solid #ffffff;
}

.SimpleTable .OrangeRows tr:nth-child(2n) td {
	background-color: rgba(208, 95, 39, .1);
	border: 0px solid #ffffff;
}

/* Custom Emphasis Link Styles
   ========================================================================== */
.AGWAReadMore {
	color: #d05f27;
	font-size: 1em;
	margin-left: 0; /* 5em */
}

.AGWAReadMore:before {
	content: "READ MORE:\2003";
	color: #d05f27;
	font-size: 1em;
	font-weight: 900;
}

.AGWAReadMore:after {
	content: "\2003\25B6";
	color: #d05f27;
}

.AGWADownload {
	color: #d05f27;
	font-size: 1em;
	margin-left: 0; /* 5em */
}

.AGWADownload:before {
	content: "DOWNLOAD:\2003";
	color: #d05f27;
	font-size: 1em;
	font-weight: 900;
}

.AGWADownload:after {
	content: "\2003\25B6";
	color: #d05f27;
}

/* Events List Image Display */
.Event_ListImage {
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 7.5em;
	height: 7.5em;
}

label, .Label, .PanelFieldLabelFont {
    font-weight: bold;
    color: #002d74;
    padding-left: 7px;
    margin-left: -7px;
}

/* Custom Formatting Tweaks
   ========================================================================== */
/* hide elements   */
.HideNestedTitle h1 {
	display:none;
}

/* Replace CalloutPart2 */
.CalloutBlue {
  background-color: #002d74;
  color: #ffffff;
}

.CalloutBlue .SectionLabel:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0;
  border-bottom: 0px solid #3165b0;
}

.CalloutBlue .Label {
	color: #ffffff;
}

/* Replace CalloutPart2 */
.CalloutGrey {
  background-color: #f3f4f7;
  color: #0d0d0d;
}

.CalloutGrey .SectionLabel:after {
  content: '';
  display: block;
  bottom: 0;
  width: 100%;
  margin: 0;
  border-bottom: 0px solid #3165b0;
}

/* ==========================================================================
   iMIS UPGRADE 30 JANUARY 2021
   ========================================================================== */
/* To fix Primary Navigation (Drop Down Menu Display)
   ========================================================================== */
/* Second Level */ 
.RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink { 
          color: #f0cfbe;
		  font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
		  font-size: 130%;
		  font-weight: normal;
		  font-style: normal;
		  letter-spacing: 0px;
} 

/* Second Level - Hover state */ 
.RadMenu.MainMenu  .rmTwoLevels .rmLevel1 > .rmItem > .rmLink:hover, 
.RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink:focus { 
         background-color: transparent; 
         color: #ffffff;
		 font-weight: bold;
} 

/* Third Level */ 
.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink { 
         color: #f0cfbe;
		 font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
		 font-size: 114%;
		 font-weight: normal;
		 font-style: normal;
		 width: 100%;
} 

/* Third Level - Hover State */ 
.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink:hover,.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink:focus,.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink.rmFocused { 
         background-color: transparent; 
         color: #ffffff;
		 font-weight: bold;
}

@media (min-width: 769px) {
.RadMenu.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, 
.RadMenu.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
display: block !important;
min-width: 435px;
}
}

/* remove dotted lines */
.RadTreeView .rtLines .rtFirst,
.RadTreeView .rtLines .rtLI,
.RadTreeView .rtLines .rtMid,
.RadTreeView .rtLines .rtTop,
.RadTreeView .rtLines .rtBot
{ background:none!important; }

/* mobile toggle spacing */
@media (max-width: 768px) {
.RadMenu .rmVertical .rmItem .rmText {
    display: inline-block!important; 
    float: none;
}
}

/* ==========================================================================
   New Website 2021
   ========================================================================== */
/* Custom Code
   ========================================================================== */

/* Slideshow Buttons with blue gradient
   ========================================================================== */
/* Used by the Slideshow iPart */
.AGWASlideButton, .AGWAVidThumbBtn {
  position: relative;
}

.AGWASlideButton h1, .AGWASlideButton h2, .AGWASlideButton h3, .AGWASlideButton h4, .AGWASlideButton h5, .AGWASlideButton p, .AGWAVidThumbBtn h1, .AGWAVidThumbBtn h2, .AGWAVidThumbBtn h3, .AGWAVidThumbBtn h4, .AGWAVidThumbBtn h5, .AGWAVidThumbBtn p {
  font-weight: 900;
  display: inline-block;
  color: #ffffff;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  font-style: normal;
}

@media (max-width: 991px) {
  .AGWASlideButton h1, .AGWAVidThumbBtn h1 {
    font-size: 100%;
  }
}

.AGWASlideButton .carousel-caption {
  padding: 1em;
  position: absolute;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  bottom: 0;
  top: 60%;
  background-color: rgba(255, 255, 255, 0);
  text-align: center !important;
  color: #ffffff;
  text-shadow: none;
}

.AGWAVidThumbBtn .carousel-caption {
  padding: 1em;
  position: absolute;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  bottom: 0;
  top: 40%;
  background-color: rgba(255, 255, 255, 0);
  text-align: center !important;
  color: #ffffff;
  text-shadow: none;
}

.AGWASlideButton .carousel-caption p, .AGWAVidThumbBtn .carousel-caption p {
  font-size: 18px;
  font-weight: 900;
  font-style: normal;
  color: #ffffff;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.AGWASlideButton .carousel-caption h1, .AGWAVidThumbBtn .carousel-caption h1 {
  color: #ffffff;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
}

.AGWASlideButton .carousel-caption h1:after, .AGWAVidThumbBtn .carousel-caption h1:after {
  display: none;
}

@media (min-width: 769px) {
  .AGWASlideButton .carousel-caption, .AGWAVidThumbBtn .carousel-caption {
    width: 100%;
	max-width: 100%;
    right: auto;
    left: auto;
  }
}

 @media (max-width: 768px) {
  .AGWASlideButton .carousel-caption, .AGWAVidThumbBtn .carousel-caption {
    width: 100%;
	right: auto;
    left: auto;
  }
}
 @media (max-width: 359px) {
  .AGWASlideButton .carousel-caption, .AGWAVidThumbBtn .carousel-caption {
    width: 100%;
	right: auto;
    left: auto;
	bottom: 0;
    top: 40%;
  }
}

.AGWASlideButton .image-gradient:before, .AGWAVidThumbBtn .image-gradient:before {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0, 45, 116, 0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 45, 116, 0.8)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 45, 116, 0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 45, 116, 0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0, 45, 116, 0.8) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0, 45, 116, 0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d74', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.AGWASlideButton .img-gradient img, .AGWAVidThumbBtn .carousel-caption img {
  display:block;
}

/* Slideshow for internal page responsive images
   ========================================================================== */
/* Used by the Slideshow iPart */

.AGWAPageSlide {
	position: relative;
}
.AGWAPageSlide h1, .AGWAPageSlide h2, .AGWAPageSlide h3, .AGWAPageSlide h4, .AGWAPageSlide h5, .AGWAPageSlide p {
  font-weight: 400;
  display: inline-block;
  color: #002d74;
  text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  font-style: normal;
}

@media (max-width: 991px) {
  .AGWAPageSlide h1 {
    font-size: 85%;
  }
}

.AGWAPageSlide .carousel-caption {
  padding: 1em;
  position: absolute;
  font-family: "Open Sans", Helvetica Neue, sans-serif;
  bottom: auto;
  top: 10%;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: left !important;
  color: #002d74;
  text-shadow: none;
  font-style: normal;
}



/* KISS Custom Code
   ========================================================================== */

/* Master Glazier Responsive Chevrons
   ========================================================================== */
/* Used by the Content iPart */

.lc h3{
	color:#fff;
	padding: 15px 25px;
	display: block;
	position:relative;
}

.lc h3:after{
  position:absolute;
  display:block;
  content:'';
  right: -34px;
  top:0;
  width:35px;
  height:100%;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  z-index:1;
}

.lc h3:before{
  display:block;
  content:'';
  position:absolute;
  left: -32px;
  height:100%;
  width:35px;
  top:0;
}

.lc.yellow h3{
	background-color:rgb(247, 150, 70);
}

.lc.yellow h3:after{
  background-color:rgb(247, 150, 70);
}

.lc.orange h3{
  background-color:rgb(209, 87, 21);
}

.lc.orange h3:after{
background-color: rgb(209, 87, 21);
}

.lc.orange h3:before{
  background-color:rgb(209, 87, 21);
}

.lc.blue h3{
  background-color: rgb(49, 101, 176);
}

.lc.blue h3:before{
  background-color:rgb(49, 101, 176);
}

.lc.blue h3:after{
background-color:rgb(49, 101, 176);
}

.lc.dblue h3{
  background-color: rgb(25, 42, 103);
}

.lc.dblue h3:before{
  background-color:rgb(25, 42, 103);
}

.lc.dblue h3:after{
display:none;
}

@media(max-width:767px){
  .lc h3:after,
  .lc h3:before{
    display:none;
  }

  .lc{
    color:#fff;
    padding-bottom:20px;
    margin-bottom:-15px;
    position:relative;
    margin-top:0px;
    padding-top:40px;
  }

  .lc h3{
    padding:20px 0px;
    text-align:center;
  }

  .lc.yellow,
  .lc.yellow:after{
    background-color: rgb(247, 150, 70);
    padding-top: 0px;
  }

  .lc.orange,
  .lc.orange:after{
    background-color: rgb(209, 87, 21);
  }

  .lc.blue,
  .lc.blue:after{
    background-color: rgb(49, 101, 176);
  }

  .lc.dblue{
    background-color: rgb(25, 42, 103);
    margin-bottom:20px;
  }

  .lc.dblue:after{
    display:none;
  }

  .lc:after{
    display:block;
    position:absolute;
    content:'';
    width:100%;
    height: 40px;
    bottom: -39px;
    z-index:1;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
  }
}

/* Custom Button styles */

.iconbtn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 0px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 0px 0px;
  font-size: 16px;
  line-height: 1.8;
  border-radius: 0px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}

.iconbtn {
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  margin: 0;
  -webkit-transform: scale(0.94);
          transform: scale(0.94);
}

@media screen and (prefers-reduced-motion: reduce) {
  .iconbtn {
    -webkit-transition: none;
    transition: none;
  }
}

.iconbtn:hover, .iconbtn:focus {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*  Customise Ultrawave styles */

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5%;
  opacity: 0.5;
  font-size: 50px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 45, 116, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 45, 116, 0.5) 100%);
  background-repeat: repeat-x;
}

/* Do not display Table Head in Query Menu iPart */
.TableNoHead thead {
	display: none;
}



.CTA a{
	display:block;
	margin:0px auto;
	max-width:300px;
  text-decoration:none;
  -webkit-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
}

.CTA a img{
    margin: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.CTA a:hover,
.CTA a:focus{
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.CTA a .text{
	text-align:center;
	padding:15px;
  display:block;
  background:#e1e1e1;
  color:#ffffff;
}

.CTA.navy a{
  background:#002d74;
}

.CTA.blue a{
  background:#316eb5;
}

.CTA.orange a{
  background:#d35f16;
}

.carousel-inner.bg-img > .item.white-bg{
  background:#ffffff;
}

.white-bg .carousel-caption{
  left:0;
  right:0;
  text-align: center!important;
  margin: 0px auto;
  max-width: 70%;
  top: 0;
  /* transform: translateY(-50%); */color:#000!important;
  bottom: auto;
}

.white-bg p{
  color:#000!important;
  font-weight:400!important;
  letter-spacing: 3px;
  margin: 0;
}

.white-bg h1{
  color: #000!important;
  font-size: 60px;
  text-shadow: none!important;
  display: block;
  font-weight: 700!important;
  letter-spacing: 10px;
}


.white-bg hr{
  max-width:200px;
  margin:20px auto;
  border-color: #000!important;
}

.white-bg .tag{
  background:#ce5f28;
  color:#ffffff;
  padding:10px;
  margin:20px 0px;
  display:inline-block;
  letter-spacing:2px;
}

.white-bg h1.big{
  font-size:80px;
  margin:-10px 0px;
  font-weight:900;
}

.noGradient .InternalHeaderArea .carousel-inner:before{
  display:none;
}

.white-bg img{
  position:absolute;
  right:0;
  top:30px;
  max-width:160px;
}