@charset "UTF-8";
/* Responsive Cities theme */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap");
@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap");
@font-face {
  font-family: "WebComponentsIcons";
  src: url("WebResource.axd?d=ocFsxe5_z2Qx2L6KSd7zR2z-l2Zalopuj7NJW7TG4WveWUVdUXI5DZXzSk_OOfzIDKJ1N-En3NeT9Cia39jCyI3XD54Tb5e-0k14UghlTKEowJt__06MkNw8ycU4-NCLB47T1IHuiUQQi7sP_u75FR_4-X8Vsqoknfqx3-cffJc1&t=637244330940000000") format("woff"), url("WebResource.axd?d=qIIgC53k2iSa6yyS3xf_EKK4ej7IdebV7pI_CwqaQ7nR098dCqX74KdiApVl1Ha6xV-jI6w0gGeYun372XE2xmhZ1-7pZ34Y7MIpNDxeJm5-1Qgzf0_xjhKH6IUyh35wEl9jI9Ki7Q56SU01NMfGisSeDj1nNvtoV2Hs3OB0hbw1&t=637244330940000000") format("truetype");
}
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/**
 * Styles necessary to properly align the Cities master page
 **/
#masterWrapper.yui-t2 {
  width: auto;
}

/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1470px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0 40px;
}
.no-mqs .container,
.no-mqs .header-container,
.no-mqs .SliderPage1 {
  min-width: 970px;
}
@media screen and (max-width: 768px) {
  .container,
.header-container,
.SliderPage1 {
    padding: 0 17px;
  }
}

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

/* 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;
    margin-top: 1.5rem;
  }
  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }
  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}
.no-mqs .has-secondary-col .col-primary {
  width: 76%;
}
.no-mqs .has-secondary-col .col-secondary {
  width: 22%;
}
.no-mqs .has-secondary-col.col-on-right .col-primary {
  float: left;
  margin-right: 2%;
}
.no-mqs .has-secondary-col.col-on-right .col-secondary {
  float: right;
  margin-top: 1.5rem;
}
.no-mqs .has-secondary-col.col-on-left .col-primary {
  float: right;
  margin-left: 2%;
}
.no-mqs .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: 768px) {
  .search-container,
.auth-link-container {
    display: none;
  }
}
.no-mqs .search-container,
.no-mqs .auth-link-container {
  display: none;
}

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

/* This applies to the area behind the header logo and auxiliary navigation */
.header {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .nav-primary {
    margin-top: 10px;
  }
}
.no-mqs .nav-primary {
  margin-top: 10px;
}

.navbar-collapse {
  clear: both;
}
@media (max-width: 767px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-collapse {
    clear: right;
  }
}
.no-mqs .navbar-collapse {
  clear: right;
}

@media (min-width: 768px) {
  .nav-primary {
    float: right;
    clear: right;
  }
}
.no-mqs .nav-primary {
  float: right;
  clear: right;
}

.header-logo-container {
  float: left;
  transform-origin: top left;
  transform: scale(1.5);
}

@media (max-width: 767px) {
  .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: 767px) {
  .ste-section {
    display: none !important;
  }
}

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

/***** 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: 0.5em 0;
}

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

/* To call attention to a top-level primary navigation item, apply the 'nav-primary-feature' class to a navigation item's Css Class in 'Manage sitemaps' */
.RadMenu .rmRootGroup .nav-primary-feature.rmRootLink, .RadMenu .rmRootGroup .nav-primary-feature.rmRootLink.rmExpanded, .RadMenu .rmRootGroup .nav-primary-feature.rmRootLink:hover, .RadMenu .rmRootGroup .nav-primary-feature.rmRootLink:focus {
  background-color: #cc3366;
  color: #fff;
}
.RadMenu .rmRootGroup .nav-primary-feature.rmRootLink + .rmSlide .rmGroup {
  background-color: #cc3366;
  color: #fff;
}

/* ==========================================================================
  Basic setup
  ========================================================================== */
body {
  font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.8125;
  color: #333333;
  --feature-color: #0059a7;
}

a {
  color: #006DA5;
  text-decoration: underline;
  text-decoration: none;
}
a:visited {
  color: #007ebf;
}
a:hover, a:focus, a:active {
  color: #DC6127;
}
a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited {
  color: #C5C5C5;
}

.RadGrid a, .RadToolTip a {
  color: #006DA5  !important;
  text-decoration: underline;
}
.RadGrid a:visited, .RadToolTip a:visited {
  color: #007ebf  !important;
}
.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active, .RadToolTip a:hover, .RadToolTip a:focus, .RadToolTip a:active {
  color: #DC6127  !important;
}
.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited, .RadToolTip a.aspNetDisabled, .RadToolTip a.aspNetDisabled:hover, .RadToolTip a.aspNetDisabled:focus, .RadToolTip a.aspNetDisabled:active, .RadToolTip a.aspNetDisabled:visited {
  color: #C5C5C5  !important;
}

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

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

h1, .h1, .PageTitle,
h2, .h2, .PanelTitle,
h3, .h3, .PanelTitle,
h4, .h4, .PanelTitle,
h5, .h5, .PanelTitle,
h6, .h6, .PanelTitle {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
}

h1, .h1, .PageTitle {
  margin-top: 0;
}

h1, .h1, .PageTitle {
  color: inherit;
  font-size: 3rem;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #cc3366;
  padding: 20px;
  margin: 0;
}

h2, .PanelTitle {
  font-size: 2.5rem;
  color: #DC6127;
}

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

h3 {
  font-size: 2.2rem;
  color: #DC6127;
  text-transform: uppercase;
}

h4 {
  font-size: 1.8rem;
  text-transform: uppercase;
}

h4, .SectionLabel, h5 {
  margin: 0 0 0.2em;
}

h4, .h4, .SectionLabel {
  color: inherit;
}

h5, .h5 {
  color: inherit;
}

h6, .h6 {
  margin: 0;
}

hr {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ddd;
}

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

div[id*=EventDisplay_TitleBar].TitleBarCaption {
  background-color: #0059a7;
}
div[id*=EventDisplay_TitleBar].TitleBarCaption h2 {
  color: #FFF;
}

.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: 0.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: #abd6d9;
}

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

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

input[type=text].search-field {
  height: 3rem;
}

.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: 768px) {
  #masterHeaderImage {
    background-position: 0 -47px;
    width: 120px;
  }
}
.no-mqs #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: 768px) {
  #masterDonorHeaderImage {
    width: 169px;
  }
}
.no-mqs #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: #006c81;
}
.ProxyPanelContact, .ProxyPanelContact .obo-label {
  color: #fff;
}
.ProxyPanelContact a {
  color: #72cfff;
}

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

.SubNavPanelHead {
  background-color: #FFF;
  color: #333333;
  font-family: "Raleway", 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 15px 1em;
}

.footer-nav-copyright:before, .footer-nav-copyright:after {
  content: " ";
  display: table;
}
.footer-nav-copyright:after {
  clear: both;
}
.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 0.65em 0;
}
@media (max-width: 767px) {
  .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: 768px) {
  .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;
  }
}
.no-mqs .footer-nav-copyright .footer-social-copyright .footer-social {
  text-align: left;
}
.no-mqs .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%;
  }
}
.no-mqs .footer-content-section {
  float: left;
  width: 50%;
}

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

#masterFooterCopyright {
  clear: both;
}

.footer-content {
  background-color: #0059a7;
  color: #FFF;
  text-align: center;
}
.footer-content h2 {
  margin-top: 0;
  color: #FFF;
  border-bottom: none;
}
.footer-content a {
  color: #FFF;
}

.footer-social {
  padding-top: 15px;
}
.footer-social a {
  margin-right: 0.5em;
}

.footer-promo-container .promo {
  background-color: #001528;
  /* rgba fallback */
  background-color: rgba(0, 21, 40, 0.5);
  padding: 15px;
  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: "Raleway", sans-serif;
  font-weight: 700;
  margin-bottom: 0.25em;
  font-size: 130%;
  line-height: inherit;
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-promo-container .lead {
    font-size: 150%;
  }
}
@media (min-width: 992px) {
  .footer-promo-container .lead {
    font-size: 170%;
  }
}
.no-mqs .footer-promo-container .lead {
  font-size: 170%;
}
.footer-promo-container .TextButton {
  background-color: #001528;
  /* rgba fallback */
  background-color: rgba(0, 21, 40, 0.5);
  color: #fff;
}
.footer-promo-container .TextButton:hover {
  background-color: #001528;
  /* rgba fallback */
  background-color: rgba(0, 21, 40, 0.8);
}

.footer-nav-copyright {
  background-color: #333;
  color: #999;
}
.footer-nav-copyright a, .footer-nav-copyright a:visited {
  color: #fff;
}
.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
  color: white;
}

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
  background-color: #0059a7;
  color: #FFF;
}
#ft h4 {
  color: #FFF;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  text-transform: none;
}

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

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
  color: #FFF;
}
#masterFooterContent a:visited,
#masterFooterCopyright a:visited,
#masterFooterNavigation a:visited {
  color: #FFF;
}
#masterFooterContent a:hover, #masterFooterContent a:active,
#masterFooterCopyright a:hover,
#masterFooterCopyright a:active,
#masterFooterNavigation a:hover,
#masterFooterNavigation a:active {
  color: #e6e6e6;
}

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

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse, .searchbar-collapse {
  background-color: #FFF;
}
@media (min-width: 768px) {
  .navbar-collapse, .searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
  }
}
.no-mqs .navbar-collapse, .no-mqs .searchbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;
}

.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 15px 15px;
  text-align: right;
  border-bottom: 1px solid #0059a7;
}

/* Reset some Telerik defaults */
.RadMenu.RadMenu_REBI_Aegean {
  float: none;
}
.RadMenu.RadMenu_REBI_Aegean .rmGroup, .RadMenu.RadMenu_REBI_Aegean .rmRootGroup, .RadMenu.RadMenu_REBI_Aegean .rmMultiColumn, .RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem {
  border: none;
}
.RadMenu.RadMenu_REBI_Aegean .rmVertical .rmToggle .rmIcon:before, .RadMenu.RadMenu_REBI_Aegean .rmVertical .rmExpand:before, .RadMenu.RadMenu_REBI_Aegean .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_REBI_Aegean .rmHorizontal .rmToggle .rmIcon:before, .RadMenu.RadMenu_REBI_Aegean .rmHorizontal .rmExpand:before, .RadMenu.RadMenu_REBI_Aegean .rmBottomArrow .rmIcon:before {
  content: none;
}
.RadMenu.RadMenu_REBI_Aegean .rmItem, .RadMenu.RadMenu_REBI_Aegean .rmHorizontal > .rmItem, .RadMenu.RadMenu_REBI_Aegean .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_REBI_Aegean .rmLink {
  float: none;
}
.RadMenu.RadMenu_REBI_Aegean .rmLink {
  padding: 0px 5px;
}
.RadMenu.RadMenu_REBI_Aegean .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.RadMenu.RadMenu_REBI_Aegean .rmRootGroup .rmRootLink .rmToggle, .RadMenu.RadMenu_REBI_Aegean .rmToggle {
  width: auto;
}
.RadMenu.RadMenu_REBI_Aegean .rmToggle, .RadMenu.RadMenu_REBI_Aegean .rmToggle .rmIcon, .RadMenu.RadMenu_REBI_Aegean .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}
.RadMenu.RadMenu_REBI_Aegean .rmGroup .rmContent, .RadMenu.RadMenu_REBI_Aegean .rmRootGroup .rmContent {
  padding: 0;
}
.RadMenu.RadMenu_REBI_Aegean .RadSiteMap, .RadMenu.RadMenu_REBI_Aegean .RadSiteMap .rsmItem, .RadMenu.RadMenu_REBI_Aegean .RadSiteMap .rsmTwoLevels .rsmItem {
  font-size: inherit;
}

.RadMenu.RadMenu_REBI_Aegean {
  z-index: 1001 !important;
  position: relative;
}
.RadMenu.RadMenu_REBI_Aegean:focus {
  outline: none;
}
.RadMenu.RadMenu_REBI_Aegean ul {
  margin: 0;
  padding: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rmItem, .RadMenu.RadMenu_REBI_Aegean .rsmItem {
  list-style: none;
}
.RadMenu.RadMenu_REBI_Aegean .rmDisabled > a, .RadMenu.RadMenu_REBI_Aegean .rsmDisabled > a {
  cursor: default;
}
.RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem::before {
  position: absolute;
  top: 50px;
  left: 2rem;
  border-bottom: 10px solid #DC6127;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  z-index: 5;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem:hover::before {
  position: absolute;
  top: 50px;
  left: 2rem;
  border-bottom: 10px solid #DC6127;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  content: "";
  opacity: 1;
  z-index: 5;
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s;
}
.RadMenu.RadMenu_REBI_Aegean .rmItem {
  width: auto;
  clear: both;
}
.RadMenu.RadMenu_REBI_Aegean .rmText,
.RadMenu.RadMenu_REBI_Aegean .rmHorizontal .rmText,
.RadMenu.RadMenu_REBI_Aegean .rmSlide .rmText {
  padding: 15px 15px;
}
@media screen and (max-width: 1200px) {
  .RadMenu.RadMenu_REBI_Aegean .rmText,
.RadMenu.RadMenu_REBI_Aegean .rmHorizontal .rmText,
.RadMenu.RadMenu_REBI_Aegean .rmSlide .rmText {
    padding: 15px calc(15px - 1rem);
  }
}
@media screen and (max-width: 992px) {
  .RadMenu.RadMenu_REBI_Aegean .rmText,
.RadMenu.RadMenu_REBI_Aegean .rmHorizontal .rmText,
.RadMenu.RadMenu_REBI_Aegean .rmSlide .rmText {
    padding: 15px calc(15px - 0.6rem);
  }
}
.RadMenu.RadMenu_REBI_Aegean ul.rmRootGroup li:last-of-type .rmText {
  padding-right: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rmSlide .MegaDropDownMenuOuter > .rmText {
  /* when mega menus are on, don't add padding around the rmText */
  padding: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 40px;
}
.RadMenu.RadMenu_REBI_Aegean .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.RadMenu_REBI_Aegean .rsmItem {
  padding: 7.5px 15px;
  margin: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rsmLink,
.RadMenu.RadMenu_REBI_Aegean .rsmOneLevel .rsmItem .rsmLink {
  padding: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rsmTwoLevels .rsmItem .rsmItem,
.RadMenu.RadMenu_REBI_Aegean .rsmTwoLevels .rsmLevel1 .rsmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
  margin-right: 15px;
}
.RadMenu.RadMenu_REBI_Aegean .rsmTwoLevels .rsmLink {
  margin-bottom: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 7.5px;
}
@media (max-width: 480px) {
  .RadMenu.RadMenu_REBI_Aegean .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}
.RadMenu.RadMenu_REBI_Aegean .rsmColumnWrap {
  margin-bottom: 0;
  background-color: #011435;
  padding-left: 0.75rem;
}
.RadMenu.RadMenu_REBI_Aegean .rsmThreeLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_REBI_Aegean .rsmThreeLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_REBI_Aegean .rsmTwoLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_REBI_Aegean .rsmTwoLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_REBI_Aegean .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_REBI_Aegean .rsmOneLevel .rsmItem .rsmTemplate {
  display: block;
}
.RadMenu.RadMenu_REBI_Aegean .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_REBI_Aegean .rsmOneLevel .rsmItem .rsmTemplate {
  white-space: nowrap;
}
.RadMenu.RadMenu_REBI_Aegean .rmLink,
.RadMenu.RadMenu_REBI_Aegean .rsmLink {
  color: #0059a7;
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}
.RadMenu.RadMenu_REBI_Aegean .rsmColumnWrap .rsmLevel1 .rsmLink, .RadMenu.RadMenu_REBI_Aegean .rsmColumnWrap .rsmLevel1 .rsmTemplate {
  padding: 0;
  margin: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rmGroup .rmText {
  margin: 0;
}
.RadMenu.RadMenu_REBI_Aegean .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #0059a7;
  background-color: transparent;
}
.RadMenu.RadMenu_REBI_Aegean .rmRootLink.rmExpanded,
.RadMenu.RadMenu_REBI_Aegean .rmRootLink:hover,
.RadMenu.RadMenu_REBI_Aegean .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: #FFF;
  color: #0059a7;
}
.RadMenu.RadMenu_REBI_Aegean .rmGroup {
  background-color: #0059a7;
}
.RadMenu.RadMenu_REBI_Aegean .rmDisabled > .rmLink,
.RadMenu.RadMenu_REBI_Aegean .rsmDisabled > .rsmLink {
  color: #fff;
}
.RadMenu.RadMenu_REBI_Aegean .rmDisabled > .rmLink:hover, .RadMenu.RadMenu_REBI_Aegean .rmDisabled > .rmLink:active,
.RadMenu.RadMenu_REBI_Aegean .rsmDisabled > .rsmLink:hover,
.RadMenu.RadMenu_REBI_Aegean .rsmDisabled > .rsmLink:active {
  background-color: transparent;
  color: #fff;
}
.RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem > .rmLink {
  font-size: 105%;
  font-weight: bold;
  letter-spacing: 1px;
}
.RadMenu.RadMenu_REBI_Aegean .rmToggle, .RadMenu.RadMenu_REBI_Aegean .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
}
.RadMenu.RadMenu_REBI_Aegean .rmToggle .rmIcon, .RadMenu.RadMenu_REBI_Aegean .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: 15px;
  margin-left: 15px;
}
.RadMenu.RadMenu_REBI_Aegean .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_REBI_Aegean .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_REBI_Aegean .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_REBI_Aegean .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_REBI_Aegean .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_REBI_Aegean .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}
.RadMenu.RadMenu_REBI_Aegean .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.RadMenu_REBI_Aegean .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
  border-top: 3px solid #DC6127;
}
.RadMenu_REBI_Aegean .rmSlide .rmItem {
  float: none;
  display: block;
}
.RadMenu_REBI_Aegean .rmSlide .rmText {
  float: none;
}
.RadMenu_REBI_Aegean .rmSlide .rmLink,
.RadMenu_REBI_Aegean .rmSlide .rsmLink {
  color: #fff;
}
.RadMenu_REBI_Aegean .rmSlide .rmSeparator,
.RadMenu_REBI_Aegean .rmSlide .rmVertical > .rmSeparator,
.RadMenu_REBI_Aegean .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px solid #fff;
}
.RadMenu_REBI_Aegean .rmSlide .rmSeparator, .RadMenu_REBI_Aegean .rmSlide .rmVertical > .rmSeparator {
  margin: 0 15px;
}
.RadMenu_REBI_Aegean .rmSlide .rmFocused > .rmLink,
.RadMenu_REBI_Aegean .rmSlide .rmSelected > .rmLink,
.RadMenu_REBI_Aegean .rmSlide .rsmSelected > .rsmLink,
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: transparent;
  color: #F7916B;
  font-weight: bold;
}
.RadMenu_REBI_Aegean .rmSlide .rmLink:hover, .RadMenu_REBI_Aegean .rmSlide .rmLink.rmFocused,
.RadMenu_REBI_Aegean .rmSlide .rsmLink:hover,
.RadMenu_REBI_Aegean .rmSlide .rsmLink.rmFocused,
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
  background-color: transparent;
  color: #F7916B;
}
.RadMenu_REBI_Aegean .rmSlide .rmLink:active,
.RadMenu_REBI_Aegean .rmSlide .rsmLink:active,
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:active {
  background-color: transparent;
  color: #F7916B;
  font-weight: bold;
}
.RadMenu_REBI_Aegean .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
   * we want to indent the nav to give separation */
  margin-left: 0;
}
.RadMenu_REBI_Aegean .rmSlide .rmExpandRight, .RadMenu_REBI_Aegean .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 110% -200px;
  background-repeat: no-repeat;
}
.RadMenu_REBI_Aegean .rmSlide .MegaDropDownMenu {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem {
  margin-bottom: 0.5em;
}
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.RadMenu_REBI_Aegean .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  color: #fff;
  font-weight: normal;
  letter-spacing: 1px;
}
.RadMenu_REBI_Aegean .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}
@media (max-width: 767px) {
  .RadMenu_REBI_Aegean .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_REBI_Aegean .rmSlide ul.rmVertical, .RadMenu_REBI_Aegean .rmSlide ul.rmHorizontal, .RadMenu_REBI_Aegean .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_REBI_Aegean .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 56px;
  }
  .RadMenu_REBI_Aegean .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }
  .RadMenu_REBI_Aegean .rmSlide .rmToggleHandles .rmExpandRight,
.RadMenu_REBI_Aegean .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: 768px) {
  .RadMenu.RadMenu_REBI_Aegean {
    /* Make sure mega menus with two levels are an adequate width */
  }
  .RadMenu.RadMenu_REBI_Aegean .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_REBI_Aegean .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_REBI_Aegean .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_REBI_Aegean .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_REBI_Aegean .rmToggle, .RadMenu.RadMenu_REBI_Aegean .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_REBI_Aegean .rsmTwoLevels {
    /*Standard Width*/
    min-width: 190px !important;
  }
  .RadMenu.RadMenu_REBI_Aegean .LargerWidth10 {
    /*minimum width for more than menu items with 10-13 chars*/
    min-width: 210px !important;
  }
  .RadMenu.RadMenu_REBI_Aegean .LargerWidth14 {
    /*minimum width for more than menu items with 14-17 chars*/
    min-width: 280px !important;
  }
  .RadMenu.RadMenu_REBI_Aegean .LargerWidth18 {
    /*minimum width for more than menu items with 18-21 chars*/
    min-width: 350px !important;
  }
  .RadMenu.RadMenu_REBI_Aegean .LargerWidth22 {
    /*minimum width for more than menu items with 22+ chars*/
    min-width: 450px !important;
  }
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean {
  /* Make sure mega menus with two levels are an adequate width */
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rmItem {
  white-space: nowrap;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem {
  float: left;
  clear: none;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rmRootGroup > .rmItem > .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rmSlide .rmGroup {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rmSlide .rmItem {
  float: none;
  display: block;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rmSlide .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rmToggle, .no-mqs .RadMenu.RadMenu_REBI_Aegean .rmRootGroup .rmRootLink .rmToggle {
  display: none;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .rsmTwoLevels {
  /*Standard Width*/
  min-width: 190px !important;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .LargerWidth10 {
  /*minimum width for more than menu items with 10-13 chars*/
  min-width: 210px !important;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .LargerWidth14 {
  /*minimum width for more than menu items with 14-17 chars*/
  min-width: 280px !important;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .LargerWidth18 {
  /*minimum width for more than menu items with 18-21 chars*/
  min-width: 350px !important;
}
.no-mqs .RadMenu.RadMenu_REBI_Aegean .LargerWidth22 {
  /*minimum width for more than menu items with 22+ chars*/
  min-width: 450px !important;
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_REBI_Aegean {
  white-space: normal;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtLI,
.RadTreeView.RadTreeView_REBI_Aegean .rtTop,
.RadTreeView.RadTreeView_REBI_Aegean .rtMid,
.RadTreeView.RadTreeView_REBI_Aegean .rtBot {
  padding: 0;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtIn {
  font-weight: normal !important;
  display: block;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtIn,
.RadTreeView.RadTreeView_REBI_Aegean .rtHover .rtIn,
.RadTreeView.RadTreeView_REBI_Aegean .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtUL {
  width: 100%;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_REBI_Aegean .child-is-selected.rtIn {
  background-color: transparent;
  color: #DC6127;
  font-weight: bold !important;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_REBI_Aegean .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_REBI_Aegean .rtSelected > a.rtIn:focus {
  color: #DC6127;
  background-color: transparent;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtUL .rtUL {
  padding-left: 15px;
}
.RadTreeView.RadTreeView_REBI_Aegean > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px solid #ddd;
}
.RadTreeView.RadTreeView_REBI_Aegean > .rtUL > .rtLI:first-child {
  border-top: none;
}
.RadTreeView.RadTreeView_REBI_Aegean > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}
.RadTreeView.RadTreeView_REBI_Aegean > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}
.RadTreeView.RadTreeView_REBI_Aegean > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtMid, .RadTreeView.RadTreeView_REBI_Aegean .rtBot, .RadTreeView.RadTreeView_REBI_Aegean .rtTop {
  position: relative;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtSp,
.RadTreeView.RadTreeView_REBI_Aegean .rtPlus,
.RadTreeView.RadTreeView_REBI_Aegean .rtMinus {
  width: 1em;
  height: 1em;
  right: 0.5em;
  top: 0.5em;
  left: auto;
  background-color: transparent;
  color: #4A4A4A;
  border: 0px;
  font-weight: bold;
  font-size: 120%;
  position: absolute;
  margin: 1px 0 0 -1px;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtPlus:before, .RadTreeView.RadTreeView_REBI_Aegean .rtMinus:before {
  font: 16px/1 FontAwesome;
  margin: -0.5em 0 0 -0.5em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtMinus:before {
  content: "";
}
.RadTreeView.RadTreeView_REBI_Aegean .rtPlus:before {
  content: "";
}
.RadTreeView.RadTreeView_REBI_Aegean a.rtIn {
  color: #006DA5;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
}
.RadTreeView.RadTreeView_REBI_Aegean a.rtIn:hover, .RadTreeView.RadTreeView_REBI_Aegean a.rtIn:focus, .RadTreeView.RadTreeView_REBI_Aegean a.rtIn:active {
  color: #FFF;
  background-color: #DC6127;
}
.RadTreeView.RadTreeView_REBI_Aegean .rtHover:not(.rtSelected) > .rtPlus, .RadTreeView.RadTreeView_REBI_Aegean .rtHover:not(.rtSelected) > .rtMinus {
  color: #FFF;
}

.nav-secondary {
  background-color: #FFF;
  margin-bottom: 1em;
}
.nav-secondary .sub-nav-head {
  background: linear-gradient(226deg, #DC6127 16%, #0059a7 0%);
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 10px 15px;
}
.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #0059a7;
}
.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
}
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
}

.navbar-toggle {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
  vertical-align: middle;
  background-color: #00A8E0;
  border-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* extend the toggle down when it's open */
  margin-bottom: 0;
  /* then tighten it back up when it's closed */
  margin-bottom: 6.5px;
  padding-bottom: 9px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.navbar-toggle.collapsed {
  background-color: #00A8E0;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #00A8E0;
}
.navbar-toggle .icon-bar {
  background-color: #fff;
}

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
  margin-left: 14px;
}
.nav-auxiliary a {
  /* Utility navigation links */
  color: #0059a7;
  text-decoration: none;
}
.nav-auxiliary a:hover {
  color: #DC6127;
}
@media (min-width: 768px) {
  .nav-auxiliary .NavigationListItem,
.nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
  }
}
.no-mqs .nav-auxiliary .NavigationListItem,
.no-mqs .nav-auxiliary .header-social .SocialSprite {
  margin-left: 7px;
}
.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;
}
.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: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
  width: 22px;
  height: 21px;
  margin: -1px 0;
  /* this makes it line up properly with the hamburger */
}

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
  position: relative;
  /* this is required for the cart indicator placement */
  display: inline-block;
}
.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
  /* add the background sprite for the provided CSS classes */
  background-image: url("images/ResponsiveHeaderSprite.png");
  background-repeat: no-repeat;
  padding-left: 26px;
}
.nav-auxiliary .nav-aux-account .nav-text {
  background-position: 0 -125px;
}
.nav-auxiliary .nav-aux-cart .nav-text {
  background-position: 0 -75px;
}
.nav-auxiliary .nav-aux-cart .cartFull {
  /* This is the flag indicating how many items are in your cart */
  /* left postion is padding plus placement */
  position: absolute;
  top: -5px;
  left: 10px;
  text-align: center;
  line-height: 1;
  width: 1.6em;
}
.nav-auxiliary .nav-aux-cart .cartCenter {
  color: #fff;
  background-color: #cc6688;
  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-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: #00A8E0;
    margin-left: 14px;
    padding: 9px 10px;
    margin-top: 3.5px;
    margin-bottom: 3.5px;
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #00A8E0;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:active {
    background-color: #00A8E0;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    /* hide the cart text on small devices */
    display: inline-block;
    white-space: nowrap;
    float: left;
    overflow: hidden;
    width: 22px;
    height: 19px;
    padding-left: 22px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background-position: 0 -100px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-position: 0 -50px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 29px;
    /* margin, padding, plus placement */
    top: 8px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #cc6688;
    color: #fff;
  }
}

.header-search {
  padding: 15px 15px;
}
.header-search > .header-search {
  padding: 0;
  /* don't double the padding */
}
@media (max-width: 767px) {
  .header-search .search-field {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header-search {
    padding: 0 0 0 7px;
  }
}
.no-mqs .header-search {
  padding: 0 0 0 7px;
}

/* 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: 767px) {
  .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: 768px) {
  .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;
  }
}
.no-mqs .nav-primary .nav-aux-primary-switch,
.no-mqs tr.nav-primary .nav-aux-primary-switch,
.no-mqs th.nav-primary .nav-aux-primary-switch,
.no-mqs td.nav-primary .nav-aux-primary-switch {
  display: none !important;
}

.searchbar-collapse {
  margin-left: calc(-1.4 * ((100vw - 100%) / 2));
}

/* ==========================================================================
   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;
  border-radius: 5px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.SocialSprite.LargeButtons {
  width: 32px;
  height: 32px;
}
.SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.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: #0e76a8;
}
.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;
}

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Open Sans", Helvetica Neue, Arial, 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 {
  display: inline-block;
  height: 6rem;
  padding: 1rem 28px;
  font-size: 100%;
  line-height: 1.8125;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 5px;
  -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, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
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:-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;
}
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;
}
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;
}
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;
}

/* 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: 6rem;
  padding: 0;
  font-size: 100%;
  line-height: 1.8125;
  border: 1px solid #ccc;
  border-radius: 5px;
  -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, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.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: 1rem 28px;
}
.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #999999;
}
.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 5px 5px 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 .riTextBox, .RadInput.RadInput .riTextBox {
  height: 6rem;
  padding: 1rem 28px;
  border-color: #ccc;
  font: inherit;
  color: #555555;
}
.RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus {
  border-color: #66afe9;
}

.RadUpload.RadUpload .ruFakeInput {
  height: 5.8rem;
  padding: 0;
  border-radius: 5px;
}

/* RadEditor designed to look like a normal text box */
#EventDescriptionDiv .ContentHtmlEditor {
  border: 1px solid #ccc;
  border-radius: 5px;
  -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);
}
#EventDescriptionDiv iframe, #EventDescriptionDiv td {
  background-color: transparent;
}

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

/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 6rem;
  border-radius: 5px;
  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, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  background-image: 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,
#masterHeaderActionArea a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 1rem 28px;
  font-size: 1.4rem;
  line-height: 1.8125;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus,
#masterHeaderActionArea a:focus {
  outline: thin dotted #333;
  outline: 5px 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,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:visited {
  color: #DC6127;
  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,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active {
  outline: 0;
  background-image: none;
  background-color: #022A45;
}
.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,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a[disabled],
fieldset[disabled] #masterHeaderActionArea a,
#masterHeaderActionArea a.aspNetDisabled {
  pointer-events: none;
  background-color: #54768e;
  color: #C5C5C5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: #fff;
  background-color: #0059a7;
  border-color: transparent;
  position: relative;
  -webkit-box-shadow: 0px 5px 0 0 transparent;
  box-shadow: 0px 5px 0 0 transparent;
}
.btn:hover, .btn:active, .btn:visited,
.TextButton:hover,
.TextButton:active,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover,
.ruButton:active,
.ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton:visited {
  color: #FFF;
  background-color: #DC6127;
}
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.ruButton:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.TextButton:focus {
  border: 1px solid #31354A;
}
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active {
  background-image: none;
  top: 3px;
  -webkit-box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.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: #0059a7;
  border-color: transparent;
}
.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,
.ruButton.disabled,
.ruButton[disabled],
fieldset[disabled] .ruButton,
.ruButton.aspNetDisabled,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a[disabled],
fieldset[disabled] #masterHeaderActionArea a,
#masterHeaderActionArea a.aspNetDisabled,
.RadGrid input.TextButton.disabled,
.RadGrid input.TextButton[disabled],
fieldset[disabled] .RadGrid input.TextButton,
.RadGrid input.TextButton.aspNetDisabled {
  pointer-events: none;
  background-color: #54768e;
  color: #C5C5C5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 1rem 28px;
  line-height: 1.8125;
  border-radius: 5px;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #fff;
  background-color: #0059a7;
  border-color: transparent;
  position: relative;
  -webkit-box-shadow: 0px 5px 0 0 transparent;
  box-shadow: 0px 5px 0 0 transparent;
}
.PrimaryButton:hover, .PrimaryButton:active, .PrimaryButton:visited,
.SaveAndClose:hover,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  color: #FFF;
  background-color: #DC6127;
}
.PrimaryButton:focus,
.SaveAndClose:focus,
.SaveAs:focus,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButtonWithImage:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.PrimaryButton:focus {
  border: 1px solid #31354A;
}
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
  top: 3px;
  -webkit-box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.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: #0059a7;
  border-color: transparent;
}
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  border: 2px solid #31354A;
}

/* Facebook sign in button */
.TextButton.Facebook {
  color: #fff;
  background-color: #3B5998;
  border-color: transparent;
  position: relative;
  -webkit-box-shadow: 0px 5px 0 0 transparent;
  box-shadow: 0px 5px 0 0 transparent;
}
.TextButton.Facebook:hover, .TextButton.Facebook:active, .TextButton.Facebook:visited {
  color: #FFF;
  background-color: #DC6127;
}
.TextButton.Facebook:focus {
  border: 1px solid #31354A;
}
.TextButton.Facebook:active {
  background-image: none;
  top: 3px;
  -webkit-box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.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: transparent;
}

/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  color: #fff;
  background-color: #0077B5;
  border-color: transparent;
  position: relative;
  -webkit-box-shadow: 0px 5px 0 0 transparent;
  box-shadow: 0px 5px 0 0 transparent;
}
.SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
  color: #FFF;
  background-color: #DC6127;
}
.SignInButton.LinkedIn:focus {
  border: 1px solid #31354A;
}
.SignInButton.LinkedIn:active {
  background-image: none;
  top: 3px;
  -webkit-box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0px 2px 0 0 rgba(0, 0, 0, 0), inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.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: transparent;
}

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important;
  border-radius: 8px;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important;
  border-radius: 11px;
}

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #fff;
  background-color: #333;
}
.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: #141414;
  border: 5px solid pink;
}

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

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: 0.3em;
}
.RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #006DA5;
}
.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus {
  background-color: #03767e;
  color: #fff;
}
.RadTreeView.GLE .rtImg {
  border-radius: 5px;
}

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #FFF;
}

/* Big Button Panel
   ========================================================================== */
.HorizontalButtons a.btn {
  /*give the drop-shadow some room to breathe */
  margin-bottom: 0.6em;
}

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

.SearchField:first-of-type {
  background-color: #FFF;
}

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

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

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

/* Event Display
  ========================================================================== */
.EventSummary {
  background-color: #E9F7FA;
}
.EventSummary .PhotoArea {
  padding: 2em;
}
.EventSummary .PhotoArea img {
  border: 1px solid #CCC !important;
}
.EventSummary .Description {
  padding: 0 2em 2em;
}
@media (min-width: 768px) {
  .EventSummary .Description {
    padding: 2em;
  }
}
.no-mqs .EventSummary .Description {
  padding: 2em;
}
.EventSummary .Description h1, .EventSummary .Description h2, .EventSummary .Description h3, .EventSummary .Description h4, .EventSummary .Description h5, .EventSummary .Description h6 {
  color: black;
}

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

/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #EEE;
  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: #00a8b4;
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #abd6d9;
}
.ProgressTracker2 .ProgressTrackerPanel:before, .ProgressTracker2 .ProgressTrackerPanel:after {
  content: " ";
  display: table;
}
.ProgressTracker2 .ProgressTrackerPanel:after {
  clear: both;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-weight: 700;
}
.ProgressTracker2 div p {
  background-color: #fff;
  color: #195366;
  margin-bottom: 0;
}
.ProgressTracker2 .ProgressBar {
  margin: 10px;
}
.ProgressTracker2 .ProgressBar > span {
  background-color: #db7094;
}
.ProgressTracker2 .SuccessfulMessage {
  background-color: #3fa0c0;
  color: #333333;
}

/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
  ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #FFF;
  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: 2.058825rem;
}
.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}

/* Cart Charges
  ========================================================================== */
.CartCharges {
  background-color: #E9F7FA;
}
.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px solid #E9F7FA;
}
.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}
.CartCharges .GrandTotal .PanelField {
  background-color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  color: #cc3366;
}
.CartCharges .GrandTotal .PanelField .Label {
  color: #cc3366;
}

/* ==========================================================================
  TELERIK OVERRIDES
  ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #00a8b4 !important;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #00a8b4;
  border-radius: 5px 5px 0 0;
}
.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.RadTabStrip_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
  font-size: 1.6rem;
}
html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: #00a8b4;
  background-color: #00a8b4;
}
.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
  border-bottom-color: #00a8b4;
}
@media (max-width: 600px) {
  .RadTabStrip.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip.RadTabStrip_MetroTouch .rtsUL {
    float: none;
    width: 100%;
    display: block;
  }
  html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}

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

/* RadGrid
   ========================================================================== */
.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: #0059a7;
  border-color: #00a8b4;
  color: #fff !important;
}
.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: #0059a7;
  border-color: #00a8b4;
}
.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;
}
.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #00a8b4;
}
.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: #00a8b4;
}
* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #00a8b4;
}
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #00a8b4;
}
.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: #00a8b4;
}
.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;
}

/* 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: #00a8b4;
  border-color: #00a8b4;
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}
.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #00a8b4;
  background-color: #00a8b4;
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #00a8b4;
}
.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: "Open Sans", Helvetica Neue, Arial, 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;
}
.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #195366;
}
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #195366;
}
.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #195366;
}
.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: #195366;
  background-color: #195366;
  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: #0059a7;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #0059a7;
  background-color: #0059a7;
}
.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: #0059a7;
}
.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #0059a7;
}
.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: #00a8b4;
}
.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: #00a8b4;
}
.RadCalendar.RadCalendar_Metro .rcRow .rcToday a,
.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #00a8b4;
}
.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a,
.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #00a8b4;
  background: #00a8b4;
}

.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: 0.08em 0.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 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: #00a8b4;
}

.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #00a8b4;
  border-color: #00a8b4;
}

.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: #00a8b4;
  background: #00a8b4;
}

.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 {
  background-color: #00a8b4;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
  width: inherit;
  text-indent: inherit;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

/* ==========================================================================
  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: 31em;
  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: 768px) {
  .Slider.FullWidth h1 {
    font-size: 250%;
  }
}
.no-mqs .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: #000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
}
@media (min-width: 768px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    border-radius: 10px;
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 29em;
  }
}
.no-mqs .Slider.FullWidth .SliderPage1 .SliderContent {
  border-radius: 10px;
  position: inherit;
  float: right;
  width: 36em;
  margin: 1em;
  max-height: 29em;
}
.Slider.FullWidth .SliderPage1 .SliderText {
  overflow-y: auto;
  line-height: 1.7em;
  color: #fff;
}
.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: 31em;
}
.jumbotron.home h1 span,
.jumbotron.home .ActionButton {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1470px;
}
.jumbotron.home h1 {
  color: #fff;
  margin-top: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: center;
  font-weight: normal;
  font-size: 200%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .jumbotron.home h1 {
    font-size: 250%;
  }
}
.no-mqs .jumbotron.home h1 {
  font-size: 250%;
}
@media (min-width: 768px) {
  .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.no-mqs .jumbotron.home h1 span {
  padding-left: 8%;
  padding-right: 8%;
}
.jumbotron.home .ActionButton {
  text-align: right;
}
@media (min-width: 768px) {
  .jumbotron.home .ActionButton {
    padding-right: 12%;
  }
}
.no-mqs .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:before, .jumbotron.interior p:after {
  content: " ";
  display: table;
}
.jumbotron.interior p:after {
  clear: both;
}
.jumbotron.interior .ActionButton {
  clear: both;
  padding-left: 3em;
  padding-right: 3em;
}
@media (max-width: 767px) {
  .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%;
  }
}
.no-mqs .jumbotron.interior p {
  font-size: 170%;
}
@media (min-width: 768px) {
  .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 0.45em;
    margin-bottom: 0.2em;
    float: left;
    clear: left;
  }
  .jumbotron.interior.AlignRight .jumbotron-text span {
    float: right;
    clear: right;
  }
}
.no-mqs .jumbotron.interior {
  height: 25em;
}
.no-mqs .jumbotron.interior p {
  font-size: 200%;
}
.no-mqs .jumbotron.interior .jumbotron-text span {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.55);
  padding: 0 0.45em;
  margin-bottom: 0.2em;
  float: left;
  clear: left;
}
.no-mqs .jumbotron.interior.AlignRight .jumbotron-text span {
  float: right;
  clear: right;
}

.jumbotron .img-copyright,
.carousel .img-copyright {
  position: absolute;
  bottom: 0.5em;
  right: 1em;
  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 {
  color: #fff;
}

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
  font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
  font-weight: bold;
}
.carousel h2, .carousel .panel-heading {
  border-bottom: none;
}
@media (max-width: 991px) {
  .carousel h1 {
    font-size: 200%;
  }
}

.carousel2 .carousel-caption .img-copyright {
  right: 15%;
}

/* ==========================================================================
  COMMUNITIES
  ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #333333;
}
.CommunityLinksBlock a:hover {
  background-color: #abd6d9;
  color: #333333;
  text-decoration: none;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #195366;
  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: #195366;
}

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

.CommunityProfilePicture img {
  border-radius: 5px;
}

.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  */
.DonorBannerHome {
  background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
  overflow: hidden;
  height: 330px;
  position: relative;
}

.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative;
}

.DonorBannerInteriorBackground1 {
  background: #67895e url(../../images/SampleSites/Donor/bearbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground2 {
  background: #95BB19 url(../../images/SampleSites/Donor/butterflybanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground3 {
  background: #764c31 url(../../images/SampleSites/Donor/catbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground4 {
  background: #416a26 url(../../images/SampleSites/Donor/frogbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground5 {
  background: #696f44 url(../../images/SampleSites/Donor/numbatbanner.jpg) no-repeat;
}

.DonorBannerInteriorBackground6 {
  background: #3c683d url(../../images/SampleSites/Donor/squirrelbanner.jpg) no-repeat;
}

.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 */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
  background-color: #006c81;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -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);
  color: #fff;
}
.CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutArea1 a.FeatureActionLink, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption, .CalloutBlockType1 a.FeatureActionLink {
  color: #fff;
}
.CalloutArea1 a, .CalloutBlockType1 a {
  color: #fff;
}
.CalloutArea1 .Error, .CalloutBlockType1 .Error {
  color: #eeeeee !important;
}
.CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea2 {
  background-color: #cc3366;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -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);
}
.CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea3 {
  background-color: #195366;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -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);
  color: #fff;
}
.CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
  color: #fff;
}
.CalloutArea3 a {
  color: #fff;
}
.CalloutArea3 .Error {
  color: #eeeeee !important;
}
.CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
  border-bottom: none;
}

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
  background-color: #FFF;
}

.CalloutPart1 .panel-heading,
.CalloutPart1 .panel-body {
  background-color: #abd6d9;
}

.CalloutPart2 .panel-heading.Distinguish,
.CalloutPart1 .panel-heading.Distinguish {
  background-color: transparent;
}

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

/* 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: 90%;
  color: #999999;
  text-transform: uppercase;
}
.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}
.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px;
}
.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;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: 0.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: #f7f7f7;
}
.BlockList a span {
  text-decoration: underline;
}
.BlockList p {
  color: #333333;
  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: normal;
}

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

/* Use on the blockquote element for a styled quote */
.Quote {
  background: #FFF;
  border-left: 10px solid #DC6127;
  margin: 1.5em 0.7em 1.5em 0;
  padding: 1.5em 0.7em;
  quotes: "“" "”" "“" "”";
  font-weight: normal;
}
.Quote:before {
  color: #cccccc;
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 500%;
  line-height: 0.1em;
}
.Quote p {
  display: inline;
}
.Quote cite {
  display: block;
  margin-left: 1em;
  margin-top: 0.5em;
  font-style: italic;
}
.Quote cite:before {
  content: "— ";
}
@media (min-width: 768px) {
  .Quote {
    font-size: 120%;
  }
  .Quote cite {
    font-size: 90%;
    margin-left: 2em;
  }
}
.no-mqs .Quote {
  font-size: 120%;
}
.no-mqs .Quote cite {
  font-size: 90%;
  margin-left: 2em;
}

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

/* 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: #195366;
  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: #195366 transparent;
  /* 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: #cc3366;
  color: #fff;
  padding: 0.25em 0.75em;
  color: #fff;
}

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

.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: #595959;
  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;
  -o-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  font-family: "Raleway", sans-serif;
  font-size: 110%;
  font-weight: 700;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}
@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}
.no-mqs 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: 768px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}
.no-mqs .Spotlight .ImageWrapper {
  height: 160px;
}
.Spotlight .TextButton {
  margin-top: 1em;
}
.Spotlight p {
  text-align: center;
  padding-top: 0.4em;
}
.Spotlight a img {
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.Spotlight a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.SpotlightRow {
  margin-bottom: 1.2em;
}
.SpotlightRow:before, .SpotlightRow:after {
  content: " ";
  display: table;
}
.SpotlightRow:after {
  clear: both;
}
@media (min-width: 768px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.no-mqs .SpotlightRow.ThreeAcross .Spotlight {
  float: left;
  width: 33%;
  padding-left: 5%;
  padding-right: 5%;
}

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #cc3366;
  border-bottom: none;
  margin-bottom: 0.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: 0.8em;
  font-size: 110%;
}
@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}
.no-mqs .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: #cc3366;
  background-color: rgba(204, 51, 102, 0.75);
}
.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #a32952;
  background-color: rgba(163, 41, 82, 0.75);
}
.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #00a8b4;
  background-color: rgba(0, 168, 180, 0.75);
}
.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: #007881;
  background-color: rgba(0, 120, 129, 0.75);
}

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

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none;
}
.header-link a {
  text-decoration: none;
}
.header-link a, .header-link a:visited {
  color: #333333;
}
.header-link a:hover, .header-link a:active, .header-link a:focus {
  color: #006DA5;
}

/* 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/SampleSites/conferencebannertall.jpg");
}

.bg-img-conference-small {
  background-color: #081337;
  background-image: url("../../images/SampleSites/Member/cairnsnight.jpg");
}

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

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

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

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

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

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

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

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

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

.bg-img-roseate-terns {
  background-color: #8f9949;
  background-image: url("../../images/SampleSites/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: 5px;
}
.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: #cc3366;
  font-size: 3rem;
}

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

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

.AltBgColor2 > .panel, .AltBgColor2 > .panel h2,
.AltBgColor3 > .panel,
.AltBgColor3 > .panel h2,
.AltBgColor4 > .panel,
.AltBgColor4 > .panel h2,
.AltBgColor5 > .panel,
.AltBgColor5 > .panel h2 {
  color: #fff;
}
.AltBgColor2 > .panel a, .AltBgColor2 > .panel a:hover, .AltBgColor2 > .panel a:active, .AltBgColor2 > .panel a:focus, .AltBgColor2 > .panel a:visited,
.AltBgColor3 > .panel a,
.AltBgColor3 > .panel a:hover,
.AltBgColor3 > .panel a:active,
.AltBgColor3 > .panel a:focus,
.AltBgColor3 > .panel a:visited,
.AltBgColor4 > .panel a,
.AltBgColor4 > .panel a:hover,
.AltBgColor4 > .panel a:active,
.AltBgColor4 > .panel a:focus,
.AltBgColor4 > .panel a:visited,
.AltBgColor5 > .panel a,
.AltBgColor5 > .panel a:hover,
.AltBgColor5 > .panel a:active,
.AltBgColor5 > .panel a:focus,
.AltBgColor5 > .panel a:visited {
  color: #fff;
  text-decoration: underline;
}
.AltBgColor2 > .panel .ProgressBar > span,
.AltBgColor3 > .panel .ProgressBar > span,
.AltBgColor4 > .panel .ProgressBar > span,
.AltBgColor5 > .panel .ProgressBar > span {
  /* Make the progress tracker indicator use a white bar instead of default */
  background-color: #fff;
}

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

.AltBgColor3 > .panel {
  background-color: #cc3366;
}
.AltBgColor3 > .panel.panel-border {
  border-color: #b82e5c;
}

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

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

/* ==========================================================================
  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: #e6e6e6;
  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: #cc3366;
  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: 137px;
}
.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;
}

@font-face {
  font-family: "WebComponentsIcons";
  src: url("WebResource.axd?d=ocFsxe5_z2Qx2L6KSd7zR2z-l2Zalopuj7NJW7TG4WveWUVdUXI5DZXzSk_OOfzIDKJ1N-En3NeT9Cia39jCyI3XD54Tb5e-0k14UghlTKEowJt__06MkNw8ycU4-NCLB47T1IHuiUQQi7sP_u75FR_4-X8Vsqoknfqx3-cffJc1&t=637244330940000000") format("woff"), url("WebResource.axd?d=qIIgC53k2iSa6yyS3xf_EKK4ej7IdebV7pI_CwqaQ7nR098dCqX74KdiApVl1Ha6xV-jI6w0gGeYun372XE2xmhZ1-7pZ34Y7MIpNDxeJm5-1Qgzf0_xjhKH6IUyh35wEl9jI9Ki7Q56SU01NMfGisSeDj1nNvtoV2Hs3OB0hbw1&t=637244330940000000") format("truetype");
}
.ui-accordion-header {
  background-color: #FFF;
  color: #000;
  border-top: solid 1px #979797;
  border-bottom: solid 1px #979797;
  height: auto !important;
  padding: 10px 10px 10px 0px;
  margin: 0;
  margin-top: -1px;
}
.ui-accordion-header .ui-accordion-header-icon::before {
  font-family: FontAwesome;
  content: "";
  display: block;
  padding-right: 5px;
  color: #000;
  float: right;
}

.ui-state-hover {
  background: #FFF;
  color: #000;
  opacity: 1;
}
.ui-state-hover .ui-accordion-header-icon::before {
  color: #000;
}

.ui-state-active {
  background: #FFF;
  opacity: 1;
  border-bottom: solid 0px #FFF;
}
.ui-state-active .ui-accordion-header-icon::before {
  color: #000;
  content: "";
}

.ui-accordion.ui-accordion-blur .ui-accordion-header {
  background-color: #FFF !important;
  border: none;
  padding: 0;
  margin: 5px 0 10px;
}
.ui-accordion.ui-accordion-blur .ui-accordion-header :active {
  outline-color: transparent;
}
.ui-accordion.ui-accordion-blur .ui-accordion-header :focus {
  outline-color: transparent;
}
.ui-accordion.ui-accordion-blur .ui-accordion-header .ui-accordion-header-icon::before {
  color: #FFF !important;
}

blockquote {
  border-left: solid 10px #DD601A;
}

.button-default {
  color: #0063a7;
  background-color: #FFF;
  border-color: #0063a7;
}
.button-default:hover {
  color: #DC6127;
  border-color: #DC6127;
  background-color: #FFF;
}
.button-default:focus {
  border: 1px solid #0063a7;
  background-color: #FFF;
  position: relative;
  color: #0063a7;
}
.button-default:focus::before {
  content: "";
  background: none;
  border: 1px solid #0063a7;
  border-radius: 7px;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  pointer-events: none;
  z-index: 10;
}
.button-default:focus::after {
  background: none;
  border: 4px solid white;
  border-radius: 10px;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.button-default:active {
  background-color: #FFF;
  border-color: #022A45;
  color: #022A45;
  box-shadow: none;
  top: 0px;
}
.button-default:active {
  background-image: none;
}
.button-default[disabled], .button-default[disabled]:hover, .button-default[disabled]:focus, .button-default[disabled]:active, fieldset[disabled] .button-default, fieldset[disabled] .button-default:hover, fieldset[disabled] .button-default:focus, fieldset[disabled] .button-default:active, .button-default.aspNetDisabled, .button-default.aspNetDisabled:hover, .button-default.aspNetDisabled:focus, .button-default.aspNetDisabled:active {
  background-color: #FFF;
  border-color: #54768e;
  color: #C5C5C5;
}

.button-memberportal {
  color: #0059a7;
  background-color: #FFF;
  border-color: #0059a7;
}
.button-memberportal:hover {
  background-color: #FFF;
  color: #DC6127;
  border-width: 2px;
}
.button-memberportal:focus {
  border: 1px solid #0059a7;
  position: relative;
}
.button-memberportal:focus::before {
  content: "";
  background: none;
  border: 1px solid #0059a7;
  border-radius: 7px;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;
}
.button-memberportal:focus::before {
  background: none;
  border: 4px solid #41a6ff;
  border-radius: 10px;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.button-memberportal:active {
  background-color: #FFF;
  color: #022A45;
  border-color: #022A45;
}
.button-memberportal:active {
  background-image: none;
}
.button-memberportal[disabled], .button-memberportal[disabled]:hover, .button-memberportal[disabled]:focus, .button-memberportal[disabled]:active, fieldset[disabled] .button-memberportal, fieldset[disabled] .button-memberportal:hover, fieldset[disabled] .button-memberportal:focus, fieldset[disabled] .button-memberportal:active, .button-memberportal.aspNetDisabled, .button-memberportal.aspNetDisabled:hover, .button-memberportal.aspNetDisabled:focus, .button-memberportal.aspNetDisabled:active {
  background-color: #FFF;
  border-color: #54768e;
  color: #828282;
}

.button-secondary {
  color: #C86C1B;
  background-color: #FFF;
  border-color: #C86C1B;
}
.button-secondary:hover {
  background-color: #FFF;
  color: #0059a7;
  border-color: #0059a7;
}
.button-secondary:focus {
  border: 1px solid #0059a7;
  position: relative;
}
.button-secondary:focus::before {
  content: "";
  background: none;
  border: 1px solid #0059a7;
  border-radius: 7px;
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;
}
.button-secondary:focus::before {
  background: none;
  border: 4px solid #41a6ff;
  border-radius: 10px;
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  pointer-events: none;
}
.button-secondary:active {
  background-color: #C86C1B;
  color: #FFF;
  border-color: #C86C1B;
}
.button-secondary:active {
  background-image: none;
}
.button-secondary[disabled], .button-secondary[disabled]:hover, .button-secondary[disabled]:focus, .button-secondary[disabled]:active, fieldset[disabled] .button-secondary, fieldset[disabled] .button-secondary:hover, fieldset[disabled] .button-secondary:focus, fieldset[disabled] .button-secondary:active, .button-secondary.aspNetDisabled, .button-secondary.aspNetDisabled:hover, .button-secondary.aspNetDisabled:focus, .button-secondary.aspNetDisabled:active {
  background-color: #FFF;
  border-color: #828282;
  color: #828282;
}

.button-homeAndMemberPortal {
  color: #FFF;
  background-color: #0059a7;
  border: 1px solid #FFF;
  font-weight: normal;
  text-align: center;
}
.button-homeAndMemberPortal:hover {
  color: #DC6127;
  border-color: #DC6127;
  background-color: #0059a7;
}
.button-homeAndMemberPortal:active {
  background-color: #DC6127;
  color: #FFF;
  border-color: #FFF;
}
.button-homeAndMemberPortal:active {
  background-image: none;
}
.button-homeAndMemberPortal[disabled], .button-homeAndMemberPortal[disabled]:hover, .button-homeAndMemberPortal[disabled]:focus, .button-homeAndMemberPortal[disabled]:active, fieldset[disabled] .button-homeAndMemberPortal, fieldset[disabled] .button-homeAndMemberPortal:hover, fieldset[disabled] .button-homeAndMemberPortal:focus, fieldset[disabled] .button-homeAndMemberPortal:active, .button-homeAndMemberPortal.aspNetDisabled, .button-homeAndMemberPortal.aspNetDisabled:hover, .button-homeAndMemberPortal.aspNetDisabled:focus, .button-homeAndMemberPortal.aspNetDisabled:active {
  border-color: #A69B92;
  color: #A69B92;
}

.button-whiteBorder {
  color: #FFF;
  background-color: #0059a7;
  border-color: #FFF;
  font-weight: normal;
  text-align: left;
}
.button-whiteBorder:hover {
  color: #FFF;
  border-color: #DC6127;
}
.button-whiteBorder:active {
  background-color: #DC6127;
  color: #FFF;
  border-color: #FFF;
}
.button-whiteBorder:active {
  background-image: none;
}
.button-whiteBorder[disabled], .button-whiteBorder[disabled]:hover, .button-whiteBorder[disabled]:focus, .button-whiteBorder[disabled]:active, fieldset[disabled] .button-whiteBorder, fieldset[disabled] .button-whiteBorder:hover, fieldset[disabled] .button-whiteBorder:focus, fieldset[disabled] .button-whiteBorder:active, .button-whiteBorder.aspNetDisabled, .button-whiteBorder.aspNetDisabled:hover, .button-whiteBorder.aspNetDisabled:focus, .button-whiteBorder.aspNetDisabled:active {
  border-color: #A69B92;
  color: #A69B92;
}

.button-large-width {
  min-width: 306px;
}

.code-hidden {
  display: none;
}

.ContentWizardDisplay {
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #979797;
  padding: 10px;
}

.chevron {
  position: relative;
  display: inline-block;
  margin-left: 1rem;
  margin-top: 0.5rem;
  height: 20px;
  /*Height should be double border thickness*/
}

.chevron::before,
.chevron::after {
  position: absolute;
  display: block;
  content: "";
  border: 10px solid transparent;
  /*Adjust chevron size*/
}

/*Change the four instances of 'top' below to rotate chevron*/
/*Use (top/right/bottom/left) where you want the back of the chevron to be*/
.chevron::before {
  left: 0;
  top: 3px;
  border-left-color: #DC6127;
  /*Chevron Color*/
}

.chevron::after {
  left: -5px;
  /*Adjust thickness*/
  top: 3px;
  border-left-color: #0059a7;
  /*Match chevron background colour*/
}

.global-banner-outer-container {
  --feature-color: #0059a7;
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 6rem;
  background-color: var(--feature-color);
  padding: 1.5rem 0 1.5rem 0rem;
  border-bottom: 3px solid #DC6127;
}
.global-banner-inner-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1470px;
  width: 100%;
  padding: 0 40px;
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container {
    padding: 0 17px;
  }
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container .banner-right {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.global-banner-inner-container .banner-actions {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container .banner-actions {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container .banner-actions .banner-action {
    margin-bottom: 3rem;
  }
}

.feature-orange, .feature-1 {
  border: 1px solid #1678AF;
  position: relative;
  padding: 2rem 2rem 3rem;
  margin: 0 0rem;
}
.feature-orange::before, .feature-1::before {
  content: "";
  position: absolute;
  top: -2.5px;
  left: 2rem;
  width: 130px;
  border-bottom: 5px solid #C86C1B;
}

.feature-grey1, .feature-2 {
  border: 1px solid #979797;
  padding: 2rem 2rem 3rem;
  margin: 0 0rem;
}

.feature-grey2, .feature-3 {
  background-color: #E0E0E0;
  padding: 2rem 3rem 3rem;
  margin: 0 0rem;
}

.feature-orange p, .feature-orange h1, .feature-orange h2, .feature-orange h3, .feature-orange h4, .feature-orange h5, .feature-orange h6, .feature-grey1 p, .feature-grey1 h1, .feature-grey1 h2, .feature-grey1 h3, .feature-grey1 h4, .feature-grey1 h5, .feature-grey1 h6, .feature-grey2 p, .feature-grey2 h1, .feature-grey2 h2, .feature-grey2 h3, .feature-grey2 h4, .feature-grey2 h5, .feature-grey2 h6, .feature-1 p, .feature-1 h1, .feature-1 h2, .feature-1 h3, .feature-1 h4, .feature-1 h5, .feature-1 h6, .feature-2 p, .feature-2 h1, .feature-2 h2, .feature-2 h3, .feature-2 h4, .feature-2 h5, .feature-2 h6, .feature-3 p, .feature-3 h1, .feature-3 h2, .feature-3 h3, .feature-3 h4, .feature-3 h5, .feature-3 h6 {
  margin-bottom: 1rem;
}
.feature-orange .TextButton, .feature-grey1 .TextButton, .feature-grey2 .TextButton, .feature-1 .TextButton, .feature-2 .TextButton, .feature-3 .TextButton {
  margin-right: 2rem;
  margin-bottom: 2rem;
}

.feature-box-large {
  margin: 0 -2rem;
}
@media screen and (max-width: 768px) {
  .feature-box-large {
    margin: 0;
  }
}

.ruler1 {
  border: 1px solid #DC6127;
  width: 67px;
  margin-left: 0;
}

.icon-search-property,
.icon-book-reading,
.icon-user-manual,
.icon-unknown-status,
.icon-resume,
.icon-find-user-male,
.icon-knowledge-sharing,
.icon-help,
.icon-test-passed,
.icon-sign-up-in-calendar,
.icon-classroom,
.icon-crowd,
.icon-e-learning {
  width: 1em;
  height: 1em;
  fill: inherit;
  vertical-align: -0.1em;
}

.icon-search-property > svg,
.icon-book-reading > svg,
.icon-user-manual > svg,
.icon-unknown-status > svg,
.icon-resume > svg,
.icon-find-user-male > svg,
.icon-knowledge-sharing > svg,
.icon-help > svg,
.icon-test-passed > svg,
.icon-sign-up-in-calendar > svg,
.icon-classroom > svg,
.icon-crowd > svg,
.icon-e-learning > svg {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: inherit;
  vertical-align: -0.1em;
}

.icons8 svg {
  width: 67px;
  height: 67px;
}

div[id$=ste_container_HeaderLogoSpan] {
  position: relative;
}

.header-logo {
  position: absolute;
  width: 150px;
  top: 0px;
  left: 0rem;
}
@media screen and (max-width: 970px) {
  .header-logo {
    width: 100px;
    top: 34px;
  }
}
@media (max-width: 875px) {
  .header-logo {
    width: 100px;
    top: -5px;
  }
}

@media (max-width: 875px) {
  .UtilityNavigationList {
    display: none;
  }
}

@media (max-width: 875px) {
  .UtilityAuthentication {
    display: none;
  }
}

@media (max-width: 875px) {
  .UtilityNavigation {
    text-align: right;
  }
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
  color: #FFF !important;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
  background-color: #0059a7 !important;
}

.RadTabStrip_MetroTouch {
  color: #333;
  font: 100 16px Segoe UI, Arial, Helvetica, sans-serif;
  line-height: 2.5;
}
.RadTabStrip_MetroTouch .rtsGhostTab {
  border-color: #e0e0e0;
  color: #000;
  background-color: #f9f9f9;
}
.RadTabStrip_MetroTouch .rtsLink {
  padding: 0 10px;
  color: #333;
}
.RadTabStrip_MetroTouch .rtsOut {
  padding: 0;
}
.RadTabStrip_MetroTouch .rtsIn {
  padding: 0;
}
.RadTabStrip_MetroTouch .rtsTxt {
  padding: 0;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
  margin: 0 0 0 -1px;
  border: 1px solid #e0e0e0;
  background-color: #f9f9f9;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover {
  border-color: #cecece;
  color: #000;
  background-color: #e7e7e7;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
  border-color: #25a0da;
  color: #fff;
  background-color: #25a0da;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: #25a0da;
  color: #fff;
  background-color: #25a0da;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsDisabled {
  border-color: #e0e0e0;
  color: #000;
  background-color: #f9f9f9;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsDisabled:hover {
  border-color: #e0e0e0;
  color: #000;
  background-color: #f9f9f9;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink {
  margin-left: 0;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst {
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst {
    margin-left: 0;
  }
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsUL .rtsLI:not(:last-of-type) {
  margin-right: 0.5rem;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsUL .rtsLink {
  background-color: #C9C9C9;
  border: none;
}
.RadTabStrip_MetroTouch .rtsLevel2 {
  padding: 1px;
  width: auto;
  background-color: #25a0da;
}
.RadTabStrip_MetroTouch .rtsLevel2 .rtsLink {
  margin: 0 0 0 1px;
  border: 1px solid #25a0da;
  color: #fff;
}
.RadTabStrip_MetroTouch .rtsLevel2 .rtsLink:hover {
  border-color: #cecece;
}
.RadTabStrip_MetroTouch .rtsLevel2 .rtsSelected {
  border-color: #cecece;
}
.RadTabStrip_MetroTouch .rtsLevel2 .rtsSelected:hover {
  border-color: #cecece;
}
.RadTabStrip_MetroTouch .rtsLevel2 .rtsFirst .rtsLink {
  margin-left: 0;
}
.RadTabStrip_MetroTouch .rtsScroll {
  height: auto;
}
.RadTabStrip_MetroTouch .rtsNextArrow {
  width: 28px;
  height: 28px;
  border: 1px solid #e6e6e6;
  border-radius: 34px;
  background-color: #f9f9f9;
  background-image: url(WebResource.axd?d=bv1V2vD5oX6ZAI0Aw26k4Dw4trE567nEx26zShI0V6UkyWuYA3p09wWWI9WVUiwv0ZMy4SnSMHC-IVFursnD1QuLccLN3LXfmO5AllreZn0_dcEsSnzTYPVg1PX5ufzDOFqy6tB_IXoKqKBlGk3jkQuI0HbWuyyXQrFeDFMWwggq1uPPHGENCvrbzIB19vEK0&t=637244330940000000);
  background-position: -11px -161px;
}
.RadTabStrip_MetroTouch .rtsNextArrow:hover {
  background-position: -11px -161px;
}
.RadTabStrip_MetroTouch .rtsPrevArrow {
  width: 28px;
  height: 28px;
  border: 1px solid #e6e6e6;
  border-radius: 34px;
  background-color: #f9f9f9;
  background-image: url(WebResource.axd?d=bv1V2vD5oX6ZAI0Aw26k4Dw4trE567nEx26zShI0V6UkyWuYA3p09wWWI9WVUiwv0ZMy4SnSMHC-IVFursnD1QuLccLN3LXfmO5AllreZn0_dcEsSnzTYPVg1PX5ufzDOFqy6tB_IXoKqKBlGk3jkQuI0HbWuyyXQrFeDFMWwggq1uPPHGENCvrbzIB19vEK0&t=637244330940000000);
  background-position: -11px -111px;
}
.RadTabStrip_MetroTouch .rtsPrevArrow:hover {
  background-position: -11px -111px;
}
.RadTabStrip_MetroTouch .rtsPrevArrowDisabled {
  width: 28px;
  height: 28px;
  border: 1px solid #e6e6e6;
  border-radius: 34px;
  background-color: #f9f9f9;
  background-image: url(WebResource.axd?d=bv1V2vD5oX6ZAI0Aw26k4Dw4trE567nEx26zShI0V6UkyWuYA3p09wWWI9WVUiwv0ZMy4SnSMHC-IVFursnD1QuLccLN3LXfmO5AllreZn0_dcEsSnzTYPVg1PX5ufzDOFqy6tB_IXoKqKBlGk3jkQuI0HbWuyyXQrFeDFMWwggq1uPPHGENCvrbzIB19vEK0&t=637244330940000000);
  background-position: -11px -111px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.RadTabStrip_MetroTouch .rtsPrevArrowDisabled:hover {
  background-position: -11px -111px;
}
.RadTabStrip_MetroTouch .rtsNextArrowDisabled {
  width: 28px;
  height: 28px;
  border: 1px solid #e6e6e6;
  border-radius: 34px;
  background-color: #f9f9f9;
  background-image: url(WebResource.axd?d=bv1V2vD5oX6ZAI0Aw26k4Dw4trE567nEx26zShI0V6UkyWuYA3p09wWWI9WVUiwv0ZMy4SnSMHC-IVFursnD1QuLccLN3LXfmO5AllreZn0_dcEsSnzTYPVg1PX5ufzDOFqy6tB_IXoKqKBlGk3jkQuI0HbWuyyXQrFeDFMWwggq1uPPHGENCvrbzIB19vEK0&t=637244330940000000);
  background-position: -11px -161px;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.RadTabStrip_MetroTouch .rtsNextArrowDisabled:hover {
  background-position: -11px -161px;
}
.RadTabStrip_MetroTouch .rtsDisabled .rtsTxt {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

.RadTabStripLeft_MetroTouch .rtsLink {
  border-right-width: 0;
}
.RadTabStripLeft_MetroTouch .rtsNextArrow {
  background-position: -11px -61px;
}
.RadTabStripLeft_MetroTouch .rtsNextArrow:hover {
  background-position: -11px -61px;
}
.RadTabStripLeft_MetroTouch .rtsNextArrowDisabled {
  background-position: -11px -61px;
}
.RadTabStripLeft_MetroTouch .rtsNextArrowDisabled:hover {
  background-position: -11px -61px;
}
.RadTabStripLeft_MetroTouch .rtsPrevArrow {
  background-position: -11px -11px;
}
.RadTabStripLeft_MetroTouch .rtsPrevArrow:hover {
  background-position: -11px -11px;
}
.RadTabStripLeft_MetroTouch .rtsPrevArrowDisabled {
  background-position: -11px -11px;
}
.RadTabStripLeft_MetroTouch .rtsPrevArrowDisabled:hover {
  background-position: -11px -11px;
}

.RadTabStripRight_MetroTouch .rtsLink {
  border-left-width: 0;
}
.RadTabStripRight_MetroTouch .rtsNextArrow {
  background-position: -11px -61px;
}
.RadTabStripRight_MetroTouch .rtsNextArrow:hover {
  background-position: -11px -61px;
}
.RadTabStripRight_MetroTouch .rtsNextArrowDisabled {
  background-position: -11px -61px;
}
.RadTabStripRight_MetroTouch .rtsNextArrowDisabled:hover {
  background-position: -11px -61px;
}
.RadTabStripRight_MetroTouch .rtsPrevArrow {
  background-position: -11px -11px;
}
.RadTabStripRight_MetroTouch .rtsPrevArrow:hover {
  background-position: -11px -11px;
}
.RadTabStripRight_MetroTouch .rtsPrevArrowDisabled {
  background-position: -11px -11px;
}
.RadTabStripRight_MetroTouch .rtsPrevArrowDisabled:hover {
  background-position: -11px -11px;
}

.RadTabStrip_MetroTouch_disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.RadTabStrip_MetroTouch_disabled .rtsDisabled {
  filter: alpha(opacity=100);
  opacity: 1;
}
.RadTabStrip_MetroTouch_disabled .rtsLevel1 .rtsLink {
  border-color: #e0e0e0;
  color: #000;
  background-color: #f9f9f9;
  cursor: default;
}
.RadTabStrip_MetroTouch_disabled .rtsLevel1 .rtsLink:hover {
  border-color: #e0e0e0;
  color: #000;
  background-color: #f9f9f9;
}

.rtsDropClue_MetroTouch {
  width: 16px;
  height: 16px;
  background-image: url(WebResource.axd?d=bv1V2vD5oX6ZAI0Aw26k4Dw4trE567nEx26zShI0V6UkyWuYA3p09wWWI9WVUiwv0ZMy4SnSMHC-IVFursnD1QuLccLN3LXfmO5AllreZn0_dcEsSnzTYPVg1PX5ufzDOFqy6tB_IXoKqKBlGk3jkQuI0HbWuyyXQrFeDFMWwggq1uPPHGENCvrbzIB19vEK0&t=637244330940000000);
}

.rtsDropClueTop_MetroTouch {
  margin-top: -16px;
  margin-left: -8px;
  background-position: -17px -67px;
}

.rtsDropClueRight_MetroTouch {
  margin-top: -8px;
  background-position: -17px -117px;
}

.rtsDropClueBottom_MetroTouch {
  margin-left: -8px;
  background-position: -17px -17px;
}

.rtsDropClueLeft_MetroTouch {
  margin-top: -8px;
  margin-left: -16px;
  background-position: -17px -167px;
}

.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #00a8b4 !important;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #0059a7;
  border-radius: 5px 5px 0 0;
}
.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;
}

.rtsSelected {
  border-color: #fff;
}

.rtsDisabled {
  color: #dedede;
  border-color: transparent;
}
.rtsDisabled:hover {
  color: #dedede;
  border-color: transparent;
}

.rtsLevel1 {
  border-bottom-color: #00a8b4;
}

.RadTabStripTop_MetroTouch .rtsLevel1 {
  border-bottom: 3px solid #0059a7;
}
.RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink {
  border-bottom: 0;
}

.RadTabStripBottom_MetroTouch .rtsLevel1 {
  border-top: 3px solid #25a0da;
}
.RadTabStripBottom_MetroTouch .rtsLevel1 .rtsLink {
  border-top: 0;
}

.rtsLink:hover {
  border-color: #fff;
}

.RadTabStrip.RadTabStrip_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
  font-size: 1.6rem;
}
html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: #979797;
  background-color: #0059a7;
  position: relative;
}
html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #DC6127;
}
.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
  border-bottom-color: #979797;
  border-bottom-width: 1px;
}
@media (max-width: 600px) {
  .RadTabStrip.RadTabStrip_MetroTouch .rtsLI, .RadTabStrip.RadTabStrip_MetroTouch .rtsLink, .RadTabStrip.RadTabStrip_MetroTouch .rtsUL {
    float: none;
    width: 100%;
    display: block;
  }
  html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}

.carousel-inner.bg-img > .item {
  background-color: #DC6127;
}

.carousel-control.right, .carousel-control.left {
  background-image: none;
}

.carousel-caption {
  text-shadow: none;
}

.carousel-inner > .item .carousel-link {
  display: flex;
  align-items: center;
}

.carousel-caption {
  position: unset;
  margin-left: 10%;
  margin-right: 10%;
}

.carousel-indicators {
  bottom: 0px;
}

.carousel-control {
  width: 0%;
}

.testimonial-home {
  --feature-color: #c25e22;
}

.testimonial-crb {
  --feature-color: #502685;
}

.testimonial-outer-container {
  background: url("/images/REBIAegean/us-houses-neighborhood-neighbourhood-townhouse-residential-district-apartment-complex-nj-residential_t20_nL4BgK.jpg") no-repeat center center;
  background-size: cover;
  background-color: var(--feature-color);
}

.testimonial-container {
  min-height: 446px;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 0rem;
}
.testimonial-container .testimonial {
  background-color: var(--feature-color);
  display: grid;
  grid-template-areas: "profile quote";
  grid-template-columns: 0.2fr 1fr;
  padding: 4rem 6rem;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .testimonial-container .testimonial {
    grid-template-areas: "profile" "quote";
    grid-template-columns: 1fr;
  }
}
.testimonial-container .testimonial-photo {
  justify-self: center;
  padding-bottom: 0.8rem;
  border-radius: 50%;
}
.testimonial-container .testimonial-text {
  grid-area: quote;
  align-self: center;
  padding-left: 4rem;
  line-height: 2;
  font-weight: normal;
  text-transform: none;
}
.testimonial-container .testimonial-detail {
  grid-area: profile;
  text-align: center;
}
.testimonial-container .testimonial-name, .testimonial-container .testimonial-job {
  font-weight: normal;
  color: #FFF;
  text-transform: none;
}

ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li {
  margin: 0px 15px 15px 0px;
  position: relative;
  width: 240px;
  height: 90px;
  padding: 0px;
}

ul.RelatedItemsHorizontal li a.LabelLink, .RelatedItemsHorizontal ul.rrItemsList li a.LabelLink {
  color: #fff;
  font-weight: bold;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 109, 165, 0.8);
  top: 0px;
  padding: 10px 15px;
  letter-spacing: 1px;
  text-align: left;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
ul.RelatedItemsHorizontal li a.LabelLink:hover, .RelatedItemsHorizontal ul.rrItemsList li a.LabelLink:hover {
  background-color: #DD601A;
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  z-index: 10000;
}

ul.RelatedItemsHorizontal li img, .RelatedItemsHorizontal ul.rrItemsList li img {
  object-fit: cover;
  width: 100% !important;
  height: 90px !important;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}
@media screen and (max-width: 875px) {
  html {
    font-size: 50%;
  }
}

h1.title1 {
  font-size: 5.6rem;
  font-weight: normal;
}

h1.title2 {
  font-size: 4rem;
}

.font-bold {
  font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.color-white {
  color: #FFF !important;
}
.color-blue-aegean {
  color: #0059a7 !important;
}
.color-black {
  color: #000 !important;
}
.color-orange {
  color: #DC6127 !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.case-normal {
  text-transform: none !important;
}

.w-normal {
  font-weight: normal !important;
}
.w-semi {
  font-weight: 600 !important;
}
.w-bold {
  font-weight: bold !important;
}

.width-full {
  width: 100% !important;
}

.height-full {
  height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.full-width-regular-margin {
  width: 99.3vw !important;
  position: relative;
  left: 50%;
  margin-left: -49.3vw;
}
@media screen and (max-width: 1200px) {
  .full-width-regular-margin {
    margin-left: -49.3vw;
  }
}
@media screen and (max-width: 992px) {
  .full-width-regular-margin {
    margin-left: -49.3vw;
  }
}
@media screen and (max-width: 768px) {
  .full-width-regular-margin {
    margin-left: -49.3vw;
  }
}
@media screen and (max-width: 480px) {
  .full-width-regular-margin {
    margin-left: -49.59vw;
  }
}

.row-no-padding [class*=col-] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row-no-margin {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .row-eq-height {
    display: block;
  }
}

.row.row-no-internal-gutter [class*=col-]:not(:first-child):not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.row.row-no-external-gutter [class*=col-]:not(:first-child) {
  padding-right: 0;
  padding-left: 0;
}
.row.row-no-external-gutter [class*=col-]:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.global-banner-outer-container h3.course-banner-header, .global-banner-outer-container h4.course-banner-header {
  margin-bottom: 1rem;
  color: #FFF;
  text-transform: none;
}

.course-container h3, .course-container h4 {
  text-transform: none;
  color: #000;
}
.course-container .course {
  display: grid;
  grid-template-areas: "picture details" "picture buttons";
  padding: 2rem 3rem 4rem;
}
.course-container .course-picture {
  grid-area: picture;
  margin-right: 2.5rem;
}
.course-container .course-details {
  grid-area: details;
}
.course-container .course-details h4.detail-course-type {
  color: #000;
}
.course-container .course-details h3 {
  color: #000;
}
.course-container .course-buttons {
  grid-area: buttons;
  justify-self: center;
  align-self: end;
}
.course-container .course-buttons > a:first-child {
  margin-right: 3rem;
}
.course-container .feature-box-plain {
  margin-bottom: 9rem;
}
.course-container .feature-box-grey {
  margin: 0 -8px;
}
.course-container .feature-box-grey h3 {
  text-transform: none;
  color: #000;
}
.course-container .feature-box-grey h4 {
  color: #000;
  text-transform: none;
}
.course-container .feature-box-grey h4:first-child {
  margin-bottom: 2rem;
}

.credential-banner {
  padding: 8rem 2rem;
  max-height: 13rem;
}
@media screen and (max-width: 768px) {
  .credential-banner {
    max-height: unset;
  }
}

.crb-style {
  --feature-color: #502685;
}

.srs-style {
  --feature-color: #1678AF;
}

.crets-style {
  --feature-color: #038EAA;
}

.rene-style {
  --feature-color: #00617A;
}

.global-banner-inner-container .credential-link:link, .global-banner-inner-container .credential-link:active, .global-banner-inner-container .credential-link:visited {
  color: white;
}
.global-banner-inner-container .credential-link:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container .credential-logo {
    margin-bottom: 3rem;
  }
}
.global-banner-inner-container .credential-actions {
  display: flex;
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container .credential-actions {
    flex-direction: column;
    align-items: center;
  }
}
.global-banner-inner-container .credential-actions .credential-action:not(:last-of-type) {
  padding-right: 2.5rem;
}
@media screen and (max-width: 768px) {
  .global-banner-inner-container .credential-actions .credential-action {
    margin-bottom: 3rem;
  }
}

.credential {
  margin: 0 auto;
  max-width: 1440px;
}
.credential h3 {
  text-transform: none;
  color: #000;
}
.credential .step .fa-stack {
  font-size: 0.85em;
}
.credential .credential-header-container {
  background-color: var(--feature-color);
  border-bottom: 2px solid #DC6127;
  margin-bottom: 3rem;
}
.credential .credential-header-container .credential-header {
  margin: 0 auto;
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5.5rem 0;
}
@media screen and (max-width: 768px) {
  .credential .credential-header-container .credential-header {
    flex-direction: column;
  }
}
.credential .credential-header-container .credential-header .credential-link:link {
  color: white;
}
.credential .credential-header-container .credential-header .credential-link:hover {
  text-decoration: underline;
}
.credential .credential-header-container .credential-header .credential-link:first-of-type {
  padding-right: 2.5rem;
}
@media screen and (max-width: 768px) {
  .credential .credential-header-container .credential-header .credential-logo {
    margin-bottom: 3rem;
  }
}
.credential .credential-header-container .credential-header .credential-actions {
  display: flex;
}
@media screen and (max-width: 768px) {
  .credential .credential-header-container .credential-header .credential-actions {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .credential .credential-header-container .credential-header .credential-actions .credential-action {
    margin-bottom: 3rem;
  }
}
.credential .credential-description {
  max-width: 1440px;
  margin-bottom: 7rem;
}
@media screen and (max-width: 768px) {
  .credential .credential-description {
    text-align: center;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 768px) {
  .credential .step-link-container {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
  }
}
.credential .steps {
  display: flex;
  position: relative;
  flex-direction: column;
  border: 1px solid #0063a7;
  padding: 1rem 2rem 1rem 0.8rem;
}
.credential .steps-header {
  margin-left: 1rem;
  margin-bottom: 2rem;
}
.credential .steps::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 8px;
  width: 13rem;
  border-bottom: 5px solid #DC6127;
}
.credential .steps .step {
  display: flex;
  position: relative;
}
.credential .steps .step:not(:first-of-type) {
  padding-top: 4rem;
}
.credential .steps .step:not(:last-child) {
  padding-bottom: 4rem;
}
.credential .steps .step:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
  width: 196px;
  border-bottom: 2px solid #DDDDDD;
}
.credential .steps .step-number {
  margin-right: 0.8rem;
}
.credential .steps .step .circle {
  color: #DC6127;
}
.credential .steps .step .number {
  font-style: normal;
  color: white;
}
.credential .steps .step-description {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
}
.credential .steps .step-description h1, .credential .steps .step-description h2, .credential .steps .step-description h3, .credential .steps .step-description h4, .credential .steps .step-description h5, .credential .steps .step-description h6 {
  margin-bottom: 3rem;
}
.credential .steps .step-description .crb-button {
  margin-bottom: 1rem;
}
.credential .steps .step-description .crb-button:link {
  background-color: var(--feature-color);
}
.credential .steps .step-description .crb-button:hover {
  background-color: #DC6127;
}
.credential .credential-details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  gap: 2rem;
  box-shadow: -0.5rem 3px 1rem rgba(151, 151, 151, 0.4);
  padding: 5rem 7rem;
}
@media screen and (max-width: 1200px) {
  .credential .credential-details {
    grid-template-columns: 1fr 1fr;
    padding: 3rem 5rem;
  }
}
@media screen and (max-width: 768px) {
  .credential .credential-details {
    grid-template-columns: 1fr;
    margin: 0 2rem 3rem;
  }
}
.credential .credential-details .credential-icon {
  fill: var(--feature-color);
}
.credential .credential-details .detail {
  position: relative;
  max-width: 275px;
  border: 1px solid #e2e2e2;
  background-color: #E9F7FA;
  padding: 2rem 2rem;
  margin: 10px 0 0 0px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .credential .credential-details .detail {
    max-width: 90%;
  }
}
.credential .credential-details .detail:hover::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 3px;
  width: 100%;
  border-bottom: 3px solid var(--feature-color);
}
.credential .credential-details .detail a {
  color: inherit;
  text-decoration: none;
}
.credential .credential-details .detail a:hover {
  color: currentColor;
}

.courses-header h1 {
  color: #000;
  margin-bottom: 4rem;
}
.courses-header h3 {
  font-weight: normal;
  color: #000;
  text-transform: none;
}

.courses-curriculum h3 {
  color: #000;
  text-transform: none;
}

.courses-delivery {
  margin-bottom: 9rem;
}
.courses-delivery h3 {
  color: #000;
  text-transform: none;
}

.expand-accordion {
  display: block;
  width: 100%;
  text-align: right;
  padding-right: 1.5rem;
}

#accordion {
  margin-bottom: 18rem;
}
#accordion th {
  font-weight: normal;
  padding-bottom: 1rem;
}
#accordion td {
  padding-bottom: 3rem;
}
#accordion td:first-of-type {
  padding-left: 3rem;
}
#accordion td {
  vertical-align: middle;
}
#accordion .content-table {
  width: 100%;
  margin-bottom: 4rem;
}
#accordion .ui-accordion-content-active + h3 {
  border-top: none;
}
#accordion h3:last-of-type + div > table {
  border-bottom: 1px solid #979797;
}
#accordion .course-icons {
  color: #135587;
  font-size: 2.25rem;
}
#accordion .course-new {
  color: #DC6127;
  padding-right: 1.5rem;
}

.course-quote {
  background-color: #DC6127;
  padding: 0rem 5rem;
  margin-bottom: 7rem;
}
.course-quote h3 {
  color: #FFF;
  text-transform: none;
}

.footer-container {
  background-color: #0059a7;
}
.footer-container #ft {
  display: grid;
  grid-template-areas: "contact nav" "copyright social";
  padding: 3rem 4rem 1rem;
  grid-template-columns: max-content 1fr;
}
@media screen and (max-width: 1200px) {
  .footer-container #ft {
    grid-template-columns: 0.33fr 0.66fr;
  }
}
@media (max-width: 991px) {
  .footer-container #ft {
    grid-template-areas: "contact" "social" "copyright";
    grid-template-columns: 1fr;
    text-align: center;
  }
}
.footer-container #ft ul {
  list-style: none;
  padding: 0;
}
.footer-container #ft li {
  line-height: 2.0625;
}
.footer-container #ft a:link, .footer-container #ft a:visited {
  text-decoration: none;
  color: #FFF;
}
.footer-container #ft a:hover {
  color: #FF9057;
  text-decoration: underline;
}
.footer-container #ft p {
  line-height: 1.4375;
}

#ft > .footer-contact {
  grid-area: contact;
}

#ft > .footer-navigation {
  grid-area: nav;
}
@media (max-width: 991px) {
  #ft > .footer-navigation {
    display: none;
  }
}

#ft > .footer-copyright {
  grid-area: copyright;
  align-self: end;
}

#ft > .footer-social {
  grid-area: social;
  align-self: end;
  text-align: right;
}
#ft > .footer-social a:link, #ft > .footer-social a:visited {
  color: #006DA5;
}
@media screen and (max-width: 991px) {
  #ft > .footer-social {
    text-align: center;
  }
  #ft > .footer-social h4.footer-header {
    text-align: center;
    margin-bottom: 1rem;
  }
}

#ft .footer-social {
  grid-area: social;
  justify-self: end;
  width: inherit;
}
@media (max-width: 991px) {
  #ft .footer-social {
    justify-self: inherit;
  }
}
#ft .footer-social .footer-header {
  text-align: left;
}
#ft .footer-social ul li {
  display: inline-block;
}

#ste_container_FooterNavigationContent {
  display: flex;
  justify-content: space-between;
}

#ft .ContentItemContainer::after {
  display: none;
}

.global-banner-inner-container .banner-text {
  margin-top: auto;
  margin-bottom: auto;
  color: white;
}

.hero-container {
  display: flex;
  align-items: center;
  background-image: url("images/homepage-banner.jpg");
  min-height: 581px;
  padding-bottom: 10%;
  padding: 0 15px 10% 15px;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 1199px) {
  .hero-container {
    min-height: 336px;
  }
}
.hero-container .hero-content {
  padding: 1.5rem 25px;
  max-width: 1470px;
  margin: 0 auto;
  color: #FFF;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media screen and (max-width: 768px) {
  .hero-container .hero-content {
    padding: 1.5rem 2px;
  }
}
.hero-container .hero-content .highlight {
  background-color: #DC6127;
  display: inline-block;
  position: relative;
  padding-right: 9rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-top: 4rem;
}
.hero-container .hero-content .highlight h3 {
  margin-top: 1rem;
}
.hero-container .hero-content .highlight::before {
  content: "";
  z-index: 10;
  background-color: #DC6127;
  position: absolute;
  width: 70rem;
  left: -70rem;
  top: 0;
  height: 100%;
}

/*.homepage .ContentItemContainer {
  margin-bottom: 0;
}*/


.homepage .about {
  margin-top: 0rem;
  color: #FFF;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  max-width: 1440px;
}
.homepage .about div[class*=col-] div {
  height: 100%;
}
.homepage .about .about-headers {
  color: #FFF;
  text-transform: none;
}
.homepage .about h3.about-headers a:link, .homepage .about h3.about-headers a:visited {
  color: #FFF;
}
.homepage .about h3.about-headers a:active, .homepage .about h3.about-headers a:hover {
  color: #DC6127;
}
.homepage .about-text {
  padding: 3rem 0rem 5rem;
  padding-right: 10rem;
  background-color: #0059a7;
  max-width: calc(1470px / 2);
  height: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .homepage .about-text {
    margin-bottom: 1rem;
  }
}
.homepage .about-text::before {
  content: "";
  position: absolute;
  left: -50vw;
  top: 0;
  width: 50vw;
  height: 100%;
  background-color: #0059a7;
}
.homepage .about .highlight-section {
  position: relative;
  padding: 3rem 0 5rem;
  padding-left: 5rem;
  max-width: calc(1470px / 2);
  height: 100%;
  margin: 0 0;
}
@media screen and (max-width: 768px) {
  .homepage .about .highlight-section {
    padding-left: 2rem;
  }
}
.homepage .about .highlight-section h3 {
  margin-bottom: 2rem;
  text-transform: none;
}
.homepage .about .highlight-section .highlight-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .homepage .about .highlight-section .highlight-group {
    grid-template-columns: 1fr;
  }
}
.homepage .about .highlight-section .highlight-list {
  list-style: none;
  border-left: 1px solid #979797;
  padding: 0 2.5rem 0 3rem;
}
@media screen and (max-width: 768px) {
  .homepage .about .highlight-section .highlight-list {
    border-left: none;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .homepage .about .highlight-section div.highlight-description:not(:last-child) {
    border-bottom: 1px solid #979797;
    margin-bottom: 1rem;
  }
}
.homepage .about .highlight-section-highlights {
  display: flex;
}
.homepage .about .highlight-section .highlight-title {
  margin-top: 1rem;
}
.homepage .about .highlight-section .highlight-title h4 {
  color: #DC6127;
}
.homepage .about .highlight-section h4 {
  text-transform: none;
}
.homepage .video-highlight-container h3, .homepage .video-highlight-container h4 {
  text-transform: none;
}
.homepage .video-highlight-container .video-highlight {
  position: relative;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3rem;
  max-width: 1440px;
  color: #FFF;
}
.homepage .video-highlight-container .video-highlight div[class*=col-] div {
  height: 100%;
}
.homepage .video-highlight-container .video-highlight .video-header {
  color: #FFF;
  padding-bottom: 5rem;
}
.homepage .video-highlight-container .video-highlight .video-subheader {
  padding-top: 2rem;
}
.homepage .video-highlight-container .video-highlight .video-details {
  background-color: #0059a7;
  padding: 3rem 27rem 3rem 0rem;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 1200px) {
  .homepage .video-highlight-container .video-highlight .video-details {
    padding-right: 10rem;
  }
}
.homepage .video-highlight-container .video-highlight .video-details::before {
  content: "";
  position: absolute;
  width: 13rem;
  top: 0;
  border-bottom: 5px solid #DC6127;
}
.homepage .video-highlight-container .video-highlight .video-details::after {
  content: "";
  position: absolute;
  left: -50vw;
  top: 0;
  width: 50vw;
  height: 100%;
  background-color: #0059a7;
}
.homepage .video-highlight-container .video-highlight .video-display {
  padding: 3rem 2rem 3rem 1.5rem;
  background-color: #DC6127;
  position: relative;
}
@media screen and (max-width: 768px) {
  .homepage .video-highlight-container .video-highlight .video-display {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.homepage .video-highlight-container .video-highlight .video-display::before {
  content: "";
  position: absolute;
  width: 50vw;
  left: 0vw;
  top: 0;
  height: 100%;
  background-color: #DC6127;
  z-index: -10;
}
@media screen and (max-width: 768px) {
  .homepage .video-highlight-container .video-highlight .video-display::before {
    left: -50vw;
  }
}
.homepage .membership-advantage-container {
  background-color: #2e71b9;
  background: url("/images/REBIAegean/iStock-1169660398.jpg") no-repeat center center;
  background-size: cover;
}
.homepage .membership-advantage-container h3 {
  text-transform: none;
}
@media screen and (max-width: 767px) {
  .homepage .membership-advantage-container {
    margin-bottom: 2rem;
  }
}
.homepage .membership-advantage-container .membership-advantage {
  margin: 0 auto;
  min-height: 504px;
  max-width: 1440px;
  position: relative;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .homepage .membership-advantage-container .membership-advantage {
    min-height: 333px;
  }
}
.homepage .membership-advantage-container .membership-advantage .membership-header {
  color: #FFF;
}
.homepage .membership-advantage-container .membership-advantage .membership-header a:link, .homepage .membership-advantage-container .membership-advantage .membership-header a:visited {
  color: #FFF;
}
.homepage .membership-advantage-container .membership-advantage .membership-header a:active, .homepage .membership-advantage-container .membership-advantage .membership-header a:hover {
  color: #DC6127;
}
.homepage .membership-advantage-container .membership-advantage .membership-advantage-text {
  position: absolute;
  padding: 9rem 7rem;
  background-color: rgba(0, 89, 167, 0.95);
  right: 0px;
  top: 15px;
}
@media screen and (min-width: 768px) {
  .homepage .membership-advantage-container .membership-advantage .membership-advantage-text {
    width: 614px;
    height: 472px;
  }
}
@media screen and (max-width: 767px) {
  .homepage .membership-advantage-container .membership-advantage .membership-advantage-text {
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
  }
}
.homepage .course-details-container {
  position: relative;
  min-height: 370px;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .homepage .course-details-container {
    height: 100%;
  }
}
.homepage .course-details-container div[class*=col-] div {
  height: 100%;
}
.homepage .course-details {
  position: relative;
  display: flex;
  top: -80px;
  z-index: 10;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .homepage .course-details {
    position: relative;
    flex-direction: column;
    top: 0;
  }
}
.homepage .course-details .course-detail {
  background-color: #E9F7FA;
  padding: 3rem 3rem;
  display: grid;
  height: 100%;
  grid-template-areas: "image" "text" "button";
  grid-template-rows: 104px 1fr min-content;
}
@media screen and (max-width: 767px) {
  .homepage .course-details .course-detail {
    margin-bottom: 2rem;
  }
}
.homepage .course-details .course-detail .course-image {
  grid-area: image;
  justify-self: center;
  padding-bottom: 3rem;
}
.homepage .course-details .course-detail .course-text {
  grid-area: text;
}
.homepage .course-details .course-detail .course-button {
  grid-area: button;
  justify-self: stretch;
}
.homepage .course-details .course-detail::before {
  content: "";
  position: absolute;
  height: 169px;
  width: 5px;
  top: 0px;
  left: 12px;
  border-left: 3px solid #DC6127;
}
.homepage .certified-container {
  background-color: #0059a7;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.homepage .certified-container h3 {
  text-transform: none;
}
.homepage .certified-container div[class*=col-] div {
  height: 100%;
}
.homepage .certified {
  max-width: 1470px;
  padding: 3rem 40px 3rem 40px;
  position: relative;
  display: flex;
}
@media screen and (max-width: 767px) {
  .homepage .certified {
    flex-direction: column;
  }
}
.homepage .certified-detail {
  display: grid;
  position: relative;
  grid-template-areas: "image" "text" "button";
  grid-template-rows: 80px 1fr min-content;
  min-height: 386px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .homepage .certified-detail {
    grid-template-rows: 80px min-content min-content;
    margin-bottom: 2rem;
    min-height: initial;
  }
}
.homepage .certified-intro {
  color: #FFF;
  padding-right: 5rem;
}
.homepage .certified-intro-text {
  line-height: 2.5;
}
.homepage .certified-header {
  color: #FFF;
  padding-bottom: 4rem;
}
.homepage .certified-detail {
  background-color: #FFF;
  padding: 3rem 3rem;
}
.homepage .certified-image {
  grid-area: image;
  padding-bottom: 2rem;
  justify-self: center;
  align-self: center;
}
.homepage .certified-right-start {
  position: absolute;
  top: -10px;
}
.homepage .certified-text {
  grid-area: text;
  line-height: calc(1.8125 * 0.827);
}
.homepage .certified-button {
  grid-area: button;
  justify-self: baseline;
}
.homepage .certified::before {
  content: "";
  position: absolute;
  width: 13rem;
  left: 4rem;
  top: 0px;
  border-bottom: 5px solid #DC6127;
}
.homepage .value {
  margin: 0 6rem;
  padding: 0 6rem;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
}
.homepage .value h4 {
  text-transform: none;
}
.homepage .value [class*=col-]  {
  height: 99%;
}
@media screen and (max-width: 767px) {
  .homepage .value {
    padding: 0;
    flex-direction: column;
  }
}
.homepage .value-detail {
  border: 1px solid #0059a7;
  padding: 2rem 3rem 4rem;
  display: grid;
  grid-template-areas: "header" "text" "button";
  grid-template-rows: 0.5fr 1fr min-content;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .homepage .value-detail {
    margin-bottom: 2rem;
    grid-template-rows: 1fr 1fr 0.6fr;
  }
}
.homepage .value-detail .value-header {
  grid-area: header;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .homepage .value-detail .value-header {
    flex-direction: column;
  }
}
.homepage .value-detail .value-header .value-image {
  display: inline;
  float: left;
  padding-right: 1rem;
  width: 9rem;
}
.homepage .value-detail .value-header .value-header {
  display: inline;
  color: #000;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .homepage .value-detail .value-header .value-header {
    text-align: center;
  }
}
.homepage .value-detail .value-text {
  grid-area: text;
  padding-bottom: 3rem;
}
.homepage .value-detail .value-button {
  grid-area: button;
  justify-self: baseline;
  align-self: flex-end;
}
.homepage .toppage {
  display: grid;
  justify-items: end;
  padding: 4rem 1rem;
  padding-top: 7rem;
}

.static-banner {
  background-color: #0059a7;
}

/* Mini Profile */
/****************/
.member-portal-left .panel-body {
  padding: 0.5rem 1rem 1rem 1rem;
}

#ste_container_ciMiniProfile {
  background-color: #e2e2e2;
  padding: 5px;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body {
  background-color: #FFF;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body .SectionLabel {
  color: #000;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_institute {
  color: #0059a7;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_divFullName .PanelField {
  padding-bottom: 0;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactName_divInstitute .PanelField {
  padding-top: 0;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactPicture_RadAjaxPanel1 img {
  border: 1px solid #e2e2e2;
  width: 13.4rem !important;
  height: 13.4rem !important;
  border-radius: 50%;
  object-fit: cover;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactAddress__divPhoneNumber .PanelField {
  margin-top: 1rem;
  padding-bottom: 0;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactAddress__divPhoneNumber .PanelField #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactAddress__phoneNumber {
  font-weight: 800;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactAddress__divEmail .PanelField {
  padding-top: 0;
  padding-bottom: 0;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divIdHeader .PanelField {
  padding-top: 0;
}
#ste_container_ciMiniProfile .CalloutPart2 .panel-body #ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_contactStatus_divIdHeader .PanelField .Label {
  width: 100%;
}

/* Profile, Logos & Certifications */
/**********************************/
.profile-logos-certifications {
  background-color: #FFF;
  padding: 1rem;
  text-align: center;
  border: 0.5rem solid #e2e2e2;
  margin-top: 2rem;
}

/* Notifications */
/*****************/
.Alerts {
  border: 1px solid #0063a7;
  padding: 1rem;
  margin: 0 0;
}

.quick-links {
  border: 1px solid rgba(151, 151, 151, 0.4);
  box-shadow: -0.5rem 3px 1rem rgba(151, 151, 151, 0.4);
  padding: 5rem 7rem;
}
.quick-links h1 {
  color: #000;
  font-weight: 500;
}
.quick-links ul.quick-links-items {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.quick-links ul.quick-links-items li {
  list-style: none;
  width: 23%;
  border: 1px solid #e2e2e2;
  margin-right: 1%;
  margin-bottom: 3%;
  text-align: center;
  padding: 3rem 1rem 2rem 1rem;
  font-weight: 700;
  color: #333333;
  display: flex;
  flex-direction: column;
  flex: 1 1 20rem;
}
@media (max-width: 767px) {
  .quick-links ul.quick-links-items li {
    flex: 1 1 100%;
  }
  .UtilityNavigation.nav-auxiliary .UtilitySection.UtilityNavigationToggle:first-child {
    display: none;
  }
  .UtilityAuthentication{
	display:inline-block;
  }
  .UtilityAuthentication a{
	font-weight:800;
	font-size:14px;
  }
}
.quick-links ul.quick-links-items li .quick-links-img {
  width: 7.5rem;
  height: 7.5rem;
  align-self: center;
  margin-bottom: 2rem;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}
.quick-links ul.quick-links-items li .quick-links-img.access {
  background: url("/images/REBIAegean/icons/icons8-search-property-75.png");
}
.quick-links ul.quick-links-items li .quick-links-img.course {
  background: url("/images/REBIAegean/icons/icons8-book-reading-75.png");
}
.quick-links ul.quick-links-items li .quick-links-img.benefits {
  background: url("/images/REBIAegean/icons/icons8-user-manual-75.png");
}
.quick-links ul.quick-links-items li .quick-links-img.communities {
  background: url("/images/REBIAegean/icons/icons8-unknown-status-75.png");
}
.quick-links ul.quick-links-items li .quick-links-img.profile {
  background: url("/images/REBIAegean/icons/icons8-resume-75.png");
}
.quick-links ul.quick-links-items li .quick-links-img.member {
  background: url("/images/REBIAegean/icons/icons8-find-user-male-75.png");
}
.quick-links ul.quick-links-items li .quick-links-img.resource {
  background: url("/images/REBIAegean/icons/icons8-knowledge-sharing-75.png");
}
.quick-links ul.quick-links-items li .quick-links-img.question {
  background: url("/images/REBIAegean/icons/icons8-help-75.png");
}
.quick-links ul.quick-links-items li a,
.quick-links ul.quick-links-items li a:visited {
  color: #333333;
}
.quick-links ul.quick-links-items li:hover {
  cursor: pointer;
  color: #DC6127;
}
.quick-links ul.quick-links-items li:hover .quick-links-img {
  transform: scale(1.1);
}
.quick-links ul.quick-links-items li:hover .quick-links-img.access {
  background: url("/images/REBIAegean/icons/icons8-search-property-75-orange.png");
}
.quick-links ul.quick-links-items li:hover .quick-links-img.course {
  background: url("/images/REBIAegean/icons/icons8-book-reading-75-orange.png");
}
.quick-links ul.quick-links-items li:hover .quick-links-img.benefits {
  background: url("/images/REBIAegean/icons/icons8-user-manual-75-orange.png");
}
.quick-links ul.quick-links-items li:hover .quick-links-img.communities {
  background: url("/images/REBIAegean/icons/icons8-unknown-status-75-orange.png");
}
.quick-links ul.quick-links-items li:hover .quick-links-img.profile {
  background: url("/images/REBIAegean/icons/icons8-resume-75-orange.png");
}
.quick-links ul.quick-links-items li:hover .quick-links-img.member {
  background: url("/images/REBIAegean/icons/icons8-find-user-male-75-orange.png");
}
.quick-links ul.quick-links-items li:hover .quick-links-img.resource {
  background: url("/images/REBIAegean/icons/icons8-knowledge-sharing-75-orange.png");
}
.quick-links ul.quick-links-items li:hover .quick-links-img.question {
  background: url("/images/REBIAegean/icons/icons8-help-75-orange.png");
}

/* HIGHLIGHTS */
/**************/
.highlights {
  margin-top: 3rem;
}
.highlights h2 {
  padding-left: 1rem;
}
.highlights .TaggedListPanel {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.highlights .TaggedListPanel .rebi-highlights {
  width: 32%;
  margin-bottom: 2%;
  margin-right: 1%;
  display: flex;
  flex-direction: column;
  flex: 1 1 27rem;
  max-width: 312px;
}
.highlights .TaggedListPanel .rebi-highlights .highlights-image {
  height: 15rem;
  background-color: #d2d2d2;
  background-size: 100%;
  display: flex;
  flex-direction: column;
}
.highlights .TaggedListPanel .rebi-highlights .highlights-image .highlights-image-url {
  display: none;
}
.highlights .TaggedListPanel .rebi-highlights .highlights-image .highlights-subtitle {
  margin-top: auto;
  background: #DC6127;
  align-self: flex-start;
  padding-left: 1rem;
  padding-right: 1rem;
  min-width: 8rem;
  color: #FFF;
  font-weight: 600;
}
.highlights .TaggedListPanel .rebi-highlights .highlights-content {
  padding: 2.5rem;
  border-left: 1px solid #0063a7;
  border-right: 1px solid #0063a7;
  border-bottom: 1px solid #0063a7;
  display: flex;
  flex-direction: column;
  height: 80%;
}
.highlights .TaggedListPanel .rebi-highlights .highlights-content .highlights-title {
  font-weight: 700;
}
.highlights .TaggedListPanel .rebi-highlights .highlights-content .highlights-summary {
  margin-top: 2.5rem;
  margin-bottom: 5rem;
}
.highlights .TaggedListPanel .rebi-highlights .highlights-content .highlights-button {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  align-self: flex-start;
}

.registration-list .panel-body {
  padding: 0;
}
.registration-list .RadGrid {
  border: 1px solid #0059a7;
}
.registration-list .rgMasterTable .rgHeader, .registration-list .rgMasterTable .rgNoRecords td {
  padding-left: 2rem !important;
}
.registration-list .rgMasterTable th {
  background-color: #FFF !important;
}
.registration-list .rgMasterTable thead th a {
  font-size: 2.5rem;
  font-weight: 700;
  color: #000 !important;
  text-decoration: none !important;
}
.registration-list .rgMasterTable thead th::after {
  content: "\a Course Title";
  color: #000;
  white-space: pre;
  position: relative;
  left: 0;
  top: 0;
  width: 5px;
  height: 5px;
  font-weight: 600;
}

.RefExample {
  border: 1px solid #ccc;
  padding: 2.3em 1.5em 1.5em;
  position: relative;
  margin: 15px 0;
}
.RefExample:before {
  content: "Example";
  background-color: #eaeaea;
  border: 1px solid #ccc;
  position: absolute;
  left: -1px;
  top: -1px;
  padding: 0.15em 0.385em 0.307em;
}
.RefExample + .RefCode {
  margin-top: -16px;
}

.RefCode {
  position: relative;
  margin: 0 0 15px 0;
  padding: 1.5em;
  font-size: 13px;
}

code {
  background-color: #eaeaea;
  padding: 0 2px !important;
  white-space: nowrap;
}

.RefTOC {
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  margin-top: 0.4em;
}
.RefTOC ul {
  margin: 0;
  padding: 0;
}
.RefTOC ul li {
  list-style-type: none;
  padding: 0.8em;
}

@media (min-width: 768px) {
  .RefTOC {
    float: left;
    width: 15em;
  }
  .RefTOC + .RefContent {
    margin-left: 16.5em;
  }
}
.RefContent > h2 {
  margin-top: 1em;
}
.RefContent > h3 {
  margin-top: 1em;
}

.RefIconList {
  margin: 0;
  padding: 0;
}
.RefIconList li {
  display: inline-block;
  height: 7em;
  width: 7em;
  padding: 10px;
  margin-bottom: 3px;
  text-align: center;
  background-color: #f7f7f7;
  list-style: none;
  vertical-align: top;
  line-height: 1.2;
}

pre.prettyprint {
  width: auto;
  overflow: auto;
}


 .FeatureButton {
    width: 100%;
    height: 108px;
    background: linear-gradient(
    226deg, #DC6127 16%, #0059a7 0%);
    color: #FFF !important;
    font-weight: bold;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 11px;
    text-decoration: none;
    }
    .FeatureButton:hover {
    /*width: 418px;
    height: 108px;*/
    background: #DC6127;
    /*font-weight: bold;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-family: "Open Sans", Helvetica Neue, Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;*/
    }


.cc-revoke.cc-right {
    position: absolute;
    right: 9999999999px;
}




/*# sourceMappingURL=99-REBI_Aegean.css.map */