@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url("//fonts.googleapis.com/css?family=Raleway|Abel");

/* left, center, right */
/*lighten($nav-secondary-header-bg,70%) !default;
 */
/*hsl(hue($link-color), saturation($link-color), 80%) !default;
 */
/* ========================================================================== MASTER PAGE LAYOUT ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

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

.header-container {
    max-width: 1300px
}

/* handle secondary column layout */
@media (min-width: 992px) {
    .has-secondary-col .col-primary {
        width: 76%;
    }

    .has-secondary-col .col-secondary {
        width: 22%;
    }

    .has-secondary-col.col-on-right .col-primary {
        float: left;
        margin-right: 2%;
    }

    .has-secondary-col.col-on-right .col-secondary {
        float: right;
    }

    .has-secondary-col.col-on-left .col-primary {
        float: right;
        margin-left: 2%;
    }

    .has-secondary-col.col-on-left .col-secondary {
        float: left;
    }
}

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

@media (min-width: 768px) {

    .search-container,
    .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;
    }
}

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

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

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

#masterHeaderBackground,
header.header {
    border-bottom: none;
}

/* This applies to the area behind the header logo and auxiliary navigation */
.navbar-collapse {
    clear: both;
}

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

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

.navbar-collapse {
    clear: right;
}

@media (min-width: 768px) {
    .header-top-container {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 666;
    }
}
/* 
.header-top-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 666;
} */

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

@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 ========================================================================== */
#masterContentArea {
    margin-top: 10px;
}

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

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

.Wrapper-FullWidth #masterContentArea .container-inner {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

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

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

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

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

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

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

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

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

.obo-action.obo-clear-cart:before {
    background-color: #fff;
    opacity: 0.9;
}

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

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

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

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

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

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

.footer-social {
    text-align: left;
}

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

.footer-promo-container {
    text-align: right;
}

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

.footer-promo-container .promo .TextButton {
    background: #e5fff7 !important;
    color: #0d0d0d;
}

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

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

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

.HelperText {
    color: #3d00a3;
}

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

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

h1:after,
h1.panel-title:after {
    content: '';
    display: block;
    bottom: 0;
    width: 45%;
    margin: 5px auto 0 auto;
    /*border-bottom: 3px solid #e5d6ff;
     */
}

.Wrapper-HomePage h2.panel-title {
    color: #3d00a3;
    display: table;
}

.Wrapper-HomePage h2.panel-title:after {
    content: '';
    display: block;
    bottom: 0;
    width: 30%;
    margin: 5px auto 0 auto;
    border-bottom: 2px solid #e5d6ff;
}

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

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

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

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

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

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

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

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

.Wrapper-HomePage .FullWidthArea-StyleBg4 {
    background: #222122 url(images/FullWidthArea_Bg4.jpg) center top no-repeat;
    color: #0c0c0c;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    padding: 20px 1%;
    line-height: 1.5;
}

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

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

.Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote {
    width: 45%;
}

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

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

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

/* Diamond shaped button, excluding Safari */
html:not(.t-safari) .btn,
html:not(.t-safari) .TextButton,
a#ctl01_TemplateBody_WebPartManager1_gwpciGeneralProductDisplayCommon_ciGeneralProductDisplayCommon_DynamicProductDisplay_CartLink {
    /* background: url(images/DiamondButton.svg#color-base) no-repeat top center !important;
     */
    background-size: 100% 100% !important;
    padding: 5px 25px !important;
}

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

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

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

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

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

@media screen and (prefers-reduced-motion: reduce) {

    .btn,
    .TextButton,
    .ruButton {
        transition: none;
    }
}

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

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

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

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

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

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

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

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

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

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

.BigButtonPanelArea1 .BigButtonList:not(.dropdown-menu) a[href*="Duplicate_Merge.aspx"] {
    opacity: 0.7;
}

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

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

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

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

@media (max-width: 991px) {
    .navbar {
        background-color: #9374cc !important;
    }
}

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

@media (min-width: 992px) {
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink {
        border-top: 3px solid transparent;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
        border-top: 3px solid transparent;
    }
}

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

.Spotlight .SectionLabel,
.Spotlight h4 {
    display: block;
    position: relative;
    padding: 1em 0 .6em 0;
    border-left: dotted 2px #c8c8c8;
}

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

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

.Spotlight .SectionLabel:after,
.Spotlight h4:after {
    content: '';
    display: block;
    bottom: 0;
    width: 30%;
    margin: .35em auto 0 auto;
    border-bottom: 2px solid #e5d6ff;
}

.Spotlight {
    margin-bottom: 1.3em;
}

.Spotlight p {
    border-left: dotted 2px #c8c8c8;
    padding: 0.2em 1.3em;
    margin: -0.2em 0 0 0;
    position: relative;
}

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

.Spotlight a {
    text-decoration: none;
}

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

@media (min-width: 992px) {
    .TestimonialArea {
        width: 70%;
    }
}

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

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

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

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

@media (min-width: 922px) {

    .UpcomingEventsHome ul.RelatedItemsHorizontal li,
    .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li {
        width: 225px;
        height: auto;
        margin: 0.6em 2%;
    }

    .UpcomingEventsHome a.ImageLink img {
        width: 225px !important;
        height: auto !important;
        display: block;
    }
}

.UpcomingEventsHome ul.RelatedItemsHorizontal li,
.UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li {
    width: 225px;
    height: auto;
    margin: .68em 2%;
}

.UpcomingEventsHome a.ImageLink img {
    width: 225px !important;
    height: auto !important;
    display: block;
}

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

.ProgressTracker2 {
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    .header-search .search-field:focus {
        width: 200px;
    }
}

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

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

/* RadStrip Tabs */
.RadTabStrip.RadTabStrip_MetroTouch {
    background: #0d0d0d;
    padding: 10px 10px 0 10px !important;
    letter-spacing: 1px;
    text-transform: none;
}

.RadTabStrip_MetroTouch.RadTabStrip,
.RadTabStrip_MetroTouch.RadTabStripVertical .rtsUL {
    background-color: #0d0d0d;
}

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

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

@media (max-width: 767px) {

    .RadTabStrip_MetroTouch .rtsLevel,
    .RadTabStrip_MetroTouch .rtsUL {
        float: none;
        display: block;
        width: 100%;
    }

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

@media (min-width: 768px) {
    .RadTabStrip_MetroTouch.RadTabStripLeft {
        z-index: 1;
        margin-right: -1px;
    }

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

    .RadTabStrip_MetroTouch.RadTabStripRight {
        z-index: 1;
        margin-left: -1px;
    }

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

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

.RadTabStrip_MetroTouch .rtsLink .tab-step-number {
    color: #0c0c0c;
    background-color: #9374cc;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
    background-color: #00c49e !important;
    border-color: #00c49e !important;
    color: #0c0c0c !important;
}

.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #9374CC !important;
    border-color: #9374CC !important;
}

.RadTabStrip_MetroTouch .rtsLink {
    color: #0c0c0c !important;
}

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

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

.CalloutPart2 {
    /* background-color: #f0edf2;
     */
    text-align: center;
}

.CalloutPart2 .SectionLabel:after {
    content: '';
    display: block;
    bottom: 0;
    width: 45%;
    margin: .35em auto 0 auto;
    border-bottom: 2px solid #e5d6ff;
}

.AccountMiniProfile {
    text-align: center;
}

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

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

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

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

.InternalHeaderArea .carousel-inner {
    filter: blur(0);
}

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

/* ========================================================================== Basic setup ========================================================================== */
body {
    font-family: "castledown-regular", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #0c0c0c;
}

a,
.Link,
.RadGrid.RadGrid .rgRow a,
.RadGrid.RadGrid .rgAltRow a,
.RadGrid.RadGrid .rgEditForm a,
.k-grid.k-grid a,
.RadToolTip.RadToolTip a {
    color: #390099;
    text-decoration: underline;
}

a:visited,
.Link:visited,
.RadGrid.RadGrid .rgRow a:visited,
.RadGrid.RadGrid .rgAltRow a:visited,
.RadGrid.RadGrid .rgEditForm a:visited,
.k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
    color: #551A8B;
}

a:hover,
a:focus,
a:active,
.Link:hover,
.Link:focus,
.Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active,
.RadGrid.RadGrid .rgAltRow a:hover,
.RadGrid.RadGrid .rgAltRow a:focus,
.RadGrid.RadGrid .rgAltRow a:active,
.RadGrid.RadGrid .rgEditForm a:hover,
.RadGrid.RadGrid .rgEditForm a:focus,
.RadGrid.RadGrid .rgEditForm a:active,
.k-grid.k-grid a:hover,
.k-grid.k-grid a:focus,
.k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
    color: #EE0000;
    text-decoration: underline;
}

a.aspNetDisabled,
a.aspNetDisabled:hover,
a.aspNetDisabled:focus,
a.aspNetDisabled:active,
a.aspNetDisabled:visited,
a:disabled,
a:disabled:hover,
a:disabled:focus,
a:disabled:active,
a:disabled:visited,
.Link.aspNetDisabled,
.Link.aspNetDisabled:hover,
.Link.aspNetDisabled:focus,
.Link.aspNetDisabled:active,
.Link.aspNetDisabled:visited,
.Link:disabled,
.Link:disabled:hover,
.Link:disabled:focus,
.Link:disabled:active,
.Link:disabled:visited,
.RadGrid.RadGrid .rgRow a.aspNetDisabled,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgRow a:disabled,
.RadGrid.RadGrid .rgRow a:disabled:hover,
.RadGrid.RadGrid .rgRow a:disabled:focus,
.RadGrid.RadGrid .rgRow a:disabled:active,
.RadGrid.RadGrid .rgRow a:disabled:visited,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active,
.RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgAltRow a:disabled,
.RadGrid.RadGrid .rgAltRow a:disabled:hover,
.RadGrid.RadGrid .rgAltRow a:disabled:focus,
.RadGrid.RadGrid .rgAltRow a:disabled:active,
.RadGrid.RadGrid .rgAltRow a:disabled:visited,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active,
.RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited,
.RadGrid.RadGrid .rgEditForm a:disabled,
.RadGrid.RadGrid .rgEditForm a:disabled:hover,
.RadGrid.RadGrid .rgEditForm a:disabled:focus,
.RadGrid.RadGrid .rgEditForm a:disabled:active,
.RadGrid.RadGrid .rgEditForm a:disabled:visited,
.k-grid.k-grid a.aspNetDisabled,
.k-grid.k-grid a.aspNetDisabled:hover,
.k-grid.k-grid a.aspNetDisabled:focus,
.k-grid.k-grid a.aspNetDisabled:active,
.k-grid.k-grid a.aspNetDisabled:visited,
.k-grid.k-grid a:disabled,
.k-grid.k-grid a:disabled:hover,
.k-grid.k-grid a:disabled:focus,
.k-grid.k-grid a:disabled:active,
.k-grid.k-grid a:disabled:visited,
.RadToolTip.RadToolTip a.aspNetDisabled,
.RadToolTip.RadToolTip a.aspNetDisabled:hover,
.RadToolTip.RadToolTip a.aspNetDisabled:focus,
.RadToolTip.RadToolTip a.aspNetDisabled:active,
.RadToolTip.RadToolTip a.aspNetDisabled:visited,
.RadToolTip.RadToolTip a:disabled,
.RadToolTip.RadToolTip a:disabled:hover,
.RadToolTip.RadToolTip a:disabled:focus,
.RadToolTip.RadToolTip a:disabled:active,
.RadToolTip.RadToolTip a:disabled:visited {
    color: #999999;
}

.RadGrid a,
.RadToolTip a {
    color: #390099 !important;
    text-decoration: underline;
}

.RadGrid a:visited,
.RadToolTip a:visited {
    color: #0c0c0c !important;
}

.RadGrid a:hover,
.RadGrid a:focus,
.RadGrid a:active,
.RadToolTip a:hover,
.RadToolTip a:focus,
.RadToolTip a:active {
    color: #260066 !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: #999999 !important;
}

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

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

h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle {
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: #888;
}

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

h1,
.h1,
.PageTitle {
    color: #3d00a3;
    font-size: 250%;
}

h1.BigHeader,
.h1.BigHeader {
    color: #0c0c0c;
    background-color: #3d00a3;
    padding: 20px;
    margin: 0;
}

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

h2,
.h2,
.PanelTitle {
    font-size: 200%;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: #0c0c0c;
    line-height: 1.45em;
}

h3,
.SectionTitle {
    font-size: 130%;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: #888;
}

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

h4,
.h4,
.SectionLabel {
    font-size: 120%;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: #3d00a3;
}

h5,
.h5,
.SectionLabelSmaller {
    font-size: 100%;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: #3d00a3;
}

h6,
.h6 {
    font-size: 85%;
    font-family: "Abel", Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #0c0c0c;
    margin: 0;
}

strong {
    font-weight: bold;
}

hr {
    margin-left: .5em;
    margin-right: .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: #ddd;
}

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

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

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

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

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

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

.bg-img-full-size {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-img-dark {
    background-color: #333333;
}

.bg-img-dark,
.bg-img-dark h1,
.bg-img-dark h2,
.bg-img-dark h3,
.bg-img-dark h4,
.bg-img-dark h5,
.bg-img-dark h6 {
    color: #fff;
}

.bg-img-dark a:not(.TextButton):not(.btn),
.bg-img-dark a:not(.TextButton):not(.btn):hover,
.bg-img-dark a:not(.TextButton):not(.btn):focus,
.bg-img-dark a:not(.TextButton):not(.btn):active {
    color: #fff;
    text-decoration: underline;
}

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

#masterHeaderBackground,
.header {
    border-bottom: 2px solid #eeeeee;
}

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

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

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

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

#masterHeaderImage {
    background-position: 0 -47px;
    width: 120px;
}

#masterDonorHeaderImage {
    background-image: url("images/DonorHeaderLogo.png");
    background-repeat: no-repeat;
    width: 122px;
    height: 39.04px;
    /* 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: 992px) {
    #masterDonorHeaderImage {
        width: 169px;
    }
}

#masterDonorHeaderImage {
    width: 169px;
}

/* Header Border */
#masterHeaderBackground,
.header {
    border-bottom: 2px solid #eeeeee;
}

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

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

.ProxyPanelContact a {
    color: #9f66ff;
}

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

.SubNavPanelHead {
    background-color: #f0edf2;
    color: #0c0c0c;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
}

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

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

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

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

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

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

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

@media (max-width: 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;
    }
}

.footer-nav-copyright .footer-social-copyright .footer-social {
    text-align: left;
}

.footer-nav-copyright .footer-social-copyright .footer-copyright {
    float: right;
    width: auto;
    clear: right;
}

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

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

.footer-content-section {
    float: left;
    width: 50%;
}

@media (min-width: 768px) {
    .footer .footer-social {
        width: 33.3333333333%;
    }

    .footer .footer-promo-container {
        width: 66.6666666667%;
    }
}

.footer .footer-social {
    width: 33.3333333333%;
}

.footer .footer-promo-container {
    width: 66.6666666667%;
}

#masterFooterCopyright {
    clear: both;
}

.footer-content {
    /* background-color: #00c49e;
     */
    color: #0c0c0c;
    text-align: left;
}

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

.footer-content a {
    color: #0c0c0c;
}

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

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

.footer-promo-container .promo {
    background-color: #00c49e;
    /* rgba fallback */
    background-color: rgba(0, 196, 158, 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: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    margin-bottom: .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%;
    }
}

.footer-promo-container .lead {
    font-size: 170%;
}

.footer-promo-container .TextButton {
    background-color: #00c49e;
    /* rgba fallback */
    background-color: rgba(0, 196, 158, 0.5);
    color: #0c0c0c;
}

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

.footer-nav-copyright {
    background-color: #9374cc;
    color: #0c0c0c;
}

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

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

/* Compatibility Footer ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
    /*background-color: #00c49e;
     */
    color: #0c0c0c;
}

#ft h4 {
    color: #0c0c0c;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
}

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

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
    color: #0c0c0c;
}

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

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

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

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

/* .primary-navigation-area .MegaDropDownMenuOuter {
     text-align: center;
}
 */
@media (min-width: 992px) {
    .header-bottom-container {
        background-color: rgba(13, 13, 13, 0.8);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 555;
    }
}

/* .header-bottom-container {
    background-color: rgba(13, 13, 13, 0.8);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 555;
} */

.navbar {
    min-height: 52px;
}

@media (max-width: 991px) {
    .navbar {
        background-color: #0d0d0d;
    }
}

.navbar-collapse,
.searchbar-collapse {
    background-color: #0d0d0d;
}

@media (min-width: 992px) {

    .navbar-collapse,
    .searchbar-collapse {
        padding-left: 0;
        padding-right: 0;
        border: none;
        background: none;
    }
}

.navbar-collapse,
.searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: none;
    background: none;
}

.auth-link-container {
    /* container for the sign in link when the browser is <768px wide */
    padding: 8px 15px;
    text-align: center;
    background-color: black;
}

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

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

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

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

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

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

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

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

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

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

.RadMenu.RadMenu_GreatBarrierReef,
.RadMenu.RadMenu_GreatBarrierReef .rmItem {
    font-size: inherit;
}

.RadMenu.RadMenu_GreatBarrierReef .rmSlide ul.rmGroup {
    padding: 10px;
}

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

.RadMenu.RadMenu_GreatBarrierReef .rmItem {
    list-style: none;
}

.RadMenu.RadMenu_GreatBarrierReef .rmDisabled>a {
    cursor: default;
}

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

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

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

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

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

.RadMenu.RadMenu_GreatBarrierReef .rsmItem {
    padding: 4px 15px;
    margin: 0;
}

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

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

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

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

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

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

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

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

.RadMenu.RadMenu_GreatBarrierReef .rmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmLink {
    text-decoration: none;
    display: block;
    position: relative;
    /* required for the menu to work in IE */
}

.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmTemplate {
    padding: 0;
    margin: 0;
    color: #0c0c0c;
    font-size: medium;
    /* font-size: 12px;
     */
    line-height: 16px;
}

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

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmTemplate:hover {
    /* root item selected styles */
    color: #00c49e;
    background-color: transparent;
}

.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
    /* root item hover and focus styles */
    background-color: transparent;
    color: #00c49e;
}

.RadMenu.RadMenu_GreatBarrierReef .rmGroup {
    background-color: #0d0d0d;
}

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

.RadMenu.RadMenu_GreatBarrierReef .rmDisabled>.rmLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rmDisabled>.rmLink:active,
.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled>.rsmLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled>.rsmLink:active {
    background-color: transparent;
    color: #fefefe;
}

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

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem>.rmLink {
    text-transform: none;
    color: #00c49e;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-size: 162%;
    font-weight: normal;
    letter-spacing: 1px;
}

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

.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .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_GreatBarrierReef .rmLink:hover .rmToggle>.rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmLink.rmFocused .rmToggle>.rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmSelected>.rmLink .rmToggle>.rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmFocused>.rmLink.rmRootLink .rmToggle>.rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmExpanded>.rmLink .rmToggle>.rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink .rmToggle>.rmIcon {
    background-position: 0 -26px;
}

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

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

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

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

.RadMenu_GreatBarrierReef .rmSlide .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink {
    /*color: #fefefe;
     */
    font-family: "castledown-bold", Arial, sans-serif;
    font-size: inherit;
    font-weight: normal;
}

.rmItem .rmLink {
    color: #0c0c0c;
}

.rmLevel1 .rmItem .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rmSeparator,
.RadMenu_GreatBarrierReef .rmSlide .rmVertical>.rmSeparator,
.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuSeperator>.rsmLink {
    border-bottom: 1px solid #C0A5D8 ;
}

.rmSlide .rmLevel2 .rmLink {
    font-size: .9em;
    border-bottom: 0 solid transparent;
}

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

.RadMenu_GreatBarrierReef .rmSlide .rmFocused>.rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rmSelected>.rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmSelected>.rsmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmSelected>.rsmLink {
    background-color: transparent;
    color: #00c49e;
}

.RadMenu_GreatBarrierReef .rmSlide .rmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rmLink.rmFocused,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink.rmFocused,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink.rmFocused {
    background-color: transparent;
    color: #00c49e;
}

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

/* .RadMenu_GreatBarrierReef .rmSlide .rmExpandRight, .RadMenu_GreatBarrierReef .rmSlide .rmGroup a.rmLink.rmExpandRight {
     background-image: url("images/ResponsiveNav.png");
     background-position: 110% -200px;
     background-repeat: no-repeat;
}
 */
.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenu {
    padding-top: 4px;
    padding-bottom: 4px;
}

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

.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem>.rsmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels>.rsmItem.rsmDisabled>.rsmLink:focus {
    /*text-transform: capitalize;
     */
    color: #0c0c0c;
    font-weight: normal;
    letter-spacing: 1px;
    /*line-height:10px !important;
     */
}

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

@media (max-width: 991px) {
    .RadMenu_GreatBarrierReef .rmSlide {
        width: 100% !important;
        left: 0 !important;
    }

    .RadMenu_GreatBarrierReef .rmSlide ul.rmVertical,
    .RadMenu_GreatBarrierReef .rmSlide ul.rmHorizontal,
    .RadMenu_GreatBarrierReef .rmSlide ul.rmRootScrollGroup {
        float: none;
    }

    .RadMenu_GreatBarrierReef .rmSlide .rmSlide {
        /* for right expanded items, expand below on extra small screens */
        left: 0 !important;
        /* margin-top: 64px; */
    }

    .RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmSlide .rmText {
        /* if we have toggles on we don't want to add the extra padding */
        padding-right: 15px;
    }

    .RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmExpandRight,
    .RadMenu_GreatBarrierReef .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: 992px) {
    .RadMenu.RadMenu_GreatBarrierReef {
        /* Make sure mega menus with two levels are an adequate width */
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmItem {
        white-space: nowrap;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup {
        width: auto;
        display: inline-block;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem {
        float: left;
        clear: none;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem>.rmLink {
        margin: 0;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink {
        /* border-top: 3px solid transparent;
         */
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
        /*border-top: 3px solid #00c49e;
         */
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup {
        margin: 0;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmItem {
        float: none;
        display: block;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink {
        margin: 0;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmToggle,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle {
        display: none;
    }

    .RadMenu.RadMenu_GreatBarrierReef.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide,
    .RadMenu.RadMenu_GreatBarrierReef.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
        display: block !important;
    }
}

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

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

.RadTreeView.RadTreeView_GreatBarrierReef .rtIn {
    font-weight: bold !important;
    display: block;
}

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

.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected>a.rtIn,
.RadTreeView.RadTreeView_GreatBarrierReef .child-is-selected.rtIn {
    background-color: transparent;
    color: #9374cc;
}

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

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

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

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

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

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

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

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

.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn {
    color: #9374cc;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin: 0;
}

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

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

.nav-secondary .sub-nav-head {
    background-color: #CAB4DF;
    color: #000000;
    font-weight: bold;
    font-size: 120%;
    padding: 10px 15px;
    text-transform: none;
}

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

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

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

.navbar-header>div,
.navbar-header>a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
    display: inline-block;
    vertical-align: middle;
    color: #0c0c0c;
}

.navbar-toggle {
    /*margin-top: 3.5px;
     margin-bottom: 3.5px;
     */
    vertical-align: middle;
    background-color: #9374cc;
    border-color: transparent;
    border-radius: 0px;
}

.navbar-toggle.collapsed {
    background-color: #9374cc;
}

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

.navbar-toggle .icon-bar {
    background-color: #0d0d0d;
}

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

.header-container .nav-auxiliary .UtilityAuthentication a {
    color: #0c0c0c;
    font-size: 100%;
    text-decoration: none;
    font-weight: bold;
    padding-top: 2px;
}

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

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

@media (min-width: 992px) {

    .header-container .nav-auxiliary .NavigationListItem,
    .header-container .nav-auxiliary .header-social .SocialSprite {
        /*margin-left: 7px;
         */
    }
}

.header-container .nav-auxiliary .NavigationListItem,
.header-container .nav-auxiliary .header-social .SocialSprite {
    margin-left: 0;
}

@media (max-width: 991px) {
    .header-container .nav-auxiliary {
        margin-bottom: 10px;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup>.rmItem>.rmLink {
        font-size: 110%;
    }

    .HomePageFullWidthArea .text-block {
        position: relative !important;
        top: -175px !important;
        left: 0% !important;
        height: 0px;
    }
}

.header-container .nav-auxiliary .nav-image {
    vertical-align: baseline;
    padding-right: 0px;
    max-height: 20px;
}

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

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

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

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

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

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

/* Auxiliary button links ========================================================================== */
/* These links are styled like the toggles (search & hamburger buttons) */
.nav-auxiliary .nav-aux-button {
    /* Cart Item Flag indicating how many items are in your cart */
}

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

.nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: #41B6E6;
    /*margin-left: 10px;
     */
    padding: 2.5px;
    margin-top: 0px;
    margin-bottom: 1.5px;
    /*border: 1px solid transparent;
     */
    border-radius: 0px;
    /* width:30px;
     */
}

#ctl01_ciUtilityNavigation_ctl02__rptWrapper__rptWrapper_rpt_ctl02_NavigationListItem {
    width: 30px;
}

.nav-auxiliary .nav-aux-button .NavigationLink:hover,
.nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #fff;
}

.nav-auxiliary .nav-aux-button .NavigationLink:active {
    background-color: #00b9dc;
}

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

.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: 30px;
    line-height: 30px;
    padding-left: 22px;
}

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

@media (min-width: 992px) {
    .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
        background: none;
        padding: 0;
    }

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

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        color: #0c0c0c;
        padding: 0 10px 0 10px;
        width: auto;
    }
}

.nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
    background: none;
    padding: 0;
}

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

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    color: #0c0c0c;
    padding: 0 10px;
    width: auto;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    /* background: transparent url("images/ResponsiveHeaderSprite.png") 0 -75px no-repeat;
     */
    background: transparent url("images/icons/ShoppingCart.jpg") 0 -75px no-repeat;
    background-size: 28px;
}

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

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    color: #0d0d0d;
    background-color: #00c49e;
    border-radius: 2px;
    font-size: 70%;
    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);
    margin-left: 1.5em;
}

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

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

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
        background-color: #00c49e;
        color: #0d0d0d;
    }
}

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

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

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

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

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

a.ste-toggle,
.wrapper.SVG-enabled a.ste-toggle,
.obo-toggle,
.wrapper.SVG-enabled .obo-toggle,
.batch-toggle,
.wrapper.SVG-enabled .batch-toggle,
.transaction-date-toggle,
.wrapper.SVG-enabled .transaction-date-toggle,
.page-statistics-toggle,
.wrapper.SVG-enabled .page-statistics-toggle,
.list-toggle,
.wrapper.SVG-enabled .list-toggle {
    background-color: rgba(255, 255, 255, 0.9);
    width: 34px;
    height: 31px;
    border-radius: 0;
    margin-left: -5px;
    margin-top: -5px !important;
}

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

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

@media (min-width: 992px) {

    .obo-toggle,
    .obo-toggle:hover,
    .obo-toggle:focus {
        margin-top: 2px;
    }
}

.obo-toggle,
.obo-toggle:hover,
.obo-toggle:focus {
    margin-top: 2px;
}

.obo-toggle.on,
.ste-toggle.on {
    background-color: #0d0d0d;
}

.OnBehalfOfContainer {
    width: 100%;
}

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

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

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

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

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

@media (min-width: 992px) {
    .header-search .search-field {
        padding: 0 0 0 7px;
        width: 25px;
        height: 31px;
        padding-left: 34px !important;
        background-position: 7px -22px !important;
        background-color: rgba(255, 255, 255, 0.8);
        border: none;
        margin: -5px 0 0;
        -webkit-transition: width;
        -o-transition: width;
        transition: width;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        font-weight: 700;
        color: #0c0c0c;
    }

    .header-search .search-field:hover {
        cursor: pointer;
        background-color: #fff;
    }

    .header-search .search-field:focus {
        background-color: #fff;
        width: 200px;
    }
}

.header-search .search-field {
    padding: 0 0 0 7px;
    width: 25px;
    height: 31px;
    padding-left: 34px !important;
    background-position: 7px -22px !important;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    margin: 0 0 0 -5px;
    -webkit-transition: width;
    -o-transition: width;
    transition: width;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

.header-search .search-field:hover {
    cursor: pointer;
    background-color: #fff;
}

.header-search .search-field:focus {
    background-color: #fff;
    width: 200px;
}

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

.nav-primary .nav-aux-primary-switch,
tr.nav-primary .nav-aux-primary-switch,
th.nav-primary .nav-aux-primary-switch,
td.nav-primary .nav-aux-primary-switch {
    display: none !important;
}

@media (max-width: 991px) {
    .searchbar-collapse {
        margin-top: 10px;
        width: 100%;
    }

    .searchbar-collapse .header-search {
        padding: 8px 8px 10px 10px;
    }

    .header-container .UtilityNavigation.nav-auxiliary {
        text-align: right;
    }
}

/* SVG icon support for OOTB themes */
.wrapper.SVG-enabled .dropdown .caret:before {
    background-color: #fff;
}

.wrapper.SVG-enabled .nav-aux-cart a {
    background-color: rgba(255, 255, 255, 0.8);
    flex-wrap: wrap;
}

.wrapper.SVG-enabled .nav-aux-cart a:hover,
.wrapper.SVG-enabled .nav-aux-cart a:focus {
    background-color: #fff;
}

.wrapper.SVG-enabled .nav-aux-cart a .nav-text {
    position: absolute;
    left: -10000px;
    z-index: 2000;
    font-size: 70%;
}

.wrapper.SVG-enabled a.ste-toggle,
.wrapper.SVG-enabled .obo-toggle,
.wrapper.SVG-enabled .batch-toggle,
.wrapper.SVG-enabled .transaction-date-toggle,
.wrapper.SVG-enabled .page-statistics-toggle,
.wrapper.SVG-enabled .list-toggle {
    background-color: rgba(255, 255, 255, 0.9);
}

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

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

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

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

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

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

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

/* ========================================================================== SOCIAL ICONS ========================================================================== */
.SocialSprite {
    background-image: url(images/SocialSprite.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    vertical-align: top;
    opacity: 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 Networking Icon Styling ****/
input,
button,
select,
textarea {
    font-family: "castledown-regular", 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,
.input-fake {
    display: inline-block;
    height: 37px;
    padding: 5px 10px;
    font-size: 100%;
    line-height: 1.8;
    color: #555555;
    /*border: 1px solid #ccc;
     */
    /* border-radius: 0px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-transition: border linear 0.2s, 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;
     */
}

@media screen and (prefers-reduced-motion: reduce) {

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input,
    .input-fake {
        transition: none;
    }
}

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

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

select::placeholder,
textarea::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="time"]::placeholder,
input[type="week"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="color"]::placeholder,
.uneditable-input::placeholder,
.input-fake::placeholder

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

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

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

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

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

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

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

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

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

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

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

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
    font: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

textarea {
    height: auto;
}

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

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

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

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

@media screen and (prefers-reduced-motion: reduce) {

    .btn,
    .TextButton,
    .RadUpload.RadUpload .ruButton,
    .RadUploadProgressArea.RadUploadProgressArea .ruButton {
        transition: none;
    }
}

.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: #0c0c0c;
    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;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled],
fieldset[disabled] .TextButton,
.TextButton.aspNetDisabled,
.RadUpload.RadUpload .ruButton.disabled,
.RadUpload.RadUpload .ruButton[disabled],
fieldset[disabled] .RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled],
fieldset[disabled] .RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a[disabled],
fieldset[disabled] #masterHeaderActionArea a,
#masterHeaderActionArea a.aspNetDisabled {
    pointer-events: none;
    opacity: 0.55;
    filter: alpha(opacity=55.0);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
a#ctl01_TemplateBody_WebPartManager1_gwpciGeneralProductDisplayCommon_ciGeneralProductDisplayCommon_DynamicProductDisplay_CartLink {
    color: #0d0d0d;
    background-color: #FC5A68;
    border-color: transparent;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
}

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
.TextButton,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
    color: #0c0c0c;
    background-color: #9374cc;
    border-color: transparent;
}

.btn,
.btn:visited,
.TextButton,
.TextButton:visited,
.RadUpload.RadUpload .ruButton,
.RadUpload.RadUpload .ruButton:visited,
.RadUploadProgressArea.RadUploadProgressArea .ruButton,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:visited {
    color: #0c0c0c;
}

.btn:hover,
.btn:focus,
.btn:active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.RadUpload.RadUpload .ruButton:hover,
.RadUpload.RadUpload .ruButton:focus,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    color: #0c0c0c;
    text-decoration: none;
    background-color: #FC5A68;
    border-color: rgba(0, 0, 0, 0);
}

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

.btn:active,
.TextButton:active,
.RadUpload.RadUpload .ruButton:active,
.RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    background-color: #FC5A68;
    border-color: transparent;
}

.RadGrid.RadGrid input.TextButton.PrimaryButton,
.RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: #00c49e;
    color: #0d0d0d;
}

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

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

/* primary button */
.PrimaryButton,
.UsePrimaryButton .TextButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
    color: #0d0d0d;
    background-color: #00c49e;
    border-color: transparent;
}

.PrimaryButton,
.PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.RadGrid input.PrimaryButton,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited,
#ctl01_TemplateBody_WebPartManager1_gwpciGeneralProductDisplayCommon_ciGeneralProductDisplayCommon_DynamicProductDisplay_CartLink a:hover,
#ctl01_TemplateBody_WebPartManager1_gwpciGeneralProductDisplayCommon_ciGeneralProductDisplayCommon_DynamicProductDisplay_CartLink a:focus,
#ctl01_TemplateBody_WebPartManager1_gwpciGeneralProductDisplayCommon_ciGeneralProductDisplayCommon_DynamicProductDisplay_CartLink a:visited {
    color: #0d0d0d;
    background-color: #00c49e;
    border-color: transparent;
}

.PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active {
    color: #0d0d0d;
    text-decoration: none;
    background-color: #3dffbe;
    border-color: rgba(0, 0, 0, 0);
}

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

.PrimaryButton:disabled,
.PrimaryButton:disabled:hover,
.PrimaryButton:disabled:focus,
.PrimaryButton:disabled:active,
.PrimaryButton.disabled,
.PrimaryButton.disabled:hover,
.PrimaryButton.disabled:focus,
.PrimaryButton.disabled:active,
.PrimaryButton.aspNetDisabled,
.PrimaryButton.aspNetDisabled:hover,
.PrimaryButton.aspNetDisabled:focus,
.PrimaryButton.aspNetDisabled:active,
.TextButton:disabled,
.TextButton:disabled:hover,
.TextButton:disabled:active,
.TextButton.disabled:active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.TextButton:disabled:focus,
.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,
RadGrid input.PrimaryButton:disabled,
.RadGrid input.PrimaryButton:disabled:hover,
.RadGrid input.PrimaryButton:disabled:focus,
.RadGrid input.PrimaryButton:disabled:active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active {
    background-color: #00c49e;
    border-color: transparent;
}

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

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

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

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

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

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

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

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

.SmallButton,
.UseSmallButton .TextButton {
    font-size: 85%;
    padding: 3px 8px;
    border-radius: 0px;
}

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

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

.FullWidthButton,
.UseFullWidthButton .TextButton {
    width: 100%;
}

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

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

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

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

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

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

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

/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
.FullWidthButton,
.UseFullWidthButton .TextButton {
    width: 100%;
}

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

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

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

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

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

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

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

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

.RadTreeView.GLE a:hover,
.RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
    background-color: #9374cc;
    color: #0c0c0c;
}

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

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

.mini-profile-banner-large .mini-profile-picture-section,
.mini-profile-banner-large .panel-heading,
.mini-profile-banner-small .mini-profile-picture-section,
.mini-profile-banner-small .panel-heading {
    background-color: #f9f9f9;
    color: #000;
}

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

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

.mini-profile-banner-large .mini-profile-status-section,
.mini-profile-banner-small .mini-profile-status-section {
    font-size: .9em;
}

@media (min-width: 768px) {

    .mini-profile-banner-large .mini-profile-name-section,
    .mini-profile-banner-large .mini-profile-address-section {
        background-color: #f9f9f9;
    }
}

.account-banner:before {
    background-color: #f9f9f9;
    border-radius: 0px;
}

@media (min-width: 768px) {
    .account-banner .mini-profile-banner-large .mini-profile {
        grid-template: "picture name" 1fr "picture address" auto "picture status" auto/fit-content(33%) auto;
    }
}

.account-banner .mini-profile-name-section,
.account-banner .mini-profile-address-section,
.account-banner .mini-profile-picture-section,
.account-banner .mini-profile-status-section,
.account-banner .mini-profile-banner-large .panel-heading,
.account-banner .mini-profile-banner-small .panel-heading {
    background-color: transparent;
}

.account-banner .mini-profile-banner-large .mini-profile-picture-section .profile-picture-container,
.account-banner .mini-profile-banner-small .mini-profile-picture-section .profile-picture-container {
    margin-bottom: 0;
}

.account-banner .mini-profile-banner-large .mini-profile-picture-section-after,
.account-banner .mini-profile-banner-small .mini-profile-picture-section-after {
    height: 0;
}

.account-banner .summary-display {
    font-size: .9em;
}

.account-banner .AlertSet {
    background-color: transparent;
}

.account-banner .AlertSet .AlertItem {
    margin-bottom: 0.5rem;
    border-radius: 0px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.account-banner .AlertSet .AlertItem:last-child {
    margin-bottom: 0;
}

.account-banner .AlertSet .AlertItem .media>img {
    width: 20px;
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-track {
    background-color: transparent;
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.4);
}

.account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.6);
}

.account-banner-bg-color-1 .account-banner:before {
    background-color: #f0edf2;
}

.account-banner-bg-color-2 .account-banner:before {
    background-color: #00abbe;
}

.account-banner-bg-color-3 .account-banner:before {
    background-color: #3d00a3;
}

.account-banner-bg-color-4 .account-banner:before {
    background-color: #e98300;
}

.account-banner-bg-color-5 .account-banner:before {
    background-color: #8e51ae;
}

.account-banner-bg-color-red .account-banner:before {
    background-color: #d03528;
}

.account-banner-bg-color-orange .account-banner:before {
    background-color: #e98300;
}

.account-banner-bg-color-yellow .account-banner:before {
    background-color: #e8d92d;
}

.account-banner-bg-color-green .account-banner:before {
    background-color: #68bd49;
}

.account-banner-bg-color-blue .account-banner:before {
    background-color: #00a9e0;
}

.account-banner-bg-color-purple .account-banner:before {
    background-color: #8e51ae;
}

.account-banner {
    --system-icon-color: #343a40;
    --system-icon-color-hover: #212529;
}

.account-banner .area-top-left a,
.account-banner .area-middle-left a,
.account-banner .area-bottom-left a,
.account-banner .area-center a {
    text-decoration: underline;
}

.account-banner .area-top-left,
.account-banner .area-top-left h1,
.account-banner .area-top-left h2,
.account-banner .area-top-left h3,
.account-banner .area-top-left h4,
.account-banner .area-top-left h5,
.account-banner .area-top-left label,
.account-banner .area-top-left .Label,
.account-banner .area-top-left .SectionLabel,
.account-banner .area-middle-left,
.account-banner .area-middle-left h1,
.account-banner .area-middle-left h2,
.account-banner .area-middle-left h3,
.account-banner .area-middle-left h4,
.account-banner .area-middle-left h5,
.account-banner .area-middle-left label,
.account-banner .area-middle-left .Label,
.account-banner .area-middle-left .SectionLabel,
.account-banner .area-bottom-left,
.account-banner .area-bottom-left h1,
.account-banner .area-bottom-left h2,
.account-banner .area-bottom-left h3,
.account-banner .area-bottom-left h4,
.account-banner .area-bottom-left h5,
.account-banner .area-bottom-left label,
.account-banner .area-bottom-left .Label,
.account-banner .area-bottom-left .SectionLabel,
.account-banner .area-center,
.account-banner .area-center h1,
.account-banner .area-center h2,
.account-banner .area-center h3,
.account-banner .area-center h4,
.account-banner .area-center h5,
.account-banner .area-center label,
.account-banner .area-center .Label,
.account-banner .area-center .SectionLabel {
    color: #0c0c0c;
}

.account-banner .area-top-left a,
.account-banner .area-middle-left a,
.account-banner .area-bottom-left a,
.account-banner .area-center a {
    text-decoration: none;
}

.account-banner .area-top-left a:not(.ButtonItem),
.account-banner .area-middle-left a:not(.ButtonItem),
.account-banner .area-bottom-left a:not(.ButtonItem),
.account-banner .area-center a:not(.ButtonItem) {
    color: #0c0c0c;
}

.account-banner-bg-color-3 .account-banner,
.account-banner-bg-color-5 .account-banner,
.account-banner-bg-color-red .account-banner,
.account-banner-bg-color-purple .account-banner {
    --system-icon-color: #ced4da;
    --system-icon-color-hover: #fff;
}

.account-banner-bg-color-3 .account-banner .area-top-left,
.account-banner-bg-color-3 .account-banner .area-top-left h1,
.account-banner-bg-color-3 .account-banner .area-top-left h2,
.account-banner-bg-color-3 .account-banner .area-top-left h3,
.account-banner-bg-color-3 .account-banner .area-top-left h4,
.account-banner-bg-color-3 .account-banner .area-top-left h5,
.account-banner-bg-color-3 .account-banner .area-top-left label,
.account-banner-bg-color-3 .account-banner .area-top-left .Label,
.account-banner-bg-color-3 .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-5 .account-banner .area-top-left,
.account-banner-bg-color-5 .account-banner .area-top-left h1,
.account-banner-bg-color-5 .account-banner .area-top-left h2,
.account-banner-bg-color-5 .account-banner .area-top-left h3,
.account-banner-bg-color-5 .account-banner .area-top-left h4,
.account-banner-bg-color-5 .account-banner .area-top-left h5,
.account-banner-bg-color-5 .account-banner .area-top-left label,
.account-banner-bg-color-5 .account-banner .area-top-left .Label,
.account-banner-bg-color-5 .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-red .account-banner .area-top-left,
.account-banner-bg-color-red .account-banner .area-top-left h1,
.account-banner-bg-color-red .account-banner .area-top-left h2,
.account-banner-bg-color-red .account-banner .area-top-left h3,
.account-banner-bg-color-red .account-banner .area-top-left h4,
.account-banner-bg-color-red .account-banner .area-top-left h5,
.account-banner-bg-color-red .account-banner .area-top-left label,
.account-banner-bg-color-red .account-banner .area-top-left .Label,
.account-banner-bg-color-red .account-banner .area-top-left .SectionLabel,
.account-banner-bg-color-purple .account-banner .area-top-left,
.account-banner-bg-color-purple .account-banner .area-top-left h1,
.account-banner-bg-color-purple .account-banner .area-top-left h2,
.account-banner-bg-color-purple .account-banner .area-top-left h3,
.account-banner-bg-color-purple .account-banner .area-top-left h4,
.account-banner-bg-color-purple .account-banner .area-top-left h5,
.account-banner-bg-color-purple .account-banner .area-top-left label,
.account-banner-bg-color-purple .account-banner .area-top-left .Label,
.account-banner-bg-color-purple .account-banner .area-top-left .SectionLabel {
    color: #fff;
}

.account-banner-bg-color-3 .account-banner .area-top-left a,
.account-banner-bg-color-5 .account-banner .area-top-left a,
.account-banner-bg-color-red .account-banner .area-top-left a,
.account-banner-bg-color-purple .account-banner .area-top-left a {
    text-decoration: none;
}

.account-banner-bg-color-3 .account-banner .area-top-left a:not(.ButtonItem),
.account-banner-bg-color-5 .account-banner .area-top-left a:not(.ButtonItem),
.account-banner-bg-color-red .account-banner .area-top-left a:not(.ButtonItem),
.account-banner-bg-color-purple .account-banner .area-top-left a:not(.ButtonItem) {
    color: #fff;
}

@media (min-width: 768px) {

    .account-banner-bg-color-3 .account-banner .area-middle-left,
    .account-banner-bg-color-3 .account-banner .area-middle-left h1,
    .account-banner-bg-color-3 .account-banner .area-middle-left h2,
    .account-banner-bg-color-3 .account-banner .area-middle-left h3,
    .account-banner-bg-color-3 .account-banner .area-middle-left h4,
    .account-banner-bg-color-3 .account-banner .area-middle-left h5,
    .account-banner-bg-color-3 .account-banner .area-middle-left label,
    .account-banner-bg-color-3 .account-banner .area-middle-left .Label,
    .account-banner-bg-color-3 .account-banner .area-middle-left .SectionLabel,
    .account-banner-bg-color-3 .account-banner .area-bottom-left,
    .account-banner-bg-color-3 .account-banner .area-bottom-left h1,
    .account-banner-bg-color-3 .account-banner .area-bottom-left h2,
    .account-banner-bg-color-3 .account-banner .area-bottom-left h3,
    .account-banner-bg-color-3 .account-banner .area-bottom-left h4,
    .account-banner-bg-color-3 .account-banner .area-bottom-left h5,
    .account-banner-bg-color-3 .account-banner .area-bottom-left label,
    .account-banner-bg-color-3 .account-banner .area-bottom-left .Label,
    .account-banner-bg-color-3 .account-banner .area-bottom-left .SectionLabel,
    .account-banner-bg-color-5 .account-banner .area-middle-left,
    .account-banner-bg-color-5 .account-banner .area-middle-left h1,
    .account-banner-bg-color-5 .account-banner .area-middle-left h2,
    .account-banner-bg-color-5 .account-banner .area-middle-left h3,
    .account-banner-bg-color-5 .account-banner .area-middle-left h4,
    .account-banner-bg-color-5 .account-banner .area-middle-left h5,
    .account-banner-bg-color-5 .account-banner .area-middle-left label,
    .account-banner-bg-color-5 .account-banner .area-middle-left .Label,
    .account-banner-bg-color-5 .account-banner .area-middle-left .SectionLabel,
    .account-banner-bg-color-5 .account-banner .area-bottom-left,
    .account-banner-bg-color-5 .account-banner .area-bottom-left h1,
    .account-banner-bg-color-5 .account-banner .area-bottom-left h2,
    .account-banner-bg-color-5 .account-banner .area-bottom-left h3,
    .account-banner-bg-color-5 .account-banner .area-bottom-left h4,
    .account-banner-bg-color-5 .account-banner .area-bottom-left h5,
    .account-banner-bg-color-5 .account-banner .area-bottom-left label,
    .account-banner-bg-color-5 .account-banner .area-bottom-left .Label,
    .account-banner-bg-color-5 .account-banner .area-bottom-left .SectionLabel,
    .account-banner-bg-color-red .account-banner .area-middle-left,
    .account-banner-bg-color-red .account-banner .area-middle-left h1,
    .account-banner-bg-color-red .account-banner .area-middle-left h2,
    .account-banner-bg-color-red .account-banner .area-middle-left h3,
    .account-banner-bg-color-red .account-banner .area-middle-left h4,
    .account-banner-bg-color-red .account-banner .area-middle-left h5,
    .account-banner-bg-color-red .account-banner .area-middle-left label,
    .account-banner-bg-color-red .account-banner .area-middle-left .Label,
    .account-banner-bg-color-red .account-banner .area-middle-left .SectionLabel,
    .account-banner-bg-color-red .account-banner .area-bottom-left,
    .account-banner-bg-color-red .account-banner .area-bottom-left h1,
    .account-banner-bg-color-red .account-banner .area-bottom-left h2,
    .account-banner-bg-color-red .account-banner .area-bottom-left h3,
    .account-banner-bg-color-red .account-banner .area-bottom-left h4,
    .account-banner-bg-color-red .account-banner .area-bottom-left h5,
    .account-banner-bg-color-red .account-banner .area-bottom-left label,
    .account-banner-bg-color-red .account-banner .area-bottom-left .Label,
    .account-banner-bg-color-red .account-banner .area-bottom-left .SectionLabel,
    .account-banner-bg-color-purple .account-banner .area-middle-left,
    .account-banner-bg-color-purple .account-banner .area-middle-left h1,
    .account-banner-bg-color-purple .account-banner .area-middle-left h2,
    .account-banner-bg-color-purple .account-banner .area-middle-left h3,
    .account-banner-bg-color-purple .account-banner .area-middle-left h4,
    .account-banner-bg-color-purple .account-banner .area-middle-left h5,
    .account-banner-bg-color-purple .account-banner .area-middle-left label,
    .account-banner-bg-color-purple .account-banner .area-middle-left .Label,
    .account-banner-bg-color-purple .account-banner .area-middle-left .SectionLabel,
    .account-banner-bg-color-purple .account-banner .area-bottom-left,
    .account-banner-bg-color-purple .account-banner .area-bottom-left h1,
    .account-banner-bg-color-purple .account-banner .area-bottom-left h2,
    .account-banner-bg-color-purple .account-banner .area-bottom-left h3,
    .account-banner-bg-color-purple .account-banner .area-bottom-left h4,
    .account-banner-bg-color-purple .account-banner .area-bottom-left h5,
    .account-banner-bg-color-purple .account-banner .area-bottom-left label,
    .account-banner-bg-color-purple .account-banner .area-bottom-left .Label,
    .account-banner-bg-color-purple .account-banner .area-bottom-left .SectionLabel {
        color: #fff;
    }

    .account-banner-bg-color-3 .account-banner .area-middle-left a,
    .account-banner-bg-color-3 .account-banner .area-bottom-left a,
    .account-banner-bg-color-5 .account-banner .area-middle-left a,
    .account-banner-bg-color-5 .account-banner .area-bottom-left a,
    .account-banner-bg-color-red .account-banner .area-middle-left a,
    .account-banner-bg-color-red .account-banner .area-bottom-left a,
    .account-banner-bg-color-purple .account-banner .area-middle-left a,
    .account-banner-bg-color-purple .account-banner .area-bottom-left a {
        text-decoration: none;
    }

    .account-banner-bg-color-3 .account-banner .area-middle-left a:not(.ButtonItem),
    .account-banner-bg-color-3 .account-banner .area-bottom-left a:not(.ButtonItem),
    .account-banner-bg-color-5 .account-banner .area-middle-left a:not(.ButtonItem),
    .account-banner-bg-color-5 .account-banner .area-bottom-left a:not(.ButtonItem),
    .account-banner-bg-color-red .account-banner .area-middle-left a:not(.ButtonItem),
    .account-banner-bg-color-red .account-banner .area-bottom-left a:not(.ButtonItem),
    .account-banner-bg-color-purple .account-banner .area-middle-left a:not(.ButtonItem),
    .account-banner-bg-color-purple .account-banner .area-bottom-left a:not(.ButtonItem) {
        color: #fff;
    }
}

@media (min-width: 992px) {

    .account-banner-bg-color-3 .account-banner .area-center,
    .account-banner-bg-color-3 .account-banner .area-center h1,
    .account-banner-bg-color-3 .account-banner .area-center h2,
    .account-banner-bg-color-3 .account-banner .area-center h3,
    .account-banner-bg-color-3 .account-banner .area-center h4,
    .account-banner-bg-color-3 .account-banner .area-center h5,
    .account-banner-bg-color-3 .account-banner .area-center label,
    .account-banner-bg-color-3 .account-banner .area-center .Label,
    .account-banner-bg-color-3 .account-banner .area-center .SectionLabel,
    .account-banner-bg-color-5 .account-banner .area-center,
    .account-banner-bg-color-5 .account-banner .area-center h1,
    .account-banner-bg-color-5 .account-banner .area-center h2,
    .account-banner-bg-color-5 .account-banner .area-center h3,
    .account-banner-bg-color-5 .account-banner .area-center h4,
    .account-banner-bg-color-5 .account-banner .area-center h5,
    .account-banner-bg-color-5 .account-banner .area-center label,
    .account-banner-bg-color-5 .account-banner .area-center .Label,
    .account-banner-bg-color-5 .account-banner .area-center .SectionLabel,
    .account-banner-bg-color-red .account-banner .area-center,
    .account-banner-bg-color-red .account-banner .area-center h1,
    .account-banner-bg-color-red .account-banner .area-center h2,
    .account-banner-bg-color-red .account-banner .area-center h3,
    .account-banner-bg-color-red .account-banner .area-center h4,
    .account-banner-bg-color-red .account-banner .area-center h5,
    .account-banner-bg-color-red .account-banner .area-center label,
    .account-banner-bg-color-red .account-banner .area-center .Label,
    .account-banner-bg-color-red .account-banner .area-center .SectionLabel,
    .account-banner-bg-color-purple .account-banner .area-center,
    .account-banner-bg-color-purple .account-banner .area-center h1,
    .account-banner-bg-color-purple .account-banner .area-center h2,
    .account-banner-bg-color-purple .account-banner .area-center h3,
    .account-banner-bg-color-purple .account-banner .area-center h4,
    .account-banner-bg-color-purple .account-banner .area-center h5,
    .account-banner-bg-color-purple .account-banner .area-center label,
    .account-banner-bg-color-purple .account-banner .area-center .Label,
    .account-banner-bg-color-purple .account-banner .area-center .SectionLabel {
        color: #fff;
    }

    .account-banner-bg-color-3 .account-banner .area-center a,
    .account-banner-bg-color-5 .account-banner .area-center a,
    .account-banner-bg-color-red .account-banner .area-center a,
    .account-banner-bg-color-purple .account-banner .area-center a {
        text-decoration: none;
    }

    .account-banner-bg-color-3 .account-banner .area-center a:not(.ButtonItem),
    .account-banner-bg-color-5 .account-banner .area-center a:not(.ButtonItem),
    .account-banner-bg-color-red .account-banner .area-center a:not(.ButtonItem),
    .account-banner-bg-color-purple .account-banner .area-center a:not(.ButtonItem) {
        color: #fff;
    }
}

.account-page-with-banner .mini-profile-banner-large .panel-heading,
.account-page-with-banner .mini-profile-banner-small .panel-heading,
.account-page-with-banner .account-page-top-area.account-page-top-area {
    background-color: #f9f9f9;
}

.account-page-with-banner .account-page-top-area {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section,
.account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section {
    background-color: #f9f9f9;
}

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

@media (min-width: 768px) {

    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section {
        background-color: #f9f9f9;
    }

    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h1,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h2,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h3,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h4,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h5,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .Label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .SectionLabel,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h1,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h2,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h3,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h4,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h5,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .Label,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .SectionLabel {
        color: #0c0c0c;
    }

    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a,
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a {
        text-decoration: none;
    }

    .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a:not(.ButtonItem),
    .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a:not(.ButtonItem) {
        color: #0c0c0c;
    }

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

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

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

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

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

/* Event Display ========================================================================== */
.EventSummary {
    background-color: #f0edf2;
}

.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;
    }
}

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

.EventSummary .Description {
    padding: 2em;
}

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

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
    font-family: "castledown-heavy", Arial, sans-serif;
    font-weight: bold;
    font-size: 120%;
    line-height: 2em;
    padding-left: .5em;
    color: #0c0c0c;
}

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

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

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

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

.ProgressTrackerNavigation:hover {
    border-radius: 0px;
    box-shadow: 0 2px 3px 0px #999999;
    border-color: #999999;
    opacity: 0.9;
    cursor: pointer;
}

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

.ProgressTracker2 .ProgressTrackerPanel:before,
.ProgressTracker2 .ProgressTrackerPanel:after {
    content: " ";
    display: table;
}

.ProgressTracker2 .ProgressTrackerPanel:after {
    clear: both;
}

.ProgressTracker2 .ProgressTrackerPanel .count {
    color: #0c0c0c;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    font-weight: 700;
}

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

.ProgressTracker2 .ProgressBar {
    margin: 10px;
}

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

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

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

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

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

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

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

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

.CartCharges .GrandTotal .PanelField {
    background-color: #fff;
    text-transform: none;
    font-weight: bold;
    color: #3d00a3;
}

.collapse.in {
    display: block !important;
}

.CartCharges .GrandTotal .PanelField .Label {
    color: #3d00a3;
    text-transform: uppercase;
}

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

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

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

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

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif !important;
    font-weight: inherit;
    font-size: 18px !important;
    clear: both;
}

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

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: #0d0d0d;
}

@media (max-width: 600px) {

    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
        float: none;
        width: 100%;
        display: block;
    }

    html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
        display: block;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch+.RadMultiPage {
        border-top-width: 0;
    }

    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLink,
    .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsIn {
        text-align: center;
    }
}

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

/* On the account page, when secondary nav is present, display the tabs on top */
@media (min-width: 768px) {

    .account-page-with-banner .has-secondary-col .tabs-wrapper.tabs-left,
    .account-page-with-banner .has-secondary-col .tags-wrapper.tabs-right {
        display: block;
    }

    .account-page-with-banner .has-secondary-col .RadTabStripVertical.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLI {
        display: inline-block;
        float: left;
    }
}

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

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

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

/* RadGrid ========================================================================== */
.RadGrid.RadGrid_MetroTouch,
.RadGrid.RadGrid_Metro {
    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;
    font-weight: bold;
}

.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 .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover,
.RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
    background-color: #0d0d0d;
    border-color: #0d0d0d;
    text-decoration: none;
    color: #00c49e !important;
}

.RadGrid.RadGrid_MetroTouch .rgNumPart a,
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a,
.RadGrid.RadGrid_Metro .rgNumPart a,
.RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a {
    border-radius: 100%;
    line-height: 28px;
    padding: 0;
    border-color: transparent;
}

.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
    border-radius: 0px;
}

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

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

.RadGrid.RadGrid_MetroTouch .rgInfoPart,
.RadGrid.RadGrid_Metro .rgInfoPart {
    color: #0c0c0c;
}

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

.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 .rgGroupPanel,
.RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
    background-color: #0d0d0d;
}

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

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

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

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

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

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

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

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

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

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

.RadScheduler.RadScheduler_Metro .rsHeader h2 {
    font-family: "castledown-heavy", Arial, sans-serif;
    font-weight: bold;
    color: #0c0c0c;
    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: #00c49e;
}

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

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

.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: #00c49e;
    background-color: #00c49e;
    color: #0c0c0c !important;
}

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

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

/* RadWindow ========================================================================== */
.RadWindow.RadWindow_MetroTouch,
.RadWindow.RadWindow_MetroTouch .rwTitleRow em {
    font-family: inherit;
    font-weight: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ========================================================================== 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: #0c0c0c;
    /* 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: #0c0c0c;
    margin: 0 8px 8px 8px;
}

.HeroContent .TextButton {
    float: right;
}

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

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

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

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

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

.Slider.FullWidth .SliderPage1 h1 {
    color: #0c0c0c;
    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: #0c0c0c;
    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 {
        position: inherit;
        float: right;
        width: 36em;
        margin: 1em;
        max-height: 37em;
    }
}

.Slider.FullWidth .SliderPage1 .SliderContent {
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 37em;
}

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

.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: #0c0c0c;
    text-shadow: 1px 1px 1px #0c0c0c;
}

.jumbotron.home {
    height: 39em;
}

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

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

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

.jumbotron.home h1 {
    font-size: 250%;
}

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

.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%;
    }
}

.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: #0c0c0c;
        background-color: rgba(0, 0, 0, 0.65);
        text-align: center;
    }
}

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

.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: #0c0c0c;
        background-color: rgba(0, 0, 0, 0.55);
        padding: 0 .45em;
        margin-bottom: .2em;
        float: left;
        clear: left;
    }

    .jumbotron.interior.AlignRight .jumbotron-text span {
        float: right;
        clear: right;
    }
}

.jumbotron.interior {
    height: 25em;
}

.jumbotron.interior p {
    font-size: 200%;
}

.jumbotron.interior .jumbotron-text span {
    background-color: #0c0c0c;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 0 .45em;
    margin-bottom: .2em;
    float: left;
    clear: left;
}

.jumbotron.interior.AlignRight .jumbotron-text span {
    float: right;
    clear: right;
}

.jumbotron .img-copyright,
.carousel .img-copyright {
    position: absolute;
    bottom: .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,
.carousel2 .img-copyright a,
.carousel2 .img-copyright a:hover,
.carousel2 .img-copyright a:focus,
.carousel2 .img-copyright a:visited,
.carousel2 .img-copyright a:active {
    color: #0c0c0c;
}

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

.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5,
.carousel2 h1,
.carousel2 h2,
.carousel2 h3,
.carousel2 h4,
.carousel2 h5,
.HomePageFullWidthArea h1,
.HomePageFullWidthArea h2,
.HomePageFullWidthArea h3,
.HomePageFullWidthArea h4,
.HomePageFullWidthArea h5 {
    font-weight: bold;
    display: inline-block;
}

@media (max-width: 991px) {

    .carousel h1,
    .carousel2 h1,
    .HomePageFullWidthArea h1 {
        font-size: 200%;
    }
}

.carousel .carousel-caption,
.carousel2 .carousel-caption,
.HomePageFullWidthArea .carousel-caption {
    padding: 1em;
    position: absolute;
    font-family: "Abel", Helvetica Neue, sans-serif;
    bottom: auto;
    top: calc(500px / 2);
    background-color: rgba(13, 13, 13, 0.85);
    text-align: right;
    color: #fff;
}

.carousel .carousel-caption p,
.carousel2 .carousel-caption p,
.HomePageFullWidthArea .carousel-caption p {
    font-size: 18px;
}

.carousel .carousel-caption h1,
.carousel2 .carousel-caption h1,
.HomePageFullWidthArea .carousel-caption h1 {
    color: #fff;
}

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

@media (min-width: 992px) {

    .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 40%;
        right: 15%;
        left: auto;
    }
}

@media (max-width: 991px) {

    .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 100%;
        position: static;
        margin: 0 auto;
    }
}

.carousel-hero .carousel-inner .item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 39em !important;
}

.carousel-hero .carousel-caption {
    background-color: transparent;
    text-align: center;
}

.carousel-hero .carousel-caption h1 {
    font-size: 3.5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.carousel-hero .carousel-caption h1 .text-large {
    display: block;
    margin-top: 1rem;
    font-size: 5rem;
}

.carousel-hero .carousel-caption p.lead {
    font-size: 1.8rem;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .carousel-hero .carousel-caption {
        width: 80%;
        left: auto;
        right: auto;
        max-width: 1170px;
    }

    .carousel-hero .carousel-caption h1 {
        font-size: 5rem;
    }

    .carousel-hero .carousel-caption h1 .text-large {
        font-size: 6.5rem;
    }

    .carousel-hero .carousel-caption p.lead {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .carousel-hero .carousel-caption h1 {
        font-size: 7rem;
    }

    .carousel-hero .carousel-caption h1 .text-large {
        font-size: 8.8rem;
    }

    .carousel-hero .carousel-caption p.lead {
        font-size: 2.8rem;
    }
}

.carousel-hero.carousel-hero-dark .carousel-caption,
.carousel-hero.carousel-hero-dark .carousel-caption h1,
.carousel-hero.carousel-hero-dark .carousel-caption h2,
.carousel-hero.carousel-hero-dark .carousel-caption h3,
.carousel-hero.carousel-hero-dark .carousel-caption h4,
.carousel-hero.carousel-hero-dark .carousel-caption h5 {
    color: #fff;
}

.carousel-hero.carousel-hero-dark .carousel-caption a:not(.TextButton) {
    color: #fff;
    text-decoration: underline;
}

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

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

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

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

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

.carousel-indicators {
    display: none;
}

.carousel-caption {
    padding: 15px;
    font-family: 'castledown-heavy', 'Helvetica Neue', sans-serif;
    bottom: 83px;
    background-color: rgba(13, 13, 13, 0.85);
    text-align: right !important;
}

@media (min-width: 768px) {
    .carousel-caption {
        width: 30%;
        left: auto;
        right: 15% !important;
    }
}

.carousel-caption {
    width: 30%;
    left: auto;
    right: 15% !important;
}

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

.carousel-caption p {
    font-size: 18px;
}

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

@media (min-width: 992px) {
    .InternalHeaderArea .carousel {
        height: 200px;
    }
}

.InternalHeaderArea .carousel {
    height: 200px;
}

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

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

.InternalHeaderArea .carousel-inner {
    /* -webkit-filter: blur(5px);
     filter: blur(5px);
     */
    width: 100%;
}

/* .InternalHeaderArea .carousel-control, .InternalHeaderArea .carousel-inner > .item .carousel-link {
     */
/* display: none !important;
     */
/* 
}
 */
.InternalHeaderArea .carousel-control {
    display: none !important;
}

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

.carousel .carousel-caption,
.carousel2 .carousel-caption,
.HomePageFullWidthArea .carousel-caption {
    padding: 1em;
    position: absolute;
    font-family: "Abel", Helvetica Neue, sans-serif;
    bottom: auto;
    top: calc(500px / 2);
    background-color: rgba(13, 13, 13, 0.85);
    text-align: right;
    color: #fff;
}

.carousel .carousel-caption p,
.carousel2 .carousel-caption p,
.HomePageFullWidthArea .carousel-caption p {
    font-size: 18px;
}

.carousel .carousel-caption h1,
.carousel2 .carousel-caption h1,
.HomePageFullWidthArea .carousel-caption h1 {
    color: #fff;
}

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

@media (min-width: 992px) {

    .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 40%;
        right: 15%;
        left: auto;
    }
}

@media (max-width: 991px) {

    .carousel .carousel-caption,
    .carousel2 .carousel-caption,
    .HomePageFullWidthArea .carousel-caption {
        width: 100%;
        position: static;
        margin: 0 auto;
    }
}

.carousel-hero .carousel-inner .item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 39em !important;
}

.carousel-hero .carousel-caption {
    background-color: transparent;
    text-align: center;
}

.carousel-hero .carousel-caption h1 {
    font-size: 3.5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.carousel-hero .carousel-caption h1 .text-large {
    display: block;
    margin-top: 1rem;
    font-size: 5rem;
}

.carousel-hero .carousel-caption p.lead {
    font-size: 1.8rem;
    line-height: 1.5;
}

@media (min-width: 992px) {
    .carousel-hero .carousel-caption {
        width: 80%;
        left: auto;
        right: auto;
        max-width: 1170px;
    }

    .carousel-hero .carousel-caption h1 {
        font-size: 5rem;
    }

    .carousel-hero .carousel-caption h1 .text-large {
        font-size: 6.5rem;
    }

    .carousel-hero .carousel-caption p.lead {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .carousel-hero .carousel-caption h1 {
        font-size: 7rem;
    }

    .carousel-hero .carousel-caption h1 .text-large {
        font-size: 8.8rem;
    }

    .carousel-hero .carousel-caption p.lead {
        font-size: 2.8rem;
    }
}

.carousel-hero.carousel-hero-dark .carousel-caption,
.carousel-hero.carousel-hero-dark .carousel-caption h1,
.carousel-hero.carousel-hero-dark .carousel-caption h2,
.carousel-hero.carousel-hero-dark .carousel-caption h3,
.carousel-hero.carousel-hero-dark .carousel-caption h4,
.carousel-hero.carousel-hero-dark .carousel-caption h5 {
    color: #fff;
}

.carousel-hero.carousel-hero-dark .carousel-caption a:not(.TextButton) {
    color: #fff;
    text-decoration: underline;
}

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

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before {
    content: '';
    display: block;
    background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, transparent 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#0c0c0c00', GradientType=0);
    height: 6em;
    width: 100%;
    position: absolute;
    z-index: 665;
}

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

.Wrapper-HomePage .HomePageFullWidthArea,
.TemplateManagerArea .HomePageFullWidthArea {
    display: block;
    margin-bottom: 100px
}

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

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

.CommunityLinksBlock a:hover {
    background-color: #CAB4DF;
    color: #000000;
    text-decoration: none;
}

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

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

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

.CommunityItemActionLinks {
    color: #000000 !important;
}

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

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

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

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

/*****************************************************/
/* Donor Sample Site Styles */
/*****************************************************/
/* These styles are used in the Donor sample site */
.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: #0c0c0c;
    font-size: 280%;
    background: none;
    margin: 0.4em;
}

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

/**** End Donor Sample Site Styles ****/
/* ========================================================================== MISCELLANEOUS ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Titles */
h1.BigHeader,
.h1.BigHeader {
    background-color: transparent;
    color: #3d00a3;
}

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

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

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

.SecondaryColumn h4,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
    color: #000;
}

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

.SecondaryColumn .PanelField label,
.SecondaryColumn .PanelField .Label,
.SecondaryColumn .PanelField .PanelFieldLabel,
.SecondaryColumn .PanelField .PanelFieldValue {
    text-align: unset;
    float: none;
    width: auto;
}

.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: .5em;
    margin-bottom: .5em;
}

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

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

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

.BlockList li {
    list-style: none;
}

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

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

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

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

.TaggedListColumns .TaggedListPanel {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0 0 15px;
}

.TaggedListColumns .TaggedListPanel .content-tagged-tall {
    float: none;
    border: 0 solid transparent;
    border-width: 0 15px 15px 0;
}

.TaggedListColumns .TaggedListPanel>div:last-child .TextButton {
    /* Hide the Next Button */
    display: none;
}

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

.TaggedListColumns .TaggedListPanel {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0 0 15px;
}

.TaggedListColumns .TaggedListPanel .content-tagged-tall {
    float: none;
    border: 0 solid transparent;
    border-width: 0 15px 15px 0;
}

.TaggedListColumns .TaggedListPanel>div:last-child .TextButton {
    /* Hide the Next Button */
    display: none;
}

/* 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 {
    margin: 1.5em .7em 1.5em 0;
    padding: 1.5em .7em;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: normal;
}

.Quote:before {
    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: .5em;
    font-style: italic;
}

.Quote cite:before {
    content: "— ";
}

@media (min-width: 768px) {
    .Quote {
        font-size: 120%;
    }

    .Quote cite {
        font-size: 90%;
        margin-left: 2em;
    }
}

.Quote {
    font-size: 120%;
}

.Quote cite {
    font-size: 90%;
    margin-left: 2em;
}

.QuoteStyle2 {
    border-left-color: #00c49e;
}

/* 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: #0c0c0c;
    background: #3d00a3;
    /*$callout1-bg*/
    width: auto;
    border-radius: 3px;
}

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

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

.TotalBox label {
    background-color: #3d00a3;
    color: #0c0c0c;
    padding: .25em .75em;
    color: #0c0c0c;
}

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

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

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

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

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

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

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

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

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

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

.Spotlight .ImageWrapper {
    height: 160px;
}

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

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

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

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

.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: 2%;
        padding-right: 2%;
    }
}

.SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 2%;
    padding-right: 2%;
}

/* Feature Area ========================================================================== */
@media (min-width: 992px) {
    .feature-area {
        width: 33%;
        padding-top: 8em;
        padding-left: 2%;
        padding-bottom: 6em;
        padding-right: 2%;
    }
}

.my-lg,
.mt-lg {
    margin-top: 4em;
}

.my-lg,
.mb-lg {
    margin-bottom: 4em;
}

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

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

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

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

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

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

.feature-link-with-image .feature-link-text {
    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: #3d00a3;
    background-color: rgba(61, 0, 163, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
    background-color: #2a0070;
    background-color: rgba(42, 0, 112, 0.75);
}

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

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

/* Line Thru ========================================================================== */
/* A small piece of text with a line on either side */
/* E.g. the "or" text on the sign in iPart (when social networking sign in is enabled) */
.LineThruBlock {
    border-bottom: 1px solid #ddd;
}

.LineThru {
    background-color: #fff;
}

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

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

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

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

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

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

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

.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: #0c0c0c;
    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: #0c0c0c;
    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: #3d00a3;
    font-size: 250%;
}

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

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

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

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

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

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

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

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

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

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

.AltBgColor3>.panel {
    background-color: #3d00a3;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.AltBgColorred>.panel {
    background-color: #d03528;
}

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

.AltBgColorred>.panel.panel-border {
    border-color: #bb3024;
}

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

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

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

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

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

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

.AltBgColororange>.panel,
.AltBgColororange>.panel h2 {
    color: #000;
}

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

.AltBgColororange>.panel .ProgressBar>span {
    background-color: #000;
}

.AltBgColoryellow>.panel {
    background-color: #e8d92d;
}

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

.AltBgColoryellow>.panel.panel-border {
    border-color: #e3d219;
}

.AltBgColoryellow>.panel,
.AltBgColoryellow>.panel h2 {
    color: #000;
}

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

.AltBgColoryellow>.panel .ProgressBar>span {
    background-color: #000;
}

.AltBgColorgreen>.panel {
    background-color: #68bd49;
}

a:hover .AltBgColorgreen>.panel,
a:active .AltBgColorgreen>.panel,
a:focus .AltBgColorgreen>.panel {
    background-color: #60b542;
}

.AltBgColorgreen>.panel.panel-border {
    border-color: #5dae3f;
}

.AltBgColorgreen>.panel,
.AltBgColorgreen>.panel h2 {
    color: #000;
}

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

.AltBgColorgreen>.panel .ProgressBar>span {
    background-color: #000;
}

.AltBgColorblue>.panel {
    background-color: #00a9e0;
}

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

.AltBgColorblue>.panel.panel-border {
    border-color: #0096c7;
}

.AltBgColorblue>.panel,
.AltBgColorblue>.panel h2 {
    color: #000;
}

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

.AltBgColorblue>.panel .ProgressBar>span {
    background-color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
    background-color: #e5e5e5;
    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: #3d00a3;
    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: 11em;
}

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

.ProgressTracker_Dashboard_Overview .count {
    font-size: 4rem;
}

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

.ProgressTrackerNumberGradient .count {
    background: linear-gradient(50deg, #003d4f 15%, #954a87 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 5.5rem;
}

.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;
}

.CampaignDashboard .panel {
    padding-top: 15px;
}

.CampaignDashboard .GridCardStyle,
.CampaignDashboard .RadGrid.RadGrid,
.CampaignDashboard .panel-border {
    margin-bottom: 0.9em;
}

/* Additional Customizations */
.navbar-toggle {
    background-image: url("images/aux_menu.jpg");
    background-repeat: no-repeat;
    background-position: bottom;
}

.RadSiteMap .rsmTwoLevels>.rsmItem>.rsmLink {
    margin-bottom: 5px !important;
    padding: 0 !important;
    border-width: 0 0 1px !important;
    border-style: solid !important;
    border-color: #C0A5D8 !important;
    font-size: 1.33333em !important;
    display: block !important;
    /*color:#0c0c0c !important;
     */
}

.RadSiteMap .rsmThreeLevels>.rsmItem>.rsmLink {
    border-color: #C0A5D8;
}

.signin {
    display: none !important;
}

/* fixes the home page links */
a.rmLink.rmRootLink.rmFocused.HomeLink .rmText {
    text-indent: -999999px;
}
.pagemenu{
    display:none;
}
.nav-secondary .rtUL {
    display: block!important;
}