/* Custom Responsive theme for CECE */

/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/**
 * Styles necessary to properly align the Cities master page
 **/


#masterWrapper.yui-t2 {
    width: auto;
}

/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
    position: relative;
    z-index: 3;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.no-mqs .container, .no-mqs
.header-container, .no-mqs
.SliderPage1 {
    min-width: 970px;
}

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

.container:after,
.body-container:after {
    clear: both;
}

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

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

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

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

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

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

.no-mqs .has-secondary-col .col-primary {
    width: 76%;
}

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

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

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

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

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

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

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

.no-mqs .search-container, .no-mqs
.auth-link-container {
    display: none;
}

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

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

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

/* This applies to the area behind the header logo and auxiliary navigation */
.panel-body .SearchField {
    padding: 0px;
}

.header {
    padding-bottom: 10px;
    height: 150px;
    z-index: 100;
    box-shadow: 5px 5px 15px #ccc;
}

    .header .search-field, .header .LanguageSelector {
        letter-spacing: 1px;
        background-color: #333333;
        font-size: 70%;
        color: #fff;
        padding: 3px 10px !important;
        height: 33px;
    }

    .header .search-field {
        background-image: none;
    }

    .header .contact .fa {
        font-size: 16px;
    }

    .header:after {
        display: block;
        content: " ";
        height: 50px;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 0;
        top: 10px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        position: absolute;
        height: 120px;
    }

@media (max-width: 950px) {
    .header:after {
        height: 170px;
    }
}

@media (max-width: 770px) {
    .header:after {
        height: 140px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 950px) {
    .header {
        height: 190px;
    }

    .navbar-collapse {
        position: absolute;
        top: 60px;
    }

    .contact .fa {
        display: none;
    }
}

@media only screen and (max-width: 950px) {
    .header-logo-container {
        left: 50%;
        margin-left: -70px;
    }
}

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

.no-mqs .nav-primary {
    margin-top: 0px;
}

.navbar-collapse {
    clear: both;
}

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

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

.no-mqs .navbar-collapse {
    clear: right;
}

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

.no-mqs .nav-primary {
    float: right;
    clear: right;
}

.header-logo-container {
    float: left;
    margin-top: 15px;
    position: absolute;
}

@media only screen and (max-width: 950px) {
    .header-logo-container {
        margin-top: 55px;
    }
}

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

.header-top-container {
    margin-top: 10px;
    /*	&:after {
		display: block;
		content:" ";
		height: 50px;
		background-color: rgba(255,255,255,0.70);
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 0;
		
		@include breakpoint (max-width 768px) {
		  	height: 120px;
		}
		
		/*@include breakpoint (max-width $screen-xs-min) {
		  	height: 140px;
		}
	}*/
}

.header-bottom-container {
    padding-bottom: 10px;
    clear: both;
    /* &:after {
		display: block;
		content:" ";
		height: 50px;
		background-color: rgba(255,255,255,0.70);
//	    @include box-shadow(0 30px 80px 0 rgba(0,0,0,0.19), 0 12px 24px 0 rgba(0,0,0,0.23));
		position: relative;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 0;
		
		 @include breakpoint (max-width 950px) {
			 height: 110px;
		}
		
		 @include breakpoint (max-width 770px) {
			 top: 50px;
			 height: 60px;
			 }
			 
		@include breakpoint (max-width 767px) {
			 display: none;
		}
		
		
/*		 @include breakpoint (max-width $screen-md-min) {
		  	display: none;
 		 } 
} */
}

@media (max-width: 768px) {
    .header-bottom-container {
        position: absolute;
        top: 80px;
        width: 100%;
    }
}

/* Main
   ========================================================================== */
.page-title h1 {
    color: #fff;
    text-align: center;
    margin: 0px;
    padding: 15px 0px;
}

#masterContentArea {
    padding-bottom: 30px;
    background-color: #fff;
    padding-top: 30px;
}

/* This applies to the breadcrumb area */
.breadcrumb {
    float: none;
    display: inline;
    line-height: 33px;
    padding-bottom: 20px;
    font-size: 75%;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

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

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

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

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

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

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

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

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

/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/ 
 */
.wrapper {
    display: table;
    width: 100%;
    height: 100%;
    background: url("images/header-bg.jpg") no-repeat center center fixed;
    background-size: cover;
}

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

/* Panel Overides
   ========================================================================== */
.panel-body, .PanelBody {
    padding: 0px;
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #555555;
}

a {
    color: #0080A6;
    text-decoration: none;
}

    a:visited {
        color: #0080A6;
    }

    a:hover, a:focus, a:active {
        color: #016584;
    }

    a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited {
        color: #bcbcbc;
    }

.RadGrid a, .RadToolTip a {
    color: #007598 !important;
}

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

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

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

/* Headings
   ========================================================================== */
/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .PageTitle, .PanelTitle, .SectionTitle, .SectionLabel, .SectionLabelSmaller {
	font-weight: 500;
}*/
h1, .h1, .PageTitle, h1.BigHeader, .h1.BigHeader {
    margin-top: 0;
    color: #009ac7;
    font-size: 190%;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 25px;
}

h2, .h2 {
    line-height: 1.45em;
    font-size: 175%;
    color: #009ac7;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin: 10px 0px 20px;
    min-height: 0;
}

    h3, .PanelTitle, h2.panel-title {
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-weight: 300;
        font-size: 125%;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 20px 0px;
        color: #0080A6;
    }

    .PanelTitle, h2.panel-title {
        display: block;
        margin-bottom: 10px;
        color: #0080A6;
    }

h4, .h4 {
    color: #000;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 100%;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
}

.SectionLabel {
    color: #000;
}

h5, .h5 {
    color: #555555;
    margin: 0 0 1em;
    line-height: 1.5em;
}

h6, .h6 {
    margin: 0;
}

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

hr {
    border-width: 1px 0 0 0;
    border-style: dashed;
    border-color: #bcbcbc;
    width: 50%;
    margin: 3em auto;
    clear: both;
}

    hr.heavy, div.heavy-hr {
        border: 0px;
        background: url(images/pattern-bg.png) no-repeat center center fixed;
        background-size: cover;
        height: 40px;
        display: block;
        width: 100%;
        margin-top: 3em;
        margin-bottom: 3em;
    }

    hr.space {
        border-color: transparent;
        margin: 2em;
    }

    hr.second {
        border-color: #009ac7;
        border-style: dashed;
    }

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
    border: 0px;
    padding: 0px;
}

    .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: #4A4A4A;
}

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

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

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

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

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

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

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

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

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

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

        .ProxyPanelContact a {
            color: #94e7ff;
        }

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

.SubNavPanelHead {
    background-color: #eee;
    color: #555555;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
}

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

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

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

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

.footer-nav-copyright:before, .footer-nav-copyright:after {
    content: " ";
    display: table;
}

.footer-nav-copyright:after {
    clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#masterFooterCopyright {
    clear: both;
}

.footer-content {
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

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

    .footer-content a {
        color: #0080A6;
    }

        .footer-content a:hover {
            color: #016584;
        }

    .footer-content .fa {
        font-size: 28px;
        color: #fff;
    }

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

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

.footer-promo-container .promo {
    background-color: #0a0a0a;
    /* rgba fallback */
    background-color: rgba(10, 10, 10, 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: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    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%;
    }
}

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

.footer-promo-container .TextButton {
    background-color: #0a0a0a;
    /* rgba fallback */
    background-color: rgba(10, 10, 10, 0.5);
    color: #fff;
}

    .footer-promo-container .TextButton:hover {
        background-color: #0a0a0a;
        /* rgba fallback */
        background-color: rgba(10, 10, 10, 0.8);
    }

.footer-nav-copyright {
    background-color: transparent;
    color: #767676 !important;
}

    .footer-nav-copyright span {
        color: #767676 !important;
    }

    .footer-nav-copyright a, .footer-nav-copyright a:visited {
    }

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

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
    color: #fff;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

    #ft .footer-content {
        padding-top: 80px;
        position: relative;
    }

        #ft .footer-content:after {
            background: url("images/square-logo.png") no-repeat center center;
            content: " ";
            display: block;
            margin: 0 auto;
            width: 100px;
            height: 100px;
            position: absolute;
            top: 30px;
            text-align: center;
            margin-left: 48%;
        }

    #ft a {
        color: #fff;
    }

        #ft a:hover {
            color: #009ac7;
        }

        #ft a.TextButton {
            margin-top: 15px;
        }

            #ft a.TextButton:hover {
                color: #fff;
            }

    #ft h4 {
        color: #fff;
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-weight: 300;
        margin-bottom: 10px;
    }

    #ft .custom-list {
        font-size: 85%;
        letter-spacing: 2px;
    }

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

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
    color: #009ac7;
}

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

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

#masterFooterCopyright {
    border-color: #009ac7;
    /* rgba fallback */
    border-top: 1px solid rgba(0, 154, 199, 0.5);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse, .searchbar-collapse {
    background-color: #ffffff;
}

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

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

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

/* Reset some Telerik defaults */
.RadMenu.RadMenu_Austin {
    float: none;
}

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

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

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

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

    .RadMenu.RadMenu_Austin .rmText {
        display: inline-block;
        vertical-align: top;
        float: none;
        letter-spacing: 1px;
    }

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

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

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

    .RadMenu.RadMenu_Austin .RadSiteMap, .RadMenu.RadMenu_Austin .RadSiteMap .rsmItem, .RadMenu.RadMenu_Austin .RadSiteMap .rsmTwoLevels .rsmItem {
        font-size: inherit;
        border-bottom: 0px;
    }

.rmSelected .rmText:after {
    content: " ";
    display: block;
    height: 3px;
    background-color: #009ac7;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.RadMenu.RadMenu_Austin {
    z-index: 1000 !important;
    position: relative;
    width: 100% !important;
}

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

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

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

    .RadMenu.RadMenu_Austin .rmItem {
        width: auto;
        clear: both;
    }

    .RadMenu.RadMenu_Austin .rmText,
    .RadMenu.RadMenu_Austin .rmHorizontal .rmText,
    .RadMenu.RadMenu_Austin .rmSlide .rmText {
        padding: 10px 15px;
    }

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

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

    .RadMenu.RadMenu_Austin .rsmItem {
        /*    padding: ($navbar-padding-vertical / 2) $navbar-padding-horizontal;*/
        margin: 0;
    }

    .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmLink {
        margin-bottom: 0;
        padding: 7px 20px;
    }

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

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

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

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

.RadMenu.RadMenu_Austin .rmLink,
.RadMenu.RadMenu_Austin .rsmLink {
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
    /* required for the menu to work in IE */
    /*text-transform: uppercase; */
}

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

.RadMenu.RadMenu_Austin .rmGroup .rmText {
    margin: 0;
    padding: 0px;
}

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmSelected,
.RadMenu.RadMenu_Austin .rmSelected > .rmRootLink,
.RadMenu.RadMenu_Austin .rmFocused > .rmRootLink {
    /* root itme selected styles */
    color: #000;
    background-color: transparent;
}

    .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmSelected:hover,
    .RadMenu.RadMenu_Austin .rmSelected > .rmRootLink:hover,
    .RadMenu.RadMenu_Austin .rmFocused > .rmRootLink:hover {
        text-shadow: 0px 0px 0px;
    }

.RadMenu.RadMenu_Austin .rmRootLink:hover,
.RadMenu.RadMenu_Austin .rmRootLink:focus,
.RadMenu.RadMenu_Austin .rmExpanded > .rmRootLink {
    /* root item hover and focus styles */
    background-color: #fff;
    color: #009ac7;
    /*        		text-shadow: 1px 1px 1px #000; */
}

.RadMenu.RadMenu_Austin .rmGroup {
    background-color: #fff;
}

.RadMenu.RadMenu_Austin .rmDisabled > .rmLink,
.RadMenu.RadMenu_Austin .rsmDisabled > .rsmLink {
    color: #000;
}

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

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

    .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
        /*text-transform: uppercase;*/
        font-size: 87.5%;
        font-weight: 700;
        letter-spacing: 0;
    }

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

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

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

.RadSiteMap .rsmOneLevel .rsmItem {
    font-weight: 700;
}

.RadMenu_Austin .rmSlide {
    display: none;
    /* hide the sub nav until requested */
    position: absolute;
    height: auto !important;
    -moz-min-width: 260px;
    -ms-min-width: 260px;
    -o-min-width: 260px;
    -webkit-min-width: 260px;
    min-width: 260px;
    font-size: 87.5%;
    font-weight: 700;
    letter-spacing: 1px;
}

    .RadMenu_Austin .rmSlide .rmGroup,
    .RadMenu_Austin .rmSlide .rmLink,
    .RadMenu_Austin .rmSlide .rmTemplate,
    .RadMenu_Austin .rmSlide .rmSeparator {
        width: auto !important;
    }

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

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

    .RadMenu_Austin .rmSlide .rmLink,
    .RadMenu_Austin .rmSlide .rsmLink {
        color: #000;
        font-weight: 700;
        margin: 0px;
    }

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

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

    .RadMenu_Austin .rmSlide .rmFocused > .rmLink,
    .RadMenu_Austin .rmSlide .rmSelected > .rmLink,
    .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
        background-color: #009ac7;
        color: #fff;
    }

    .RadMenu_Austin .rmSlide .rmLink,
    .RadMenu_Austin .rmSlide .rsmLink,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink {
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        padding: 7px 15px !important;
    }

        .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink:focus,
        .RadMenu_Austin .rmSlide .rsmLink:hover,
        .RadMenu_Austin .rmSlide .rsmLink:focus,
        .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
        .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
            background-color: #009ac7;
            color: #fff;
        }

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

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

    .RadMenu_Austin .rmSlide .MegaDropDownMenu {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
        color: #000;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 100%;
        margin: 0px;
        border-bottom: 0px;
    }

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

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

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

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

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

        .RadMenu_Austin .rmSlide .rmToggleHandles .rmExpandRight,
        .RadMenu_Austin .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
            /* if toggle handles are on we don't want to display the arrow twice*/
            background-image: none;
        }
}

.RadMenu_Austin a.SlideLarge + div {
    width: 450px !important;
}

@media (min-width: 768px) {
    .RadMenu.RadMenu_Austin .rmItem {
        white-space: nowrap;
    }

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

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

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

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

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

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

.no-mqs .RadMenu.RadMenu_Austin .rmItem {
    white-space: nowrap;
}

.no-mqs .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem {
    float: left;
    clear: none;
}

    .no-mqs .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
        margin: 0;
    }

.no-mqs .RadMenu.RadMenu_Austin .rmSlide .rmGroup {
    margin: 0;
}

.no-mqs .RadMenu.RadMenu_Austin .rmSlide .rmItem {
    float: none;
    display: block;
}

.no-mqs .RadMenu.RadMenu_Austin .rmSlide .rmLink {
    margin: 0;
}

.no-mqs .RadMenu.RadMenu_Austin .rmToggle, .no-mqs .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
    display: none;
}

/* Hide second level via CSS */
.rsmItem .rsmColumnWrap {
    display: none;
}

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

    .RadTreeView.RadTreeView_Austin .rtLI,
    .RadTreeView.RadTreeView_Austin .rtTop,
    .RadTreeView.RadTreeView_Austin .rtMid,
    .RadTreeView.RadTreeView_Austin .rtBot {
        padding: 0;
        position: relative;
    }

    .RadTreeView.RadTreeView_Austin .rtIn {
        display: block;
    }

    .RadTreeView.RadTreeView_Austin .rtIn,
    .RadTreeView.RadTreeView_Austin .rtHover .rtIn,
    .RadTreeView.RadTreeView_Austin .rtSelected .rtIn {
        padding: 10px 25px 10px 15px;
        border: none;
        font-size: 87.5% !important;
        text-transform: uppercase;
        font-weight: bold !important;
        color: #000;
    }

    .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn,
    .RadTreeView.RadTreeView_Austin .child-is-selected.rtIn {
        background-color: #fff;
        color: #009ac7;
    }

        .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:focus {
            background-color: #009ac7;
        }

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

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

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

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

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

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

    .RadTreeView.RadTreeView_Austin .rtSp,
    .RadTreeView.RadTreeView_Austin .rtPlus,
    .RadTreeView.RadTreeView_Austin .rtMinus {
        width: 1em;
        height: 1em;
        right: .5em;
        top: 0.5em;
        left: auto;
        background-color: transparent;
        color: #4A4A4A;
        border: 0px;
        font-weight: bold;
        font-size: 120%;
        position: absolute;
        margin: 1px 0 0 -1px;
    }

    .RadTreeView.RadTreeView_Austin a.rtIn {
        color: #4A4A4A;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        margin: 0;
    }

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

.RadTreeView .rtPlus:before, .RadTreeView .rtMinus:before {
    margin: -.5em 0 0 -.5em;
    width: 1em;
    height: 1em;
    font: 1em/1 monospace;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "+";
}

.RadTreeView .rtMinus:before {
    content: "-";
}

.nav-secondary {
    background-color: #fff;
    margin-bottom: 1em;
    border-bottom: dashed 1px #ECECEC;
}

    .nav-secondary .sub-nav-head {
        background: transparent url("images/pattern-bg.png") no-repeat center center fixed;
        color: #fff;
        font-size: 120%;
        padding: 10px 25px 10px 15px;
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

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

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

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

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

.navbar-toggle {
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    vertical-align: middle;
    background-color: #262626;
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .navbar-toggle.collapsed {
        /* then tighten it back up when it's closed */
        margin-bottom: 6.5px;
        padding-bottom: 9px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

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

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

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

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
    margin-left: 15px;
}

.nav-auxiliary a {
    /* Utility navigation links */
    color: #333333;
    font-size: 70%;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 50px;
    padding: 0 10px;
    font-weight: 700;
}

    .nav-auxiliary a:hover {
        color: #009ac7;
    }

    .nav-auxiliary a.social {
        padding: 0px;
    }

.nav-auxiliary .fa {
    font-size: 22px;
}

.nav-auxiliary a.ste-toggle {
    text-indent: -9999px;
}

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

.no-mqs .nav-auxiliary .NavigationListItem,
.no-mqs .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
}

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

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

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

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

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

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

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

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
    position: relative;
    /* this is required for the cart indicator placement */
    display: inline-block;
}

.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
    /* add the background sprite for the provided CSS classes */
    background-image: url("images/ResponsiveHeaderSprite.png");
    background-repeat: no-repeat;
    padding-left: 26px;
}

.nav-auxiliary .nav-aux-account .nav-text {
    background-position: 0 -125px;
}

.nav-auxiliary .nav-aux-cart .nav-text {
    background-position: 0 -75px;
}

.nav-auxiliary .nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    /* left postion is padding plus placement */
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    line-height: 1;
    width: 1.6em;
}

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

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

.nav-auxiliary .nav-aux-button {
    padding: 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .nav-auxiliary .nav-aux-button .NavigationLink {
        /* This makes the link look like the toggle buttons */
        background-color: #000;
        margin-left: 15px;
        padding: 9px 10px;
        margin-top: 6.5px;
        margin-bottom: 6.5px;
        border: 1px solid transparent;
        border-radius: 0;
    }

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

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

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text,
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        /* hide the cart text on small devices */
        display: inline-block;
        white-space: nowrap;
        float: left;
        overflow: hidden;
        width: 22px;
        height: 19px;
        padding-left: 22px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background-position: 0 -100px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        background-position: 0 -50px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
        /* This is the flag indicating how many items are in your cart */
        left: 29px;
        /* margin, padding, plus placement */
        top: 8px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
        background-color: #ff9999;
        color: #000;
    }
}

.header-search {
    padding: 10px 15px;
}

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

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

@media (min-width: 768px) {
    .header-search {
        padding: 0 0 0 7px;
    }
}

.no-mqs .header-search {
    padding: 0 0 0 7px;
}

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

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

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

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

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

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

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

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

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

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

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

    .SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
        opacity: 1;
        filter: alpha(opacity=100);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        display: inline-block;
        height: 37px;
        padding: 5px 10px;
        font-size: 100%;
        line-height: 1.6;
        color: #555555;
        border: 1px solid #ccc;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
    }

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

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

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

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

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

/* 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.6;
        border: 1px solid #ccc;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
    }

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

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

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

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

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

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

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
    font: inherit;
}

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

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

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

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

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

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

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

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

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

textarea {
    height: auto;
}

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

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

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

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.FullWidth {
    width: 100%;
}

.TextButton .fa {
    font-size: 20px;
    position: relative;
    top: 1px;
    padding-right: 5px;
}

/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: normal;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 30px;
    font-size: 75%;
    line-height: 1.6;
    border-radius: 3px;
    color: white;
    background-color: #007394;
    border-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

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

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

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

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

    .btn:hover, .btn:focus,
    .TextButton:hover,
    .TextButton:focus,
    .TextButtonWithImage:hover,
    .TextButtonWithImage:focus,
    .RadUpload .ruButton:hover,
    .RadUpload .ruButton:focus,
    .RadUploadProgressArea .ruButton:hover,
    .RadUploadProgressArea .ruButton:focus,
    #masterHeaderActionArea a:hover,
    #masterHeaderActionArea a:focus,
    .RadGrid input.TextButton:hover,
    .RadGrid input.TextButton:focus {
        color: #fff;
        text-decoration: none;
        background-color: #01873B;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
    }

    .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,
    .RadGrid input.TextButton:active,
    .RadGrid input.TextButton.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

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

a img {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* some Telerik overrides */
.ruButton {
    background-color: #007394 !important;
    color: white !important;
    cursor: pointer;
}

.RadUpload .ruBrowse,
.RadUpload .ruRemove {
    height: auto !important;
    padding: 5px 10px !important;
    line-height: 1.6 !important;
}

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

    .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
    .SaveAndClose:hover,
    .SaveAndClose:focus,
    .SaveAndClose:active,
    .SaveAndClose:visited,
    .SaveAs:hover,
    .SaveAs:focus,
    .SaveAs:active,
    .SaveAs:visited,
    .UsePrimaryButton .TextButton:hover,
    .UsePrimaryButton .TextButton:focus,
    .UsePrimaryButton .TextButton:active,
    .UsePrimaryButton .TextButton:visited,
    .UsePrimaryButton .TextButtonWithImage:hover,
    .UsePrimaryButton .TextButtonWithImage:focus,
    .UsePrimaryButton .TextButtonWithImage:active,
    .UsePrimaryButton .TextButtonWithImage:visited,
    #masterHeaderActionArea a:hover,
    #masterHeaderActionArea a:focus,
    #masterHeaderActionArea a:active,
    #masterHeaderActionArea a:visited,
    .RadGrid input.PrimaryButton:hover,
    .RadGrid input.PrimaryButton:focus,
    .RadGrid input.PrimaryButton:active,
    .RadGrid input.PrimaryButton:visited {
        color: #fff;
        background-color: #72a230;
        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, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
    .SaveAndClose[disabled],
    .SaveAndClose[disabled]:hover,
    .SaveAndClose[disabled]:focus,
    .SaveAndClose[disabled]:active, fieldset[disabled]
    .SaveAndClose, fieldset[disabled]
    .SaveAndClose:hover, fieldset[disabled]
    .SaveAndClose:focus, fieldset[disabled]
    .SaveAndClose:active,
    .SaveAndClose.aspNetDisabled,
    .SaveAndClose.aspNetDisabled:hover,
    .SaveAndClose.aspNetDisabled:focus,
    .SaveAndClose.aspNetDisabled:active,
    .SaveAs[disabled],
    .SaveAs[disabled]:hover,
    .SaveAs[disabled]:focus,
    .SaveAs[disabled]:active, fieldset[disabled]
    .SaveAs, fieldset[disabled]
    .SaveAs:hover, fieldset[disabled]
    .SaveAs:focus, fieldset[disabled]
    .SaveAs:active,
    .SaveAs.aspNetDisabled,
    .SaveAs.aspNetDisabled:hover,
    .SaveAs.aspNetDisabled:focus,
    .SaveAs.aspNetDisabled:active,
    .UsePrimaryButton .TextButton[disabled],
    .UsePrimaryButton .TextButton[disabled]:hover,
    .UsePrimaryButton .TextButton[disabled]:focus,
    .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled]
    .UsePrimaryButton .TextButton, fieldset[disabled]
    .UsePrimaryButton .TextButton:hover, fieldset[disabled]
    .UsePrimaryButton .TextButton:focus, fieldset[disabled]
    .UsePrimaryButton .TextButton:active,
    .UsePrimaryButton .TextButton.aspNetDisabled,
    .UsePrimaryButton .TextButton.aspNetDisabled:hover,
    .UsePrimaryButton .TextButton.aspNetDisabled:focus,
    .UsePrimaryButton .TextButton.aspNetDisabled:active,
    .UsePrimaryButton .TextButtonWithImage[disabled],
    .UsePrimaryButton .TextButtonWithImage[disabled]:hover,
    .UsePrimaryButton .TextButtonWithImage[disabled]:focus,
    .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage:active,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
    #masterHeaderActionArea a[disabled],
    #masterHeaderActionArea a[disabled]:hover,
    #masterHeaderActionArea a[disabled]:focus,
    #masterHeaderActionArea a[disabled]:active, fieldset[disabled]
    #masterHeaderActionArea a, fieldset[disabled]
    #masterHeaderActionArea a:hover, fieldset[disabled]
    #masterHeaderActionArea a:focus, fieldset[disabled]
    #masterHeaderActionArea a:active,
    #masterHeaderActionArea a.aspNetDisabled,
    #masterHeaderActionArea a.aspNetDisabled:hover,
    #masterHeaderActionArea a.aspNetDisabled:focus,
    #masterHeaderActionArea a.aspNetDisabled:active,
    .RadGrid input.PrimaryButton[disabled],
    .RadGrid input.PrimaryButton[disabled]:hover,
    .RadGrid input.PrimaryButton[disabled]:focus,
    .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled]
    .RadGrid input.PrimaryButton, fieldset[disabled]
    .RadGrid input.PrimaryButton:hover, fieldset[disabled]
    .RadGrid input.PrimaryButton:focus, fieldset[disabled]
    .RadGrid input.PrimaryButton:active,
    .RadGrid input.PrimaryButton.aspNetDisabled,
    .RadGrid input.PrimaryButton.aspNetDisabled:hover,
    .RadGrid input.PrimaryButton.aspNetDisabled:focus,
    .RadGrid input.PrimaryButton.aspNetDisabled:active {
        background-color: #01873B;
        border-color: transparent;
    }

    .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:visited,
    .SaveAndClose:hover,
    .SaveAndClose:focus,
    .SaveAndClose:visited,
    .SaveAs:hover,
    .SaveAs:focus,
    .SaveAs:visited,
    .UsePrimaryButton .TextButton:hover,
    .UsePrimaryButton .TextButton:focus,
    .UsePrimaryButton .TextButton:visited,
    .UsePrimaryButton .TextButtonWithImage:hover,
    .UsePrimaryButton .TextButtonWithImage:focus,
    .UsePrimaryButton .TextButtonWithImage:visited,
    #masterHeaderActionArea a:hover,
    #masterHeaderActionArea a:focus,
    #masterHeaderActionArea a:visited,
    .RadGrid input.PrimaryButton:hover,
    .RadGrid input.PrimaryButton:focus,
    .RadGrid input.PrimaryButton:visited {
        color: #fff;
        text-decoration: none;
        background-color: #01873B;
        -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
    }

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

    .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0);
    }

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

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

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

    .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
        color: #fff;
        background-color: #005582;
        border-color: rgba(0, 0, 0, 0);
    }

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

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
    font-size: 80% !important;
    padding: 9px 20px !important;
    border-radius: 6px;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
    font-size: 100% !important;
    padding: 12px 20px !important;
    border-radius: 9px;
}

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

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

a.LanguageToggle {
    color: #000 !important;
    background-color: transparent;
    border: solid 1px #000;
    font-size: 70%;
}

    a.LanguageToggle:visted {
        color: #000 !important;
    }

    a.LanguageToggle:hover {
        color: #fff !important;
    }

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

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

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

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

/* Search Results
   ========================================================================== */
.SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: #01873B;
    padding: 8px 12px;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    font-size: 90%;
    font-weight: normal;
    border-radius: 3px;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: orange !important;
    margin: -4px -7px 10px;
}

    .SearchResultSummary .ListItemTitle a:hover {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        background-color: #009ac7;
        text-decoration: underline;
        text-decoration: none;
        color: #fff !important;
    }

.SearchField label {
    font-size: 120%;
    color: #555555;
    font-weight: normal;
}

.RadGrid_MetroTouch {
    border: 0px !important;
}

    .RadGrid_MetroTouch .rgInfoPart {
        color: #555 !important;
    }

    .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
        background: #30BBE4;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 90%;
        color: #fff !important;
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    }

        .RadGrid_MetroTouch .rgHeader a, .RadGrid_MetroTouch th.rgResizeCol a, .RadGrid_MetroTouch .rgHeaderWrapper a {
            text-decoration: none !important;
            border-bottom: 0px !important;
        }

    .RadGrid_MetroTouch .rgAltRow td {
        background-color: #eee;
    }

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

    .EventSummary .PhotoArea {
        padding: 2em;
    }

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

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

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

.no-mqs .EventSummary .Description {
    padding: 2em;
}

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

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 120%;
    line-height: 2em;
    padding-left: .5em;
}

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

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

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
    background-color: #4A4A4A;
}

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

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

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

    .ProgressTracker2 .ProgressTrackerPanel .count {
        color: #fff;
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-weight: 300;
    }

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

.ProgressTracker2 .ProgressBar {
    margin: 10px;
}

    .ProgressTracker2 .ProgressBar > span {
        background-color: #009ac7;
    }

.ProgressTracker2 .SuccessfulMessage {
    background-color: #51d0f6;
    color: #555555;
}

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

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

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

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

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

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

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

        .CartCharges .GrandTotal .PanelField .Label {
            color: #009ac7;
        }

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

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

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

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

.RadTabStrip.RadTabStrip_MetroTouch {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 1px;
    font-weight: inherit;
    border-radius: 3px;
}

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #007394 !important;
    background-color: #007394 !important;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: #009ac7;
}

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

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

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

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

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

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

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

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

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

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

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

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

.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
    background-color: #4A4A4A;
}

.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: #4A4A4A;
    background-color: #4A4A4A;
}

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

* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
    background-color: #4A4A4A;
}

.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: #4A4A4A;
}

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

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

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

.RadScheduler.RadScheduler_Metro .rsHeader {
    border-color: #4A4A4A;
    background-color: #4A4A4A;
}

    .RadScheduler.RadScheduler_Metro .rsHeader ul a {
        border-color: #4A4A4A;
    }

    .RadScheduler.RadScheduler_Metro .rsHeader h2 {
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: #fff;
        text-transform: none;
        border-bottom: none;
    }

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

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

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

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

    .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: #313030;
        background-color: #313030;
        color: #FFF !important;
    }

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

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

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

.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: #009ac7;
}

.RadWindow.RadWindow_Metro .rwControlButtons a {
    border-color: #009ac7;
}

    .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: #4A4A4A;
    }

        .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: #4A4A4A;
        }

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

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

    .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: #4A4A4A;
    }

    .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
        background: #4A4A4A;
        border-color: #4A4A4A;
    }

.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: #4A4A4A;
        background: #4A4A4A;
    }

.RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
    background-color: #4A4A4A;
}

.RadGrid_MetroTouch .rgHeader {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

    .RadGrid_MetroTouch .rgHeader a {
        border-bottom: solid 2px #009ac7;
        color: #fff !important;
    }

        .RadGrid_MetroTouch .rgHeader a:hover {
            color: #009ac7;
        }

.rcCalPopup {
    text-indent: 0px !important;
}

.rgAltRow .TextButton {
    background-color: #fff !important;
}

    .rgAltRow .TextButton:hover {
        background-color: #01873B !important;
    }

/* 
	RAD Controls
   ========================================================================== */
.ContentWizardDisplay {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px solid black;
}

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

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

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

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

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

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

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

    .HeroContent .TextButton {
        float: right;
    }

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

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

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

.no-mqs .Slider.FullWidth h1 {
    font-size: 320%;
}

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

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

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

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

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

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

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

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

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

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

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

.jumbotron.home {
    height: 24em;
}

    .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: #fff;
        margin-top: 0;
        padding-top: .3em;
        padding-bottom: .3em;
        text-align: center;
        font-weight: normal;
        font-size: 280%;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.45);
    }

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

.no-mqs .jumbotron.home h1 {
    font-size: 320%;
}

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

.no-mqs .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
}

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

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

.no-mqs .jumbotron.home .ActionButton {
    padding-right: 12%;
}

.jumbotron.interior {
    height: 20em;
}

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

        .jumbotron.interior p:before, .jumbotron.interior p:after {
            content: " ";
            display: table;
        }

        .jumbotron.interior p:after {
            clear: both;
        }

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

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

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

.no-mqs .jumbotron.interior p {
    font-size: 170%;
}

@media (min-width: 768px) {
    .jumbotron.interior {
        height: 25em;
    }

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

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

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

.no-mqs .jumbotron.interior {
    height: 25em;
}

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

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

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

.jumbotron .img-copyright,
.carousel .img-copyright {
    position: absolute;
    bottom: .5em;
    right: 1em;
    font-size: 70%;
}

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

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.carousel h2, .carousel .panel-heading {
    border-bottom: none;
}

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

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

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock {
    background-color: #fff;
    margin-bottom: 1em;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

    .CommunityLinksBlock a {
        color: #555555;
        border-top: 1px dashed #bcbcbc;
        border-bottom: 0px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .CommunityLinksBlock a:first-child {
            border-top: none;
        }

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

        .CommunityLinksBlock a.CommunityLinksSelected {
            background-color: #fff;
            text-decoration: none;
            font-weight: normal;
            color: #009ac7;
        }

/*.CommunityActionButtons a, #ctl01_TemplateBody_WebPartManager1_gwpste_container_WikiHome_ciWikiHome_CommentConfigure1_AttachmentManager1_LaunchObjectBrowser,
.CommunityItemActionLinks a,
.InLineOption_Controls_Always_Display a {
		display: inline-block;
		background-color: $color-base;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 80%;
		padding: 7px 20px;
		color: $white;
		
		&:hover {
			background-color: $color-callout;
		}
}*/
#ctl01_TemplateBody_WebPartManager1_gwpste_container_WikiHome_ciWikiHome_CommentConfigure1_AttachmentManager1_LaunchObjectBrowser {
    display: inline-block;
}

/* Community breadcrumb */
.BreadCrumbCurrent {
    font-size: 100%;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a {
    font-size: 80%;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: transparent;
}

    .CommunityItemActionLinks a:hover {
        background-color: #009ac7;
    }

.CommunityActionButtons a {
    font-size: 80%;
    text-transform: uppercase;
    color: #4A4A4A;
    padding: 9px 20px !important;
    display: block;
    letter-spacing: 1px;
    color: #fff;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 15px;
}

    .CommunityActionButtons a:not(.TextButton) {
        background-color: #4A4A4A;
    }

.CommunityDateLine {
    padding-bottom: 20px;
}

.CommunityItemTitle {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 125%;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px;
}

.CommunitySummaryBlock {
    display: block;
    border: 0px;
    color: #fff;
    margin-top: -16px;
    background: #009ac7 url(images/pattern-bg.png) no-repeat center center fixed;
    padding: 10px 15px;
    font-family: "Roboto Slab", serif;
}

    .CommunitySummaryBlock .CommunityItemTitle {
        display: block;
        padding-top: 10px;
        color: #fff;
        font-size: 110%;
    }

.CommunityCommentItem {
    background: #fff;
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
    background: #fff;
    box-shadow: 0px 0px 0px;
    padding: 20px 0px;
    border-top: dashed 1px #009ac7;
}

/* For adding comments */
.CommunityWikiReplyForm, .CommunityReplyForm {
    display: block;
    background-color: #fff;
    border: 0px;
    border-top: solid 1px #009ac7;
    margin: 20px 0px;
    padding: 20px 0px;
}

    .CommunityWikiReplyForm h3, .CommunityWikiReplyForm h2, .CommunityReplyForm h3, .CommunityReplyForm h2 {
        margin-top: 0px;
    }

/* Profile Picture */
.CommunityProfilePicture img {
    border-radius: 50%;
}

/* Breadcrumb */
div#ctl01_TemplateBody_WebPartManager1_gwpste_container_BreadCrumb_ste_container_BreadCrumb,
div#ctl01_TemplateBody_WebPartManager1_gwpste_container_Breadcrumb_ste_container_Breadcrumb {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    line-height: 33px;
    font-size: 75%;
    letter-spacing: 1px;
    font-weight: bold;
}

/* Last Comment */
.CommunityLastComment {
    float: none;
}

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerHome {
    background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
    overflow: hidden;
    height: 330px;
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

/**** End Donor Sample Site Styles ****/
fs
.SecondaryColumn h2,
fs
.SecondaryColumn .PanelTitle,
fs
.SecondaryColumn .panel-title {
    font-family: inherit;
    font-weight: bold;
    font-size: 90%;
    color: #bcbcbc;
    text-transform: uppercase;
}

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

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

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

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

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

fs
.SecondaryColumn .RadGrid .rgRow td,
fs
.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: #e6e6e6;
    }

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

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

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

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

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

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

/* Use on the blockquote element for a styled quote */
blockquote {
    border-left: solid 10px #009ac7;
}

.Quote {
    background: transparent url("images/pattern-bg.png") no-repeat center center fixed;
    margin: 1em 0;
    padding: 45px 70px;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: normal;
    position: relative;
    border: 0px;
}

    .Quote img {
        float: right;
        height: 120px !important;
        width: 120px !important;
        border-radius: 50%;
        border: solid 2px #009ac7;
        margin-left: 15px;
    }

    .Quote:before {
        color: #009ac7;
        content: open-quote;
        margin-right: 0.25em;
        vertical-align: -0.4em;
        font-size: 600%;
        line-height: 0.1em;
        font-family: Georgia;
        position: absolute;
        top: 100px;
        left: 90px;
    }

    .Quote p {
        padding: 35px 20px 35px 80px;
        background-color: #ffffff;
        line-height: 1.6;
    }

    .Quote cite {
        display: block;
        text-align: center;
        margin-top: .5em;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
    }

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

        .Quote cite {
            margin-left: 2em;
        }
}

.no-mqs .Quote {
    font-size: 100%;
}

    .no-mqs .Quote cite {
        margin-left: 2em;
    }

.QuoteStyle2 {
    border-left-color: #009ac7;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
    position: relative;
    padding: 15px;
    margin: 0 0 1em;
    color: #fff;
    background: #00c1fa;
    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: #00c1fa transparent;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }

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

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

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

.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: #7c7c7c;
    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: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 110%;
    font-weight: 300;
    line-height: 1.5em;
    padding: 8px 0;
    text-decoration: none;
}

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

.no-mqs a.FeatureActionLink {
    font-size: 150%;
}

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

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

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

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

.no-mqs .Spotlight .ImageWrapper {
    height: 160px;
}

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

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

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

    .Spotlight a img:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.SpotlightRow {
    margin-bottom: 1.2em;
}

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

    .SpotlightRow:after {
        clear: both;
    }

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

.no-mqs .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 5%;
    padding-right: 5%;
}

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

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

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

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

            .header-link a:hover, .header-link a:active, .header-link a:focus {
                color: #009ac7;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Homepage
   ========================================================================== */
.HomePageFullWidthArea {
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px 30px;
    min-height: 380px;
    margin-bottom: 30px;
    color: #fff;
}

    .HomePageFullWidthArea label {
        color: #fff;
        font-weight: normal;
    }

@media (max-width: 768px) {
    .HomePageFullWidthArea {
        min-height: 0px;
    }
}

.HomePageFullWidthArea h2.panel-title {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 125%;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    display: block;
    margin: 10px 0px;
}

.HomePageFullWidthArea h1 {
    font-size: 300%;
    color: #ffffff;
    padding-top: 70px;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
    .HomePageFullWidthArea h1 {
        padding-top: 0px;
    }
}

.HomePageFullWidthArea h3 {
    color: #009ac7;
}

    .HomePageFullWidthArea h3 span {
        color: #009ac7;
    }

    .HomePageFullWidthArea h3.alt, .HomePageFullWidthArea h4.alt {
        color: #fff;
    }

.HomePageFullWidthArea a {
    color: #f39021;
}

    .HomePageFullWidthArea a:hover {
        color: #009ac7;
    }

.HomePageFullWidthArea .pattern-button {
    margin-top: 70px;
}

/* Home page Banner */
#banner {
    background: url("/iMIS/images/header-bg.jpg") no-repeat top;
    background-size: cover;
    max-height: 450px;
    min-height: 450px;
    position: relative;
    overflow: hidden;
}

    #banner div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 60px;
        background: rgba(0, 0, 0, 0.78);
        text-align: center;
        width: 80%;
    }

    #banner .TextButton {
        background-color: transparent;
        border: solid 1px #fff;
        padding: 10px 30px;
        min-width: 200px;
    }

        #banner .TextButton:hover {
            color: #009ac7;
            border-color: #009ac7;
        }

    #banner h1, #banner h2 {
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    #banner h1 {
        font-size: 200%;
        margin-bottom: 30px;
        color: #009ac7;
    }

    #banner h2 {
        color: #fff;
        font-size: 120%;
        margin-bottom: 30px;
    }

    #banner ul {
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }

        #banner ul, #banner ul > li {
            list-style: none;
            display: inline-block;
        }

            #banner ul li {
                padding: 0 5px;
            }

@media (max-width: 768px) {
    #banner div {
        width: 90%;
    }
}

@media (max-width: 480px) {
    #banner {
        min-height: 430px;
    }

        #banner ul li {
            display: block;
            margin-bottom: 10px;
        }

            #banner ul li a {
                display: block;
                width: 100%;
            }

        #banner div {
            top: 0px;
            left: 0px;
            transform: inherit;
            width: 100%;
            padding: 20px;
            right: 0px;
            bottom: 0px;
        }
}

/* Quick Links - Used on the HomePage
   ========================================================================== */
/* Allow for a five column row */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#quick-links {
    background: #4A4A4A url("./images/metal-grill-texture.png") no-repeat bottom left;
    background-size: cover;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 0;
    font-size: 90%;
    border-top: solid 2px #4A4A4A;
    border-bottom: solid 2px #4A4A4A;
}

    #quick-links ul {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        #quick-links ul, #quick-links ul > li {
            list-style: none;
            display: inline-block;
        }

            #quick-links ul a {
                color: #ffffff;
                display: block;
                -webkit-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                #quick-links ul a:hover {
                    color: #009ac7;
                }

                    #quick-links ul a:hover .icon-circle {
                        background-color: #616365;
                    }

@media (max-width: 768px) {
    #quick-links .icon-circle {
        width: 70px;
        height: 70px;
        margin: 0px;
        float: left;
        margin-right: 20px;
        border: 0px;
        Background-color: transparent;
    }

    #quick-links ul {
        text-align: left;
    }

        #quick-links ul li.col-md-15 {
            display: block;
            margin-bottom: 10px;
            line-height: 70px;
            font-size: 14px;
        }
}

/* Icon Circles
   ========================================================================== */
.icon-circle {
    display: table;
    margin: 0 auto;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #009ac7;
    text-align: center;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff;
    font-size: 50px;
}

    .icon-circle span {
        display: table-cell;
        vertical-align: middle;
    }

    .icon-circle img {
        margin: 0 auto;
    }

    .icon-circle .fa {
        font-size: 50px;
    }

.icon-label {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 85%;
    text-align: center;
}

.icon-container {
    position: relative;
    padding-left: 95px;
}

    .icon-container .icon-circle {
        height: 70px;
        width: 70px;
        margin: 0;
        position: absolute;
        left: 0px;
        top: 0px;
    }

        .icon-container .icon-circle img {
            max-height: 35px;
            max-width: 35px;
        }

    .icon-container .icon {
        position: absolute;
        top: 0px;
        left: 0px;
    }

/* News Items
   ========================================================================== */
.news-item {
    width: 45%;
    float: left;
    margin-right: 5%;
}

@media (max-width: 768px) {
    .news-item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

.news-item span {
    font-size: 85%;
}

.news-item p {
    margin-bottom: 0px;
}

/* 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: #009ac7;
    font-size: 190%;
}

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

/* List Updates
   ========================================================================== */
ol li, ul li {
    padding-bottom: 5px;
    padding-top: 5px;
}

/* Related Items Overides (Events Display)
   ========================================================================== */
ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li {
    margin: 0px 15px 15px 0px;
    position: relative;
    width: 240px;
    height: 90px;
    padding: 0px;
}

    ul.RelatedItemsHorizontal li:hover, .RelatedItemsHorizontal ul.rrItemsList li:hover {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
    }

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

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

        ul.RelatedItemsHorizontal li a.LabelLink:hover, .RelatedItemsHorizontal ul.rrItemsList li a.LabelLink:hover {
            background-color: #009ac7;
            -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
            z-index: 10000;
        }

/* Custom List > Displays a unique icon beside the list
   ========================================================================== */
.custom-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 10px;
}

    .custom-list li {
        list-style: none;
        padding: 5px 0px 10px 0px;
    }

        .custom-list li:before {
            font-family: 'FontAwesome';
            content: "\f0da";
            color: #DD601A;
            margin: 0 10px 0 0;
        }

.pdf-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 10px;
}

    .pdf-list li {
        list-style: none;
        padding: 5px 0px 10px 30px;
        position: relative;
    }

        .pdf-list li:before {
            display: inline-block;
            font: normal normal normal 20px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 0px;
            top: 8px;
            content: "\f1c1";
            font-size: 20px;
        }

/* Landing Page Header
   ========================================================================== */
.landing-header {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

    .landing-header h3 span {
        color: #000;
    }

    .landing-header img {
        text-align: center;
    }

    .landing-header h1 {
        position: absolute;
        bottom: 0px;
        text-align: center;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 10px;
        color: #fff;
        margin-bottom: 0px;
    }

/* Footer Contact Classes
   ========================================================================== */
.footer-content .contact-info p {
    color: #ffffff;
    font-size: 90%;
}

.contact-info p {
    line-height: 28px;
    padding-left: 25px;
}

.contact-info .fa {
    position: absolute;
    font-size: 20px;
    left: 10px;
    line-height: 28px;
}

.contact-info .fa-envelope {
    font-size: 17px;
}

/* Misc. Classes
   ========================================================================== */
.ContentBorder {
    border: solid 2px #009ac7;
    padding: 5px 20px;
}

.TitleBarCaption {
    padding: 15px 0px;
}

.ContentBlockPostTitle {
    display: block !important;
    padding-top: 20px;
    /*   
    &:before {
	    content: " ";
	    display: block;
		border-top: dashed 1px $gray-light;
		width: 50%;
		margin: 0 auto 2em;
		clear: both;
    }*/
}

h3 img {
    margin-right: 10px;
}

h3 .fa {
    font-size: 40px;
    margin-right: 5px;
    position: relative;
    line-height: 0;
    top: 5px;
}

h3 .fa-vcard-o {
    top: 8px;
}

/* 
	People style - CADA
   ========================================================================== */
.committee, .centered-person {
    width: 43%;
    float: left;
    margin-right: 2%;
    min-height: 125px;
}

    .committee img, .centered-person img {
        object-fit: cover;
        width: 130px;
        height: 130px !important;
        object-position: 0 0;
        border-radius: 50%;
        margin: 0 20px 20px 0px;
        border: solid 3px #000000;
        float: left;
    }

    .committee h4, .centered-person h4 {
        margin-bottom: 0px;
    }

@media (max-width: 768px) {
    .committee, .centered-person {
        width: 100%;
        margin-right: 0px;
    }
}

.person {
    margin-bottom: 50px;
}

    .person p {
        margin-bottom: 0px;
    }

    .person img {
        object-fit: cover;
        width: 130px;
        height: 130px !important;
        object-position: 0 0;
        border-radius: 50%;
        margin: 0 20px 20px 0px;
        border: solid 3px #000000;
        float: left;
    }

    .person h4 {
        margin-bottom: 0px;
    }

.centered-person {
    text-align: center;
    width: 100%;
}

    .centered-person img {
        float: none;
        margin: 0px;
    }

/* 
	Pattern Background 
   ========================================================================== */
.pattern-bg {
    border: 0px;
    background: url(images/pattern-bg.png) no-repeat center center fixed;
    background-size: cover;
    display: block;
    width: 100%;
    padding: 40px 0px 30px;
}

/* 
	Economic Report
   ========================================================================== */
.economic-report .pdf-list li {
    display: inline-block;
    width: 19%;
}

@media (max-width: 768px) {
    .economic-report .pdf-list li {
        width: 40%;
    }
}

/* 
	Profile Listing
   ========================================================================== */
.ProfileListing .person {
    width: 100% !important;
    margin: 0 !important;
}

.ProfileListing th {
    display: none !important;
}

.ProfileListing tr {
    display: block !important;
    width: 43% !important;
    float: left !important;
}

.ProfileListing td {
    background-color: white !important;
    width: 500px;
    border-width: 0px !important;
}

/* 
	RAD Controls
   ========================================================================== */
#ctl01_HomePageContent + #masterContentArea .panel-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0px;
    font-size: 130%;
    display: block;
}

.PanelField {
    padding: 0.7em;
}

/* Reference Guide Style Sheet
   ========================================================================== */
.RefExample {
    border: 1px solid #ccc;
    padding: 2.3em 1.5em 1.5em;
    position: relative;
    margin: 15px 0;
}

    .RefExample:before {
        content: "Example";
        background-color: #EAEAEA;
        border: 1px solid #ccc;
        position: absolute;
        left: -1px;
        top: -1px;
        padding: 0.15em 0.385em 0.307em;
    }

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

.RefExample + .RefCode {
    margin-top: -16px;
}

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

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

.RefTOC {
    border: 1px solid #ccc;
    background-color: #F7F7F7;
    margin-top: 0.4em;
}

    .RefTOC ul li {
        list-style-type: none;
        padding: 0.8em;
    }

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

@media (min-width: 768px) {
    .RefTOC {
        float: left;
        width: 15em;
    }

        .RefTOC + .RefContent {
            margin-left: 16.5em;
        }
}

.RefContent h2, .RefContent h3 {
    margin-top: 1em;
}

/* Apply the 'linenums' class to a pre tag to display line numbers.
    The following style overrides the default 'linenums' behavior and displays all line numbers 
	============================================================================================= */
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: decimal !important;
}

.RefIconList {
    margin: 0;
    padding: 0;
}

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

/* ==========================================================================
   Feature Boxes
   ========================================================================== */
/* Classes for custom HTML feature boxes */
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
    background-color: #f39021;
    padding: 40px 30px;
    margin: 10px 0 20px;
    color: #fff;
}

    .CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutArea1 a.FeatureActionLink, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption, .CalloutBlockType1 a.FeatureActionLink {
        color: #fff;
    }

    .CalloutArea1 a, .CalloutBlockType1 a {
        color: #fff;
    }

    .CalloutArea1 .Error, .CalloutBlockType1 .Error {
        color: #ECECEC !important;
    }

    .CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
        border-bottom: none;
    }

.CalloutArea2 {
    background-color: #009ac7;
    padding: 40px 30px;
    margin: 10px 0 20px;
    color: #fff;
}

    .CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption, .CalloutArea2 a.FeatureActionLink {
        color: #fff;
    }

    .CalloutArea2 a {
        color: #fff;
    }

    .CalloutArea2 .Error {
        color: #ECECEC !important;
    }

    .CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
        border-bottom: none;
    }

.CalloutArea3 {
    background-color: #009ac7;
    padding: 40px 30px;
    margin: 10px 0 20px;
    color: #fff;
}

    .CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
        color: #fff;
    }

    .CalloutArea3 a {
        color: #fff;
    }

    .CalloutArea3 .Error {
        color: #ECECEC !important;
    }

    .CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
        border-bottom: none;
    }

/* Use class AltBgColor1 to put a light-colored background on an iPart or content block */
.AltBgColor1 {
    background-color: #eee;
    padding: 10px;
}

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

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

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

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

    .ContentBlockPrimary .FloatRight {
        position: relative;
        z-index: 1;
    }

/* Featured BG > Displays coloured background based on brand colours
   ========================================================================== */
[class^="feature-"], [class*=" feature-"] {
    display: block;
    padding: 40px 30px;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    margin: 10px 0 10px;
    position: relative;
}

    [class^="feature-"] h2, [class*=" feature-"] h2 {
        margin: 0px 0px 10px;
    }

    [class^="feature-"] h3, [class*=" feature-"] h3 {
        margin: 0px;
    }

a[class^="feature-"], a[class*=" feature-"] {
    padding: 20px 10px 35px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
}

    a[class^="feature-"]:hover, a[class*=" feature-"]:hover {
        background-color: #009ac7;
        color: #fff;
    }

    a[class^="feature-"]:visited, a[class*=" feature-"]:visited {
        color: #fff;
    }

a.feature-3:visited, a.feature-4:visited {
    color: #4A4A4A;
}

.feature-1 {
    background-color: #ECECEC;
}

    .feature-1 .TextButton.White {
        background-color: #fff;
    }

        .feature-1 .TextButton.White:hover {
            background-color: #009ac7;
        }

    .feature-1 h2 {
        color: #000;
    }

.feature-2 {
    background-color: #009ac7;
    color: #fff;
}

    .feature-2 h1, .feature-2 h2, .feature-2 h3 {
        color: #fff;
    }

    .feature-2 .TextButton {
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        margin-bottom: 20px;
        min-width: 85%;
    }

        .feature-2 .TextButton.PrimaryButton {
            background-color: #000;
        }

.feature-3 {
    background-color: #f39021;
    color: #fff;
}

    .feature-3 h1, .feature-3 h2, .feature-3 h2 {
        color: #fff;
    }

.feature-img-link {
    overflow: hidden;
}

    .feature-img-link img {
        position: absolute;
        left: 0px;
        object-fit: cover;
        width: 100%;
        top: 0px;
        max-height: 115px;
    }

    .feature-img-link a {
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        background: rgba(0, 0, 0, 0.7);
        top: 0px;
        color: #fff;
        padding: 10px 5px;
        -webkit-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
        text-transform: uppercase;
        text-align: center;
    }

        .feature-img-link a:hover {
            background-color: #009ac7;
        }

.pattern-feature {
    background: black url("images/pattern-bg.png") no-repeat center center fixed;
    margin: 1em 0;
    padding: 45px 70px;
    font-weight: normal;
    position: relative;
    border: 0px;
}

    .pattern-feature div.black-transparent {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .pattern-feature div.white-bg {
        padding: 35px 20px;
        background-color: #ffffff;
        line-height: 1.6;
    }

    .pattern-feature p.outside {
        display: block;
        text-align: center;
        margin-top: .5em;
        letter-spacing: 1px;
        color: #fff;
    }

@media (min-width: 768px) {
    .pattern-feature p.outside {
        margin-left: 2em;
    }
}

.no-mqs .pattern-feature p.outside {
    margin-left: 2em;
}

a.pattern-button {
    color: #fff;
    font-weight: bold;
    font-size: 150%;
    display: block;
    text-align: center;
    border-radius: 7px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: black url("images/pattern-bg.png") no-repeat center center fixed;
    padding: 25px 10px;
    margin: 10px 0px;
}

    a.pattern-button:hover {
        background: #009ac7;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
        color: #fff !important;
    }

/* Home Page Feature Boxes
   ========================================================================== */
.offering.bordered {
    border: dashed 1px #bcbcbc;
    padding: 20px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
}

    .offering.bordered:hover {
        background-color: #009ac7;
        -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        color: #fff;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
        z-index: 1000;
    }

        .offering.bordered:hover h4, .offering.bordered:hover .icon, .offering.bordered:hover a {
            color: #fff;
        }

.offering h4 {
    text-align: center;
}

.offering img, .offering a.TextButton {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.offering img {
    margin-bottom: 20px;
    height: 60px !important;
}

.offering .icon {
    font-size: 50px;
    color: #000;
    text-align: center;
}

.white-feature h4 {
    text-align: center;
}

.white-feature img {
    margin-bottom: 20px;
    height: 60px !important;
}

.full-width {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Feature used on the textured blue background */
.dark-feature {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 40px 25px;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 80px;
    display: block;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

    .dark-feature .icon-circle {
        margin-top: -90px;
        background-color: #009ac7;
    }

    .dark-feature h4 {
        text-align: center;
        color: #fff;
        margin-bottom: 40px;
    }

        .dark-feature h4:after {
            content: " ";
            width: 40px;
            background-color: #009ac7;
            height: 2px;
            margin: 0 auto;
            display: block;
            top: 20px;
            position: relative;
        }

    .dark-feature:hover {
        -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        background-color: #009ac7;
    }

        .dark-feature:hover .icon-circle {
            background-color: #000;
        }

.light-feature {
    background-color: #ECECEC;
    width: 100%;
    padding: 40px 25px;
    margin-top: 50px;
    display: block;
    margin-bottom: 20px;
}

    .light-feature .icon-circle {
        margin-top: -90px;
        background-color: #009ac7;
    }

        .light-feature .icon-circle.black {
            background-color: #000;
        }

        .light-feature .icon-circle.orange {
            background-color: #009ac7;
        }

    .light-feature h4 {
        text-align: center;
        margin-bottom: 40px;
    }

        .light-feature h4:after {
            content: " ";
            width: 40px;
            background-color: #555555;
            height: 2px;
            margin: 0 auto;
            display: block;
            top: 20px;
            position: relative;
        }

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

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

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

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

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

.no-mqs .feature-link-with-image .feature-link-text {
    width: 45%;
}

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

.feature-link-with-image.feature-link-1 .feature-link-text {
    background-color: #009ac7;
    background-color: rgba(0, 154, 199, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
    background-color: #007394;
    background-color: rgba(0, 115, 148, 0.75);
}

.feature-link-with-image.feature-link-2 .feature-link-text {
    background-color: #4A4A4A;
    background-color: rgba(74, 74, 74, 0.75);
}

.feature-link-with-image.feature-link-2:hover .feature-link-text {
    background-color: #313030;
    background-color: rgba(49, 48, 48, 0.75);
}

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

#ft a {
    color: #0080A6;
}

    #ft a:hover {
        color: #016584;
    }

    #ft a.TextButton {
        margin-top: 15px;
    }

        #ft a.TextButton:hover {
            color: #fff;
        }

#ft h4 {
    color: #fff;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
}

#ft .custom-list {
    font-size: 85%;
    letter-spacing: 2px;
}

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

#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
    color: #009ac7;
}

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

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

#masterFooterCopyright {
    border-color: #009ac7;
    /* rgba fallback */
    border-top: 1px solid rgba(0, 154, 199, 0.5);
}

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse, .searchbar-collapse {
    background-color: #ffffff;
}

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

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

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

/* Reset some Telerik defaults */
.RadMenu.RadMenu_Austin {
    float: none;
}

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

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

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

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

    .RadMenu.RadMenu_Austin .rmText {
        display: inline-block;
        vertical-align: top;
        float: none;
        letter-spacing: 1px;
    }

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

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

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

    .RadMenu.RadMenu_Austin .RadSiteMap, .RadMenu.RadMenu_Austin .RadSiteMap .rsmItem, .RadMenu.RadMenu_Austin .RadSiteMap .rsmTwoLevels .rsmItem {
        font-size: inherit;
        border-bottom: 0px;
    }

.rmSelected .rmText:after {
    content: " ";
    display: block;
    height: 3px;
    background-color: #009ac7;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.RadMenu.RadMenu_Austin {
    z-index: 1000 !important;
    position: relative;
    width: 100% !important;
}

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

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

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

    .RadMenu.RadMenu_Austin .rmItem {
        width: auto;
        clear: both;
    }

    .RadMenu.RadMenu_Austin .rmText,
    .RadMenu.RadMenu_Austin .rmHorizontal .rmText,
    .RadMenu.RadMenu_Austin .rmSlide .rmText {
        padding: 10px 15px;
    }

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

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

    .RadMenu.RadMenu_Austin .rsmItem {
        /*    padding: ($navbar-padding-vertical / 2) $navbar-padding-horizontal;*/
        margin: 0;
    }

    .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmLink {
        margin-bottom: 0;
        padding: 7px 20px;
    }

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

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

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

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

.RadMenu.RadMenu_Austin .rmLink,
.RadMenu.RadMenu_Austin .rsmLink {
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
    /* required for the menu to work in IE */
    /*text-transform: uppercase; */
}

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

.RadMenu.RadMenu_Austin .rmGroup .rmText {
    margin: 0;
    padding: 0px;
}

.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmSelected,
.RadMenu.RadMenu_Austin .rmSelected > .rmRootLink,
.RadMenu.RadMenu_Austin .rmFocused > .rmRootLink {
    /* root itme selected styles */
    color: #000;
    background-color: transparent;
}

    .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmSelected:hover,
    .RadMenu.RadMenu_Austin .rmSelected > .rmRootLink:hover,
    .RadMenu.RadMenu_Austin .rmFocused > .rmRootLink:hover {
        text-shadow: 0px 0px 0px;
    }

.RadMenu.RadMenu_Austin .rmRootLink:hover,
.RadMenu.RadMenu_Austin .rmRootLink:focus,
.RadMenu.RadMenu_Austin .rmExpanded > .rmRootLink {
    /* root item hover and focus styles */
    background-color: #fff;
    color: #009ac7;
    /*        		text-shadow: 1px 1px 1px #000; */
}

.RadMenu.RadMenu_Austin .rmGroup {
    background-color: #fff;
}

.RadMenu.RadMenu_Austin .rmDisabled > .rmLink,
.RadMenu.RadMenu_Austin .rsmDisabled > .rsmLink {
    color: #000;
}

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

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

    .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
        /*text-transform: uppercase;*/
        font-size: 87.5%;
        font-weight: 700;
        letter-spacing: 0;
    }

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

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

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

.RadSiteMap .rsmOneLevel .rsmItem {
    font-weight: 700;
}

.RadMenu_Austin .rmSlide {
    display: none;
    /* hide the sub nav until requested */
    position: absolute;
    height: auto !important;
    -moz-min-width: 260px;
    -ms-min-width: 260px;
    -o-min-width: 260px;
    -webkit-min-width: 260px;
    min-width: 260px;
    font-size: 87.5%;
    font-weight: 700;
    letter-spacing: 1px;
}

    .RadMenu_Austin .rmSlide .rmGroup,
    .RadMenu_Austin .rmSlide .rmLink,
    .RadMenu_Austin .rmSlide .rmTemplate,
    .RadMenu_Austin .rmSlide .rmSeparator {
        width: auto !important;
    }

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

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

    .RadMenu_Austin .rmSlide .rmLink,
    .RadMenu_Austin .rmSlide .rsmLink {
        color: #000;
        font-weight: 700;
        margin: 0px;
    }

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

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

    .RadMenu_Austin .rmSlide .rmFocused > .rmLink,
    .RadMenu_Austin .rmSlide .rmSelected > .rmLink,
    .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
        background-color: #009ac7;
        color: #fff;
    }

    .RadMenu_Austin .rmSlide .rmLink,
    .RadMenu_Austin .rmSlide .rsmLink,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink {
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        padding: 7px 15px !important;
    }

        .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink:focus,
        .RadMenu_Austin .rmSlide .rsmLink:hover,
        .RadMenu_Austin .rmSlide .rsmLink:focus,
        .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
        .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
            background-color: #009ac7;
            color: #fff;
        }

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

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

    .RadMenu_Austin .rmSlide .MegaDropDownMenu {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
    .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
        color: #000;
        font-weight: 700;
        letter-spacing: 1px;
        font-size: 100%;
        margin: 0px;
        border-bottom: 0px;
    }

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

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

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

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

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

        .RadMenu_Austin .rmSlide .rmToggleHandles .rmExpandRight,
        .RadMenu_Austin .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
            /* if toggle handles are on we don't want to display the arrow twice*/
            background-image: none;
        }
}

.RadMenu_Austin a.SlideLarge + div {
    width: 450px !important;
}

@media (min-width: 768px) {
    .RadMenu.RadMenu_Austin .rmItem {
        white-space: nowrap;
    }

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

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

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

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

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

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

.no-mqs .RadMenu.RadMenu_Austin .rmItem {
    white-space: nowrap;
}

.no-mqs .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem {
    float: left;
    clear: none;
}

    .no-mqs .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
        margin: 0;
    }

.no-mqs .RadMenu.RadMenu_Austin .rmSlide .rmGroup {
    margin: 0;
}

.no-mqs .RadMenu.RadMenu_Austin .rmSlide .rmItem {
    float: none;
    display: block;
}

.no-mqs .RadMenu.RadMenu_Austin .rmSlide .rmLink {
    margin: 0;
}

.no-mqs .RadMenu.RadMenu_Austin .rmToggle, .no-mqs .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle {
    display: none;
}

/* Hide second level via CSS */
.rsmItem .rsmColumnWrap {
    display: none;
}

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

    .RadTreeView.RadTreeView_Austin .rtLI,
    .RadTreeView.RadTreeView_Austin .rtTop,
    .RadTreeView.RadTreeView_Austin .rtMid,
    .RadTreeView.RadTreeView_Austin .rtBot {
        padding: 0;
        position: relative;
    }

    .RadTreeView.RadTreeView_Austin .rtIn {
        display: block;
    }

    .RadTreeView.RadTreeView_Austin .rtIn,
    .RadTreeView.RadTreeView_Austin .rtHover .rtIn,
    .RadTreeView.RadTreeView_Austin .rtSelected .rtIn {
        padding: 10px 25px 10px 15px;
        border: none;
        font-size: 87.5% !important;
        text-transform: uppercase;
        font-weight: bold !important;
        color: #000;
    }

    .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn,
    .RadTreeView.RadTreeView_Austin .child-is-selected.rtIn {
        background-color: #fff;
        color: #009ac7;
    }

        .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn:focus {
            background-color: #009ac7;
        }

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

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

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

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

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

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

    .RadTreeView.RadTreeView_Austin .rtSp,
    .RadTreeView.RadTreeView_Austin .rtPlus,
    .RadTreeView.RadTreeView_Austin .rtMinus {
        width: 1em;
        height: 1em;
        right: .5em;
        top: 0.5em;
        left: auto;
        background-color: transparent;
        color: #4A4A4A;
        border: 0px;
        font-weight: bold;
        font-size: 120%;
        position: absolute;
        margin: 1px 0 0 -1px;
    }

    .RadTreeView.RadTreeView_Austin a.rtIn {
        color: #4A4A4A;
        -webkit-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        margin: 0;
    }

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

.RadTreeView .rtPlus:before, .RadTreeView .rtMinus:before {
    margin: -.5em 0 0 -.5em;
    width: 1em;
    height: 1em;
    font: 1em/1 monospace;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "+";
}

.RadTreeView .rtMinus:before {
    content: "-";
}

.nav-secondary {
    background-color: #fff;
    margin-bottom: 1em;
    border-bottom: dashed 1px #ECECEC;
}

    .nav-secondary .sub-nav-head {
        background: transparent url("images/pattern-bg.png") no-repeat center center fixed;
        color: #fff;
        font-size: 120%;
        padding: 10px 25px 10px 15px;
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

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

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

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

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

.navbar-toggle {
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    vertical-align: middle;
    background-color: #262626;
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

    .navbar-toggle.collapsed {
        /* then tighten it back up when it's closed */
        margin-bottom: 6.5px;
        padding-bottom: 9px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

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

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

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

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
    margin-left: 15px;
}

.nav-auxiliary a {
    /* Utility navigation links */
    color: #333333;
    font-size: 70%;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    line-height: 50px;
    padding: 0 10px;
    font-weight: 700;
}

    .nav-auxiliary a:hover {
        color: #009ac7;
    }

    .nav-auxiliary a.social {
        padding: 0px;
    }

.nav-auxiliary .fa {
    font-size: 22px;
}

.nav-auxiliary a.ste-toggle {
    text-indent: -9999px;
}

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

.no-mqs .nav-auxiliary .NavigationListItem,
.no-mqs .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
}

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

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

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

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

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

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

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

/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles on x-small screens */
.nav-auxiliary .NavigationListItem {
    position: relative;
    /* this is required for the cart indicator placement */
    display: inline-block;
}

.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
    /* add the background sprite for the provided CSS classes */
    background-image: url("images/ResponsiveHeaderSprite.png");
    background-repeat: no-repeat;
    padding-left: 26px;
}

.nav-auxiliary .nav-aux-account .nav-text {
    background-position: 0 -125px;
}

.nav-auxiliary .nav-aux-cart .nav-text {
    background-position: 0 -75px;
}

.nav-auxiliary .nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    /* left postion is padding plus placement */
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    line-height: 1;
    width: 1.6em;
}

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

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

.nav-auxiliary .nav-aux-button {
    padding: 0px;
    margin: 0px;
}

@media (max-width: 767px) {
    .nav-auxiliary .nav-aux-button .NavigationLink {
        /* This makes the link look like the toggle buttons */
        background-color: #000;
        margin-left: 15px;
        padding: 9px 10px;
        margin-top: 6.5px;
        margin-bottom: 6.5px;
        border: 1px solid transparent;
        border-radius: 0;
    }

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

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

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text,
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        /* hide the cart text on small devices */
        display: inline-block;
        white-space: nowrap;
        float: left;
        overflow: hidden;
        width: 22px;
        height: 19px;
        padding-left: 22px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background-position: 0 -100px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        background-position: 0 -50px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
        /* This is the flag indicating how many items are in your cart */
        left: 29px;
        /* margin, padding, plus placement */
        top: 8px;
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
        background-color: #ff9999;
        color: #000;
    }
}

.header-search {
    padding: 10px 15px;
}

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

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

@media (min-width: 768px) {
    .header-search {
        padding: 0 0 0 7px;
    }
}

.no-mqs .header-search {
    padding: 0 0 0 7px;
}

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

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

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

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

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

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

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

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

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

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

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

    .SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active {
        opacity: 1;
        filter: alpha(opacity=100);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        display: inline-block;
        height: 37px;
        padding: 5px 10px;
        font-size: 100%;
        line-height: 1.6;
        color: #555555;
        border: 1px solid #ccc;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
    }

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

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

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

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

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

/* 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.6;
        border: 1px solid #ccc;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
        transition: border linear 0.2s, box-shadow linear 0.2s;
    }

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

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

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

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

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

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

.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
    font: inherit;
}

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

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

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

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

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

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

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

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

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

textarea {
    height: auto;
}

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

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

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

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.FullWidth {
    width: 100%;
}

.TextButton .fa {
    font-size: 20px;
    position: relative;
    top: 1px;
    padding-right: 5px;
}

/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: normal;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 7px 30px;
    font-size: 75%;
    line-height: 1.6;
    border-radius: 3px;
    color: white;
    background-color: #007394;
    border-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

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

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

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

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

    .btn:hover, .btn:focus,
    .TextButton:hover,
    .TextButton:focus,
    .TextButtonWithImage:hover,
    .TextButtonWithImage:focus,
    .RadUpload .ruButton:hover,
    .RadUpload .ruButton:focus,
    .RadUploadProgressArea .ruButton:hover,
    .RadUploadProgressArea .ruButton:focus,
    #masterHeaderActionArea a:hover,
    #masterHeaderActionArea a:focus,
    .RadGrid input.TextButton:hover,
    .RadGrid input.TextButton:focus {
        color: #fff;
        text-decoration: none;
        background-color: #01873B;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
    }

    .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,
    .RadGrid input.TextButton:active,
    .RadGrid input.TextButton.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

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

a img {
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

a:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/* some Telerik overrides */
.ruButton {
    background-color: #009ac7 !important;
    color: white !important;
    cursor: pointer;
}

.RadUpload .ruBrowse,
.RadUpload .ruRemove {
    height: auto !important;
    padding: 5px 10px !important;
    line-height: 1.6 !important;
}

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

    .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
    .SaveAndClose:hover,
    .SaveAndClose:focus,
    .SaveAndClose:active,
    .SaveAndClose:visited,
    .SaveAs:hover,
    .SaveAs:focus,
    .SaveAs:active,
    .SaveAs:visited,
    .UsePrimaryButton .TextButton:hover,
    .UsePrimaryButton .TextButton:focus,
    .UsePrimaryButton .TextButton:active,
    .UsePrimaryButton .TextButton:visited,
    .UsePrimaryButton .TextButtonWithImage:hover,
    .UsePrimaryButton .TextButtonWithImage:focus,
    .UsePrimaryButton .TextButtonWithImage:active,
    .UsePrimaryButton .TextButtonWithImage:visited,
    #masterHeaderActionArea a:hover,
    #masterHeaderActionArea a:focus,
    #masterHeaderActionArea a:active,
    #masterHeaderActionArea a:visited,
    .RadGrid input.PrimaryButton:hover,
    .RadGrid input.PrimaryButton:focus,
    .RadGrid input.PrimaryButton:active,
    .RadGrid input.PrimaryButton:visited {
        color: #fff;
        background-color: #72a230;
        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, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
    .SaveAndClose[disabled],
    .SaveAndClose[disabled]:hover,
    .SaveAndClose[disabled]:focus,
    .SaveAndClose[disabled]:active, fieldset[disabled]
    .SaveAndClose, fieldset[disabled]
    .SaveAndClose:hover, fieldset[disabled]
    .SaveAndClose:focus, fieldset[disabled]
    .SaveAndClose:active,
    .SaveAndClose.aspNetDisabled,
    .SaveAndClose.aspNetDisabled:hover,
    .SaveAndClose.aspNetDisabled:focus,
    .SaveAndClose.aspNetDisabled:active,
    .SaveAs[disabled],
    .SaveAs[disabled]:hover,
    .SaveAs[disabled]:focus,
    .SaveAs[disabled]:active, fieldset[disabled]
    .SaveAs, fieldset[disabled]
    .SaveAs:hover, fieldset[disabled]
    .SaveAs:focus, fieldset[disabled]
    .SaveAs:active,
    .SaveAs.aspNetDisabled,
    .SaveAs.aspNetDisabled:hover,
    .SaveAs.aspNetDisabled:focus,
    .SaveAs.aspNetDisabled:active,
    .UsePrimaryButton .TextButton[disabled],
    .UsePrimaryButton .TextButton[disabled]:hover,
    .UsePrimaryButton .TextButton[disabled]:focus,
    .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled]
    .UsePrimaryButton .TextButton, fieldset[disabled]
    .UsePrimaryButton .TextButton:hover, fieldset[disabled]
    .UsePrimaryButton .TextButton:focus, fieldset[disabled]
    .UsePrimaryButton .TextButton:active,
    .UsePrimaryButton .TextButton.aspNetDisabled,
    .UsePrimaryButton .TextButton.aspNetDisabled:hover,
    .UsePrimaryButton .TextButton.aspNetDisabled:focus,
    .UsePrimaryButton .TextButton.aspNetDisabled:active,
    .UsePrimaryButton .TextButtonWithImage[disabled],
    .UsePrimaryButton .TextButtonWithImage[disabled]:hover,
    .UsePrimaryButton .TextButtonWithImage[disabled]:focus,
    .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
    .UsePrimaryButton .TextButtonWithImage:active,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
    .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
    #masterHeaderActionArea a[disabled],
    #masterHeaderActionArea a[disabled]:hover,
    #masterHeaderActionArea a[disabled]:focus,
    #masterHeaderActionArea a[disabled]:active, fieldset[disabled]
    #masterHeaderActionArea a, fieldset[disabled]
    #masterHeaderActionArea a:hover, fieldset[disabled]
    #masterHeaderActionArea a:focus, fieldset[disabled]
    #masterHeaderActionArea a:active,
    #masterHeaderActionArea a.aspNetDisabled,
    #masterHeaderActionArea a.aspNetDisabled:hover,
    #masterHeaderActionArea a.aspNetDisabled:focus,
    #masterHeaderActionArea a.aspNetDisabled:active,
    .RadGrid input.PrimaryButton[disabled],
    .RadGrid input.PrimaryButton[disabled]:hover,
    .RadGrid input.PrimaryButton[disabled]:focus,
    .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled]
    .RadGrid input.PrimaryButton, fieldset[disabled]
    .RadGrid input.PrimaryButton:hover, fieldset[disabled]
    .RadGrid input.PrimaryButton:focus, fieldset[disabled]
    .RadGrid input.PrimaryButton:active,
    .RadGrid input.PrimaryButton.aspNetDisabled,
    .RadGrid input.PrimaryButton.aspNetDisabled:hover,
    .RadGrid input.PrimaryButton.aspNetDisabled:focus,
    .RadGrid input.PrimaryButton.aspNetDisabled:active {
        background-color: #01873B;
        border-color: transparent;
    }

    .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:visited,
    .SaveAndClose:hover,
    .SaveAndClose:focus,
    .SaveAndClose:visited,
    .SaveAs:hover,
    .SaveAs:focus,
    .SaveAs:visited,
    .UsePrimaryButton .TextButton:hover,
    .UsePrimaryButton .TextButton:focus,
    .UsePrimaryButton .TextButton:visited,
    .UsePrimaryButton .TextButtonWithImage:hover,
    .UsePrimaryButton .TextButtonWithImage:focus,
    .UsePrimaryButton .TextButtonWithImage:visited,
    #masterHeaderActionArea a:hover,
    #masterHeaderActionArea a:focus,
    #masterHeaderActionArea a:visited,
    .RadGrid input.PrimaryButton:hover,
    .RadGrid input.PrimaryButton:focus,
    .RadGrid input.PrimaryButton:visited {
        color: #fff;
        text-decoration: none;
        background-color: #01873B;
        -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
    }

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

    .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
        color: #fff;
        background-color: #2d4373;
        border-color: rgba(0, 0, 0, 0);
    }

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

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

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

    .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
        color: #fff;
        background-color: #005582;
        border-color: rgba(0, 0, 0, 0);
    }

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

.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
    font-size: 80% !important;
    padding: 9px 20px !important;
    border-radius: 6px;
}

.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
    font-size: 100% !important;
    padding: 12px 20px !important;
    border-radius: 9px;
}

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

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

a.LanguageToggle {
    color: #000 !important;
    background-color: transparent;
    border: solid 1px #000;
    font-size: 70%;
}

    a.LanguageToggle:visted {
        color: #000 !important;
    }

    a.LanguageToggle:hover {
        color: #fff !important;
    }

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

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

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

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

/* Search Results
   ========================================================================== */
.SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: #01873B;
    padding: 8px 12px;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    font-size: 90%;
    font-weight: normal;
    border-radius: 3px;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: orange !important;
    margin: -4px -7px 10px;
}

    .SearchResultSummary .ListItemTitle a:hover {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        background-color: #009ac7;
        text-decoration: underline;
        text-decoration: none;
        color: #fff !important;
    }

.SearchField label {
    font-size: 120%;
    color: #555555;
    font-weight: normal;
}

.RadGrid_MetroTouch {
    border: 0px !important;
}

    .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
        background: #30BBE4 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 90%;
        color: #000 !important;
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    }

        .RadGrid_MetroTouch .rgHeader a, .RadGrid_MetroTouch th.rgResizeCol a, .RadGrid_MetroTouch .rgHeaderWrapper a {
            text-decoration: none !important;
            border-bottom: 0px !important;
        }

    .RadGrid_MetroTouch .rgAltRow td {
        background-color: #eee;
    }

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

    .EventSummary .PhotoArea {
        padding: 2em;
    }

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

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

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

.no-mqs .EventSummary .Description {
    padding: 2em;
}

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

.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 120%;
    line-height: 2em;
    padding-left: .5em;
}

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

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

.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
    background-color: #4A4A4A;
}

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

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

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

    .ProgressTracker2 .ProgressTrackerPanel .count {
        color: #fff;
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-weight: 300;
    }

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

.ProgressTracker2 .ProgressBar {
    margin: 10px;
}

    .ProgressTracker2 .ProgressBar > span {
        background-color: #009ac7;
    }

.ProgressTracker2 .SuccessfulMessage {
    background-color: #51d0f6;
    color: #555555;
}

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

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

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

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

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

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

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

        .CartCharges .GrandTotal .PanelField .Label {
            color: #009ac7;
        }

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

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

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

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

.RadTabStrip.RadTabStrip_MetroTouch {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 1px;
    font-weight: inherit;
    border-radius: 3px;
}

html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #009ac7;
    background-color: #009ac7;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: #009ac7;
}

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

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

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

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

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

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

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

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

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

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

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

    .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: #000 !important;
    }

.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
    background-color: #30BBE4;
}

.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: #30BBE4;
    background-color: #30BBE4;
}

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

* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
    background-color: #30BBE4;
}

.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: #30BBE4;
}

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

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

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

.RadScheduler.RadScheduler_Metro .rsHeader {
    border-color: #4A4A4A;
    background-color: #4A4A4A;
}

    .RadScheduler.RadScheduler_Metro .rsHeader ul a {
        border-color: #4A4A4A;
    }

    .RadScheduler.RadScheduler_Metro .rsHeader h2 {
        font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        font-weight: bold;
        color: #fff;
        text-transform: none;
        border-bottom: none;
    }

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

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

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

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

    .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: #313030;
        background-color: #313030;
        color: #FFF !important;
    }

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

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

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

.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: #009ac7;
}

.RadWindow.RadWindow_Metro .rwControlButtons a {
    border-color: #009ac7;
}

    .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: #4A4A4A;
    }

        .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: #4A4A4A;
        }

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

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

    .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: #4A4A4A;
    }

    .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
        background: #4A4A4A;
        border-color: #4A4A4A;
    }

.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: #4A4A4A;
        background: #4A4A4A;
    }

.RadPicker.RadPicker_Metro .rcCalPopup:hover, .RadPicker.RadPicker_Metro .rcCalPopup:focus, .RadPicker.RadPicker_Metro .rcCalPopup:active, .RadPicker.RadPicker_Metro .rcTimePopup:hover, .RadPicker.RadPicker_Metro .rcTimePopup:focus, .RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
    background-color: #4A4A4A;
}

.RadGrid_MetroTouch .rgHeader {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

    .RadGrid_MetroTouch .rgHeader a {
        border-bottom: solid 2px #009ac7;
        color: #000 !important;
    }

        .RadGrid_MetroTouch .rgHeader a:hover {
            color: #009ac7;
        }

.rcCalPopup {
    text-indent: 0px !important;
}

.rgAltRow .TextButton {
    background-color: #fff !important;
}

    .rgAltRow .TextButton:hover {
        background-color: #01873B !important;
    }

/* 
	RAD Controls
   ========================================================================== */
.ContentWizardDisplay {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px solid black;
}

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

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

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

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

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

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

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

    .HeroContent .TextButton {
        float: right;
    }

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

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

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

.no-mqs .Slider.FullWidth h1 {
    font-size: 320%;
}

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

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

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

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

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

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

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

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

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

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

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

.jumbotron.home {
    height: 24em;
}

    .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: #fff;
        margin-top: 0;
        padding-top: .3em;
        padding-bottom: .3em;
        text-align: center;
        font-weight: normal;
        font-size: 280%;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.45);
    }

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

.no-mqs .jumbotron.home h1 {
    font-size: 320%;
}

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

.no-mqs .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
}

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

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

.no-mqs .jumbotron.home .ActionButton {
    padding-right: 12%;
}

.jumbotron.interior {
    height: 20em;
}

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

        .jumbotron.interior p:before, .jumbotron.interior p:after {
            content: " ";
            display: table;
        }

        .jumbotron.interior p:after {
            clear: both;
        }

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

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

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

.no-mqs .jumbotron.interior p {
    font-size: 170%;
}

@media (min-width: 768px) {
    .jumbotron.interior {
        height: 25em;
    }

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

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

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

.no-mqs .jumbotron.interior {
    height: 25em;
}

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

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

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

.jumbotron .img-copyright,
.carousel .img-copyright {
    position: absolute;
    bottom: .5em;
    right: 1em;
    font-size: 70%;
}

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

/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.carousel h2, .carousel .panel-heading {
    border-bottom: none;
}

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

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

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock {
    background-color: #fff;
    margin-bottom: 1em;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

    .CommunityLinksBlock a {
        color: #555555;
        border-top: 1px dashed #bcbcbc;
        border-bottom: 0px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

        .CommunityLinksBlock a:first-child {
            border-top: none;
        }

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

        .CommunityLinksBlock a.CommunityLinksSelected {
            background-color: #fff;
            text-decoration: none;
            font-weight: normal;
            color: #009ac7;
        }

/*.CommunityActionButtons a, #ctl01_TemplateBody_WebPartManager1_gwpste_container_WikiHome_ciWikiHome_CommentConfigure1_AttachmentManager1_LaunchObjectBrowser,
.CommunityItemActionLinks a,
.InLineOption_Controls_Always_Display a {
		display: inline-block;
		background-color: $color-base;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-size: 80%;
		padding: 7px 20px;
		color: $white;
		
		&:hover {
			background-color: $color-callout;
		}
}*/
#ctl01_TemplateBody_WebPartManager1_gwpste_container_WikiHome_ciWikiHome_CommentConfigure1_AttachmentManager1_LaunchObjectBrowser {
    display: inline-block;
}

/* Community breadcrumb */
.BreadCrumbCurrent {
    font-size: 100%;
}

/*** Communities common elements ***/
.CommunityItemActionLinks a {
    font-size: 80%;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-color: transparent;
}

    .CommunityItemActionLinks a:hover {
        background-color: #009ac7;
    }

.CommunityActionButtons a {
    font-size: 80%;
    text-transform: uppercase;
    color: #4A4A4A;
    padding: 9px 20px !important;
    display: block;
    letter-spacing: 1px;
    color: #fff;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 15px;
}

    .CommunityActionButtons a:not(.TextButton) {
        background-color: #4A4A4A;
    }

.CommunityDateLine {
    padding-bottom: 20px;
}

.CommunityItemTitle {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 125%;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px;
}

.CommunitySummaryBlock {
    display: block;
    border: 0px;
    color: #fff;
    margin-top: -16px;
    background: #009ac7 url(images/pattern-bg.png) no-repeat center center fixed;
    padding: 10px 15px;
    font-family: "Roboto Slab", serif;
}

    .CommunitySummaryBlock .CommunityItemTitle {
        display: block;
        padding-top: 10px;
        color: #fff;
        font-size: 110%;
    }

.CommunityCommentItem {
    background: #fff;
}

.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
    background: #fff;
    box-shadow: 0px 0px 0px;
    padding: 20px 0px;
    border-top: dashed 1px #009ac7;
}

/* For adding comments */
.CommunityWikiReplyForm, .CommunityReplyForm {
    display: block;
    background-color: #fff;
    border: 0px;
    border-top: solid 1px #009ac7;
    margin: 20px 0px;
    padding: 20px 0px;
}

    .CommunityWikiReplyForm h3, .CommunityWikiReplyForm h2, .CommunityReplyForm h3, .CommunityReplyForm h2 {
        margin-top: 0px;
    }

/* Profile Picture */
.CommunityProfilePicture img {
    border-radius: 50%;
}

/* Breadcrumb */
div#ctl01_TemplateBody_WebPartManager1_gwpste_container_BreadCrumb_ste_container_BreadCrumb,
div#ctl01_TemplateBody_WebPartManager1_gwpste_container_Breadcrumb_ste_container_Breadcrumb {
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase;
    line-height: 33px;
    font-size: 75%;
    letter-spacing: 1px;
    font-weight: bold;
}

/* Last Comment */
.CommunityLastComment {
    float: none;
}

/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerHome {
    background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
    overflow: hidden;
    height: 330px;
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

/**** End Donor Sample Site Styles ****/
fs
.SecondaryColumn h2,
fs
.SecondaryColumn .PanelTitle,
fs
.SecondaryColumn .panel-title {
    font-family: inherit;
    font-weight: bold;
    font-size: 90%;
    color: #bcbcbc;
    text-transform: uppercase;
}

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

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

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

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

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

fs
.SecondaryColumn .RadGrid .rgRow td,
fs
.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: #e6e6e6;
    }

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

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

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

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

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

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

/* Use on the blockquote element for a styled quote */
blockquote {
    border-left: solid 10px #009ac7;
}

.Quote {
    background: transparent url("images/pattern-bg.png") no-repeat center center fixed;
    margin: 1em 0;
    padding: 45px 70px;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: normal;
    position: relative;
    border: 0px;
}

    .Quote img {
        float: right;
        height: 120px !important;
        width: 120px !important;
        border-radius: 50%;
        border: solid 2px #009ac7;
        margin-left: 15px;
    }

    .Quote:before {
        color: #009ac7;
        content: open-quote;
        margin-right: 0.25em;
        vertical-align: -0.4em;
        font-size: 600%;
        line-height: 0.1em;
        font-family: Georgia;
        position: absolute;
        top: 100px;
        left: 90px;
    }

    .Quote p {
        padding: 35px 20px 35px 80px;
        background-color: #ffffff;
        line-height: 1.6;
    }

    .Quote cite {
        display: block;
        text-align: center;
        margin-top: .5em;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
    }

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

        .Quote cite {
            margin-left: 2em;
        }
}

.no-mqs .Quote {
    font-size: 100%;
}

    .no-mqs .Quote cite {
        margin-left: 2em;
    }

.QuoteStyle2 {
    border-left-color: #009ac7;
}

/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
    position: relative;
    padding: 15px;
    margin: 0 0 1em;
    color: #fff;
    background: #00c1fa;
    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: #00c1fa transparent;
        /* reduce the damage in FF3.0 */
        display: block;
        width: 0;
    }

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

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

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

.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: #7c7c7c;
    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: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-size: 110%;
    font-weight: 300;
    line-height: 1.5em;
    padding: 8px 0;
    text-decoration: none;
}

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

.no-mqs a.FeatureActionLink {
    font-size: 150%;
}

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

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

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

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

.no-mqs .Spotlight .ImageWrapper {
    height: 160px;
}

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

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

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

    .Spotlight a img:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.SpotlightRow {
    margin-bottom: 1.2em;
}

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

    .SpotlightRow:after {
        clear: both;
    }

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

.no-mqs .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 5%;
    padding-right: 5%;
}

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

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

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

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

            .header-link a:hover, .header-link a:active, .header-link a:focus {
                color: #009ac7;
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Homepage
   ========================================================================== */
.HomePageFullWidthArea {
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px 30px;
    min-height: 380px;
    margin-bottom: 30px;
    color: #fff;
}

    .HomePageFullWidthArea label {
        color: #fff;
        font-weight: normal;
    }

@media (max-width: 768px) {
    .HomePageFullWidthArea {
        min-height: 0px;
    }
}

.HomePageFullWidthArea h2.panel-title {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 125%;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    display: block;
    margin: 10px 0px;
}

.HomePageFullWidthArea h1 {
    font-size: 300%;
    color: #ffffff;
    padding-top: 70px;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
    .HomePageFullWidthArea h1 {
        padding-top: 0px;
    }
}

.HomePageFullWidthArea h3 {
    color: #009ac7;
}

    .HomePageFullWidthArea h3 span {
        color: #009ac7;
    }

    .HomePageFullWidthArea h3.alt, .HomePageFullWidthArea h4.alt {
        color: #fff;
    }

.HomePageFullWidthArea a {
    color: #f39021;
}

    .HomePageFullWidthArea a:hover {
        color: #009ac7;
    }

.HomePageFullWidthArea .pattern-button {
    margin-top: 70px;
}

/* Home page Banner */
#banner {
    background: url("/iMIS/images/header-bg.jpg") no-repeat top;
    background-size: cover;
    max-height: 450px;
    min-height: 450px;
    position: relative;
    overflow: hidden;
}

    #banner div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 60px;
        background: rgba(0, 0, 0, 0.78);
        text-align: center;
        width: 80%;
    }

    #banner .TextButton {
        background-color: transparent;
        border: solid 1px #fff;
        padding: 10px 30px;
        min-width: 200px;
    }

        #banner .TextButton:hover {
            color: #009ac7;
            border-color: #009ac7;
        }

    #banner h1, #banner h2 {
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    #banner h1 {
        font-size: 200%;
        margin-bottom: 30px;
        color: #009ac7;
    }

    #banner h2 {
        color: #fff;
        font-size: 120%;
        margin-bottom: 30px;
    }

    #banner ul {
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }

        #banner ul, #banner ul > li {
            list-style: none;
            display: inline-block;
        }

            #banner ul li {
                padding: 0 5px;
            }

@media (max-width: 768px) {
    #banner div {
        width: 90%;
    }
}

@media (max-width: 480px) {
    #banner {
        min-height: 430px;
    }

        #banner ul li {
            display: block;
            margin-bottom: 10px;
        }

            #banner ul li a {
                display: block;
                width: 100%;
            }

        #banner div {
            top: 0px;
            left: 0px;
            transform: inherit;
            width: 100%;
            padding: 20px;
            right: 0px;
            bottom: 0px;
        }
}

/* Quick Links - Used on the HomePage
   ========================================================================== */
/* Allow for a five column row */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

#quick-links {
    background: #4A4A4A url("./images/metal-grill-texture.png") no-repeat bottom left;
    background-size: cover;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 0;
    font-size: 90%;
    border-top: solid 2px #4A4A4A;
    border-bottom: solid 2px #4A4A4A;
}

    #quick-links ul {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }

        #quick-links ul, #quick-links ul > li {
            list-style: none;
            display: inline-block;
        }

            #quick-links ul a {
                color: #ffffff;
                display: block;
                -webkit-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

                #quick-links ul a:hover {
                    color: #009ac7;
                }

                    #quick-links ul a:hover .icon-circle {
                        background-color: #616365;
                    }

@media (max-width: 768px) {
    #quick-links .icon-circle {
        width: 70px;
        height: 70px;
        margin: 0px;
        float: left;
        margin-right: 20px;
        border: 0px;
        Background-color: transparent;
    }

    #quick-links ul {
        text-align: left;
    }

        #quick-links ul li.col-md-15 {
            display: block;
            margin-bottom: 10px;
            line-height: 70px;
            font-size: 14px;
        }
}

/* Icon Circles
   ========================================================================== */
.icon-circle {
    display: table;
    margin: 0 auto;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #009ac7;
    text-align: center;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff;
    font-size: 50px;
}

    .icon-circle span {
        display: table-cell;
        vertical-align: middle;
    }

    .icon-circle img {
        margin: 0 auto;
    }

    .icon-circle .fa {
        font-size: 50px;
    }

.icon-label {
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 85%;
    text-align: center;
}

.icon-container {
    position: relative;
    padding-left: 95px;
}

    .icon-container .icon-circle {
        height: 70px;
        width: 70px;
        margin: 0;
        position: absolute;
        left: 0px;
        top: 0px;
    }

        .icon-container .icon-circle img {
            max-height: 35px;
            max-width: 35px;
        }

    .icon-container .icon {
        position: absolute;
        top: 0px;
        left: 0px;
    }

/* News Items
   ========================================================================== */
.news-item {
    width: 45%;
    float: left;
    margin-right: 5%;
}

@media (max-width: 768px) {
    .news-item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

.news-item span {
    font-size: 85%;
}

.news-item p {
    margin-bottom: 0px;
}

/* 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: #009ac7;
    font-size: 190%;
}

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

/* List Updates
   ========================================================================== */
ol li, ul li {
    padding-bottom: 5px;
    padding-top: 5px;
}

/* Related Items Overides (Events Display)
   ========================================================================== */
ul.RelatedItemsHorizontal li, .RelatedItemsHorizontal ul.rrItemsList li {
    margin: 0px 15px 15px 0px;
    position: relative;
    width: 240px;
    height: 90px;
    padding: 0px;
}

    ul.RelatedItemsHorizontal li:hover, .RelatedItemsHorizontal ul.rrItemsList li:hover {
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
    }

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

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

        ul.RelatedItemsHorizontal li a.LabelLink:hover, .RelatedItemsHorizontal ul.rrItemsList li a.LabelLink:hover {
            background-color: #009ac7;
            -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
            z-index: 10000;
        }

/* Custom List > Displays a unique icon beside the list
   ========================================================================== */
.custom-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 10px;
}

    .custom-list li {
        list-style: none;
        padding: 5px 0px 10px 0px;
    }

        .custom-list li:before {
            font-family: 'FontAwesome';
            content: "\f0da";
            color: #DD601A;
            margin: 0 10px 0 0;
        }

.pdf-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 10px;
}

    .pdf-list li {
        list-style: none;
        padding: 5px 0px 10px 30px;
        position: relative;
    }

        .pdf-list li:before {
            display: inline-block;
            font: normal normal normal 20px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 0px;
            top: 8px;
            content: "\f1c1";
            font-size: 20px;
        }

/* Landing Page Header
   ========================================================================== */
.landing-header {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

    .landing-header h3 span {
        color: #000;
    }

    .landing-header img {
        text-align: center;
    }

    .landing-header h1 {
        position: absolute;
        bottom: 0px;
        text-align: center;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        padding: 10px;
        color: #fff;
        margin-bottom: 0px;
    }

/* Footer Contact Classes
   ========================================================================== */
.footer-content .contact-info p {
    color: #ffffff;
    font-size: 90%;
}

.contact-info p {
    line-height: 28px;
    padding-left: 25px;
}

.contact-info .fa {
    position: absolute;
    font-size: 20px;
    left: 10px;
    line-height: 28px;
}

.contact-info .fa-envelope {
    font-size: 17px;
}

/* Misc. Classes
   ========================================================================== */
.ContentBorder {
    border: solid 2px #009ac7;
    padding: 5px 20px;
}

.TitleBarCaption {
    padding: 15px 0px;
}

.ContentBlockPostTitle {
    display: block !important;
    padding-top: 20px;
    /*   
    &:before {
	    content: " ";
	    display: block;
		border-top: dashed 1px $gray-light;
		width: 50%;
		margin: 0 auto 2em;
		clear: both;
    }*/
}

h3 img {
    margin-right: 10px;
}

h3 .fa {
    font-size: 40px;
    margin-right: 5px;
    position: relative;
    line-height: 0;
    top: 5px;
}

h3 .fa-vcard-o {
    top: 8px;
}

/* 
	People style - CADA
   ========================================================================== */
.committee, .centered-person {
    width: 43%;
    float: left;
    margin-right: 2%;
    min-height: 125px;
}

    .committee img, .centered-person img {
        object-fit: cover;
        width: 130px;
        height: 130px !important;
        object-position: 0 0;
        border-radius: 50%;
        margin: 0 20px 20px 0px;
        border: solid 3px #000000;
        float: left;
    }

    .committee h4, .centered-person h4 {
        margin-bottom: 0px;
    }

@media (max-width: 768px) {
    .committee, .centered-person {
        width: 100%;
        margin-right: 0px;
    }
}

.person {
    margin-bottom: 50px;
}

    .person p {
        margin-bottom: 0px;
    }

    .person img {
        object-fit: cover;
        width: 130px;
        height: 130px !important;
        object-position: 0 0;
        border-radius: 50%;
        margin: 0 20px 20px 0px;
        border: solid 3px #000000;
        float: left;
    }

    .person h4 {
        margin-bottom: 0px;
    }

.centered-person {
    text-align: center;
    width: 100%;
}

    .centered-person img {
        float: none;
        margin: 0px;
    }

/* 
	Pattern Background 
   ========================================================================== */
.pattern-bg {
    border: 0px;
    background: url(images/pattern-bg.png) no-repeat center center fixed;
    background-size: cover;
    display: block;
    width: 100%;
    padding: 40px 0px 30px;
}

/* 
	Economic Report
   ========================================================================== */
.economic-report .pdf-list li {
    display: inline-block;
    width: 19%;
}

@media (max-width: 768px) {
    .economic-report .pdf-list li {
        width: 40%;
    }
}

/* 
	Profile Listing
   ========================================================================== */
.ProfileListing .person {
    width: 100% !important;
    margin: 0 !important;
}

.ProfileListing th {
    display: none !important;
}

.ProfileListing tr {
    display: block !important;
    width: 43% !important;
    float: left !important;
}

.ProfileListing td {
    background-color: white !important;
    width: 500px;
    border-width: 0px !important;
}

/* 
	RAD Controls
   ========================================================================== */
#ctl01_HomePageContent + #masterContentArea .panel-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px 0px;
    font-size: 130%;
    display: block;
}

.PanelField {
    padding: 0.7em;
}

/* Reference Guide Style Sheet
   ========================================================================== */
.RefExample {
    border: 1px solid #ccc;
    padding: 2.3em 1.5em 1.5em;
    position: relative;
    margin: 15px 0;
}

    .RefExample:before {
        content: "Example";
        background-color: #EAEAEA;
        border: 1px solid #ccc;
        position: absolute;
        left: -1px;
        top: -1px;
        padding: 0.15em 0.385em 0.307em;
    }

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

.RefExample + .RefCode {
    margin-top: -16px;
}

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

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

.RefTOC {
    border: 1px solid #ccc;
    background-color: #F7F7F7;
    margin-top: 0.4em;
}

    .RefTOC ul li {
        list-style-type: none;
        padding: 0.8em;
    }

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

@media (min-width: 768px) {
    .RefTOC {
        float: left;
        width: 15em;
    }

        .RefTOC + .RefContent {
            margin-left: 16.5em;
        }
}

.RefContent h2, .RefContent h3 {
    margin-top: 1em;
}

/* Apply the 'linenums' class to a pre tag to display line numbers.
    The following style overrides the default 'linenums' behavior and displays all line numbers 
	============================================================================================= */
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
    list-style-type: decimal !important;
}

.RefIconList {
    margin: 0;
    padding: 0;
}

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

/* ==========================================================================
   Feature Boxes
   ========================================================================== */
/* Classes for custom HTML feature boxes */
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
    background-color: #f39021;
    padding: 40px 30px;
    margin: 10px 0 20px;
    color: #fff;
}

    .CalloutArea1 label, .CalloutArea1 h1, .CalloutArea1 h2, .CalloutArea1 h3, .CalloutArea1 h4, .CalloutArea1 h5, .CalloutArea1 .PanelTitle, .CalloutArea1 .TitleBarCaption, .CalloutArea1 a.FeatureActionLink, .CalloutBlockType1 label, .CalloutBlockType1 h1, .CalloutBlockType1 h2, .CalloutBlockType1 h3, .CalloutBlockType1 h4, .CalloutBlockType1 h5, .CalloutBlockType1 .PanelTitle, .CalloutBlockType1 .TitleBarCaption, .CalloutBlockType1 a.FeatureActionLink {
        color: #fff;
    }

    .CalloutArea1 a, .CalloutBlockType1 a {
        color: #fff;
    }

    .CalloutArea1 .Error, .CalloutBlockType1 .Error {
        color: #ECECEC !important;
    }

    .CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
        border-bottom: none;
    }

.CalloutArea2 {
    background-color: #009ac7;
    padding: 40px 30px;
    margin: 10px 0 20px;
    color: #fff;
}

    .CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption, .CalloutArea2 a.FeatureActionLink {
        color: #fff;
    }

    .CalloutArea2 a {
        color: #fff;
    }

    .CalloutArea2 .Error {
        color: #ECECEC !important;
    }

    .CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
        border-bottom: none;
    }

.CalloutArea3 {
    background-color: #009ac7;
    padding: 40px 30px;
    margin: 10px 0 20px;
    color: #fff;
}

    .CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
        color: #fff;
    }

    .CalloutArea3 a {
        color: #fff;
    }

    .CalloutArea3 .Error {
        color: #ECECEC !important;
    }

    .CalloutArea3 h2, .CalloutArea3 .PanelHead.Distinguish, .CalloutArea3 .TitleBarCaption {
        border-bottom: none;
    }

/* Use class AltBgColor1 to put a light-colored background on an iPart or content block */
.AltBgColor1 {
    background-color: #eee;
    padding: 10px;
}

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

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

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

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

    .ContentBlockPrimary .FloatRight {
        position: relative;
        z-index: 1;
    }

/* Featured BG > Displays coloured background based on brand colours
   ========================================================================== */
[class^="feature-"], [class*=" feature-"] {
    display: block;
    padding: 40px 30px;
    -webkit-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    margin: 10px 0 10px;
    position: relative;
}

    [class^="feature-"] h2, [class*=" feature-"] h2 {
        margin: 0px 0px 10px;
    }

    [class^="feature-"] h3, [class*=" feature-"] h3 {
        margin: 0px;
    }

a[class^="feature-"], a[class*=" feature-"] {
    padding: 20px 10px 35px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 3px;
}

    a[class^="feature-"]:hover, a[class*=" feature-"]:hover {
        background-color: #009ac7;
        color: #fff;
    }

    a[class^="feature-"]:visited, a[class*=" feature-"]:visited {
        color: #fff;
    }

a.feature-3:visited, a.feature-4:visited {
    color: #4A4A4A;
}

.feature-1 {
    background-color: #ECECEC;
}

    .feature-1 .TextButton.White {
        background-color: #fff;
    }

        .feature-1 .TextButton.White:hover {
            background-color: #009ac7;
        }

    .feature-1 h2 {
        color: #000;
    }

.feature-2 {
    background-color: #009ac7;
    color: #fff;
}

    .feature-2 h1, .feature-2 h2, .feature-2 h3 {
        color: #fff;
    }

    .feature-2 .TextButton {
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff;
        margin-bottom: 20px;
        min-width: 85%;
    }

        .feature-2 .TextButton.PrimaryButton {
            background-color: #000;
        }

.feature-3 {
    background-color: #f39021;
    color: #fff;
}

    .feature-3 h1, .feature-3 h2, .feature-3 h2 {
        color: #fff;
    }

.feature-img-link {
    overflow: hidden;
}

    .feature-img-link img {
        position: absolute;
        left: 0px;
        object-fit: cover;
        width: 100%;
        top: 0px;
        max-height: 115px;
    }

    .feature-img-link a {
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        background: rgba(0, 0, 0, 0.7);
        top: 0px;
        color: #fff;
        padding: 10px 5px;
        -webkit-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
        text-transform: uppercase;
        text-align: center;
    }

        .feature-img-link a:hover {
            background-color: #009ac7;
        }

.pattern-feature {
    background: black url("images/pattern-bg.png") no-repeat center center fixed;
    margin: 1em 0;
    padding: 45px 70px;
    font-weight: normal;
    position: relative;
    border: 0px;
}

    .pattern-feature div.black-transparent {
        background-color: rgba(0, 0, 0, 0.6);
    }

    .pattern-feature div.white-bg {
        padding: 35px 20px;
        background-color: #ffffff;
        line-height: 1.6;
    }

    .pattern-feature p.outside {
        display: block;
        text-align: center;
        margin-top: .5em;
        letter-spacing: 1px;
        color: #fff;
    }

@media (min-width: 768px) {
    .pattern-feature p.outside {
        margin-left: 2em;
    }
}

.no-mqs .pattern-feature p.outside {
    margin-left: 2em;
}

a.pattern-button {
    color: #fff;
    font-weight: bold;
    font-size: 150%;
    display: block;
    text-align: center;
    border-radius: 7px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: black url("images/pattern-bg.png") no-repeat center center fixed;
    padding: 25px 10px;
    margin: 10px 0px;
}

    a.pattern-button:hover {
        background: #009ac7;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
        transform: scale(1.02);
        color: #fff !important;
    }

/* Home Page Feature Boxes
   ========================================================================== */
.offering.bordered {
    border: dashed 1px #bcbcbc;
    padding: 20px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
}

    .offering.bordered:hover {
        background-color: #009ac7;
        -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        color: #fff;
        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        -o-transform: scale(1.03);
        transform: scale(1.03);
        z-index: 1000;
    }

        .offering.bordered:hover h4, .offering.bordered:hover .icon, .offering.bordered:hover a {
            color: #fff;
        }

.offering h4 {
    text-align: center;
}

.offering img, .offering a.TextButton {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.offering img {
    margin-bottom: 20px;
    height: 60px !important;
}

.offering .icon {
    font-size: 50px;
    color: #000;
    text-align: center;
}

.white-feature h4 {
    text-align: center;
}

.white-feature img {
    margin-bottom: 20px;
    height: 60px !important;
}

.full-width {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Feature used on the textured blue background */
.dark-feature {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 40px 25px;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 80px;
    display: block;
    -webkit-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

    .dark-feature .icon-circle {
        margin-top: -90px;
        background-color: #009ac7;
    }

    .dark-feature h4 {
        text-align: center;
        color: #fff;
        margin-bottom: 40px;
    }

        .dark-feature h4:after {
            content: " ";
            width: 40px;
            background-color: #009ac7;
            height: 2px;
            margin: 0 auto;
            display: block;
            top: 20px;
            position: relative;
        }

    .dark-feature:hover {
        -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
        background-color: #009ac7;
    }

        .dark-feature:hover .icon-circle {
            background-color: #000;
        }

.light-feature {
    background-color: #ECECEC;
    width: 100%;
    padding: 40px 25px;
    margin-top: 50px;
    display: block;
    margin-bottom: 20px;
}

    .light-feature .icon-circle {
        margin-top: -90px;
        background-color: #009ac7;
    }

        .light-feature .icon-circle.black {
            background-color: #000;
        }

        .light-feature .icon-circle.orange {
            background-color: #009ac7;
        }

    .light-feature h4 {
        text-align: center;
        margin-bottom: 40px;
    }

        .light-feature h4:after {
            content: " ";
            width: 40px;
            background-color: #555555;
            height: 2px;
            margin: 0 auto;
            display: block;
            top: 20px;
            position: relative;
        }

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

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

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

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

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

.no-mqs .feature-link-with-image .feature-link-text {
    width: 45%;
}

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

.feature-link-with-image.feature-link-1 .feature-link-text {
    background-color: #009ac7;
    background-color: rgba(0, 154, 199, 0.75);
}

.feature-link-with-image.feature-link-1:hover .feature-link-text {
    background-color: #007394;
    background-color: rgba(0, 115, 148, 0.75);
}

.feature-link-with-image.feature-link-2 .feature-link-text {
    background-color: #4A4A4A;
    background-color: rgba(74, 74, 74, 0.75);
}

.feature-link-with-image.feature-link-2:hover .feature-link-text {
    background-color: #313030;
    background-color: rgba(49, 48, 48, 0.75);
}

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


/* Remove hyphens on wordWrap
   ========================================================================== */
.BreakWord {
    hyphens: none !important;
}

/* C3P Button Styling
   ========================================================================== */
.C3PBtn {
    background: #b63e96 !important;
}

    .C3PBtn:hover {
        background: #8dc63f !important;
    }

/* Member portal outstanding payments styling
   ========================================================================== */
.mem-outstanding-payments .rgExpandCol {
    color: #30BBE4 !important;
}

.alert-no-background .AlertSet .AlertItem {
    border: none;
    background: none;
    text-align: center;
}

.alert-no-background .AlertSet {
    list-style-type: none;
}

/* BSI Forms Branding Overrides
   ========================================================================== */
#formio .pagination li.active button {
    border-color: #009CC7;
}

#formio .formio-component .card .card-header {
    color: white;
    background-color: #009CC7;
    font-size: 1.25em;
}

#formio .formio-component .card {
    border: 1px solid #009CC7;
}

#formio .btn-primary {
    color: #fff;
    background-color: #009CC7;
    border-color: #204d74;
}

    #formio .btn-primary:hover {
        color: #fff;
        background-color: #00c8ff;
        border-color: #204d74;
    }

#formio .form-group .input-group-text:hover {
    background-color: #009CC7;
    color: white;
    cursor: pointer;
}

#formio .formio-button-remove-row {
    color: white;
    background-color: #009CC7;
}

#formio .btn-wizard-nav-submit {
    display: none;
}

#formio a {
    color: #0080A6;
}

#formio .pagination .page-item.active {
    border-top: 5px solid #009CC7;
}

#formio .pagination .page-item:hover {
    background-color: #e6f7ff;
}

#formio .pagination .page-item {
    border-top: 5px solid #00C8FF; /* Top border highlight for non-active */
}

#formio .stealth {
    display: none;
}

/** asp.net grid view styling for AI Search POC **/
#ai-search-control .gridview-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    text-align: left;
}

    /* Header Styling */
    #ai-search-control .gridview-table th {
        background-color: #30BBE4;
        color: #ffffff;
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
    }

        #ai-search-control .gridview-table th a {
            color: black !important;
            font-weight: normal;
            text-transform: uppercase;
            font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif;
        }

    /* Row Styling */
    #ai-search-control .gridview-table td {
        padding: 10px;
        border: 1px solid #ddd;
    }

    /* Alternating Row Colors */
    #ai-search-control .gridview-table tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    /* Hover Effect */
    #ai-search-control .gridview-table tr:hover {
        background-color: #d6e4ff;
        cursor: pointer;
    }

    /* Selected Row */
    #ai-search-control .gridview-table .selected-row {
        background-color: #ffc107 !important;
        font-weight: bold;
    }

    /* PAGING STYLES */
    #ai-search-control .gridview-table .pagination {
        text-align: center;
        margin-top: 10px;
    }

        /* Paging Buttons */
        #ai-search-control .gridview-table .pagination a {
            color: #007bff;
            padding: 8px 12px;
            border: 1px solid #007bff;
            margin: 3px;
            text-decoration: none;
            display: inline-block;
            border-radius: 4px;
            font-weight: bold;
        }

            #ai-search-control .gridview-table .pagination a:hover {
                background-color: #007bff;
                color: white;
            }

        /* Active Page */
        #ai-search-control .gridview-table .pagination span {
            padding: 8px 12px;
            background-color: #ffc107;
            color: #ffffff;
            border: 1px solid #ffc107;
            border-radius: 4px;
            font-weight: bold;
        }

/* PAGINATION CONTAINER */
#ai-search-control .pagination {
    text-align: center;
    margin-top: 15px;
}

    /* PAGINATION BUTTONS */
    #ai-search-control .pagination a, .pagination span {
        display: inline-block;
        padding: 12px 18px; /* Bigger click area */
        margin: 5px;
        border: 2px solid #007bff;
        background-color: white;
        text-decoration: none;
        font-weight: bold;
        border-radius: 6px;
        transition: all 0.2s ease-in-out;
        cursor: pointer;
    }

        /* HOVER EFFECT */
        #ai-search-control .pagination a:hover {
            background-color: #007bff;
            color: white;
        }

        /* DISABLED BUTTONS */
        #ai-search-control .pagination a[disabled] {
            color: gray;
            border-color: gray;
            pointer-events: none;
            background-color: #f5f5f5;
        }

    /* CURRENT PAGE INFO */
    #ai-search-control .pagination span {
        font-weight: bold;
        color: #333;
    }

/* Search Container */
#ai-search-control .search-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

/* Search Label */
#ai-search-control .search-label {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

/* Input and Button Wrapper */
#ai-search-control .search-box-container {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

/* Full-width Search Input */
#ai-search-control .search-box {
    width: 100%;
    height: 100px; /* Maintains the custom height */
    padding: 20px 15px 12px 15px; /* Keeps the padding with extra top space */
    font-size: 16px;
    border: 2px solid #ccc;
    border-radius: 25px;
    outline: none;
    background: #f8f9fa;
    transition: border-color 0.3s, box-shadow 0.3s;
    line-height: 1.2;
    box-sizing: border-box;
    resize: none; /* Prevents resizing */
}

    /* Input Focus Effect */
    #ai-search-control .search-box:focus {
        border-color: #007bff;
        box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
    }

/* Search Button (Overlapping Bottom-Right Corner) */
#ai-search-control .search-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: white;
    border: 1px solid gray !important;
    color: #333;
    padding: 8px;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.3s, transform 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Slightly larger for better spacing */
    height: 40px;
    font-size: 22px; /* Makes the arrow larger */
    line-height: 1; /* Ensures the arrow is centered */
}

    /* Button Hover Effect */
    #ai-search-control .search-btn:hover {
        background-color: #f0f0f0;
        transform: scale(1.1);
    }