@charset "UTF-8";
/* Responsive Cities theme */
@import url("//fonts.googleapis.com/css?family=Bevan");
/* ==========================================================================
   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, .nav-primary-container,
.SliderPage1 {
  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: 1170px;
}

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

#WebPartZone1_Page1, .ContentBox {
	box-sizing: content-box;
}

/* handle secondary column layout */
@media (min-width: 768px) {
  .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 */
.header {
  padding-top: 0px;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .nav-primary {
    background-color: #ed1c24; /* German flag Red */
  }
}
.no-mqs .nav-primary {
    background-color: #ed1c24; /* German flag red */
}

.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: left;
  }
}
.no-mqs .nav-primary {
    float: left;
}

.header-logo-container {
  float: left;
}
@media (min-width: 891px) {
  .header-logo-container {
    width: 420px;
    height: 120px;
	background: url("images/ISPD_IC2016_masthead_420x120.png") no-repeat;
	padding: 0;
	margin: 0;
	z-index:900;
  }
}

@media (max-width: 890px) {
  .header-logo-container {
    width: 49px;
    height: 40px;
	background: url("images/ISPD_IC2016_masthead_mobile_49x40.png") no-repeat;
	padding: 0;
	margin: 0;
	z-index:900;
  }
}
@media (max-width: 1080px) {
  .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;
}

/*.header-utility {
    @include respond-to('tablets and up') {
        float:left;
        clear: none !important;

        div {
            display: inline-block;
            vertical-align: middle;
        }
    }

    a {
        vertical-align: middle;
    }

    input.SurfEdit {
        /* Remove the extra padding from the surf-to-edit button */
        /*padding: 0 !important;
        vertical-align: middle;
    }
}*/
.NavigationLink {
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;
}

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

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

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

/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
#ctl00_panProxy_panMain {
  float: right;
}

#ProxyPanelLabels,
#ProxyPanelActions {
  display: inline-block;
}

.ProxyPanelNoContact,
.ProxyPanelContact {
  margin-top: 0.225em;
  line-height: 2.4em;
  font-weight: bold;
  padding: 0 2em;
  white-space: nowrap;
}

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

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

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

body {
  font-family: Calibri, Helvetica Neue, Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: #4a4b4c; /* charcoal */
}
@media (min-width: 1081px) {
  body {
    background: url("images/ISPD2016_pagebg.png") repeat-x;
  }
}
.no-mqs body {
    background: url("images/ISPD2016_pagebg.png") repeat-x;
}


a {
  color: #d10008; /* German flag red - darkened */
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: #ed1c24; /* German flag red */
}
a:visited {
  color: #d10008; /* German flag red - darkened */
}

/**
  * Overriding RadGrid styles requires a !important.
  * Separating it out here to require styles on regular links that are too strong.
  */
.RadGrid a {
  color: #d10008 !important; /* German flag red - darkened */
  text-decoration: underline;
}
.RadGrid a:hover, .RadGrid a:focus, .RadGrid a:active {
  color: #ed1c24 !important; /* German flag red */
}
.RadGrid a:visited {
  color: #d10008 !important; /* German flag red - darkened */
}
.RadGrid a.aspNetDisabled, .RadGrid a.aspNetDisabled:hover, .RadGrid a.aspNetDisabled:focus, .RadGrid a.aspNetDisabled:active, .RadGrid a.aspNetDisabled:visited {
  color: #ffffff !important;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
}
.nobr	{ white-space:nowrap; }

h1, .h1, .PageTitle,
h2, .h2, .PanelTitle,
h3, .h3, .SectionTitle,
h4, .h4, h5, .h5, h6, .h6 {
  font-family: Calibri, Helvetica Neue, Roboto, sans-serif;
  font-weight: bold;
}
h2, .h2, .PanelTitle,
h3, .h3, .SectionTitle {
  color: #4a4b4c; /* charcoal */
}

.Underline {
    margin-bottom: 0px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f8981d;
}

h1, .PageTitle {
  font-size: 170%;
  color: #d10008; /* German flag red - darkened */
}

h1 {
  margin-top: 0;
}

h1.BigHeader {
  color: white;
  background-color: #d10008; /* German flag red - darkened */
  padding: 20px;
  margin: 0;
}

h2, .PanelTitle {
  line-height: 1.45em;
  font-size: 135%;
}

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

h3, .h3, .SectionTitle {
  line-height: 1.2em;
  font-size: 120%;
}

h4, .SectionLabel {
  color: #4a4b4c; /* charcoal */
  font-weight: bold;
  margin: 0 0 .2em;
}
h5, h6 {
  color: #4a4b4c; /* charcoal */
  font-weight: bold;
  margin: 0 0 .2em;
}

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #fbeba7; /* light yellow */
}

/* Used for messages guiding users to the next step */
.HelperText {
  color: #d10008; /* German flag red - darkened */
}

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

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

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

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

/* Universal search control. See also universal input around line 1500 */
.search-field {
  background: #fbeba7 url("images/ResponsiveHeaderSprite.png") no-repeat; /* light yellow */
  background-position: 7px -19px;
  padding-left: 28px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 2px;
}

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

/* header logo */
#masterHeaderImage {
  background-image: url("images/masthead.jpg");
  background-repeat: no-repeat;
  width: 500px;
  height: 130px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
@media (min-width: 768px) {
  #masterHeaderImage {
    margin-top: 20px;
  }
}
.no-mqs #masterHeaderImage {
  margin-top: 20px;
}

#masterDonorHeaderImage {
  background-image: url("images/masthead.jpg");
  background-repeat: no-repeat;
  width: 500px;
  height: 130px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
@media (min-width: 768px) {
  #masterDonorHeaderImage {
    margin-top: 20px;
  }
}
.no-mqs #masterDonorHeaderImage {
  margin-top: 20px;
}

/* 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: #ed1c24; /* German flag red */
  color: white;
}
.ProxyPanelContact a {
  color: #fff;
}

/* Loading Indicator
   ========================================================================== */
/* Displays a loading message and spinner when a control is taking a while to load */
body.loadingBody {
  background-color: #cccccc;
  margin: 0;
  padding: 0;
}

#loadingSpinner {
  background-image: url("images/spinner.gif");
}

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

.SubNavPanelHead {
  background-color: #ed1c24; /* German flag red */
  color: #ffffff;
  font-family: Bevan, Georgia, serif;
  font-weight: 200;
}

.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #ed1c24; /* German flag red */
  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: #4a4b4c; /* charcoal */
  color: white;
  text-align: center;
}
.footer-content h2 {
  margin-top: 0;
  color: white;
  border-bottom: none;
}
.footer-content a {
  color: #fff;
}

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

.footer-promo-container .promo {
  background-color: #020202;
  /* rgba fallback */
  background-color: rgba(2, 2, 2, 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: Bevan, Georgia, serif;
  font-weight: 200;
  margin-bottom: .25em;
  font-size: 130%;
  line-height: inherit;
}
@media (min-width: 768px) and (max-width: 1056px) {
  .footer-promo-container .lead {
    font-size: 150%;
  }
}
@media (min-width: 1057px) {
  .footer-promo-container .lead {
    font-size: 170%;
  }
}
.no-mqs .footer-promo-container .lead {
  font-size: 110%;
}
.footer-promo-container .TextButton {
  background-color: #8ebfe0; /* med blue */
  /* rgba fallback */
  background-color: rgba(100, 47, 146, 0.8);
  color: #fff;
}
.footer-promo-container .TextButton:hover {
  background-color: #8ebfe0; /* med blue */
  /* rgba fallback */
  background-color: rgba(100, 47, 146, 0.8);
}

.footer-nav-copyright {
  background-color: #4a4b4c; /* charcoal */
  color: #dddddd;
}
.footer-nav-copyright a, .footer-nav-copyright a:visited {
  color: white;
}
.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
  color: white;
}

/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
  background-color: #4a4b4c; /* charcoal */
  color: white;
}
#ft h4 {
  color: white;
  font-family: Bevan, Georgia, serif;
  font-weight: 200;
}

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

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

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

/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
.navbar-collapse {
  background-color: #dddddd;
}
@media (min-width: 768px) {
  .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  background-color: #ed1c24; /* German flag red */
    border: none;
  }
}
.no-mqs .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  background-color: #ed1c24; /* German flag red */
  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: none;
}

.RadMenu.rmResponsive {
  z-index: 1000 !important;
  position: relative;
}
.RadMenu.rmResponsive ul {
  margin: 0;
  padding: 0;
}
.RadMenu.rmResponsive .rmItem,
.RadMenu.rmResponsive .rsmItem {
  list-style: none;
}
.RadMenu.rmResponsive .rmDisabled > a,
.RadMenu.rmResponsive .rsmDisabled > a {
  cursor: default;
}
.RadMenu.rmResponsive .rmItem {
  width: auto;
  clear: both;
  background-color: #ed1c24; /* German flag red */
}
.RadMenu.rmResponsive .rmLink {
  padding: 6px 18px 8px 18px;
  background-color: #ed1c24; /* German flag red */
}
.RadMenu.rmResponsive .rmSlide .rmLink {
  padding: 6px 18px 0 18px;
  background-color: #ed1c24; /* German flag red */
}
.RadMenu.rmResponsive .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.rmResponsive .rsmItem {
  padding: 0;
}
.RadMenu.rmResponsive .rsmItem .rsmItem {
  /* this is needed to avoid indentaion */
  margin-left: -15px;
}
.RadMenu.rmResponsive .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  padding-left: 15px;
  width: 100% important!;
  clear: right;
}
@media (max-width: 480px) {
  .RadMenu.rmResponsive .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}
.RadMenu.rmResponsive .rmLink,
.RadMenu.rmResponsive .rsmLink {
  color: #fff;
  background-color: #ed1c24; /* German flag red */
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}
.RadMenu.rmResponsive .rmSelected > .rmRootLink,
.RadMenu.rmResponsive .rmFocused > .rmRootLink {
  /* root itme selected styles */
  color: white;
  background-color: #d10008; /* German flag red - darkened */
}
.RadMenu.rmResponsive .rmRootLink:hover,
.RadMenu.rmResponsive .rmRootLink:focus,
.RadMenu.rmResponsive .rmExpanded > .rmRootLink {
  /* root item hover and focus styles */
  background-color: #d10008; /* German flag red - darkened */
  color: white;
}
.RadMenu.rmResponsive .rmGroup {
  background-color: #ed1c24; /* German flag red */
}
.RadMenu.rmResponsive .rmDisabled > .rmLink,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink {
  color: #ccc;
}
.RadMenu.rmResponsive .rmDisabled > .rmLink:hover, 
.RadMenu.rmResponsive .rmDisabled > .rmLink:active,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink:hover,
.RadMenu.rmResponsive .rsmDisabled > .rsmLink:active {
  background-color: #d10008; /* German flag red - darkened */
  color: #ccc;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
}

.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink:hover, 
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink:focus, 
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink:active {
  background-color: #d10008; /* German flag red - darkened */
}


.RadMenu.rmResponsive .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  margin: -10px -15px;
  float: left;
  height: 100%;
}
.RadMenu.rmResponsive .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: 18.5px;
  margin-bottom: 18.5px;
  margin-right: 15px;
  margin-left: 15px;
}
.RadMenu.rmResponsive .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmLink:focus .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
  background-color: #d10008; /* German flag red - darkened */
}
.RadMenu.rmResponsive .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.rmResponsive .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}
.rmResponsive .rmSlide,
.rmResponsive .rmSlide .rmGroup,
.rmResponsive .rmSlide .rmLink,
.rmResponsive .rmSlide .rmTemplate,
.rmResponsive .rmSlide .rmSeparator {
  width: auto !important;
}
.rmResponsive .rmSlide .rmItem {
  float: left;
  display: block;
  width: 100%;
}
.rmResponsive .rmSlide .rmText {
  float: none;
}
.rmResponsive .rmSlide .rmLink,
.rmResponsive .rmSlide .rsmLink {
  color: white;
  padding: 10px;
  margin: 0;
}
.rmResponsive .rmSlide .rmSeparator,
.rmResponsive .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px solid #d10008; /* German flag red - darkened */
}
.rmResponsive .rmSlide .rmFocused > .rmLink,
.rmResponsive .rmSlide .rmSelected > .rmLink,
.rmResponsive .rmSlide .rsmSelected > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: #d10008; /* German flag red - darkened */
}
.rmResponsive .rmSlide .rmLink:hover, .rmResponsive .rmSlide .rmLink:focus,
.rmResponsive .rmSlide .rsmLink:hover,
.rmResponsive .rmSlide .rsmLink:focus,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
  background-color: #d10008; /* German flag red - darkened */
}
.rmResponsive .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
   * we want to indent the nav to give separation */
  margin-left: 0;
}
.rmResponsive .rmSlide .MegaDropDownMenu {
  /* padding-top: 5px; */
  /* padding-bottom: 5px; */
}
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem {
  /* margin-bottom: 1em; */
}
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  color: #fff;
  letter-spacing: 0;
}
.rmResponsive .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}
@media (max-width: 767px) {
  .rmResponsive .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .rmResponsive .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 51px;
  }
}

@media (min-width: 768px) {
  .RadMenu.rmResponsive .rmItem {
    white-space: nowrap;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem {
    float: left;
    clear: none;
    border-right: 1px solid #ffffff;
	line-height: 1;
  }
  .border-left-white {
    border-left: 1px solid #ffffff;
  }
  .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmItem {
    float: none;
    display: block;
	width: 100%;
  }
  .RadMenu.rmResponsive .rmSlide .rmLink,
  .RadMenu.rmResponsive .rmSlide .rmSeparator {
    margin: 0;
  }
  .RadMenu.rmResponsive .rmSlide .rmExpandRight {
    background-image: url("images/ResponsiveNav.png");
    background-position: 100% -200px;
    background-repeat: no-repeat;
  }
  .RadMenu.rmResponsive .rmSlide .rmText {
	padding-right: 40px;
  }
  .RadMenu.rmResponsive .rmToggle {
    display: none;
  }
}
.no-mqs .RadMenu.rmResponsive .rmItem {
  white-space: nowrap;
}
.no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem {
  float: left;
  clear: none;
}
.no-mqs .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmGroup {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmItem {
  float: none;
  display: block;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmLink,
.no-mqs .RadMenu.rmResponsive .rmSlide .rmSeparator {
  margin: 0;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 100% -200px;
  background-repeat: no-repeat;
}
.no-mqs .RadMenu.rmResponsive .rmSlide .rmText {
  padding-right: 40px;
}
.no-mqs .RadMenu.rmResponsive .rmToggle {
  display: none;
}

/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_London {
  white-space: normal;
}
.RadTreeView.RadTreeView_London .rtTop,
.RadTreeView.RadTreeView_London .rtMid,
.RadTreeView.RadTreeView_London .rtBot {
  padding: 0;
}
.RadTreeView.RadTreeView_London .rtIn {
  font-weight: bold !important;
  display: block;
}
.RadTreeView.RadTreeView_London .rtIn,
.RadTreeView.RadTreeView_London .rtHover .rtIn,
.RadTreeView.RadTreeView_London .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}
.RadTreeView.RadTreeView_London > a.rtIn {
    color: #ffffff;
}
.RadTreeView.RadTreeView_London .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_London .child-is-selected.rtIn {
  background-color: transparent;
  color: #dddddd !important;
}
.RadTreeView.RadTreeView_London .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_London .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_London .rtSelected > a.rtIn:focus {
  background-color: transparent;
}
.RadTreeView.RadTreeView_London .rtUL .rtUL {
  padding-left: 15px;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: none;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI:first-child {
  border-top: none;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}
.RadTreeView.RadTreeView_London > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.RadTreeView.RadTreeView_London .rtSp,
.RadTreeView.RadTreeView_London .rtPlus,
.RadTreeView.RadTreeView_London .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}
.RadTreeView.RadTreeView_London a.rtIn {
  color: #fff;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
}
.RadTreeView.RadTreeView_London a.rtIn:hover, .RadTreeView.RadTreeView_London a.rtIn:focus, .RadTreeView.RadTreeView_London a.rtIn:active {
  background-color: #d10008; /* German flag red - darkened */ 
}

.nav-secondary {
  background-color: #ed1c24; /* German flag red */
  margin-bottom: 1em;
}
.nav-secondary .sub-nav-head {
  background-color: #d10008; /* German flag red - darkened */
  color: white;
  font-weight: bold;
  font-size: 110%;
  padding: 10px 15px;
}
.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #d10008; /* German flag red - darkened */
}
.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
}

/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
  padding-top: 6px;
}
.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: #ed1c24; /* German flag red */
  border-color: transparent;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /* extend the toggle down when it's open */
  margin-bottom: 0;
  padding-bottom: 18px;
}
.navbar-toggle.collapsed {
  /* then tighten it back up when it's closed */
  margin-bottom: 6.5px;
  padding-bottom: 9px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.navbar-toggle.collapsed {
  background-color: #ed1c24; /* German flag red */
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #d10008; /* German flag red - darkened */
}
.navbar-toggle .icon-bar {
  background-color: white;
}

.nav-auxiliary .TextButton,
.nav-auxiliary .navbar-toggle {
  margin-left: 15px;
}
.nav-auxiliary a {
  /* Utility navigation links */
  color: #d10008; /* German flag red - darkened */
}
@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;
}
@media (max-width: 1070px) {
  .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 */
  position: absolute;
  left: 10px;
  /* padding plus placement */
  top: -5px;
  line-height: 1;
  text-align: center;
  width: 1.6em;
}
.nav-auxiliary .nav-aux-cart .cartCenter {
  background-color: #a0d10b;
  color: white;
  border-radius: 2px;
  font-size: 78%;
  padding: 0 2px 1px;
  -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.7);
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.7);
}
.nav-auxiliary .nav-aux-cart .cartCenter span:before, .nav-auxiliary .nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}

@media (max-width: 1056px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
    background-color: #349ba4;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #2a7e85;
  }
  .nav-auxiliary .nav-aux-button .NavigationLink:active {
    background-color: #349ba4;
  }
  .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: #99f7ff;
    color: black;
  }
}

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

/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  border-radius: 5px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -moz-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: Calibri, Helvetica Neue, Roboto, 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: 32px;
  padding: 3px 10px;
  font-size: 1em;
  line-height: 1;
  color: #4a4b4c; /* charcoal */
  background-color: #fbeba7; /* light yellow */
  border: none;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.uneditable-input:-moz-placeholder {
  color: #999999;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.uneditable-input::-moz-placeholder {
  color: #999999;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder {
  color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
  color: #999999;
}

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 #cccccc;
  background-color: white;
}

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

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

/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 17px;
  line-height: 1.6;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus,
#masterHeaderActionArea a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:visited {
  color: white;
  text-decoration: none;
}
.btn:active, .btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled,
.TextButton.disabled,
.TextButton[disabled], fieldset[disabled]
.TextButton,
.TextButton.aspNetDisabled,
.TextButtonWithImage.disabled,
.TextButtonWithImage[disabled], fieldset[disabled]
.TextButtonWithImage,
.TextButtonWithImage.aspNetDisabled,
.RadUpload .ruButton.disabled,
.RadUpload .ruButton[disabled], fieldset[disabled]
.RadUpload .ruButton,
.RadUpload .ruButton.aspNetDisabled,
.RadUploadProgressArea .ruButton.disabled,
.RadUploadProgressArea .ruButton[disabled], fieldset[disabled]
.RadUploadProgressArea .ruButton,
.RadUploadProgressArea .ruButton.aspNetDisabled,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a[disabled], fieldset[disabled]
#masterHeaderActionArea a,
#masterHeaderActionArea a.aspNetDisabled {
  pointer-events: none;
  opacity: 0.55;
  filter: alpha(opacity=55.0);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* default button */
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton {
  color: white;
  background-color: #ed1c24; /* German flag red */
  border-color: transparent;
}
.btn:hover, .btn:focus, .btn:active, .btn.active,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton.active,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton.active {
  color: white;
  background-color: #d10008; /* German flag red - darkened */
  border-color: transparent;
}
.btn:active, .btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.ruButton:active,
.ruButton.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton.active {
  background-image: none;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .btn.aspNetDisabled.active,
.TextButton.disabled,
.TextButton.disabled:hover,
.TextButton.disabled:focus,
.TextButton.disabled:active,
.TextButton.disabled.active,
.TextButton[disabled],
.TextButton[disabled]:hover,
.TextButton[disabled]:focus,
.TextButton[disabled]:active,
.TextButton[disabled].active, fieldset[disabled]
.TextButton, fieldset[disabled]
.TextButton:hover, fieldset[disabled]
.TextButton:focus, fieldset[disabled]
.TextButton:active, fieldset[disabled]
.TextButton.active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.TextButton.aspNetDisabled.active,
.TextButtonWithImage.disabled,
.TextButtonWithImage.disabled:hover,
.TextButtonWithImage.disabled:focus,
.TextButtonWithImage.disabled:active,
.TextButtonWithImage.disabled.active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active,
.TextButtonWithImage[disabled].active, fieldset[disabled]
.TextButtonWithImage, fieldset[disabled]
.TextButtonWithImage:hover, fieldset[disabled]
.TextButtonWithImage:focus, fieldset[disabled]
.TextButtonWithImage:active, fieldset[disabled]
.TextButtonWithImage.active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.TextButtonWithImage.aspNetDisabled.active,
.ruButton.disabled,
.ruButton.disabled:hover,
.ruButton.disabled:focus,
.ruButton.disabled:active,
.ruButton.disabled.active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active,
.ruButton[disabled].active, fieldset[disabled]
.ruButton, fieldset[disabled]
.ruButton:hover, fieldset[disabled]
.ruButton:focus, fieldset[disabled]
.ruButton:active, fieldset[disabled]
.ruButton.active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
.ruButton.aspNetDisabled.active,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a.disabled:hover,
#masterHeaderActionArea a.disabled:focus,
#masterHeaderActionArea a.disabled:active,
#masterHeaderActionArea a.disabled.active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
#masterHeaderActionArea a[disabled].active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active, fieldset[disabled]
#masterHeaderActionArea a.active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
#masterHeaderActionArea a.aspNetDisabled.active,
.RadGrid input.TextButton.disabled,
.RadGrid input.TextButton.disabled:hover,
.RadGrid input.TextButton.disabled:focus,
.RadGrid input.TextButton.disabled:active,
.RadGrid input.TextButton.disabled.active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active,
.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, 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,
.RadGrid input.TextButton.aspNetDisabled.active {
  background-color: #d10008; /* German flag red - darkened */
  border-color: transparent;
}

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

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: white;
  background-color: #ed1c24; /* German flag red */
  border-color: transparent;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton.active,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose.active,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs.active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.active,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.active,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.active {
  color: white;
  background-color: #d10008; /* German flag red - darkened */
  border-color: transparent;
}
.PrimaryButton:active, .PrimaryButton.active,
.SaveAndClose:active,
.SaveAndClose.active,
.SaveAs:active,
.SaveAs.active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.active,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.active,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.active,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.active {
  background-image: none;
}
.PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.disabled.active, .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, .PrimaryButton[disabled].active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, fieldset[disabled] .PrimaryButton.active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .PrimaryButton.aspNetDisabled.active,
.SaveAndClose.disabled,
.SaveAndClose.disabled:hover,
.SaveAndClose.disabled:focus,
.SaveAndClose.disabled:active,
.SaveAndClose.disabled.active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active,
.SaveAndClose[disabled].active, fieldset[disabled]
.SaveAndClose, fieldset[disabled]
.SaveAndClose:hover, fieldset[disabled]
.SaveAndClose:focus, fieldset[disabled]
.SaveAndClose:active, fieldset[disabled]
.SaveAndClose.active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAndClose.aspNetDisabled.active,
.SaveAs.disabled,
.SaveAs.disabled:hover,
.SaveAs.disabled:focus,
.SaveAs.disabled:active,
.SaveAs.disabled.active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active,
.SaveAs[disabled].active, fieldset[disabled]
.SaveAs, fieldset[disabled]
.SaveAs:hover, fieldset[disabled]
.SaveAs:focus, fieldset[disabled]
.SaveAs:active, fieldset[disabled]
.SaveAs.active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.SaveAs.aspNetDisabled.active,
.UsePrimaryButton .TextButton.disabled,
.UsePrimaryButton .TextButton.disabled:hover,
.UsePrimaryButton .TextButton.disabled:focus,
.UsePrimaryButton .TextButton.disabled:active,
.UsePrimaryButton .TextButton.disabled.active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active,
.UsePrimaryButton .TextButton[disabled].active, fieldset[disabled]
.UsePrimaryButton .TextButton, fieldset[disabled]
.UsePrimaryButton .TextButton:hover, fieldset[disabled]
.UsePrimaryButton .TextButton:focus, fieldset[disabled]
.UsePrimaryButton .TextButton:active, fieldset[disabled]
.UsePrimaryButton .TextButton.active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButton.aspNetDisabled.active,
.UsePrimaryButton .TextButtonWithImage.disabled,
.UsePrimaryButton .TextButtonWithImage.disabled:hover,
.UsePrimaryButton .TextButtonWithImage.disabled:focus,
.UsePrimaryButton .TextButtonWithImage.disabled:active,
.UsePrimaryButton .TextButtonWithImage.disabled.active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active,
.UsePrimaryButton .TextButtonWithImage[disabled].active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage.active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled.active,
#masterHeaderActionArea a.disabled,
#masterHeaderActionArea a.disabled:hover,
#masterHeaderActionArea a.disabled:focus,
#masterHeaderActionArea a.disabled:active,
#masterHeaderActionArea a.disabled.active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
#masterHeaderActionArea a[disabled].active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active, fieldset[disabled]
#masterHeaderActionArea a.active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
#masterHeaderActionArea a.aspNetDisabled.active,
.RadGrid input.PrimaryButton.disabled,
.RadGrid input.PrimaryButton.disabled:hover,
.RadGrid input.PrimaryButton.disabled:focus,
.RadGrid input.PrimaryButton.disabled:active,
.RadGrid input.PrimaryButton.disabled.active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active,
.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, fieldset[disabled]
.RadGrid input.PrimaryButton.active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active,
.RadGrid input.PrimaryButton.aspNetDisabled.active {
  background-color: #d10008; /* German flag red - darkened */
  border-color: transparent;
}

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

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

.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: white;
  background-color: #ed1c24; /* German flag red */
}
.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: white;
  background-color: #d10008; /* German flag red - darkened */
}

/**** End button styles ****/
/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: #fbeba7; /* light yellow */
}

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

/* Search Results
   ========================================================================== */
.SearchField {
  display: block;
  background-color: #fbeba7; /* light yellow */
  padding: 8px 12px;
}

.SearchField label {
  font-size: 120%;
  color: #4a4b4c; /* charcoal */
}

.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #fdf2c7; /* extra light yellow */
  padding: 8px 12px;
  text-decoration: none;
  color: #d10008 !important; /* German flag red - darkened */
  margin: -4px -7px 0;
}

.SearchResultSummary .ListItemTitle a:hover {
  color: #ed1c24; /* German flag red */
  text-decoration: underline;
}

/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #fdf2c7; /* extra light yellow */
}
.EventSummary .PhotoArea {
  padding: 2em;
}
.EventSummary .PhotoArea img {
  border: 1px solid #dddddd; !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: #fbeba7; /* light yellow */
}
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: Calibri, Helvetica Neue, Roboto, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: .5em;
}

/* 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: #ed1c24; /* German flag red */
}

/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #cccccc;
}
.ProgressTracker2 .ProgressTrackerPanel:before, .ProgressTracker2 .ProgressTrackerPanel:after {
  content: " ";
  display: table;
}
.ProgressTracker2 .ProgressTrackerPanel:after {
  clear: both;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
  color: white;
  font-family: Bevan, Georgia, serif;
  font-weight: 200;
}
.ProgressTracker2 div p {
  background-color: white;
  color: #ed1c24; /* German flag red */
  margin-bottom: 0;
}
.ProgressTracker2 .ProgressBar {
  margin: 10px;
}
.ProgressTracker2 .ProgressBar > span {
  background-color: #cccccc;
}
.ProgressTracker2 .SuccessfulMessage {
  background-color: #ed1c24; /* German flag red */
  color: #fff;
}

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

/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #fdf2c7 /* extra light yellow */
}
.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px dotted #dddddd;
}
.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}
.CartCharges .GrandTotal .PanelField {
  background-color: white;
  text-transform: uppercase;
  font-weight: bold;
  color: #ed1c24; /* German flag red */
}
.CartCharges .GrandTotal .PanelField .Label {
  color: #ed1c24; /* German flag red */
}

/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #ed1c24; /* German flag red */
}

/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
  background-color: #2f8aa7;
  color: #fff;
}

/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #fdf2c7 /* extra light yellow */
}

/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1, .RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #ed1c24 !important; /* German flag red */
}
.RadTabStripTop_Metro .rtsLevel1 .rtsLink, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #ed1c24; /* German flag red */
  border-radius: 5px 5px 0 0;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected, .RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: white;
}
.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: #dddddd;
}

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

/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover {
  background-color: #fbeba7; /* light yellow */
  border-color: #fbeba7; /* light yellow */
  color: #4a4b4c !important; /* charcoal */
}
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPageLast:active {
  background-color: #fbeba7; /* light yellow */
  border-color: #fbeba7; /* light yellow */
  color: #4a4b4c !important; /* charcoal */
}
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #fbeba7; /* light yellow */
  border-color: #fbeba7; /* light yellow */
  color: #4a4b4c !important; /* charcoal */
}
.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: #fbeba7; /* light yellow */
  border-color: #fbeba7; /* light yellow */
}
.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: #4a4b4c !important; /* charcoal */
}
.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #fbeba7; /* light yellow */
}
.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: #fbeba7; /* light yellow */
}
* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #fbeba7; /* light yellow */
}
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #fbeba7; /* light yellow */
}

/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}
.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #fbeba7; /* light yellow */
  background-color: #fbeba7; /* light yellow */
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #fbeba7; /* light yellow */
}
.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: Calibri, Helvetica Neue, Roboto, sans-serif;
  font-weight: bold;
  color: #4a4b4c; /* charcoal */
  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: #ed1c24; /* German flag red */
}
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #ed1c24; /* German flag red */
}
.RadMenu.RadMenu_Metro .rmDisabled, .RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #ed1c24; /* German flag red */
}
.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: #d10008; /* German flag red - darkened */
  background-color: #d10008; /* German flag red - darkened */
  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: #ed1c24; /* German flag red */
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active, .RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #d10008; /* German flag red - darkened */
  background-color: #d10008; /* German flag red - darkened */
}

.RadWindow.RadWindow_Metro .rwTitlebar, .RadWindow.RadWindow_Metro .rwTopLeft, .RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #ed1c24; /* German flag red */
}
.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #ed1c24; /* German flag red */
}
.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none;
}

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

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

.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: black;
  /* 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: white;
  margin: 0 8px 8px 8px;
}
.HeroContent .TextButton {
  float: right;
}

/* Responsive "Slider" Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
.Slider.FullWidth {
  height: 24em;
  background-image: url(images/jumbotron.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
  position: relative;
}
.Slider.FullWidth h1 {
  font-size: 150%;
}
@media (min-width: 768px) {
  .Slider.FullWidth h1 {
    font-size: 270%;
  }
}
.no-mqs .Slider.FullWidth h1 {
  font-size: 270%;
}
.Slider.FullWidth .SliderPage1 {
  height: 100%;
}
.Slider.FullWidth .SliderPage1 h1 {
  color: white;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}
.Slider.FullWidth .SliderPage1 .SliderContent {
  /* remove the margins put on by the container */
  margin-left: -15px;
  margin-right: -15px;
  /* then add it back on */
  padding: 15px;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
}
@media (min-width: 768px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    border-radius: 10px;
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 22em;
  }
}
.no-mqs .Slider.FullWidth .SliderPage1 .SliderContent {
  border-radius: 10px;
  position: inherit;
  float: right;
  width: 36em;
  margin: 1em;
  max-height: 22em;
}
.Slider.FullWidth .SliderPage1 .SliderText {
  overflow-y: auto;
  line-height: 1.7em;
  color: white;
}
.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 .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 {
  color: #fff;
}
.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: 150%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .jumbotron.home h1 {
    font-size: 270%;
  }
}
.no-mqs .jumbotron.home h1 {
  font-size: 270%;
}
@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;
}

/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #ffffff;
}
.CommunityLinksBlock a:hover {
  background-color: #d10008; /* German flag red - darkened */
  color: #ffffff;
  text-decoration: none;
}
.CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #ed1c24; /* German flag red */
  color: White;
  font-weight: bold;
  text-decoration: none;
}

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

/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #ed1c24; /* German flag red */
}

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

.CommunityCommentItem {
  background: #fdf2c7; /* extra light yellow */
  border-left: 10px solid #dddddd;
  padding: .5em .5em .2em .5em;
  margin-left: 3em;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.CommunityWikiItem .CommunityRepeaterTable .CommunityCommentItem {
  background: #fdf2c7; /* extra light yellow */
}

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

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

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

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

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

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

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

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

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

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

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

.DonorBannerTextBackgroundHome h1, .DonorBannerTextBackgroundInterior h1 {
  color: white;
  font-size: 2.8em;
  background: none;
  margin: 0.4em;
}

.DonorBannerTextBackgroundHome p, .DonorBannerTextBackgroundInterior p {
  color: white;
  font-size: 1.2em;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em;
}

/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Use class CalloutArea1 or CalloutArea2 to call out an iPart or content block */
.CalloutArea1, .CalloutBlockType1 {
  background-color: #006c81;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: white;
}
.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: white;
}
.CalloutArea1 a, .CalloutBlockType1 a {
  color: white;
}
.CalloutArea1 .Error, .CalloutBlockType1 .Error {
  color: #eeeeee !important;
}
.CalloutArea1 h2, .CalloutArea1 .PanelHead.Distinguish, .CalloutArea1 .TitleBarCaption, .CalloutBlockType1 h2, .CalloutBlockType1 .PanelHead.Distinguish, .CalloutBlockType1 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea2 {
  background-color: #ed1c24; /* German flag red */
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: white;
}
.CalloutArea2 label, .CalloutArea2 h1, .CalloutArea2 h2, .CalloutArea2 h3, .CalloutArea2 h4, .CalloutArea2 h5, .CalloutArea2 .PanelTitle, .CalloutArea2 .TitleBarCaption, .CalloutArea2 a.FeatureActionLink {
  color: white;
}
.CalloutArea2 a {
  color: white;
}
.CalloutArea2 .Error {
  color: #eeeeee !important;
}
.CalloutArea2 h2, .CalloutArea2 .PanelHead.Distinguish, .CalloutArea2 .TitleBarCaption {
  border-bottom: none;
}

.CalloutArea3 {
  background-color: #ed1c24; /* German flag red */
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: white;
}
.CalloutArea3 label, .CalloutArea3 h1, .CalloutArea3 h2, .CalloutArea3 h3, .CalloutArea3 h4, .CalloutArea3 h5, .CalloutArea3 .PanelTitle, .CalloutArea3 .TitleBarCaption, .CalloutArea3 a.FeatureActionLink {
  color: white;
}
.CalloutArea3 a {
  color: white;
}
.CalloutArea3 .Error {
  color: #eeeeee !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: #fdf2c7 /* extra light yellow */
  padding: 10px;
}

.CalloutPart2 .panel-heading,
.CalloutPart2 .panel-body {
  background-color: #fdf2c7 /* extra light yellow */
}

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

.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: #fdf2c7; /* extra light yellow */
}
.ContentBlockPrimary .Quote {
  background-color: #fff;
}

/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #999999;
  text-transform: uppercase;
}
.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}
.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px;
}
.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px;
}
.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
  padding: 0;
}
.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit;
}
.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px;
}

/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: .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;
}
.BlockList li {
  list-style: none;
}
.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px;
}
.BlockList a:hover {
  background-color: #fdf2c7; /* extra light yellow */
}
.BlockList a span {
  text-decoration: underline;
}
.BlockList p {
  color: #4a4b4c; /* charcoal */
  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 dotted #dddddd;
}

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

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

/* Use on the blockquote element for a styled quote */
.Quote {
  background: #fdf2c7; /* extra light yellow */
  border-left: 10px solid #999999; /* med gray */
  margin: 1.5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
}
.Quote:before {
  color: #999999; /* med gray */
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 5em;
  line-height: 0.1em;
}
.Quote p {
  display: inline;
}
.Quote site {
  display: block;
  margin-left: 1em;
  margin-top: .5em;
  font-style: italic;
}
.Quote site:before {
  content: "— ";
}
@media (min-width: 768px) {
  .Quote {
    font-size: 1.2em;
  }
  .Quote site {
    font-size: .9em;
    margin-left: 2em;
  }
}
.no-mqs .Quote {
  font-size: 1.2em;
}
.no-mqs .Quote site {
  font-size: .9em;
  margin-left: 2em;
}

.QuoteStyle2 {
  border-left-color: #999999; /* med gray */
}

/* 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: white;
  background: #ed1c24; /* German flag red */
  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: #00aebd 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: #dddddd;
}

.TotalBox label {
  background-color: #ed1c24; /* German flag red */
  color: white;
  padding: .25em .75em;
  color: white;
}

/* Add zone style "CCOGrayBg" to give CCO content a pale yellow-gray background */
.CCOGrayBg .ContentWizardDisplay {
  background-color: #fdf2c7; /* extra light yellow */
}

.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 iPartChain class along with the appropriate placement class (FirstPart, MiddlePart or LastPart) 
to give several stacked iParts a conjoined look. */
.iPartChain.FirstPart > div > .panel {
  border-bottom-width: 0 !important;
}
.iPartChain.MiddlePart > div > .panel {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}
.iPartChain.LastPart > div > .panel {
  border-top-width: 0 !important;
}
.iPartChain.MiddlePart, .iPartChain.LastPart {
  margin-top: -0.9em;
}

/*Use PanelNoPadding class to turn off the padding on a PanelBody */
.NoPanelPadding .PanelBody,
.NoPanelPadding .panel-body {
  padding: 0;
}

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

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

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

/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  -webkit-transition: all 0.2s ease 0;
  -moz-transition: all 0.2s ease 0;
  -o-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  font-family: Bevan, Georgia, serif;
  font-size: 110%;
  font-weight: 200;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}
@media (min-width: 1057px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}
.no-mqs a.FeatureActionLink {
  font-size: 150%;
}
a.FeatureActionLink:hover {
  text-decoration: underline;
}


/* Support Partner
   ========================================================================== */
.Partner {
  text-align: left;
  background-color: #ffffff;
  padding-left: 0;
  padding-bottom: 15px;
  width: 275px;
  clear: right;
}
.Partner img {
  max-width: 100%;
  margin-bottom: 10px;
}



/* Spotlight
   ========================================================================== */
/* Featured items display such as calls to action on home page */
.Spotlight {
  text-align: center;
  background-color: #fdf2c7; /* extra light yellow */
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
}


.Spotlight > .SectionLabel {
  text-align: center;
  display:inline-block;
  padding-top: 15px;
  padding-bottom: 10px;
  color: #4a4b4c; /* charcoal */
  background: transparent;
}
.Spotlight h3, .Spotlight h4, .Spotlight h5 {
  text-align: center;
}

.Spotlight img {
  text-align: center;
  max-width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .Spotlight {
	min-height: 370px;
	max-height: 600px;
	overflow: hidden;
  }
}

.no-mqs .Spotlight {
	min-height: 370px;
	max-height: 600px;
	overflow: hidden;
}
.no-mqs .Spotlight .ImageWrapper {
  height: 160px;
}
.Spotlight .TextButton {
  margin-top: 1em;
}
.Spotlight p {
  text-align: center;
  padding-top: 0.5em;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.Spotlight a img {
  -webkit-transition: opacity 0.2s;
  -moz-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 {
  position: absolute;
  top: -20px;
  margin-bottom: 20px;
}
.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%;
}
@media (min-width: 768px) {
  .SpotlightRow.FourAcross .Spotlight {
    float: left;
    width: 25%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.no-mqs .SpotlightRow.FourAcross .Spotlight {
  float: left;
  width: 25%;
  padding-left: 5%;
  padding-right: 5%;
}

/* Feature Header
   ========================================================================== */
.feature-header {
  color: #d10008; /* German flag red - darkened */
  border-bottom: none;
  margin-bottom: .8em;
}

/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}
.feature-link-with-image, .feature-link-with-image:hover, .feature-link-with-image:active, .feature-link-with-image:visited {
  text-decoration: none;
  color: #fff;
}
.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17em;
  margin-bottom: 20px;
}
.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: .8em;
  font-size: 110%;
}
@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}
.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: #d1c24; /* German flag red */
  background-color: rgba(0, 174, 189, 0.75);
}
.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #d10008; /* German flag red - darkened */
  background-color: rgba(0, 174, 189, 0.75);
}
.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #d1c24; /* German flag red */
  background-color: rgba(0, 145, 158, 0.75);
}
.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: #d10008; /* German flag red - darkened */
  background-color: rgba(0, 145, 158, 0.75);
}

/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
  color: #d10008; /* German flag red - darkened */
}

/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none;
}
.header-link a {
  text-decoration: none;
}
.header-link a, .header-link a:visited {
  color: #d10008; /* German flag red - darkened */
}
.header-link a:hover, .header-link a:active, .header-link a:focus {
  color: #ed1c24; /* German flag red */
}

/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.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;
}

/* 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 .SectionLabel {
  color: #d10008; /* German flag red - darkened */
  font-size: 150%;
}

.donate-page .GiftItemDescription,
.donate-page .GiftAmountLabel {
  font-size: 120%;
}

.donate-page .GiftItemDescription {
  display: block;
  padding-bottom: 20px;
}

/*  ATT:3.9.2016 Conference Recordings Grid - hide View Cart links
   ========================================================================== */

a#ctl00_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewProductDisplayListCommon_ResultsGrid_Grid1_ctl00_ctl04_ctl00_CartLink {
display: none;
}

a#ctl00_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewProductDisplayListCommon_ResultsGrid_Grid1_ctl00_ctl06_ctl00_CartLink {
display: none;
}

a#ctl00_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewProductDisplayListCommon_ResultsGrid_Grid1_ctl00_ctl08_ctl00_CartLink {
display: none;
}

a#ctl00_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewProductDisplayListCommon_ResultsGrid_Grid1_ctl00_ctl10_ctl00_CartLink {
display: none;
}

a#ctl00_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewProductDisplayListCommon_ResultsGrid_Grid1_ctl00_ctl12_ctl00_CartLink {
display: none;
}

a#ctl00_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewProductDisplayListCommon_ResultsGrid_Grid1_ctl00_ctl14_ctl00_CartLink {
display: none;
}

a#ctl00_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewProductDisplayListCommon_ResultsGrid_Grid1_ctl00_ctl16_ctl00_CartLink {
display: none;
}

/* ATT:3.9.2016 Over Ride Panel Show/Hide on Conf reg pages*/
.PanelsExpanded .StandardPanel div {display:block!important;visibility:visible!important;height:auto!important;}
.PanelsExpanded #ctl00_TemplateBody_WebPartManager1_gwpciEventProgramDisplay_ciEventProgramDisplay_SpanProgramsBy{display:none!important;}
.PanelsExpanded .StandardPanel .PanelHeadCollapseImage {display:none!important;}

/*ATT:3.9.2016 Add $ to Fees */
.addDollar:before {
       content: "USD $";