@charset "UTF-8";
/* Responsive NaturalHeritage theme */
/* Not in use by family's themes, may be used by Ultrawave. */
/*progress tracker */
@import url("//fonts.googleapis.com/css?family=Raleway|Abel");
/* left, center, right */
/*lighten($nav-secondary-header-bg,70%) !default;*/
/*hsl(hue($link-color), saturation($link-color), 80%) !default;*/
/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */
/* Class used to contain the various pieces of the master page */
.container,
.header-container,
.SliderPage1 {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.no-mqs .container,
.no-mqs .header-container,
.no-mqs .SliderPage1 {
  min-width: 970px;
}
.container:before,
.container:after,
.body-container:before,
.body-container:after {
  content: " ";
  display: table;
}
.container:after,
.body-container:after {
  clear: both;
}
/* handle secondary column layout */
@media (min-width: 992px) {
  .has-secondary-col .col-primary {
    width: 76%;
  }
  .has-secondary-col .col-secondary {
    width: 22%;
  }
  .has-secondary-col.col-on-right .col-primary {
    float: left;
    margin-right: 2%;
  }
  .has-secondary-col.col-on-right .col-secondary {
    float: right;
  }
  .has-secondary-col.col-on-left .col-primary {
    float: right;
    margin-left: 2%;
  }
  .has-secondary-col.col-on-left .col-secondary {
    float: left;
  }
}
.no-mqs .has-secondary-col .col-primary {
  width: 76%;
}
.no-mqs .has-secondary-col .col-secondary {
  width: 22%;
}
.no-mqs .has-secondary-col.col-on-right .col-primary {
  float: left;
  margin-right: 2%;
}
.no-mqs .has-secondary-col.col-on-right .col-secondary {
  float: right;
}
.no-mqs .has-secondary-col.col-on-left .col-primary {
  float: right;
  margin-left: 2%;
}
.no-mqs .has-secondary-col.col-on-left .col-secondary {
  float: left;
}
/* Header
   ========================================================================== */
/**
 * The following declarations are required to reposition the search bar and
 * Sign In/Out link at different sizes via appendAround 
 */
.header-content,
#ctl01_ciHeaderImage_ContentRecordTemplateArea_HeaderBackground_Carousel .carousel-inner .item {
  background-color: #242021;
}
.InternalHeaderArea .WTZone .ContentItemContainer .panel .panel-body-container .panel-body .carousel .carousel-inner
.item {
  background-size: 40%;
  background-position: 50% 0%;
  text-decoration: underline;
}
.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;
}
/* Template Manager  - Reset styles to prevent section overlap */
.TemplateManagerArea .header-top-container,
.TemplateManagerArea .header-bottom-container {
  position: static;
  clear: both;
}
/* Theme family has primary nav within header-bottom-container so this 
   container's z-index needs to be changed for the same as the primary nav's.*/
.header-bottom-container {
  z-index: 1001 !important;
}
/* This applies to the area behind the header logo and auxiliary navigation */
#masterHeaderBackground,
.header {
  border-bottom: none;
  background-color: #242021;
}
.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) {
  .header-top-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 666;
  }
}
.no-mqs .header-top-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 666;
}
.header-logo-container {
  float: left;
  margin: 0.5em 0;
}
@media (max-width: 767px) {
  .header-social {
    display: none !important;
  }
}
.header-social a {
  text-decoration: none;
}
/* These styles apply to the auxiliary and footer navigation */
.NavigationUnorderedList {
  padding-left: 0;
  margin: 0;
  display: inline-block;
}
.NavigationListItem {
  list-style-type: none;
  display: inline-block;
  margin-left: 0;
}
.NavigationLink {
  padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .ste-section {
    display: none !important;
  }
}
/* Main
   ========================================================================== */
#masterContentArea {
  margin-top: 0px;
}
/* This applies to the breadcrumb area */
.breadcrumb {
  float: none;
  display: inline;
  line-height: 33px;
}
/* Homepage Full Width areas */
.Wrapper-FullWidth #masterContentArea.container {
   max-width: 1170px;
  padding: 0;
}
.Wrapper-FullWidth #masterContentArea .container-inner {
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  padding: 50px 1%;
  min-height: 450px;
}
/***** Proxy Panel Styling *****/
/* This applies to the on behalf of (proxy) area */
.obo-container {
  float: right;
}
.obo-panel {
  line-height: 2.4em;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.obo-panel.on {
  padding-left: 2em;
  padding-right: 2em;
}
.account-menu .obo-panel {
  /* within the account area dropdown make the padding match the other items*/
  padding: 3px 10px;
}
.obo-label,
.obo-actions {
  display: inline-block;
}
.obo-label {
  font-weight: bold;
}
.obo-label span:after {
  content: ':';
}
/* This applies to the button area at the bottom of the page (e.g., Save, Cancel) */
.CommandBar {
  margin: 0.5em 0;
}
.backToTop {
  display: block;
  font-size: 0px;
  color: transparent;
  bottom: 50px;
  position: fixed;
  right: 10px;
  margin-right: 10px;
  z-index: 1;
  background: transparent url("images/ThemeIconsSprite.png") -2px 0 no-repeat !important;
  width: 45px;
  height: 45px;
}
@media (max-width: 991px) {
  .backToTop {
    display: none;
  }
}
/* Sticky Footer
   ========================================================================== */
/**
 * Responsive sticky footer.
 * See http://www.joshrcook.com/a-responsive-sticky-footer/ 
 */
.wrapper {
  display: table;
  width: 100%;
  height: 100%;
}
.footer {
  display: table-row;
  height: 1px;
}
@media (min-width: 768px) {
  .footer-social {
    text-align: left;
  }
}
.no-mqs .footer-social {
  text-align: left;
}
@media (min-width: 768px) {
  .footer-promo-container {
    text-align: right;
  }
}
.no-mqs .footer-promo-container {
  text-align: right;
}
.footer-promo-container .promo {
  background: none !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}
.footer-promo-container .promo .TextButton {
  background: #C3251D !important;
  color: #FFFFFF;
}
.footer-content-section {
  padding: 0 15px 0 1em !important;
}
.footer-content-section h2 {
  font-size: 110%;
}
.footer-nav-copyright {
  padding-top: 0 !important;
}
.HelperText {
  color: #3D00A3;
}
.EasyEditOn .EasyEditContent:hover,
.EasyEditOn .WebPartZoneDesignTime:hover {
  background: none;
}
/* ==========================================================================
   Great Barrier Reef Skin Specific Styles
   ========================================================================== */
h1 {
  position: relative;
  display: table;
}
h1:after {
  content: '';
  display: block;
  bottom: 0;
  width: 45%;
  margin: 5px auto 0 auto;
  border-bottom: 0px none transparent;
}
.Wrapper-HomePage h2.panel-title {
  color: #C3251D;
  display: table;
}
.Wrapper-HomePage h2.panel-title:after {
  content: '';
  display: block;
  bottom: 0;
  width: 30%;
  margin: 5px auto 0 auto;
  border-bottom: 0px none transparent;
}
.Wrapper-HomePage {
  /* Arrow shaped containers for nice browsers only. */
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 {
  background: #222122 url(images/FullWidthArea_Bg2.jpg) center top no-repeat;
  color: #FFF;
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 {
  color: #FFF;
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 h2:before {
  content: '';
  display: block;
  float: left;
  margin: 0 15px 0 0;
  width: 90px;
  height: 90px;
  background: transparent url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important;
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 strong {
  font-size: 250%;
  display: block;
  padding-bottom: 15px;
}
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  background: #F0EDF2;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 {
  background: #222122 url(images/FullWidthArea_Bg4.jpg) center top no-repeat;
  color: #FFF;
  font-family: "Abel", Helvetica Neue, sans-serif;
  padding: 20px 1%;
  line-height: 1.5;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote {
  font-size: 250%;
}
@media (min-width: 768px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote {
    width: 45%;
  }
}
.no-mqs .Wrapper-HomePage .FullWidthArea-StyleBg4 blockquote {
  width: 45%;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 em {
  font-size: 50%;
  display: table;
  margin-top: 1em;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  -webkit-clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%);
  clip-path: polygon(0 15px, 47% 15px, 50% 30px, 53% 15px, 100% 15px, 100% 100%, 0 100%);
  margin: -60px 0 15px 0;
}
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  margin: -60px 0 0 0;
  padding-bottom: 60px;
}
/* Diamond shaped button, excluding Safari */
/*HTML:not(.t-safari) .btn, HTML:not(.t-safari) .TextButton
{
	background: url(images/DiamondButton.svg#color-base) no-repeat top center !important;
	background-size: 100% 100% !important;
	padding: 5px 25px !important;
}*/
/*HTML:not(.t-safari) .PrimaryButton, HTML:not(.t-safari) .SaveAndClose, HTML:not(.t-safari) .SaveAs, HTML:not(.t-safari) .UsePrimaryButton .TextButton, HTML:not(.t-safari) .UsePrimaryButton .TextButtonWithImage, HTML:not(.t-safari) #masterHeaderActionArea A, HTML:not(.t-safari) .RadGrid INPUT.PrimaryButton, HTML:not(.t-safari) .Spotlight .TextButton, HTML:not(.t-safari) .BigButtonPanelArea2 .btn, HTML:not(.t-safari) .RadUpload .ruButton, HTML:not(.t-safari) .ruButton, HTML:not(.t-safari) .ruFileInput
{
	background: url(images/DiamondButton.svg#color-secondary-a) no-repeat top center !important;
	background-size: 100% 100% !important;
	color: #0D0D0D !important;
}*/
/* Button styles for all browsers */
.btn,
.TextButton,
.ruButton {
  font-size: 16px !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  margin: 0;
  -webkit-transform: scale(0.94);
  -ms-transform: scale(0.94);
  -o-transform: scale(0.94);
  transform: scale(0.94);
}
.btn:hover,
.btn:focus,
.TextButton:hover,
.TextButton:focus,
.ruButton:hover,
.ruButton:focus {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* Button styles for Safari only */
html.t-safari .PrimaryButton,
html.t-safari .SaveAndClose,
html.t-safari .SaveAs,
html.t-safari .UsePrimaryButton .TextButton,
html.t-safari .UsePrimaryButton .TextButtonWithImage,
html.t-safari #masterHeaderActionArea a,
html.t-safari .RadGrid input.PrimaryButton,
html.t-safari .Spotlight .TextButton,
html.t-safari .BigButtonPanelArea2 .btn,
html.t-safari .RadUpload .ruButton,
html.t-safari .ruButton,
html.t-safari .ruFileInput {
  background-color: #C3251D !important;
  color: #FFFFFF !important;
}
.BigButtonPanelArea1 {
  position: relative;
  padding: 15px 5px;
  border-left: 0px none transparent;
}
.BigButtonPanelArea1:before {
  content: '';
  display: block;
  width: 50%;
  height: 15px;
  border-bottom: dotted 2px #C8C8C8;
  border-right: dotted 2px #C8C8C8;
  position: absolute;
  left: 0px;
  top: -15px;
}
.BigButtonPanelArea1:after {
  content: '';
  display: block;
  width: 50%;
  height: 15px;
  border-top: 0px none transparent;
  border-right: 0px none transparent;
  position: absolute;
  left: 0px;
  bottom: -15px;
}
.BigButtonPanelArea1 .btn {
  color: transparent !important;
  width: 30%;
  width: 45px;
  height: 45px;
  opacity: 0.5;
  margin: 0 2%;
  padding: 0 !important;
}
.BigButtonPanelArea1 a[href*="PrintProfile"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -595px no-repeat !important;
}
.BigButtonPanelArea1 a[href*="Profile.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -380px no-repeat !important;
}
.BigButtonPanelArea1 a[href*="Duplicate_Merge.aspx"] {
  background: transparent url("images/ThemeIconsSprite.png") -2px -487px no-repeat !important;
}
.BigButtonPanelArea1 .btn:hover,
.BigButtonPanelArea1 .btn:focus {
  opacity: 0.7;
}
.BigButtonPanelArea2 .btn {
  width: 90%;
  max-width: 250px;
}
@media (min-width: 768px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    background: transparent url("images/ResponsiveHeaderSprite.png") 0 -100px no-repeat !important;
  }
}
.no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 0 -100px no-repeat !important;
}
.Spotlight .SectionLabel,
.Spotlight h4 {
  display: block;
  position: relative;
  padding: 15px 0 10px 0;
  border-left: 0px none transparent;
}
.Spotlight .SectionLabel:after,
.Spotlight h4:after {
  width: 25%;
}
.Spotlight .SectionLabel:before,
.Spotlight h4:before {
  content: '';
  display: block;
  width: 50%;
  height: 15px;
  border-bottom: 0px none transparent;
  border-right: 0px none transparent;
  position: absolute;
  left: 0px;
  top: -15px;
}
.Spotlight .SectionLabel:after,
.Spotlight h4:after {
  content: '';
  display: block;
  bottom: 0;
  width: 30%;
  margin: 5px auto 0 auto;
  border-bottom: 0px none transparent;
}
.Spotlight {
  margin-bottom: 20px;
}
.Spotlight p {
  border-left: 0px none transparent;
  padding: 3px 20px;
  margin: -3px 0 0 0;
  position: relative;
}
.Spotlight p:after {
  content: '';
  display: block;
  width: 50%;
  height: 15px;
  border-top: 0px none transparent;
  border-right: 0px none transparent;
  position: absolute;
  left: 0px;
  bottom: -15px;
}
.Spotlight a {
  text-decoration: none;
}
.Spotlight img {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .TestimonialArea {
    width: 70%;
  }
}
.no-mqs .TestimonialArea {
  width: 70%;
}
.TestimonialArea img {
  object-fit: cover;
  width: 150px;
  height: 150px !important;
  border-radius: 50% 50%;
  margin: 0 auto;
  display: block;
}
.TestimonialArea blockquote:before {
  content: '';
  display: block;
  position: absolute;
  width: 10%;
  height: 100px;
  top: -100px;
  right: 20%;
  border-top: 2px dotted #C8C8C8;
  border-right: 2px dotted #C8C8C8;
}
.TestimonialArea blockquote {
  background: #FFF;
  position: relative;
  color: #0D0D0D;
  padding: 20px 3%;
  margin: 25px auto 0 auto;
  text-align: center;
}
.TestimonialArea blockquote em {
  display: block;
  margin-top: 1em;
}
@media (min-width: 768px) {
  .UpcomingEventsHome ul.RelatedItemsHorizontal li,
  .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li {
    width: 225px;
    height: auto;
    margin: 9px 2%;
  }
  .UpcomingEventsHome a.ImageLink img {
    width: 225px !important;
    height: auto !important;
    display: block;
  }
}
.no-mqs .UpcomingEventsHome ul.RelatedItemsHorizontal li,
.no-mqs .UpcomingEventsHome .RelatedItemsHorizontal ul.rrItemsList li {
  width: 225px;
  height: auto;
  margin: 9px 2%;
}
.no-mqs .UpcomingEventsHome a.ImageLink img {
  width: 225px !important;
  height: auto !important;
  display: block;
}
.UpcomingEventsHome a.LabelLink {
  text-decoration: none;
  font-weight: bold;
  color: #0D0D0D;
  line-break: normal;
}
.ProgressTracker2 {
  text-align: center;
}
.ProgressTracker2 .ProgressTrackerPanel .label,
.ProgressTracker2 .ProgressTrackerPanel a {
  color: #FFF;
}
.ProgressTracker2 .SuccessfulMessage {
  width: 95%;
  margin: 0 auto;
  background-color: #66FFCC !important;
  font-weight: bold;
  margin-bottom: 8px;
}
.ProgressTracker2 .ProgressBar {
  border-radius: 0;
  background-color: #006644 !important;
  height: 25px;
}
.ProgressTracker2 .ProgressBar span {
  background-color: #66FFCC !important;
  border-radius: 0;
}
.ProgressTracker2 div p {
  color: #000 !important;
}
.Wrapper-HomePage .ProgressTracker2 .ProgressTrackerPanel {
  background-color: transparent;
}
.Wrapper-HomePage .ProgressTracker2 .inset {
  text-align: left;
  font-size: 125%;
}
.Wrapper-HomePage .ProgressTracker2 span.count {
  color: #FFF;
}
.Wrapper-HomePage .ProgressTracker2 span.count:before {
  content: '';
  display: block;
  float: left;
  margin: 0 15px 0 0;
  width: 90px;
  height: 90px;
  background: transparent url("images/ThemeIconsSprite.png") -65px 0px no-repeat !important;
}
.Wrapper-HomePage .ProgressTracker2 span.count strong {
  font-size: 250%;
  display: block;
  padding-bottom: 15px;
}
/* Search Results */
.SearchResultSummary .ListItemTitle a {
  background: none !important;
}
/* RadStrip Tabs */
.RadTabStrip.RadTabStrip_MetroTouch {
  background: #242021;
  padding: 10px 10px 0 10px !important;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: #C3251D !important;
  font-weight: bold;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
  background-color: #242021 !important;
  border-color: #242021 !important;
}
.RadTabStrip_MetroTouch .rtsLink {
  color: #FFF !important;
}
.RadTabStripTop_MetroTouch .rtsLevel1 {
  border-bottom: none !important;
}
h2,
.h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
.panel-heading.Distinguish {
  border: none !important;
}
.CalloutPart2 {
  background-color: #CCCCCC;
  text-align: center;
}
.CalloutPart2 .PanelFieldValue {
  text-align: center;
}
.CalloutPart2 .SectionLabel:after {
  content: '';
  display: block;
  bottom: 0;
  width: 45%;
  margin: 5px auto 0 auto;
  border-bottom: 0px none transparent;
}
.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError,
.AsiValidation,
.AsiValidationSummary,
.AsiNeutral {
  border: none;
  background-color: #CCCCCC;
  color: #000000;
}
.SelectedItem a,
.ProxyPanelContact a {
  color: #FFF !important;
}
/* ==========================================================================
   Basic setup
   ========================================================================== */
body {
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #242021;
}
a {
  color: #C3251D;
  text-decoration: underline;
}
a:visited {
  color: #75100B;
}
a:hover,
a:focus,
a:active {
  color: #C3251D;
}
a.aspNetDisabled,
a.aspNetDisabled:hover,
a.aspNetDisabled:focus,
a.aspNetDisabled:active,
a.aspNetDisabled:visited {
  color: #999999;
}
.RadGrid a,
.RadToolTip a {
  color: #C3251D !important;
  text-decoration: underline;
}
.RadGrid a:visited,
.RadToolTip a:visited {
  color: #242021 !important;
}
.RadGrid a:hover,
.RadGrid a:focus,
.RadGrid a:active,
.RadToolTip a:hover,
.RadToolTip a:focus,
.RadToolTip a:active {
  color: #242021 !important;
}
.RadGrid a.aspNetDisabled,
.RadGrid a.aspNetDisabled:hover,
.RadGrid a.aspNetDisabled:focus,
.RadGrid a.aspNetDisabled:active,
.RadGrid a.aspNetDisabled:visited,
.RadToolTip a.aspNetDisabled,
.RadToolTip a.aspNetDisabled:hover,
.RadToolTip a.aspNetDisabled:focus,
.RadToolTip a.aspNetDisabled:active,
.RadToolTip a.aspNetDisabled:visited {
  color: #999999 !important;
}
.RadGrid a.TextButton {
  color: #FFF !important;
  text-decoration: none !important;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle {
  font-family: Lato, sans-serif;
  font-weight: 700;
  color: #333333;
}
h1,
.h1,
.PageTitle {
  margin-top: 0;
}
h1,
.h1,
.PageTitle {
  color: #333333;
  font-size: 250%;
}
h1.BigHeader,
.h1.BigHeader {
  color: #FFF;
  background-color: #3D00A3;
  padding: 20px;
  margin: 0;
}
h2,
.PanelTitle {
  line-height: 1.45em;
  font-size: 200%;
}
h2,
.h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
.panel-heading.Distinguish {
  min-height: 0;
  border-bottom-style: solid;
}
h4,
.SectionLabel,
h5 {
  margin: 0 0 0.2em;
}
h4,
.h4,
.SectionLabel {
  color: #333333;
}
h5,
.h5 {
  color: #3D00A3;
}
h6,
.h6 {
  margin: 0;
}
hr {
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #DDD;
}
.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish {
  border-color: #DDD;
}
.PanelHead.Distinguish .PanelHeadOptions,
.panel-heading.Distinguish .panel-head-options {
  margin-top: 0.6em;
}
/* Used for messages guiding users to the next step */
.HelperText {
  color: #0064CD;
}
/* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */
.SelectedItem {
  background-color: #212121;
}
/**
  * This automatically resizes images when they're too large to fit in their container. 
  * It may override any user-defined width/height on images. If the behavior is unwanted, 
  * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
  * apply as desired.
  */
img {
  max-width: 100%;
  height: auto !important;
}
/**
  * Sometimes images should not be resized. This class can be used as a wrapper or directly
  * on the image to avoid the resizing.
  */
img.ImgNoResize,
.ImgNoResize img {
  max-width: none;
}
/* Give a block of text some extra emphasis.
 * This class also makes the text larger, per UltraWave styles */
.lead {
  margin-bottom: 20px;
}
/* ==========================================================================
   MASTERPAGE ELEMENTS
   ========================================================================== */
/* This applies to the loading bar at the top of the page */
.ProgressDiv {
  background-color: #FFDD6F;
}
#masterHeaderBackground,
.header {
  border-bottom: 2px solid #EEEEEE;
}
/* Universal search control */
.search-field {
  background: #FFF url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -16px;
  padding-left: 28px !important;
  color: #777;
  border-color: #CCC;
}
.header-search .TextButton {
  display: none;
}
/* header logo */
#masterHeaderImage {
  background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 141px;
  height: 160px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
@media (min-width: 768px) {
  #masterHeaderImage {
    background-position: 0 0px;
    width: 141px;
    height: 160px;
  }
}
.no-mqs #masterHeaderImage {
  background-position: 0 -47px;
  width: 120px;
}
#masterDonorHeaderImage {
  background-image: url("images/DonorHeaderLogo.png");
  background-repeat: no-repeat;
  width: 46px;
  height: 46px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  text-indent: -9999px;
  overflow: hidden;
  float: left;
}
@media (min-width: 768px) {
  #masterDonorHeaderImage {
    width: 169px;
  }
}
.no-mqs #masterDonorHeaderImage {
  width: 169px;
}
/* Used in the donor site header logo content area */
#masterHeaderActionArea a {
  display: block;
  text-align: center;
}
/* On Behalf Of with target set */
.ProxyPanelContact {
  background-color: #ed1c24;
}
.ProxyPanelContact,
.ProxyPanelContact .obo-label {
  color: #FFF;
}
.ProxyPanelContact a {
  color: #9F66FF;
}
/* Sub (Left) Navigation
   ========================================================================== */
#pagesubnav {
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}
.SubNavPanelHead {
  background-color: #F0EDF2;
  color: #0C0C0C;
  font-family: "Abel", Helvetica Neue, sans-serif;
  font-weight: 700;
}
.SubNavigationSeparator {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #DDD;
  height: 1px;
  padding: 0;
  margin: 0;
}
/* ==========================================================================
   Footer
   ========================================================================== */
.footer-nav-copyright {
  padding-top: 1em;
  padding-bottom: 0.35em;
  /* 1em - .65em (bottom margin on nav lis) */
}
.footer-content {
  padding-top: 1em;
}
.footer-content-section {
  padding: 0 15px 1em;
}
.footer-nav-copyright:before,
.footer-nav-copyright:after {
  content: " ";
  display: table;
}
.footer-nav-copyright:after {
  clear: both;
}
.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  float: left;
  margin: 0;
}
.footer-nav-copyright .footer-copyright {
  display: inline-block;
  margin: 0 1.5em 0.65em 0;
}
@media (max-width: 767px) {
  .footer-nav-copyright .footer-social-copyright {
    text-align: center;
  }
}
.footer-nav-copyright .footer-social-copyright .footer-social,
.footer-nav-copyright .footer-social-copyright .footer-copyright {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .footer-nav-copyright .footer-social-copyright .footer-social {
    text-align: left;
  }
  .footer-nav-copyright .footer-social-copyright .footer-copyright {
    float: right;
    width: auto;
    clear: right;
  }
}
.no-mqs .footer-nav-copyright .footer-social-copyright .footer-social {
  text-align: left;
}
.no-mqs .footer-nav-copyright .footer-social-copyright .footer-copyright {
  float: right;
  width: auto;
  clear: right;
}
.footer-copyright p {
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .footer-content-section {
    float: left;
    width: 50%;
  }
}
.no-mqs .footer-content-section {
  float: left;
  width: 50%;
}
@media (min-width: 768px) {
  .footer .footer-social {
    width: 33.3333333333%;
  }
  .footer .footer-promo-container {
    width: 66.6666666667%;
  }
}
.no-mqs .footer .footer-social {
  width: 33.3333333333%;
}
.no-mqs .footer .footer-promo-container {
  width: 66.6666666667%;
}
#masterFooterCopyright {
  clear: both;
}
.footer-content {
  background-color: #242021;
  color: #FFFFFF;
  text-align: center;
  background-image: url(/images/etuq/etu-background.png);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 50% 60%;
}
.footer-content h2 {
  margin-top: 0;
  color: #FFFFFF;
  border-bottom: none;
}
.footer-content a {
  color: #000;
}
.footer-social {
  padding-top: 15px;
}
.footer-social a {
  margin-right: 0.5em;
}
.footer-promo-container .promo {
  background-color: #00E599;
  /* rgba fallback */
  background-color: rgba(0, 229, 153, 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: "Abel", Helvetica Neue, sans-serif;
  font-weight: 700;
  margin-bottom: 0.25em;
  font-size: 130%;
  line-height: inherit;
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-promo-container .lead {
    font-size: 150%;
  }
}
@media (min-width: 992px) {
  .footer-promo-container .lead {
    font-size: 170%;
  }
}
.no-mqs .footer-promo-container .lead {
  font-size: 170%;
}
.footer-promo-container .TextButton {
  background-color: #C3251D;
  color: #FFF;
}
.footer-promo-container .TextButton:hover {
  background-color: #C3251D;
  color: #FFFFFF;
}
.footer-nav-copyright {
  background-color: #242021;
  color: #FFFFFF;
}
.footer-nav-copyright a,
.footer-nav-copyright a:visited {
  color: #FFFFFF;
}
.footer-nav-copyright a:hover,
.footer-nav-copyright a:active {
  color: #CCCCCC;
}
/* Compatibility Footer
   ========================================================================== */
/* Old-style footer (pre-responsive) */
#ft {
  background-color: #242021;
  color: #FFFFFF;
}
#ft h4 {
  color: #000;
  font-family: "Abel", Helvetica Neue, sans-serif;
  font-weight: 700;
}
#masterFooterConnectWithUs {
  border-style: solid;
  border-color: rgba(221, 221, 221, 0.8);
  border-width: 0 1px;
}
#masterFooterContent a,
#masterFooterCopyright a,
#masterFooterNavigation a {
  color: #000;
}
#masterFooterContent a:visited,
#masterFooterCopyright a:visited,
#masterFooterNavigation a:visited {
  color: #000;
}
#masterFooterContent a:hover,
#masterFooterContent a:active,
#masterFooterCopyright a:hover,
#masterFooterCopyright a:active,
#masterFooterNavigation a:hover,
#masterFooterNavigation a:active {
  color: black;
}
#masterFooterCopyright {
  border-color: #DDD;
  /* rgba fallback */
  border-top: 1px solid rgba(221, 221, 221, 0.5);
}
/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */
@media (min-width: 768px) {
  .primary-navigation-area .MegaDropDownMenuOuter {
    text-align: center;
  }
}
.no-mqs .primary-navigation-area .MegaDropDownMenuOuter {
  text-align: center;
}
@media (min-width: 768px) {
  .header-bottom-container {
    background-color: #242021;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 555;
  }
}
.no-mqs .header-bottom-container {
  background-color: rgba(13, 13, 13, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 555;
}
.navbar {
  min-height: 52px;
}
@media (max-width: 767px) {
  .navbar {
    background-color: #242021;
  }
}
.navbar-collapse,
.searchbar-collapse {
  background-color: #0D0D0D;
}
@media (min-width: 768px) {
  .navbar-collapse,
  .searchbar-collapse {
    padding-left: 0;
    padding-right: 0;
    border: none;
    background: none;
  }
  .navbar {
    min-height: 225px;
  }
}
.no-mqs .navbar-collapse,
.no-mqs .searchbar-collapse {
  padding-left: 0;
  padding-right: 0;
  border: none;
  background: none;
}
.auth-link-container {
  /* container for the sign in link when the browser is <768px wide */
  padding: 8px 15px;
  text-align: center;
  background-color: black;
}
/* Reset some Telerik defaults */
.RadMenu.RadMenu_GreatBarrierReef {
  float: none;
  z-index: 1001 !important;
  position: relative;
}
.RadMenu.RadMenu_GreatBarrierReef:focus {
  outline: none;
}
.RadMenu.RadMenu_GreatBarrierReef .rmGroup,
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup,
.RadMenu.RadMenu_GreatBarrierReef .rmMultiColumn,
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem {
  border: none;
}
.RadMenu.RadMenu_GreatBarrierReef .rmVertical .rmToggle .rmIcon:before,
.RadMenu.RadMenu_GreatBarrierReef .rmVertical .rmExpand:before,
.RadMenu.RadMenu_GreatBarrierReef .rmRightArrow .rmIcon:before,
.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmToggle .rmIcon:before,
.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmExpand:before,
.RadMenu.RadMenu_GreatBarrierReef .rmBottomArrow .rmIcon:before {
  content: none;
}
.RadMenu.RadMenu_GreatBarrierReef .rmItem,
.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal > .rmItem,
.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal > .rmRootScrollGroup > .rmItem,
.RadMenu.RadMenu_GreatBarrierReef .rmLink {
  float: none;
}
.RadMenu.RadMenu_GreatBarrierReef .rmLink {
  padding: 0px;
}
.RadMenu.RadMenu_GreatBarrierReef .rmText {
  display: inline-block;
  vertical-align: top;
  float: left;
}
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle,
.RadMenu.RadMenu_GreatBarrierReef .rmToggle {
  width: auto;
}
.RadMenu.RadMenu_GreatBarrierReef .rmToggle,
.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle {
  position: static;
}
.RadMenu.RadMenu_GreatBarrierReef .rmGroup .rmContent,
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmContent {
  padding: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .RadSiteMap,
.RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmItem,
.RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmTwoLevels .rsmItem {
  font-size: inherit;
}
.RadMenu.RadMenu_GreatBarrierReef ul {
  margin: 0;
  padding: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rmItem,
.RadMenu.RadMenu_GreatBarrierReef .rsmItem {
  list-style: none;
}
.RadMenu.RadMenu_GreatBarrierReef .rmDisabled > a,
.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > a {
  cursor: default;
}
.RadMenu.RadMenu_GreatBarrierReef .rmItem {
  width: auto;
  clear: both;
  text-align: left;
}
.RadMenu.RadMenu_GreatBarrierReef .rmText,
.RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText,
.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText {
  padding: 8px 15px;
}
.RadMenu.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuOuter > .rmText {
  /* when mega menus are on, don't add padding around the rmText */
  padding: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText {
  /* give space for the expand arrow */
  padding-right: 40px;
}
.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup {
  position: relative;
}
.RadMenu.RadMenu_GreatBarrierReef .rsmItem {
  padding: 4px 15px;
  margin: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rsmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink {
  padding: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmItem .rsmItem,
.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmLink {
  /* make sure second-level rsm items are lined up properly */
  padding-left: 0;
  margin-right: 15px;
}
.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLink {
  margin-bottom: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rsmColumn {
  /* for multiple columns on the mega menu */
  display: inline-block;
  vertical-align: top;
  padding-right: 4px;
}
@media (max-width: 480px) {
  .RadMenu.RadMenu_GreatBarrierReef .rsmColumn {
    /* on very small screens drop mega menu columns to one */
    width: 100% !important;
  }
}
.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap {
  margin-bottom: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rsmThreeLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmThreeLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmLevel1 .rsmTemplate,
.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmTemplate {
  display: block;
}
.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmTemplate {
  white-space: nowrap;
}
.RadMenu.RadMenu_GreatBarrierReef .rmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmLink {
  text-decoration: none;
  display: block;
  position: relative;
  /* required for the menu to work in IE */
}
.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmTemplate {
  padding: 0;
  margin: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rmGroup .rmText {
  margin: 0;
}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected {
  /* root item selected styles */
  color: #FFFFFF !important;
  background-color: transparent;
}
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
  /* root item hover and focus styles */
  background-color: transparent;
  color: #FFFFFF;
}
.RadMenu.RadMenu_GreatBarrierReef .rmGroup {
  background-color: #CCCCCC;
}
.RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink,
.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink {
  color: #FEFEFE;
}
.RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink:active,
.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink:hover,
.RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink:active {
  background-color: transparent;
  color: #FEFEFE;
}
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem {
  position: relative;
}
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {
  text-transform: uppercase;
  color: #CCCCCC;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
}
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink:active,
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink:hover {
  color: #FFFFFF;
}
.RadMenu.RadMenu_GreatBarrierReef .rmToggle,
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle {
  /* a clickable target to expand multi-level navigaiton */
  display: inline-block;
  float: right;
  height: 100%;
}
.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle .rmIcon {
  font: 0 / 0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  display: block;
  width: 23px;
  height: 15px;
  background-image: url("images/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-left: 15px;
}
.RadMenu.RadMenu_GreatBarrierReef .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmLink.rmFocused .rmToggle > .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink .rmToggle > .rmIcon {
  background-position: 0 -26px;
}
.RadMenu.RadMenu_GreatBarrierReef .rmExpanded > .rmLink > .rmToggle > .rmIcon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*2nd and 3rd level navigation (dropdown menus)*/
.RadMenu_GreatBarrierReef .rmSlide {
  display: none;
  /* hide the sub nav until requested */
  position: absolute;
  height: auto !important;
}
.RadMenu_GreatBarrierReef .rmSlide .rmItem {
  float: none;
  display: block;
}
.RadMenu_GreatBarrierReef .rmSlide .rmText {
  float: none;
}
.RadMenu_GreatBarrierReef .rmSlide .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink {
  color: #242021;
  font-family: Lato, sans-serif;
  font-size: 114%;
  font-weight: bold;
  text-transform: uppercase;
}
.RadMenu_GreatBarrierReef .rmSlide .rmSeparator,
.RadMenu_GreatBarrierReef .rmSlide .rmVertical > .rmSeparator,
.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuSeperator > .rsmLink {
  border-bottom: 1px solid #FFF;
}
.RadMenu_GreatBarrierReef .rmSlide .rmSeparator,
.RadMenu_GreatBarrierReef .rmSlide .rmVertical > .rmSeparator {
  margin: 0 15px;
}
.RadMenu_GreatBarrierReef .rmSlide .rmFocused > .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rmSelected > .rmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmSelected > .rsmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
  background-color: transparent;
  color: #C3251D;
}
.RadMenu_GreatBarrierReef .rmSlide .rmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rmLink.rmFocused,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rsmLink.rmFocused,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
  background-color: transparent;
  color: #C3251D;
  font-weight: bold;
}
.RadMenu_GreatBarrierReef .rmSlide.rmLevel1 .rmGroup {
  /* for second-level sub-nav and beyond,
   * we want to indent the nav to give separation */
  margin-left: 0;
}
.RadMenu_GreatBarrierReef .rmSlide .rmExpandRight,
.RadMenu_GreatBarrierReef .rmSlide .rmGroup a.rmLink.rmExpandRight {
  background-image: url("images/ResponsiveNav.png");
  background-position: 110% -200px;
  background-repeat: no-repeat;
}
.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenu {
  padding-top: 4px;
  padding-bottom: 4px;
}
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem {
  margin-bottom: 0.5em;
}
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  text-transform: uppercase;
  color: #242021;
  font-weight: bold;
  letter-spacing: 1px;
}
.RadMenu_GreatBarrierReef .rmSlide .MegaDropDownMenuSeperator .rsmLink {
  padding: 0;
}
@media (max-width: 767px) {
  .RadMenu_GreatBarrierReef .rmSlide {
    width: 100% !important;
    left: 0 !important;
  }
  .RadMenu_GreatBarrierReef .rmSlide ul.rmVertical,
  .RadMenu_GreatBarrierReef .rmSlide ul.rmHorizontal,
  .RadMenu_GreatBarrierReef .rmSlide ul.rmRootScrollGroup {
    float: none;
  }
  .RadMenu_GreatBarrierReef .rmSlide .rmSlide {
    /* for right expanded items, expand below on extra small screens */
    left: 0 !important;
    margin-top: 64px;
  }
  .RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmSlide .rmText {
    /* if we have toggles on we don't want to add the extra padding */
    padding-right: 15px;
  }
  .RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmExpandRight,
  .RadMenu_GreatBarrierReef .rmSlide .rmToggleHandles .rmGroup a.rmText.rmExpandRight {
    /* if toggle handles are on we don't want to display the arrow twice*/
    background-image: none;
  }
}
@media (min-width: 768px) {
  .RadMenu.RadMenu_GreatBarrierReef {
    /* Make sure mega menus with two levels are an adequate width */
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmItem {
    white-space: nowrap;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup {
    width: auto;
    display: inline-block;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem {
    float: left;
    clear: none;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink {
    border-top: 3px solid transparent;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
    border-top: 3px solid transparent;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup {
    margin: 0;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmItem {
    float: none;
    display: block;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink {
    margin: 0;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rmToggle,
  .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle {
    display: none;
  }
  .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels {
    /*Standard Width*/
    min-width: 190px !important;
  }
  .RadMenu.RadMenu_GreatBarrierReef .LargerWidth10 {
    /*minimum width for more than menu items with 10-13 chars*/
    min-width: 210px !important;
  }
  .RadMenu.RadMenu_GreatBarrierReef .LargerWidth14 {
    /*minimum width for more than menu items with 14-17 chars*/
    min-width: 280px !important;
  }
  .RadMenu.RadMenu_GreatBarrierReef .LargerWidth18 {
    /*minimum width for more than menu items with 18-21 chars*/
    min-width: 350px !important;
  }
  .RadMenu.RadMenu_GreatBarrierReef .LargerWidth22 {
    /*minimum width for more than menu items with 22+ chars*/
    min-width: 450px !important;
  }
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef {
  /* Make sure mega menus with two levels are an adequate width */
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmItem {
  white-space: nowrap;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup {
  width: auto;
  display: inline-block;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem {
  float: left;
  clear: none;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink {
  border-top: 3px solid transparent;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
  border-top: 3px solid #66FFCC;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmGroup {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmItem {
  float: none;
  display: block;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmLink {
  margin: 0;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmToggle,
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle {
  display: none;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels {
  /*Standard Width*/
  min-width: 190px !important;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth10 {
  /*minimum width for more than menu items with 10-13 chars*/
  min-width: 210px !important;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth14 {
  /*minimum width for more than menu items with 14-17 chars*/
  min-width: 280px !important;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth18 {
  /*minimum width for more than menu items with 18-21 chars*/
  min-width: 350px !important;
}
.no-mqs .RadMenu.RadMenu_GreatBarrierReef .LargerWidth22 {
  /*minimum width for more than menu items with 22+ chars*/
  min-width: 450px !important;
}
/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */
/**** Telerik overrides ****/
.RadTreeView.RadTreeView_GreatBarrierReef {
  white-space: normal;
}
.RadTreeView.RadTreeView_GreatBarrierReef .rtLI,
.RadTreeView.RadTreeView_GreatBarrierReef .rtTop,
.RadTreeView.RadTreeView_GreatBarrierReef .rtMid,
.RadTreeView.RadTreeView_GreatBarrierReef .rtBot {
  padding: 0;
}
.RadTreeView.RadTreeView_GreatBarrierReef .rtIn {
  font-weight: bold !important;
  display: block;
}
.RadTreeView.RadTreeView_GreatBarrierReef .rtIn,
.RadTreeView.RadTreeView_GreatBarrierReef .rtHover .rtIn,
.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected .rtIn {
  padding: 10px 15px;
  border: none;
}
.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn,
.RadTreeView.RadTreeView_GreatBarrierReef .child-is-selected.rtIn {
  background-color: transparent;
  color: #0C0C0C;
}
.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn:hover,
.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn:active,
.RadTreeView.RadTreeView_GreatBarrierReef .rtSelected > a.rtIn:focus {
  background-color: transparent;
}
.RadTreeView.RadTreeView_GreatBarrierReef .rtUL .rtUL {
  padding-left: 15px;
}
.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI {
  /* add a separator border to the first-level sub-nav items only */
  border-top: 1px solid #DDD;
}
.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI:first-child {
  border-top: none;
}
.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI .rtLI .rtIn {
  /* children should have less padding */
  padding: 5px 15px;
}
.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL > .rtLI > .rtUL {
  /* this makes the children section padding even */
  padding-right: 15px;
  padding-bottom: 10px;
}
.RadTreeView.RadTreeView_GreatBarrierReef > .rtUL {
  /* add a boundary for hovered navs */
  margin: 0 1px 1px 1px;
}
.RadTreeView.RadTreeView_GreatBarrierReef .rtSp,
.RadTreeView.RadTreeView_GreatBarrierReef .rtPlus,
.RadTreeView.RadTreeView_GreatBarrierReef .rtMinus {
  /* we don't want to display the expand/collapse icons in this theme */
  display: none;
}
.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn {
  color: #390099;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  margin: 0;
}
.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:hover,
.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:focus,
.RadTreeView.RadTreeView_GreatBarrierReef a.rtIn:active {
  background-color: #FFF;
}
.nav-secondary {
  background-color: #242021;
  color: #FFFFFF;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.nav-secondary .sub-nav-head {
  background-color: #242021;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;
  text-transform: none;
}
.nav-secondary .SubNavigationSeparator {
  border: none;
  height: 4px;
  background-color: #0D0D0D;
}
.nav-secondary .SubNavigationSeparator .rtIn {
  padding: 0;
  color: #FFF;
}
/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */
.navbar-header {
  float: right;
}
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
}
.navbar-toggle {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: transparent;
  border-radius: 0px;
}
.navbar-toggle.collapsed {
  background-color: rgba(255, 255, 255, 0.8);
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #FFF;
}
.navbar-toggle .icon-bar {
  background-color: #0D0D0D;
}
.header-container .nav-auxiliary .TextButton,
.header-container .nav-auxiliary .navbar-toggle {
  margin-left: 10px;
}
.header-container .nav-auxiliary .UtilityAuthentication a {
  color: #FFF;
  font-size: 107%;
  text-decoration: none;
  font-weight: bold;
  padding-top: 5px;
}
.header-container .nav-auxiliary .UtilityAuthentication a:hover,
.header-container .nav-auxiliary .UtilityAuthentication a:focus {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .header-container .nav-auxiliary .NavigationListItem,
  .header-container .nav-auxiliary .header-social .SocialSprite {
    margin-left: 7px;
  }
}
.no-mqs .header-container .nav-auxiliary .NavigationListItem,
.no-mqs .header-container .nav-auxiliary .header-social .SocialSprite {
  margin-left: 7px;
}
@media (max-width: 767px) {
  .header-container .nav-auxiliary {
    margin-top: 5px;
  }
}
.header-container .nav-auxiliary .nav-image {
  vertical-align: baseline;
  padding-right: 8px;
}
/* Cart item count
   ========================================================================== */
/* By default, put parentheses around the cart item count.
 * This is overwritten when the class "nav-aux-cart" is applied.
 */
.cartCenter span:before {
  content: '(';
}
.cartCenter span:after {
  content: ')';
}
/* Auxiliary toggle buttons
   ========================================================================== */
/* Toggles that display on x-small screens to display the primary nav and search */
.navbar-toggle {
  float: none;
  padding: 5px;
}
.navbar-toggle .icon-bar {
  height: 3px;
  border-radius: 0;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggle .icon-search {
  display: inline-block;
  float: left;
  background: transparent url("images/ResponsiveHeaderSprite.png") 0 -22px no-repeat;
  width: 22px;
  height: 19px;
  margin: 0;
  /* this makes it line up properly with the hamburger */
}
/* Auxiliary button links
   ========================================================================== */
/* These links are styled like the toggles (search & hamburger buttons) */
.nav-auxiliary .nav-aux-button {
  /* Cart Item Flag indicating how many items are in your cart */
}
.nav-auxiliary .nav-aux-button .NavigationLink {
  /* This makes the link look like the toggle buttons */
  background-color: rgba(255, 255, 255, 0.8);
  margin-left: 10px;
  padding: 5px;
  margin-top: 3.5px;
  margin-bottom: 3.5px;
  border: 1px solid transparent;
  border-radius: 0px;
}
.nav-auxiliary .nav-aux-button .NavigationLink:hover,
.nav-auxiliary .nav-aux-button .NavigationLink:focus {
  background-color: #FFF;
}
.nav-auxiliary .nav-aux-button .NavigationLink:active {
  background-color: rgba(255, 255, 255, 0.8);
}
.nav-auxiliary .nav-aux-button.NavigationListItem {
  position: relative;
  /* this is required for the cart indicator placement */
  display: inline-block;
}
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
  /* hide the cart text on small devices */
  display: inline-block;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  width: 22px;
  height: 22px;
  padding-left: 22px;
}
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 0 -125px no-repeat;
}
@media (min-width: 768px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
    background: none;
    padding: 0;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account a:hover .nav-text,
  .nav-auxiliary .nav-aux-button.nav-aux-account a:focus .nav-text {
    text-decoration: underline;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    color: #FFF;
    padding: 0 0 0 30px;
    width: auto;
  }
}
.no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
  background: none;
  padding: 0;
}
.no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account a:hover .nav-text,
.no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account a:focus .nav-text {
  text-decoration: underline;
}
.no-mqs .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
  color: #FFF;
  padding: 0 0 0 30px;
  width: auto;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
  background: transparent url("images/ResponsiveHeaderSprite.png") 0 -75px no-repeat;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
  /* left postion is padding plus placement */
  position: absolute;
  top: 1px;
  left: 7.5px;
  text-align: center;
  line-height: 1;
  width: 1.6em;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #C3251D;
  border-radius: 2px;
  font-size: 85%;
  line-height: 1;
  padding: 0 2px 1px;
  -webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
  box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6);
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:before,
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter span:after {
  /* Clear the parentheses put around the item count by default */
  content: none;
}
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    /* This is the flag indicating how many items are in your cart */
    left: 7.5px;
    /*($navbar-padding-horizontal + 9 + 5)*/
    top: 2px;
  }
  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #C3251D;
    color: #FFFFFF;
  }
}
.UtilityNavigation {
  text-align: right;
}
.tagline {
  float: right;
  margin-top: 80px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .tagline {
    display: none;
  }
}
.UtilityAccountArea {
  float: left;
  margin-top: 3px;
}
.UtilityAccountArea .account-toggle .nav-text {
  vertical-align: middle;
}
.UtilityNavigation .account-menu > li > a,
.UtilityNavigation .account-menu > li > a:hover,
.UtilityNavigation .account-menu > li > a:visited,
.UtilityNavigation .account-menu > li > a:active {
  color: #FFF;
}
.account-menu .profile-picture-wrapper img {
  border-radius: 0;
  width: 31px;
}
@media (max-width: 767px) {
  .account-menu {
    margin-top: -8px;
  }
}
a.ste-toggle,
a.ste-toggle:hover,
a.ste-toggle:focus {
  background-color: rgba(255, 255, 255, 0.9);
  width: 34px;
  height: 31px;
  border-radius: 0;
  margin-left: -5px;
}
.obo-toggle,
.obo-toggle:hover,
.obo-toggle:focus {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0;
  margin-top: 3px;
  width: 34px;
  height: 31px;
}
@media (min-width: 768px) {
  .obo-toggle,
  .obo-toggle:hover,
  .obo-toggle:focus {
    margin-top: 2px;
  }
}
.no-mqs .obo-toggle,
.no-mqs .obo-toggle:hover,
.no-mqs .obo-toggle:focus {
  margin-top: 2px;
}
.obo-toggle.on,
.ste-toggle.on {
  background-color: #0D0D0D;
}
.OnBehalfOfContainer {
  width: 100%;
}
.search-container-sm {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
}
.header-search {
  padding: 8px 15px;
  /* Search field is used as toggle button *and* field on larger devices */
}
.header-search > .header-search {
  padding: 0;
  /* don't double the padding */
}
.header-search .search-field {
  height: 32px;
}
@media (max-width: 767px) {
  .header-search .search-field {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .header-search .search-field {
    padding: 0 0 0 7px;
    width: 25px;
    height: 31px;
    padding-left: 34px !important;
    background-position: 7px -17px !important;
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    margin: 0 0 0 -5px;
    -webkit-transition: width;
    -o-transition: width;
    transition: width;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }
  .header-search .search-field:hover {
    cursor: pointer;
    background-color: #FFF;
  }
  .header-search .search-field:focus {
    background-color: #FFF;
    width: 200px;
  }
}
.no-mqs .header-search .search-field {
  padding: 0 0 0 7px;
  width: 25px;
  height: 31px;
  padding-left: 34px !important;
  background-position: 7px -17px !important;
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  margin: 0 0 0 -5px;
  -webkit-transition: width;
  -o-transition: width;
  transition: width;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.no-mqs .header-search .search-field:hover {
  cursor: pointer;
  background-color: #FFF;
}
.no-mqs .header-search .search-field:focus {
  background-color: #FFF;
  width: 200px;
}
/* Auxiliary/Primary switch
   ========================================================================== */
/**
 * A class that allows a navigation to display in the primary nav on xs screens 
 * and the auxiliary nav on wider screens. 
 * To use this configure the nav item to not be hidden and also display in the 
 * auxiliary navigaiton item. 
 */
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-primary-switch,
  tr.nav-auxiliary .nav-aux-primary-switch,
  th.nav-auxiliary .nav-aux-primary-switch,
  td.nav-auxiliary .nav-aux-primary-switch {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .nav-primary .nav-aux-primary-switch,
  tr.nav-primary .nav-aux-primary-switch,
  th.nav-primary .nav-aux-primary-switch,
  td.nav-primary .nav-aux-primary-switch {
    display: none !important;
  }
}
.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;
}
@media (max-width: 767px) {
  .searchbar-collapse {
    margin-top: 10px;
    width: 100%;
  }
  .searchbar-collapse .header-search {
    padding: 8px 8px 10px 10px;
  }
  .header-container .UtilityNavigation.nav-auxiliary {
    text-align: right;
  }
}
/* ==========================================================================
   ON BEHALF OF ICONS
   ========================================================================== */
.obo-action {
  background-image: url("images/OboSprite.png");
}
.obo-action.obo-change-contact,
.obo-action.obo-change-contact[disabled]:hover,
.obo-action.obo-change-contact.Disabled:hover,
.obo-action.obo-change-contact.aspNetDisabled:hover,
a.aspNetDisabled:hover .obo-action.obo-change-contact {
  background-position: 0px 0;
}
.obo-action.obo-change-contact:hover,
.obo-action.obo-change-contact:focus,
a:hover .obo-action.obo-change-contact,
a:focus .obo-action.obo-change-contact {
  background-position: 0px -35px;
}
.obo-action.obo-clear,
.obo-action.obo-clear[disabled]:hover,
.obo-action.obo-clear.Disabled:hover,
.obo-action.obo-clear.aspNetDisabled:hover,
a.aspNetDisabled:hover .obo-action.obo-clear {
  background-position: -35px 0;
}
.obo-action.obo-clear:hover,
.obo-action.obo-clear:focus,
a:hover .obo-action.obo-clear,
a:focus .obo-action.obo-clear {
  background-position: -35px -35px;
}
/* ==========================================================================
   SOCIAL ICONS
   ========================================================================== */
.SocialSprite {
  background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.SocialSprite.LargeButtons {
  width: 32px;
  height: 32px;
}
.SocialSprite:hover,
.SocialSprite:focus,
.SocialSprite:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.SocialSprite.FacebookIcon,
.SocialSprite.FacebookIcon:hover,
a:hover .SocialSprite.FacebookIcon,
.SocialSprite.FacebookIcon:focus,
a:focus .SocialSprite.FacebookIcon,
.SocialSprite.FacebookIcon:active,
a:active .SocialSprite.FacebookIcon {
  background-position: 0 0;
  background-color: #3B5998;
}
.SocialSprite.FacebookIcon.LargeButtons,
.SocialSprite.FacebookIcon.LargeButtons:hover,
a:hover .SocialSprite.FacebookIcon.LargeButtons,
.SocialSprite.FacebookIcon.LargeButtons:focus,
a:focus .SocialSprite.FacebookIcon.LargeButtons,
.SocialSprite.FacebookIcon.LargeButtons:active,
a:active .SocialSprite.FacebookIcon.LargeButtons {
  background-position: 0 -80px;
}
.SocialSprite.TwitterIcon,
.SocialSprite.TwitterIcon:hover,
a:hover .SocialSprite.TwitterIcon,
.SocialSprite.TwitterIcon:focus,
a:focus .SocialSprite.TwitterIcon,
.SocialSprite.TwitterIcon:active,
a:active .SocialSprite.TwitterIcon {
  background-position: -40px 0;
  background-color: #00A0D1;
}
.SocialSprite.TwitterIcon.LargeButtons,
.SocialSprite.TwitterIcon.LargeButtons:hover,
a:hover .SocialSprite.TwitterIcon.LargeButtons,
.SocialSprite.TwitterIcon.LargeButtons:focus,
a:focus .SocialSprite.TwitterIcon.LargeButtons,
.SocialSprite.TwitterIcon.LargeButtons:active,
a:active .SocialSprite.TwitterIcon.LargeButtons {
  background-position: -40px -80px;
}
.SocialSprite.LinkedInIcon,
.SocialSprite.LinkedInIcon:hover,
a:hover .SocialSprite.LinkedInIcon,
.SocialSprite.LinkedInIcon:focus,
a:focus .SocialSprite.LinkedInIcon,
.SocialSprite.LinkedInIcon:active,
a:active .SocialSprite.LinkedInIcon {
  background-position: -80px 0;
  background-color: #0E76A8;
}
.SocialSprite.LinkedInIcon.LargeButtons,
.SocialSprite.LinkedInIcon.LargeButtons:hover,
a:hover .SocialSprite.LinkedInIcon.LargeButtons,
.SocialSprite.LinkedInIcon.LargeButtons:focus,
a:focus .SocialSprite.LinkedInIcon.LargeButtons,
.SocialSprite.LinkedInIcon.LargeButtons:active,
a:active .SocialSprite.LinkedInIcon.LargeButtons {
  background-position: -80px -80px;
}
.SocialSprite.YouTubeIcon,
.SocialSprite.YouTubeIcon:hover,
a:hover .SocialSprite.YouTubeIcon,
.SocialSprite.YouTubeIcon:focus,
a:focus .SocialSprite.YouTubeIcon,
.SocialSprite.YouTubeIcon:active,
a:active .SocialSprite.YouTubeIcon {
  background-position: -120px 0;
  background-color: #C4302B;
}
.SocialSprite.YouTubeIcon.LargeButtons,
.SocialSprite.YouTubeIcon.LargeButtons:hover,
a:hover .SocialSprite.YouTubeIcon.LargeButtons,
.SocialSprite.YouTubeIcon.LargeButtons:focus,
a:focus .SocialSprite.YouTubeIcon.LargeButtons,
.SocialSprite.YouTubeIcon.LargeButtons:active,
a:active .SocialSprite.YouTubeIcon.LargeButtons {
  background-position: -120px -80px;
}
.SocialSprite.EmailIcon,
.SocialSprite.EmailIcon:hover,
a:hover .SocialSprite.EmailIcon,
.SocialSprite.EmailIcon:focus,
a:focus .SocialSprite.EmailIcon,
.SocialSprite.EmailIcon:active,
a:active .SocialSprite.EmailIcon {
  background-position: -160px 0;
  background-color: #0A629A;
}
.SocialSprite.EmailIcon.LargeButtons,
.SocialSprite.EmailIcon.LargeButtons:hover,
a:hover .SocialSprite.EmailIcon.LargeButtons,
.SocialSprite.EmailIcon.LargeButtons:focus,
a:focus .SocialSprite.EmailIcon.LargeButtons,
.SocialSprite.EmailIcon.LargeButtons:active,
a:active .SocialSprite.EmailIcon.LargeButtons {
  background-position: -160px -80px;
}
.SocialSprite.PinterestIcon,
.SocialSprite.PinterestIcon:hover,
a:hover .SocialSprite.PinterestIcon,
.SocialSprite.PinterestIcon:focus,
a:focus .SocialSprite.PinterestIcon,
.SocialSprite.PinterestIcon:active,
a:active .SocialSprite.PinterestIcon {
  background-position: -200px 0;
  background-color: #0A629A;
}
.SocialSprite.PinterestIcon.LargeButtons,
.SocialSprite.PinterestIcon.LargeButtons:hover,
a:hover .SocialSprite.PinterestIcon.LargeButtons,
.SocialSprite.PinterestIcon.LargeButtons:focus,
a:focus .SocialSprite.PinterestIcon.LargeButtons,
.SocialSprite.PinterestIcon.LargeButtons:active,
a:active .SocialSprite.PinterestIcon.LargeButtons {
  background-position: -200px -80px;
}
.SocialSprite.GPlusIcon,
.SocialSprite.GPlusIcon:hover,
a:hover .SocialSprite.GPlusIcon,
.SocialSprite.GPlusIcon:focus,
a:focus .SocialSprite.GPlusIcon,
.SocialSprite.GPlusIcon:active,
a:active .SocialSprite.GPlusIcon {
  background-position: -240px 0;
  background-color: #DB4A39;
}
.SocialSprite.GPlusIcon.LargeButtons,
.SocialSprite.GPlusIcon.LargeButtons:hover,
a:hover .SocialSprite.GPlusIcon.LargeButtons,
.SocialSprite.GPlusIcon.LargeButtons:focus,
a:focus .SocialSprite.GPlusIcon.LargeButtons,
.SocialSprite.GPlusIcon.LargeButtons:active,
a:active .SocialSprite.GPlusIcon.LargeButtons {
  background-position: -240px -80px;
}
.SocialSprite.SkypeIcon,
.SocialSprite.SkypeIcon:hover,
a:hover .SocialSprite.SkypeIcon,
.SocialSprite.SkypeIcon:focus,
a:focus .SocialSprite.SkypeIcon,
.SocialSprite.SkypeIcon:active,
a:active .SocialSprite.SkypeIcon {
  background-position: -280px 0;
  background-color: #00AFF0;
}
.SocialSprite.SkypeIcon.LargeButtons,
.SocialSprite.SkypeIcon.LargeButtons:hover,
a:hover .SocialSprite.SkypeIcon.LargeButtons,
.SocialSprite.SkypeIcon.LargeButtons:focus,
a:focus .SocialSprite.SkypeIcon.LargeButtons,
.SocialSprite.SkypeIcon.LargeButtons:active,
a:active .SocialSprite.SkypeIcon.LargeButtons {
  background-position: -280px -80px;
}
/**** End Social Netowrking Icon Styling ****/
input,
button,
select,
textarea {
  font-family: "Raleway", Arial, sans-serif;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 37px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.8;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #66AFE9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
select:-moz-placeholder,
textarea:-moz-placeholder,
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
.uneditable-input:-moz-placeholder {
  color: #999999;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.uneditable-input::-moz-placeholder {
  color: #999999;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder {
  color: #999999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
  color: #999999;
}
/* RadComboBox needs the same styles as normal inputs, 
 * but has to be done separately due to its structure */
.RadComboBox.RadComboBox_MetroTouch {
  color: #555555;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.RadComboBox.RadComboBox_MetroTouch .rcbInner,
.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput,
.RadComboBox.RadComboBox_MetroTouch .rcbFocused,
.RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput {
  color: #555555;
}
.RadComboBox.RadComboBox_MetroTouch .rcbInner {
  height: 37px;
  padding: 0;
  font-size: 100%;
  line-height: 1.8;
  border: 1px solid #CCC;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
.RadComboBox.RadComboBox_MetroTouch .rcbInputCell {
  padding: 0;
}
.RadComboBox.RadComboBox_MetroTouch .rcbFocused {
  border-color: #66AFE9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.RadComboBox.RadComboBox_MetroTouch .rcbInput {
  height: 100%;
  padding: 5px 10px;
}
.RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage,
.RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage {
  color: #999999;
}
.RadComboBox.RadComboBox_MetroTouch .rcbActionButton {
  border-radius: 0 0px 0px 0;
}
.RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon {
  height: 1.4em;
}
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch {
  font: inherit;
}
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem,
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered,
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled,
.RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading {
  padding-top: 5px;
  padding-bottom: 5px;
}
.RadInput.RadInput.riSingle .riTextBox,
.RadInput.RadInput .riTextBox {
  height: 37px;
  padding: 5px 10px;
  border-color: #CCC;
  font: inherit;
  color: #555555;
}
.RadInput.RadInput.riSingle .riTextBox:focus,
.RadInput.RadInput .riTextBox:focus {
  border-color: #66AFE9;
}
.RadUpload.RadUpload .ruFakeInput {
  height: 35px;
  padding: 0;
  border-radius: 0px;
}
/* RadEditor designed to look like a normal text box */
#EventDescriptionDiv .ContentHtmlEditor {
  border: 1px solid #CCC;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
#EventDescriptionDiv iframe,
#EventDescriptionDiv td {
  background-color: transparent;
}
/* RadPicker - Make sure there's some space between the picker and the time zone label*/
.RadPicker + .TimeZoneLabel {
  margin-left: 0.5em;
}
/* Chosen multi-select */
.chosen-container-multi .chosen-choices {
  min-height: 37px;
  border-radius: 0px;
  border-color: #CCC;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  background-image: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  /* Remove the styling used in the master page search-field */
  background-color: transparent;
  background-image: none;
  border-color: transparent;
  padding-left: 0 !important;
}
.chosen-container-active .chosen-choices {
  border-color: #66AFE9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  cursor: pointer;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
textarea {
  height: auto;
}
select {
  border: 1px solid #CCC;
  background-color: #FFF;
}
select[multiple],
select[size] {
  height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* ==========================================================================
   BUTTONS
   ========================================================================== */
/* set up button base styles */
.btn,
.TextButton,
.TextButtonWithImage,
.RadUpload .ruButton,
.RadUploadProgressArea .ruButton,
#masterHeaderActionArea a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: normal;
  text-decoration: none;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.8;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.RadUpload .ruButton:focus,
.RadUploadProgressArea .ruButton:focus,
#masterHeaderActionArea a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:visited,
.RadUpload .ruButton:hover,
.RadUpload .ruButton:focus,
.RadUpload .ruButton:visited,
.RadUploadProgressArea .ruButton:hover,
.RadUploadProgressArea .ruButton:focus,
.RadUploadProgressArea .ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:visited {
  color: #FFF;
  text-decoration: none;
}
.btn:active,
.btn.active,
.TextButton:active,
.TextButton.active,
.TextButtonWithImage:active,
.TextButtonWithImage.active,
.RadUpload .ruButton:active,
.RadUpload .ruButton.active,
.RadUploadProgressArea .ruButton:active,
.RadUploadProgressArea .ruButton.active,
#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: #FFF;
  background-color: #C3251D;
  border-color: transparent;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited,
.TextButton:hover,
.TextButton:focus,
.TextButton:active,
.TextButton:visited,
.TextButtonWithImage:hover,
.TextButtonWithImage:focus,
.TextButtonWithImage:active,
.TextButtonWithImage:visited,
.ruButton:hover,
.ruButton:focus,
.ruButton:active,
.ruButton:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:hover,
.RadGrid input.TextButton:focus,
.RadGrid input.TextButton:active,
.RadGrid input.TextButton:visited {
  color: #FFF;
  background-color: #C3251D;
  border-color: transparent;
}
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active {
  background-image: none;
}
.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:focus,
.btn[disabled]:active,
fieldset[disabled] .btn,
fieldset[disabled] .btn:hover,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn:active,
.btn.aspNetDisabled,
.btn.aspNetDisabled:hover,
.btn.aspNetDisabled:focus,
.btn.aspNetDisabled:active,
.TextButton[disabled],
.TextButton[disabled]:hover,
.TextButton[disabled]:focus,
.TextButton[disabled]:active,
fieldset[disabled] .TextButton,
fieldset[disabled] .TextButton:hover,
fieldset[disabled] .TextButton:focus,
fieldset[disabled] .TextButton:active,
.TextButton.aspNetDisabled,
.TextButton.aspNetDisabled:hover,
.TextButton.aspNetDisabled:focus,
.TextButton.aspNetDisabled:active,
.TextButtonWithImage[disabled],
.TextButtonWithImage[disabled]:hover,
.TextButtonWithImage[disabled]:focus,
.TextButtonWithImage[disabled]:active,
fieldset[disabled] .TextButtonWithImage,
fieldset[disabled] .TextButtonWithImage:hover,
fieldset[disabled] .TextButtonWithImage:focus,
fieldset[disabled] .TextButtonWithImage:active,
.TextButtonWithImage.aspNetDisabled,
.TextButtonWithImage.aspNetDisabled:hover,
.TextButtonWithImage.aspNetDisabled:focus,
.TextButtonWithImage.aspNetDisabled:active,
.ruButton[disabled],
.ruButton[disabled]:hover,
.ruButton[disabled]:focus,
.ruButton[disabled]:active,
fieldset[disabled] .ruButton,
fieldset[disabled] .ruButton:hover,
fieldset[disabled] .ruButton:focus,
fieldset[disabled] .ruButton:active,
.ruButton.aspNetDisabled,
.ruButton.aspNetDisabled:hover,
.ruButton.aspNetDisabled:focus,
.ruButton.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
fieldset[disabled] #masterHeaderActionArea a,
fieldset[disabled] #masterHeaderActionArea a:hover,
fieldset[disabled] #masterHeaderActionArea a:focus,
fieldset[disabled] #masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.TextButton[disabled],
.RadGrid input.TextButton[disabled]:hover,
.RadGrid input.TextButton[disabled]:focus,
.RadGrid input.TextButton[disabled]:active,
fieldset[disabled] .RadGrid input.TextButton,
fieldset[disabled] .RadGrid input.TextButton:hover,
fieldset[disabled] .RadGrid input.TextButton:focus,
fieldset[disabled] .RadGrid input.TextButton:active,
.RadGrid input.TextButton.aspNetDisabled,
.RadGrid input.TextButton.aspNetDisabled:hover,
.RadGrid input.TextButton.aspNetDisabled:focus,
.RadGrid input.TextButton.aspNetDisabled:active {
  background-color: #0D0D0D;
  border-color: transparent;
}
/* some Telerik overrides */
.ruButton {
  background-color: #0D0D0D !important;
  color: #FFF !important;
  cursor: pointer;
  border-radius: 0px !important;
}
.RadUpload.RadUpload .ruBrowse,
.RadUpload.RadUpload .ruRemove {
  height: auto;
  padding: 5px 10px;
  line-height: 1.8;
  border-radius: 0px;
}
/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
  color: #FFFFFF;
  background-color: #C3251D;
  border-color: transparent;
}
.PrimaryButton:hover,
.PrimaryButton:focus,
.PrimaryButton:active,
.PrimaryButton:visited,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
  color: #FFFFFF;
  background-color: #C3251D;
  border-color: transparent;
}
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage:active,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active {
  background-image: none;
}
.PrimaryButton[disabled],
.PrimaryButton[disabled]:hover,
.PrimaryButton[disabled]:focus,
.PrimaryButton[disabled]:active,
fieldset[disabled] .PrimaryButton,
fieldset[disabled] .PrimaryButton:hover,
fieldset[disabled] .PrimaryButton:focus,
fieldset[disabled] .PrimaryButton:active,
.PrimaryButton.aspNetDisabled,
.PrimaryButton.aspNetDisabled:hover,
.PrimaryButton.aspNetDisabled:focus,
.PrimaryButton.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active,
fieldset[disabled] .SaveAndClose,
fieldset[disabled] .SaveAndClose:hover,
fieldset[disabled] .SaveAndClose:focus,
fieldset[disabled] .SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active,
fieldset[disabled] .SaveAs,
fieldset[disabled] .SaveAs:hover,
fieldset[disabled] .SaveAs:focus,
fieldset[disabled] .SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active,
fieldset[disabled] .UsePrimaryButton .TextButton,
fieldset[disabled] .UsePrimaryButton .TextButton:hover,
fieldset[disabled] .UsePrimaryButton .TextButton:focus,
fieldset[disabled] .UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus,
fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active,
fieldset[disabled] #masterHeaderActionArea a,
fieldset[disabled] #masterHeaderActionArea a:hover,
fieldset[disabled] #masterHeaderActionArea a:focus,
fieldset[disabled] #masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active,
fieldset[disabled] .RadGrid input.PrimaryButton,
fieldset[disabled] .RadGrid input.PrimaryButton:hover,
fieldset[disabled] .RadGrid input.PrimaryButton:focus,
fieldset[disabled] .RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  background-color: #C3251D;
  border-color: transparent;
  /*+placement: ;*/
  position: relative;
  left: 0;
  top: 0;
}
/* Facebook sign in button */
.TextButton.Facebook {
  color: #FFF;
  background-color: #3B5998;
  border-color: #2D4373;
}
.TextButton.Facebook:hover,
.TextButton.Facebook:focus,
.TextButton.Facebook:active,
.TextButton.Facebook:visited {
  color: #FFF;
  background-color: #30487B;
  border-color: #1C2A47;
}
.TextButton.Facebook:active {
  background-image: none;
}
.TextButton.Facebook[disabled],
.TextButton.Facebook[disabled]:hover,
.TextButton.Facebook[disabled]:focus,
.TextButton.Facebook[disabled]:active,
fieldset[disabled] .TextButton.Facebook,
fieldset[disabled] .TextButton.Facebook:hover,
fieldset[disabled] .TextButton.Facebook:focus,
fieldset[disabled] .TextButton.Facebook:active,
.TextButton.Facebook.aspNetDisabled,
.TextButton.Facebook.aspNetDisabled:hover,
.TextButton.Facebook.aspNetDisabled:focus,
.TextButton.Facebook.aspNetDisabled:active {
  background-color: #3B5998;
  border-color: #2D4373;
}
/* LinkedIn sign in button */
.SignInButton.LinkedIn {
  color: #FFF;
  background-color: #0077B5;
  border-color: #005582;
}
.SignInButton.LinkedIn:hover,
.SignInButton.LinkedIn:focus,
.SignInButton.LinkedIn:active,
.SignInButton.LinkedIn:visited {
  color: #FFF;
  background-color: #005C8C;
  border-color: #002D45;
}
.SignInButton.LinkedIn:active {
  background-image: none;
}
.SignInButton.LinkedIn[disabled],
.SignInButton.LinkedIn[disabled]:hover,
.SignInButton.LinkedIn[disabled]:focus,
.SignInButton.LinkedIn[disabled]:active,
fieldset[disabled] .SignInButton.LinkedIn,
fieldset[disabled] .SignInButton.LinkedIn:hover,
fieldset[disabled] .SignInButton.LinkedIn:focus,
fieldset[disabled] .SignInButton.LinkedIn:active,
.SignInButton.LinkedIn.aspNetDisabled,
.SignInButton.LinkedIn.aspNetDisabled:hover,
.SignInButton.LinkedIn.aspNetDisabled:focus,
.SignInButton.LinkedIn.aspNetDisabled:active {
  background-color: #0077B5;
  border-color: #005582;
}
.MediumButton,
.UseMediumButton .TextButton,
.UseMediumButton .TextButtonWithImage {
  font-size: 120% !important;
  padding: 9px 14px !important;
}
.LargeButton,
.UseLargeButton .TextButton,
.UseLargeButton .TextButtonWithImage {
  font-size: 150% !important;
  padding: 12px 17px !important;
}
.CalloutArea1 .btn.PrimaryButton,
.CalloutArea1 .TextButton.PrimaryButton,
.CalloutArea1 .TextButtonWithImage.PrimaryButton,
.CalloutArea2 .btn.PrimaryButton,
.CalloutArea2 .TextButton.PrimaryButton,
.CalloutArea2 .TextButtonWithImage.PrimaryButton {
  color: #FFF;
  background-color: #888;
}
.CalloutArea1 .btn.PrimaryButton:hover,
.CalloutArea1 .btn.PrimaryButton:active,
.CalloutArea1 .btn.PrimaryButton:focus,
.CalloutArea1 .TextButton.PrimaryButton:hover,
.CalloutArea1 .TextButton.PrimaryButton:active,
.CalloutArea1 .TextButton.PrimaryButton:focus,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea1 .TextButtonWithImage.PrimaryButton:focus,
.CalloutArea2 .btn.PrimaryButton:hover,
.CalloutArea2 .btn.PrimaryButton:active,
.CalloutArea2 .btn.PrimaryButton:focus,
.CalloutArea2 .TextButton.PrimaryButton:hover,
.CalloutArea2 .TextButton.PrimaryButton:active,
.CalloutArea2 .TextButton.PrimaryButton:focus,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:hover,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:active,
.CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
  color: #FFF;
  background-color: dimgray;
}
/* ==========================================================================
   CONTENT ITEMS
   ========================================================================== */
/* Open Invoices
   ========================================================================== */
.OpenInvoicesTotals .SelectedTotal .PanelFieldValue {
  color: #3D00A3;
}
/* Group List Editor
   ========================================================================== */
.RadTreeView.GLE .rtLI {
  margin-bottom: 0.3em;
}
.RadTreeView.GLE .rtIn,
.RadTreeView.GLE .rtHover .rtIn,
.RadTreeView.GLE .rtSelected .rtIn {
  background-color: transparent;
  border: none;
  color: #390099;
}
.RadTreeView.GLE a:hover,
.RadTreeView.GLE a:focus,
.RadTreeView.GLE span[onclick]:hover,
.RadTreeView.GLE span[onclick]:focus {
  background-color: black;
  color: #FFF;
}
/* Communiaction Preferences
   ========================================================================== */
.CommunicationPreferencesSection {
  background-color: #CCCCCC;
}
/* Search Results
   ========================================================================== */
.SearchField,
.SearchResultSummary .ListItemTitle a {
  display: block;
  background-color: #3B3B3B;
  padding: 8px 12px;
}
.SearchField label {
  font-size: 120%;
  color: #FFFFFF;
}
.SearchResultSummary .ListItemTitle a {
  text-decoration: none;
  color: #0C0C0C !important;
  margin: -4px -7px 0;
}
.SearchResultSummary .ListItemTitle a:hover {
  background-color: #212121;
  text-decoration: underline;
}
/* Event Display
   ========================================================================== */
.EventSummary {
  background-color: #F0EDF2;
}
.EventSummary .PhotoArea {
  padding: 2em;
}
.EventSummary .PhotoArea img {
  border: 1px solid #CCC !important;
}
.EventSummary .Description {
  padding: 0 2em 2em;
}
@media (min-width: 768px) {
  .EventSummary .Description {
    padding: 2em;
  }
}
.no-mqs .EventSummary .Description {
  padding: 2em;
}
.ProgramGroup .PanelHead,
.ProgramGroup .panel-heading {
  background-color: #212121;
}
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family: "Raleway", Arial, sans-serif;
  font-weight: bold;
  font-size: 120%;
  line-height: 2em;
  padding-left: 0.5em;
}
/* Product Display
   ========================================================================== */
.ProductDisplay {
  background-color: #F0EDF2;
  padding: 1em;
}
/* Progress Tracker
   ========================================================================== */
/* These are overrides for the colors and styles defined in 10-UltraWave.css */
/* <Progress Tracker (Default)> */
.ProgressTracker .count {
  font-weight: bold;
}
.ProgressTracker .SuccessfulMessage,
.ProgressTracker .ProgressBar > span {
  background-color: #0D0D0D;
}
/* </Progress Tracker > */
/* <Progress Tracker 2> */
.ProgressTracker2 .ProgressTrackerPanel {
  background-color: #212121;
}
.ProgressTracker2 .ProgressTrackerPanel:before,
.ProgressTracker2 .ProgressTrackerPanel:after {
  content: " ";
  display: table;
}
.ProgressTracker2 .ProgressTrackerPanel:after {
  clear: both;
}
.ProgressTracker2 .ProgressTrackerPanel .count {
  color: #FFF;
  font-family: "Abel", Helvetica Neue, sans-serif;
  font-weight: 700;
}
.ProgressTracker2 div p {
  background-color: #FFF;
  color: #66FFCC;
  margin-bottom: 0;
}
.ProgressTracker2 .ProgressBar {
  margin: 10px;
}
.ProgressTracker2 .ProgressBar > span {
  background-color: #9870DB;
}
.ProgressTracker2 .SuccessfulMessage {
  background-color: #E7FEF6;
  color: #0C0C0C;
}
/* </Progress Tracker 2> */
/* Filter Panel (Query Menu)
   ========================================================================== */
/* This is an alternate style for the Query Menu filter panel */
.FilterPanel {
  background-color: #F0EDF2;
  border: none !important;
  margin-top: -3px;
}
.FilterPanel .PanelTitle,
.FilterPanel .panel-title {
  background-image: none;
  padding-left: 0.1em;
  line-height: normal;
  margin-left: 0;
  font-size: 164.706%;
}
.FilterPanel .PanelHead.Distinguish,
.FilterPanel .panel-heading.Distinguish {
  border: none;
  min-height: 1em;
}
/* Cart Charges
   ========================================================================== */
.CartCharges {
  background-color: #CCC;
}
.CartCharges .PanelField {
  border-bottom: none;
  border-top: 1px solid #DDD;
}
.CartCharges .PanelField:first-child,
.CartCharges .PanelField .GrandTotal {
  border-top: none;
}
.CartCharges .GrandTotal .PanelField {
  background-color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  color: #C3251D;
}
.CartCharges .GrandTotal .PanelField .Label {
  color: #C3251D;
}
/* ==========================================================================
   TELERIK OVERRIDES
   ========================================================================== */
/* RadTabStrip
   ========================================================================== */
.RadTabStripTop_Metro .rtsLevel1,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL,
.RadTabStrip_Metro .rtsLevel1,
.RadTabStrip_Metro .rtsLevel1 .rtsUL {
  background-color: #0D0D0D !important;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsLink,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsLink,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink {
  text-transform: none;
  border-color: #0D0D0D;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsSelected,
.RadTabStripTop_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsLink:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsSelected,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsLink:hover {
  border-color: #FFF;
}
.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled,
.RadTabStripTop_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStripTop_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsDisabled:hover,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled,
.RadTabStrip_Metro .rtsLevel1 .rtsUL .rtsDisabled:hover {
  color: #DEDEDE;
  border-color: transparent;
}
.RadTabStrip.RadTabStrip_MetroTouch {
  font-family: "Abel", Helvetica Neue, sans-serif !important;
  font-weight: inherit;
  font-size: 18px !important;
  clear: both;
}
html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
  border-color: #0D0D0D;
  background-color: #0D0D0D;
}
.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
  border-bottom-color: #0D0D0D;
}
@media (max-width: 600px) {
  .RadTabStrip.RadTabStrip_MetroTouch .rtsLI,
  .RadTabStrip.RadTabStrip_MetroTouch .rtsLink,
  .RadTabStrip.RadTabStrip_MetroTouch .rtsUL {
    float: none;
    width: 100%;
    display: block;
  }
  html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    margin: 0;
  }
}
.RadTabStrip,
.RadTabStripVertical {
  padding: 10px 10px 0 10px;
}
/* RadToolTip
   ========================================================================== */
/* Currently used by the QueryMenu iPart */
.RadToolTip_Telerik a:hover {
  background-color: #212121;
}
/* RadGrid
   ========================================================================== */
.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
  background-color: #FFF;
}
.RadGrid.RadGrid_MetroTouch .rgHeader,
.RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgEditRow td,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgEditRow td {
  border-left-color: transparent;
}
.RadGrid.RadGrid_MetroTouch td.rgPagerCell,
.RadGrid.RadGrid_Metro td.rgPagerCell {
  border-width: 0;
}
.RadGrid.RadGrid_MetroTouch .rgHeader,
.RadGrid.RadGrid_MetroTouch .rgHeader:first-child,
.RadGrid.RadGrid_MetroTouch th.rgResizeCol,
.RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child,
.RadGrid.RadGrid_MetroTouch .rgRow td,
.RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td,
.RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgEditRow td,
.RadGrid.RadGrid_MetroTouch .rgEditRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFooter td,
.RadGrid.RadGrid_MetroTouch .rgFooter td:first-child,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td,
.RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child,
.RadGrid.RadGrid_MetroTouch .rgNoRecords td,
.RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child,
.RadGrid.RadGrid_Metro .rgHeader,
.RadGrid.RadGrid_Metro .rgHeader:first-child,
.RadGrid.RadGrid_Metro th.rgResizeCol,
.RadGrid.RadGrid_Metro th.rgResizeCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td,
.RadGrid.RadGrid_Metro .rgRow td:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td,
.RadGrid.RadGrid_Metro .rgAltRow td:first-child,
.RadGrid.RadGrid_Metro .rgEditRow td,
.RadGrid.RadGrid_Metro .rgEditRow td:first-child,
.RadGrid.RadGrid_Metro .rgFooter td,
.RadGrid.RadGrid_Metro .rgFooter td:first-child,
.RadGrid.RadGrid_Metro .rgFilterRow td,
.RadGrid.RadGrid_Metro .rgFilterRow td:first-child,
.RadGrid.RadGrid_Metro .rgNoRecords td,
.RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
  padding: 7px 12px;
}
.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol,
.RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol,
.RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgRow td.rgExpandCol:first-child,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol,
.RadGrid.RadGrid_Metro .rgAltRow td.rgExpandCol:first-child {
  /* reset the padding for expand/collapse column */
  padding-left: 0;
  padding-right: 0;
}
.RadGrid.RadGrid_MetroTouch .rgCommandRow,
.RadGrid.RadGrid_Metro .rgCommandRow {
  background-color: transparent;
}
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_MetroTouch .rgPagePrev:active,
.RadGrid.RadGrid_MetroTouch .rgPageNext:active,
.RadGrid.RadGrid_MetroTouch .rgPageFirst:active,
.RadGrid.RadGrid_MetroTouch .rgPageLast:active,
.RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage,
.RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover,
.RadGrid.RadGrid_Metro .rgPagePrev:active,
.RadGrid.RadGrid_Metro .rgPageNext:active,
.RadGrid.RadGrid_Metro .rgPageFirst:active,
.RadGrid.RadGrid_Metro .rgPageLast:active,
.RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
  background-color: #C3251D;
  border-color: #C3251D;
  color: #FFF !important;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
  background-color: #0D0D0D;
  border-color: #0D0D0D;
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_MetroTouch th.rgSorted a,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a,
.RadGrid.RadGrid_Metro .rgSelectedRow a,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a,
.RadGrid.RadGrid_Metro th.rgSorted a {
  color: #FFF !important;
}
.RadGrid.RadGrid_MetroTouch .rgGroupPanel,
.RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #0D0D0D;
}
.RadGrid.RadGrid_MetroTouch .rgActiveRow td,
.RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell,
.RadGrid.RadGrid_Metro .rgActiveRow td,
.RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgSelectedRow td,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
  border-color: #0D0D0D;
}
* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* + html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #0D0D0D;
}
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted,
* html .RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #0D0D0D;
}
.RadGrid.RadGrid_MetroTouch input.rgAdd,
.RadGrid.RadGrid_MetroTouch input.rgRefresh,
.RadGrid.RadGrid_MetroTouch .rgSave,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel,
.RadGrid.RadGrid_Metro input.rgAdd,
.RadGrid.RadGrid_Metro input.rgRefresh,
.RadGrid.RadGrid_Metro .rgSave,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel {
  background-color: #0D0D0D;
}
.RadGrid.RadGrid_MetroTouch input.rgAdd:hover,
.RadGrid.RadGrid_MetroTouch input.rgRefresh:hover,
.RadGrid.RadGrid_MetroTouch .rgSave:hover,
.RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover,
.RadGrid.RadGrid_Metro input.rgAdd:hover,
.RadGrid.RadGrid_Metro input.rgRefresh:hover,
.RadGrid.RadGrid_Metro .rgSave:hover,
.RadGrid.RadGrid_Metro .rgCommandRow .rgCancel:hover {
  background-color: #FFF;
}
/* RadComboBox
   ========================================================================= */
.RadComboBox .rcbActionButton .t-font-icon {
  font: 16px / 1 "TelerikWebUI";
}
/* RadDataPager
   ========================================================================== */
.RadDataPager.RadDataPager_MetroTouch,
.RadDataPager.RadDataPager_Metro {
  border: none;
  background-color: transparent;
}
.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage,
.RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover,
.RadDataPager.RadDataPager_MetroTouch .rdpPagerButton,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage,
.RadDataPager.RadDataPager_Metro .rdpNumPart a.rdpCurrentPage:hover,
.RadDataPager.RadDataPager_Metro .rdpPageFirst:hover,
.RadDataPager.RadDataPager_Metro .rdpPagePrev:hover,
.RadDataPager.RadDataPager_Metro .rdpPageNext:hover,
.RadDataPager.RadDataPager_Metro .rdpPageLast:hover,
.RadDataPager.RadDataPager_Metro .rdpPagerButton {
  background-color: #0D0D0D;
  border-color: #0D0D0D;
}
/* RadScheduler
   ========================================================================== */
.RadScheduler.RadScheduler_Metro .rsAptIn {
  border-top: none;
}
.RadScheduler.RadScheduler_Metro .rsHeader {
  border-color: #0D0D0D;
  background-color: #0D0D0D;
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
  border-color: #0D0D0D;
}
.RadScheduler.RadScheduler_Metro .rsHeader h2 {
  font-family: "Raleway", Arial, sans-serif;
  font-weight: bold;
  color: #FFF;
  text-transform: none;
  border-bottom: none;
}
/* RadMenu
   ========================================================================== */
.RadMenu.RadMenu_Metro,
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  text-transform: none;
}
.RadMenu.RadMenu_Metro div.rmRootGroup,
.RadMenu.RadMenu_Metro ul.rmRootGroup,
.RadMenu.RadMenu_MetroTouch div.rmRootGroup,
.RadMenu.RadMenu_MetroTouch ul.rmRootGroup {
  background-color: #66FFCC;
}
.RadMenu.RadMenu_Metro .rmRootLink,
.RadMenu.RadMenu_MetroTouch .rmRootLink {
  border-color: #66FFCC;
}
.RadMenu.RadMenu_Metro .rmDisabled,
.RadMenu.RadMenu_Metro .rmDisabled:hover,
.RadMenu.RadMenu_MetroTouch .rmDisabled,
.RadMenu.RadMenu_MetroTouch .rmDisabled:hover {
  border-color: #66FFCC;
}
.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: #66FFCC;
  background-color: #66FFCC;
  color: #FFF !important;
}
.RadMenu_MetroTouch .rmRootGroup .rmLeftImage {
  margin-top: 10px !important;
}
.RadMenu .RadSiteMap .rsmTwoLevels > .rsmItem > .rsmLink {
  border-style: none;
}
/* RadWindow
   ========================================================================== */
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft,
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
  background-color: #0D0D0D;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:active,
.RadWindow.RadWindow_MetroTouch .rwTitleRow td.rwWindowContent a.rwPopupButton:focus {
  border-color: #0D0D0D;
  background-color: #0D0D0D;
}
.RadWindow.RadWindow_MetroTouch .rwControlButtons a:focus {
  border-color: #FFF;
  border-radius: 50%;
  /* override setting from UltraWave */
  outline: none;
}
.RadWindow.RadWindow_Metro .rwTitlebar,
.RadWindow.RadWindow_Metro .rwTopLeft,
.RadWindow.RadWindow_Metro .rwTopRight,
.RadWindow.RadWindow_Metro .rwTopResize,
.RadWindow.RadWindow_Metro .rwControlButtons a {
  background-color: #0D0D0D;
}
.RadWindow.RadWindow_Metro .rwControlButtons a {
  border-color: #0D0D0D;
}
.RadWindow.RadWindow_Metro .rwControlButtons a:focus {
  /* give the refresh, expand, close buttons an outline when focused */
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
  /* needed for IE9 compability */
  border-collapse: separate;
  /* override setting from UltraWave */
  outline: none;
}
.RadWindow.RadWindow_Metro table.rwTitlebarControls em {
  text-transform: none;
}
/* RadTreeView
   ========================================================================== */
.RadTreeView.RadTreeView_Vista .rtLI {
  padding: 0;
}
.RadTreeView.RadTreeView_Vista .rtPlus,
.RadTreeView.RadTreeView_Vista .rtMinus {
  margin: 5px 6px 0 -17px;
  width: 11px;
  height: 11px;
  border-width: 0;
  left: auto;
  top: auto;
}
/* RadPicker
   ========================================================================== */
/* Date and Time selectors */
.RadCalendar.RadCalendar_Metro,
.RadCalendar.RadCalendar_Metro .rcMainTable,
.RadCalendar.RadCalendar_MetroTouch,
.RadCalendar.RadCalendar_MetroTouch .rcMainTable {
  font-family: inherit;
  font-weight: inherit;
}
.RadCalendar.RadCalendar_Metro .rcFastPrev:hover,
.RadCalendar.RadCalendar_Metro .rcPrev:hover,
.RadCalendar.RadCalendar_Metro .rcNext:hover,
.RadCalendar.RadCalendar_Metro .rcFastNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover {
  border-color: #0D0D0D;
}
.RadCalendar.RadCalendar_Metro .rcFastPrev:hover:before,
.RadCalendar.RadCalendar_Metro .rcPrev:hover:before,
.RadCalendar.RadCalendar_Metro .rcNext:hover:before,
.RadCalendar.RadCalendar_Metro .rcFastNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before,
.RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before {
  color: #0D0D0D;
}
.RadCalendar.RadCalendar_Metro .rcRow .rcToday a,
.RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a {
  border-color: #0D0D0D;
}
.RadCalendar.RadCalendar_Metro .rcMain .rcRow .rcSelected a,
.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
  border-color: #0D0D0D;
  background: #0D0D0D;
}
.RadCalendar.RadCalendar_MetroTouch .rcRow a,
.RadCalendar.RadCalendar_MetroTouch .rcRow span {
  /* The Sunday column is not rendering correctly because it's in a <th>
     instead of a <td>. This corrects the issue. */
  display: block;
  padding: 0.08em 0.4em;
  text-decoration: none;
  outline: 0;
}
.RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th {
  font-size: 100%;
  padding: 0;
}
.RadCalendar.RadCalendar_Metro .rcRow a,
.RadCalendar.RadCalendar_Metro .rcRow span {
  display: block;
  padding: 0 0.6em;
  text-decoration: none;
  outline: 0;
}
.RadCalendar.RadCalendar_Metro .rcMain .rcRow th {
  padding: 0;
}
.RadCalendarMonthView.RadCalendarMonthView_Metro,
.RadCalendarMonthView.RadCalendarMonthView_Metro .rcButtons input,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input {
  font-family: inherit;
  font-weight: inherit;
}
.RadCalendarMonthView.RadCalendarMonthView_Metro .rcSelected a,
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a {
  background: #0D0D0D;
}
.RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today {
  background: #0D0D0D;
  border-color: #0D0D0D;
}
.RadCalendarTimeView.RadCalendarTimeView_Metro,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch {
  font-family: inherit;
  font-weight: inherit;
}
.RadCalendarTimeView.RadCalendarTimeView_Metro td.rcSelected a,
.RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a {
  border-color: #0D0D0D;
  background: #0D0D0D;
}
.RadPicker.RadPicker_Metro .rcCalPopup:hover,
.RadPicker.RadPicker_Metro .rcCalPopup:focus,
.RadPicker.RadPicker_Metro .rcCalPopup:active,
.RadPicker.RadPicker_Metro .rcTimePopup:hover,
.RadPicker.RadPicker_Metro .rcTimePopup:focus,
.RadPicker.RadPicker_Metro .rcTimePopup:active,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:hover,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:focus,
.RadPicker.RadPicker_MetroTouch .rcCalPopup:active,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:hover,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:focus,
.RadPicker.RadPicker_MetroTouch .rcTimePopup:active {
  color: #F3F3F3;
  background-color: #0D0D0D;
}
.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup {
  width: inherit;
  text-indent: inherit;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
/* ==========================================================================
   JUMBOTRON
   ========================================================================== */
/* Home page full width banners */
/* Home page full width area
   ========================================================================== */
/* This is for the full width area of the Cities and Cities_Responsive home page.
 * It uses a content area to acheive the full width
 */
.HomePageFullWidthArea .ContentItemContainer .panel:not(.panel-border),
.HomePageFullWidthArea .ContentItemContainer div .panel:not(.panel-border) {
  /* if borders are not turned on don't leave the space for them */
  border-width: 0;
}
.HomePageFullWidthArea .ContentItemContainer .panel .panel-body-container .panel-body,
.HomePageFullWidthArea .ContentItemContainer div .panel .panel-body-container .panel-body {
  /* Turn off the padding on iPart panels */
  padding: 0;
}
/* Mobile Hero Area
   ========================================================================== */
.HeroArea {
  height: 350px;
  width: 100%;
  position: relative;
}
.HeroBackground {
  height: 100%;
  background: #009FD9 url(images/MobileCairnsBanner.jpg) bottom center no-repeat;
  background-size: cover;
}
.HeroContent {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 8px 0;
  background-color: #000;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: rgba(0, 0, 0, 0.75);
}
.HeroContent h1,
.HeroContent h2,
.HeroContent h3,
.HeroContent h4,
.HeroContent h5,
.HeroContent .HeroText {
  color: #FFF;
  margin: 0 8px 8px 8px;
}
.HeroContent .TextButton {
  float: right;
}
/* Responsive Hero Content
   ========================================================================== */
/* This header is used in the out-of-the-box Member, Member Responsive
 * and Annual Conference sample sites */
/* Note: this is actually a static hero image and text.
 * For the Slideshow iPart styles see Carousel.
 */
.Slider.FullWidth {
  height: 39em;
  background-image: url(images/HomeBanner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.Slider.FullWidth h1 {
  font-size: 200%;
}
@media (min-width: 768px) {
  .Slider.FullWidth h1 {
    font-size: 250%;
  }
}
.no-mqs .Slider.FullWidth h1 {
  font-size: 250%;
}
.Slider.FullWidth .SliderPage1 {
  height: 100%;
}
.Slider.FullWidth .SliderPage1 h1 {
  color: #FFF;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 1.2;
}
.Slider.FullWidth .SliderPage1 .SliderContent {
  /* remove the margins put on by the container */
  margin-left: -15px;
  margin-right: -15px;
  /* then add it back on */
  padding: 15px;
  /* Fallback for IE8, which doesn't support rgba */
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  position: absolute;
  bottom: 0;
  max-height: 100%;
  overflow: auto;
}
@media (min-width: 768px) {
  .Slider.FullWidth .SliderPage1 .SliderContent {
    position: inherit;
    float: right;
    width: 36em;
    margin: 1em;
    max-height: 37em;
  }
}
.no-mqs .Slider.FullWidth .SliderPage1 .SliderContent {
  position: inherit;
  float: right;
  width: 36em;
  margin: 1em;
  max-height: 37em;
}
.Slider.FullWidth .SliderPage1 .SliderText {
  overflow-y: auto;
  line-height: 1.7em;
  color: #FFF;
}
.Slider.FullWidth .SliderPage1 .SliderText h2,
.Slider.FullWidth .SliderPage1 .SliderText h3,
.Slider.FullWidth .SliderPage1 .SliderText h4,
.Slider.FullWidth .SliderPage1 .SliderText h5 {
  color: inherit;
}
.Slider.FullWidth .SliderPage1 p:last-child {
  margin-bottom: 0;
}
.Slider.FullWidth .SliderPage1 .ActionButton {
  margin-top: 1em;
  text-align: right;
}
/* Responsive "Jumbotron"
   ========================================================================== */
/* This header is used in the out-of-the-box Donor sample site */
.jumbotron .jumbotron-content {
  max-height: 100%;
}
.jumbotron.home,
.jumbotron.interior {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
  text-shadow: 1px 1px 1px #000;
}
.jumbotron.home {
  height: 39em;
}
.jumbotron.home h1 span,
.jumbotron.home .ActionButton {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1170px;
}
.jumbotron.home h1 {
  color: #FFF;
  margin-top: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: center;
  font-weight: normal;
  font-size: 200%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.45);
}
@media (min-width: 768px) {
  .jumbotron.home h1 {
    font-size: 250%;
  }
}
.no-mqs .jumbotron.home h1 {
  font-size: 250%;
}
@media (min-width: 768px) {
  .jumbotron.home h1 span {
    padding-left: 8%;
    padding-right: 8%;
  }
}
.no-mqs .jumbotron.home h1 span {
  padding-left: 8%;
  padding-right: 8%;
}
.jumbotron.home .ActionButton {
  text-align: right;
}
@media (min-width: 768px) {
  .jumbotron.home .ActionButton {
    padding-right: 12%;
  }
}
.no-mqs .jumbotron.home .ActionButton {
  padding-right: 12%;
}
.jumbotron.interior {
  height: 20em;
}
.jumbotron.interior p {
  padding: 1.5em 1em 0.8em;
  font-size: 150%;
  margin-bottom: 0;
}
.jumbotron.interior p:before,
.jumbotron.interior p:after {
  content: " ";
  display: table;
}
.jumbotron.interior p:after {
  clear: both;
}
.jumbotron.interior .ActionButton {
  clear: both;
  padding-left: 3em;
  padding-right: 3em;
}
@media (max-width: 767px) {
  .jumbotron.interior .jumbotron-content {
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.65);
    text-align: center;
  }
}
@media (min-width: 480px) {
  .jumbotron.interior p {
    font-size: 170%;
  }
}
.no-mqs .jumbotron.interior p {
  font-size: 170%;
}
@media (min-width: 768px) {
  .jumbotron.interior {
    height: 25em;
  }
  .jumbotron.interior p {
    font-size: 200%;
  }
  .jumbotron.interior .jumbotron-text span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 0 0.45em;
    margin-bottom: 0.2em;
    float: left;
    clear: left;
  }
  .jumbotron.interior.AlignRight .jumbotron-text span {
    float: right;
    clear: right;
  }
}
.no-mqs .jumbotron.interior {
  height: 25em;
}
.no-mqs .jumbotron.interior p {
  font-size: 200%;
}
.no-mqs .jumbotron.interior .jumbotron-text span {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.55);
  padding: 0 0.45em;
  margin-bottom: 0.2em;
  float: left;
  clear: left;
}
.no-mqs .jumbotron.interior.AlignRight .jumbotron-text span {
  float: right;
  clear: right;
}
.jumbotron .img-copyright,
.carousel .img-copyright {
  position: absolute;
  bottom: 0.5em;
  right: 1em;
  font-size: 70%;
}
.jumbotron .img-copyright a,
.jumbotron .img-copyright a:hover,
.jumbotron .img-copyright a:focus,
.jumbotron .img-copyright a:visited,
.jumbotron .img-copyright a:active,
.carousel .img-copyright a,
.carousel .img-copyright a:hover,
.carousel .img-copyright a:focus,
.carousel .img-copyright a:visited,
.carousel .img-copyright a:active {
  color: #FFF;
}
/* Carousel
   ========================================================================== */
/* Used by the Slideshow iPart */
.carousel-inner.bg-img > .item {
  background-color: #222222;
  background-position: 50% 25%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: cover;
}
.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {
  font-weight: bold;
  display: inline-block;
}
@media (max-width: 991px) {
  .carousel h1 {
    font-size: 200%;
  }
}
.carousel-control .icon-prev::before,
.carousel-control .icon-next::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
}
.carousel-control .icon-prev {
  margin-left: -10px;
}
.carousel-control .icon-prev::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -150px no-repeat;
}
.carousel-control .icon-next {
  margin-right: -10px;
}
.carousel-control .icon-next::before {
  background: url("images/ResponsiveHeaderSprite.png") 0 -200px no-repeat;
}
.carousel-indicators {
  display: none;
}
.carousel-caption {
  padding: 15px;
  font-family: Lato, sans-serif;
  bottom: 83px;
  background-color: rgba(36, 32, 33, 0.9);
  text-align: left !important;
}
@media (min-width: 768px) {
  .carousel-caption {
    width: 30%;
    left: 15% !important;
    right: auto;
  }
}
.no-mqs .carousel-caption {
  width: 30%;
  left: auto;
  right: 15% !important;
}
.carousel-caption h1:after {
  display: none;
}
.carousel-caption p {
  font-size: 18px;
}
.carousel-caption .btn {
  width: 100%;
}
/* Internal page carousel */
.InternalHeaderArea {
  background: #0D0D0D;
  overflow: hidden;
}
@media (min-width: 768px) {
  .InternalHeaderArea .carousel {
    height: 200px;
  }
}
.no-mqs .InternalHeaderArea .carousel {
  height: 200px;
}
@media (max-width: 767px) {
  .InternalHeaderArea .carousel {
    height: 0px;
  }
}
.InternalHeaderArea .panel-body {
  padding: 0;
}
.InternalHeaderArea .carousel-inner {
  -webkit-filter: blur(0px);
  filter: blur(0px);
  width: 100%;
}
.InternalHeaderArea .carousel-control,
.InternalHeaderArea .carousel-inner > .item .carousel-link {
  display: none !important;
}
.Wrapper-HomePage .HomePageFullWidthArea {
  /* Overwrite slideshow height setting on homepage only */
  /* darker gradient to improve legibility of auxiliary nav */
}
.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item {
  height: 39em !important;
}
.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before {
  content: '';
  display: block;
  background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, transparent 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
  height: 6em;
  width: 100%;
  position: absolute;
  z-index: 665;
}
/* There seems to be an issue when choosing to display the FullWidthArea on the homepage only.
    The container div remains on internal pages although its content is hidden. */
.HomePageFullWidthArea {
  display: none;
}
.Wrapper-HomePage .HomePageFullWidthArea,
.TemplateManagerArea .HomePageFullWidthArea {
  display: block;
}
/* ==========================================================================
   COMMUNITIES
   ========================================================================== */
/* Community left nav */
.CommunityLinksBlock a {
  color: #0C0C0C;
}
.CommunityLinksBlock a:hover {
  background-color: #212121;
  color: #0C0C0C;
  text-decoration: none;
}
.CommunityLinksBlock a.CommunityLinksSelected,
.CommunityLinksBlock a.CommunityLinksSelected:hover {
  background-color: #66FFCC;
  color: white;
  font-weight: bold;
  text-decoration: none;
}
/* Community breadcrumb */
.BreadCrumbCurrent {
  font-size: 120%;
  font-weight: bold;
}
/*** Communities common elements ***/
.CommunityItemActionLinks a:hover {
  background-color: #66FFCC;
}
.CommunityItemTitle {
  font-size: 110%;
  padding: 0.25em 0;
}
.CommunityReplyForm,
.CommunityCommentItem {
  background: #F2F2F2;
  border-left: 10px solid #DDD;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem {
  background: #F2F2F2;
}
/* For adding comments */
.CommunityWikiReplyForm {
  background: #F2F2F2;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
/*****************************************************/
/*            Donor Sample Site Styles               */
/*****************************************************/
/* These styles are used in the Donor sample site  */
.DonorBannerHome {
  background: url(../../images/SampleSites/Donor/birdbanner.jpg) no-repeat;
  overflow: hidden;
  height: 330px;
  position: relative;
}
.DonorBannerInterior {
  overflow: hidden;
  height: 275px;
  position: relative;
}
.DonorBannerInteriorBackground1 {
  background: #67895E url(../../images/SampleSites/Donor/bearbanner.jpg) no-repeat;
}
.DonorBannerInteriorBackground2 {
  background: #95BB19 url(../../images/SampleSites/Donor/butterflybanner.jpg) no-repeat;
}
.DonorBannerInteriorBackground3 {
  background: #764C31 url(../../images/SampleSites/Donor/catbanner.jpg) no-repeat;
}
.DonorBannerInteriorBackground4 {
  background: #416A26 url(../../images/SampleSites/Donor/frogbanner.jpg) no-repeat;
}
.DonorBannerInteriorBackground5 {
  background: #696F44 url(../../images/SampleSites/Donor/numbatbanner.jpg) no-repeat;
}
.DonorBannerInteriorBackground6 {
  background: #3C683D url(../../images/SampleSites/Donor/squirrelbanner.jpg) no-repeat;
}
.DonorBannerTextBackgroundHome {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 292px;
  width: 450px;
  margin: 20px;
}
.DonorBannerTextBackgroundInterior {
  background: none repeat scroll 0 0 #191919;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  float: right;
  height: 236px;
  width: 450px;
  margin: 20px;
}
.DonorBannerTextBackgroundHome h1,
.DonorBannerTextBackgroundInterior h1 {
  color: #FFF;
  font-size: 280%;
  background: none;
  margin: 0.4em;
}
.DonorBannerTextBackgroundHome p,
.DonorBannerTextBackgroundInterior p {
  color: #FFF;
  font-size: 120%;
  line-height: 1.6em;
  margin: 1em;
  padding: 0.4em;
}
/**** End Donor Sample Site Styles ****/
/* ==========================================================================
   MISCELLANEOUS
   ========================================================================== */
/* Classes that can be used for iParts and HTML content */
/* Titles */
h1.BigHeader,
.h1.BigHeader {
  background-color: transparent;
  color: #3D00A3;
}
/* Use class ContentBlockPrimary to give a block of content extra emphasis */
.ContentBlockPrimary {
  padding: 20px;
  background-color: #CCCCCC;
  color: #C3251D;
}
/* Make the titles on secondary columns smaller - used on the Member home page */
.SecondaryColumn h2,
.SecondaryColumn .PanelTitle,
.SecondaryColumn .panel-title {
  font-family: inherit;
  font-weight: bold;
  font-size: 90%;
  color: #999999;
  text-transform: uppercase;
}
.SecondaryColumn h2,
.SecondaryColumn .PanelHead,
.SecondaryColumn .TitleBarCaption,
.SecondaryColumn .panel-heading {
  border-bottom: none;
}
.SecondaryColumn .PanelHead,
.SecondaryColumn .panel-heading {
  padding: 0 4px;
}
.SecondaryColumn .CommunityBlogItem {
  padding: 0 0 0 10px;
}
.SecondaryColumn .CommunityBlogItem .PanelFieldValue {
  padding: 0;
}
.SecondaryColumn .CommunityItemTitle {
  font-weight: normal;
  font-size: inherit;
}
.SecondaryColumn .RadGrid .rgRow td,
.SecondaryColumn .RadGrid .rgNoRecords td {
  padding: 4px;
}
/* Use class ContentBlockPictureArea to surround an image within a ContentBlockPrimary area */
.ContentBlockPictureArea,
.ContentBlockLeft {
  width: 250px;
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.ContentBlockPictureArea.FloatRight,
.ContentBlockLeft.FloatRight {
  float: right;
  margin-left: 0.5em;
}
.ContentBlockPictureArea img,
.ContentBlockLeft img {
  max-width: 100%;
  height: auto !important;
}
.BlockList ul {
  margin: 0;
  padding: 0;
}
.BlockList li {
  list-style: none;
}
.BlockList a {
  display: block;
  text-decoration: none;
  padding: 20px;
}
.BlockList a:hover {
  background-color: #E9E4EC;
}
.BlockList a span {
  text-decoration: underline;
}
.BlockList p {
  color: #0C0C0C;
  margin-bottom: 0;
}
/* Tagged list format, styled similar to BlockList */
.BlockTLItem {
  display: block;
  text-decoration: none;
  padding: 10px 0;
}
.BlockTLItem,
.BlockList li {
  border-bottom: 1px solid #DDD;
}
.BlockTLItem h4,
.BlockList h4 {
  font-size: 110%;
  font-weight: 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 {
  margin: 1.5em 0.7em 1.5em 0;
  padding: 1.5em 0.7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;
}
.Quote:before {
  content: open-quote;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  font-size: 500%;
  line-height: 0.1em;
}
.Quote p {
  display: inline;
}
.Quote cite {
  display: block;
  margin-left: 1em;
  margin-top: 0.5em;
  font-style: italic;
}
.Quote cite:before {
  content: "— ";
}
@media (min-width: 768px) {
  .Quote {
    font-size: 120%;
  }
  .Quote cite {
    font-size: 90%;
    margin-left: 2em;
  }
}
.no-mqs .Quote {
  font-size: 120%;
}
.no-mqs .Quote cite {
  font-size: 90%;
  margin-left: 2em;
}
.QuoteStyle2 {
  border-left-color: #66FFCC;
}
/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: #FFF;
  background: #3D00A3;
  /*$callout1-bg*/
  width: auto;
  border-radius: 3px;
}
.CalloutPanelField1 .PanelField label:first-child:after,
.CalloutPanelField1.PanelField label:first-child:after,
.CalloutPanelField1 .PanelField .Label:first-child:after,
.CalloutPanelField1.PanelField .Label:first-child:after {
  content: "";
  position: absolute;
  bottom: -8px;
  /* value = - border-top-width - border-bottom-width */
  left: 30px;
  /* controls horizontal position */
  border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
  border-style: solid;
  border-color: #3D00A3 transparent;
  /*$callout1-bg*/
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
/* TotalBox can be used as a wrapper for PanelFields, or on the PanelField directly, to visually distinguish a calculated total. */
.TotalBox {
  border-color: #DDD;
}
.TotalBox label {
  background-color: #3D00A3;
  color: #FFF;
  padding: 0.25em 0.75em;
  color: #FFF;
}
/* Add zone style "CCOGrayBg" to give CCO content a gray background */
.CCOGrayBg .ContentWizardDisplay {
  background-color: #F0EDF2;
}
.CCOGrayBg .yui-g {
  float: none;
}
/* Add zone style "TitleBarNoBorder" to remove the bottom border from the title bar caption */
.TitleBarNoBorder .TitleBarCaption,
.TitleBarNoBorder .PanelHead.Distinguish,
.TitleBarNoBorder .panel-heading.Distinguish {
  border-bottom: none;
}
/* Use the FeatureText class to make a block of text larger for emphasis */
.FeatureText {
  color: #323232;
  font-size: 150%;
  line-height: 170%;
}
/* Use the CenterText class to center the text within the iPart */
.CenterText {
  text-align: center;
}
.FullWidthButtons .btn,
.FullWidthButtons .TextButton {
  display: block;
}
/* Use class FeatureActionLink on a link to call attention to it */
a.FeatureActionLink {
  -webkit-transition: all 0.2s ease 0;
  -o-transition: all 0.2s ease 0;
  transition: all 0.2s ease 0;
  font-family: "Abel", Helvetica Neue, sans-serif;
  font-size: 110%;
  font-weight: 700;
  line-height: 1.5em;
  padding: 8px 0;
  text-decoration: none;
}
@media (min-width: 992px) {
  a.FeatureActionLink {
    font-size: 150%;
  }
}
.no-mqs a.FeatureActionLink {
  font-size: 150%;
}
a.FeatureActionLink:hover {
  text-decoration: underline;
}
/* Spotlight
   ========================================================================== */
/* Featured items display */
.Spotlight {
  text-align: center;
}
.Spotlight img,
.Spotlight h4 {
  text-align: center;
}
@media (min-width: 768px) {
  .Spotlight .ImageWrapper {
    height: 160px;
  }
}
.no-mqs .Spotlight .ImageWrapper {
  height: 160px;
}
.Spotlight .TextButton,
.Spotlight .btn {
  margin-top: 1em;
}
.Spotlight p {
  text-align: center;
  padding-top: 0.4em;
}
.Spotlight a img {
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.Spotlight a img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.SpotlightRow {
  margin-bottom: 1.2em;
}
.SpotlightRow:before,
.SpotlightRow:after {
  content: " ";
  display: table;
}
.SpotlightRow:after {
  clear: both;
}
@media (min-width: 768px) {
  .SpotlightRow.ThreeAcross .Spotlight {
    float: left;
    width: 33%;
    padding-left: 2%;
    padding-right: 2%;
  }
}
.no-mqs .SpotlightRow.ThreeAcross .Spotlight {
  float: left;
  width: 33%;
  padding-left: 2%;
  padding-right: 2%;
}
/* Feature Header
   ========================================================================== */
.feature-header {
  color: #3D00A3;
  border-bottom: none;
  margin-bottom: 0.8em;
}
/* Feature Link
   ========================================================================== */
.feature-link-with-image {
  margin-bottom: 1em;
}
.feature-link-with-image,
.feature-link-with-image:hover,
.feature-link-with-image:active,
.feature-link-with-image:visited {
  text-decoration: none;
  color: #FFF;
}
.feature-link-with-image .feature-link-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17em;
  margin-bottom: 20px;
}
.feature-link-with-image .feature-link-text {
  height: 100%;
  padding: 0.8em;
  font-size: 110%;
}
@media (min-width: 480px) {
  .feature-link-with-image .feature-link-text {
    width: 45%;
  }
}
.no-mqs .feature-link-with-image .feature-link-text {
  width: 45%;
}
.feature-link-with-image .feature-link-text h1,
.feature-link-with-image .feature-link-text h2,
.feature-link-with-image .feature-link-text h3,
.feature-link-with-image .feature-link-text h4,
.feature-link-with-image .feature-link-text h5 {
  margin-top: 0;
}
.feature-link-with-image.feature-link-1 .feature-link-text {
  background-color: #3D00A3;
  background-color: rgba(61, 0, 163, 0.75);
}
.feature-link-with-image.feature-link-1:hover .feature-link-text {
  background-color: #2A0070;
  background-color: rgba(42, 0, 112, 0.75);
}
.feature-link-with-image.feature-link-2 .feature-link-text {
  background-color: #0D0D0D;
  background-color: rgba(13, 13, 13, 0.75);
}
.feature-link-with-image.feature-link-2:hover .feature-link-text {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
}
/* Feature Text Inline
   ========================================================================== */
.feature-text-inline {
  color: #3D00A3;
}
/* Header Links
   ========================================================================== */
.header-link {
  border-bottom: none;
}
.header-link a {
  text-decoration: none;
}
.header-link a,
.header-link a:visited {
  color: #0C0C0C;
}
.header-link a:hover,
.header-link a:active,
.header-link a:focus {
  color: #390099;
}
/* Image Banners
   ========================================================================== */
/* use these classes to get a particular background image on an element */
.bg-img-conference-tall {
  background-color: #081337;
  background-image: url("../../images/SampleSites/conferencebannertall.jpg");
}
.bg-img-conference-small {
  background-color: #081337;
  background-image: url("../../images/SampleSites/Member/cairnsnight.jpg");
}
.bg-img-tiger-tall {
  background-color: #04080B;
  background-image: url("../../images/ImageLibrary/tiger-tall.jpg");
  background-position: center center;
}
.bg-img-red-panda {
  background-color: #57574B;
  background-image: url("../../images/SampleSites/Donor/red-panda.jpg");
}
.bg-img-tiger-swimming {
  background-color: #1C1705;
  background-image: url("../../images/SampleSites/Donor/tiger-swimming.jpg");
}
.bg-img-highland-cow {
  background-color: #E4E0CD;
  background-image: url("../../images/SampleSites/Donor/highland-cow.jpg");
}
.bg-img-volunteer-canoes {
  background-color: #8AA15B;
  background-image: url("../../images/SampleSites/Donor/volunteer-canoes.jpg");
}
.bg-img-elephant-with-mountains {
  background-color: #748610;
  background-image: url("../../images/SampleSites/Donor/elephant-with-mountains.jpg");
}
.bg-img-wildlife-refuge {
  background-color: #6D7F2D;
  background-image: url("../../images/SampleSites/Donor/wildlife-refuge.jpg");
}
.bg-img-poplar-trees {
  background-color: #737E23;
  background-image: url("../../images/SampleSites/Donor/poplar-trees.jpg");
  background-position: top center !important;
}
.bg-img-swamp {
  background-color: #BBBDB8;
  background-image: url("../../images/SampleSites/Donor/swamp.jpg");
}
.bg-img-roseate-terns {
  background-color: #8F9949;
  background-image: url("../../images/SampleSites/Donor/roseate-terns.jpg");
  background-position: center 88% !important;
}
.banner-tall,
.banner-short {
  text-decoration: none;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0;
}
.banner-tall,
.banner-tall:visited,
.banner-tall:active,
.banner-tall:hover,
.banner-tall:focus,
.banner-tall h2,
.banner-short,
.banner-short:visited,
.banner-short:active,
.banner-short:hover,
.banner-short:focus,
.banner-short h2 {
  color: #FFF;
}
.banner-text h2 {
  font-size: 100%;
}
.banner-tall {
  height: 500px;
  max-width: 300px;
}
.banner-tall .banner-text {
  position: absolute;
  bottom: 0;
  padding: 10px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 0 0 5px 5px;
}
.banner-short {
  min-height: 150px;
  max-width: 300px;
}
.banner-short .banner-text {
  padding: 5px;
  min-height: 150px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
/* Image Copyright Statements
   ========================================================================== */
.img-copyright {
  font-size: 70%;
}
/* Donation page enhancements
   ========================================================================== */
/* To enhance the display of a donation page, apply the donate-page class to the Donation Creator iPart's CSS Class */
.donate-page .GiftItemName {
  color: #3D00A3;
  font-size: 250%;
}
.donate-page .GiftItemDescription {
  font-size: 125%;
}
.RelatedItemsHorizontalEffect li:hover {
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
  border-radius: 0;
  background-color: transparent;
}
/* Fix product name overlapping other content */
ul.RelatedItemsHorizontal li,
.RelatedItemsHorizontal ul.rrItemsList li {
  height: auto;
}
/* Alt background colors
   ========================================================================== */
.AltBgColor1 {
  background-color: #F0EDF2;
  padding: 10px;
}
.AltBgColor2 > .panel,
.AltBgColor2 > .panel h2,
.AltBgColor3 > .panel,
.AltBgColor3 > .panel h2,
.AltBgColor4 > .panel,
.AltBgColor4 > .panel h2,
.AltBgColor5 > .panel,
.AltBgColor5 > .panel h2 {
  color: #FFF;
}
.AltBgColor2 > .panel a,
.AltBgColor2 > .panel a:hover,
.AltBgColor2 > .panel a:active,
.AltBgColor2 > .panel a:focus,
.AltBgColor2 > .panel a:visited,
.AltBgColor3 > .panel a,
.AltBgColor3 > .panel a:hover,
.AltBgColor3 > .panel a:active,
.AltBgColor3 > .panel a:focus,
.AltBgColor3 > .panel a:visited,
.AltBgColor4 > .panel a,
.AltBgColor4 > .panel a:hover,
.AltBgColor4 > .panel a:active,
.AltBgColor4 > .panel a:focus,
.AltBgColor4 > .panel a:visited,
.AltBgColor5 > .panel a,
.AltBgColor5 > .panel a:hover,
.AltBgColor5 > .panel a:active,
.AltBgColor5 > .panel a:focus,
.AltBgColor5 > .panel a:visited {
  color: #FFF;
  text-decoration: underline;
}
.AltBgColor2 > .panel .ProgressBar > span,
.AltBgColor3 > .panel .ProgressBar > span,
.AltBgColor4 > .panel .ProgressBar > span,
.AltBgColor5 > .panel .ProgressBar > span {
  /* Make the progress tracker indicator use a white bar instead of default */
  background-color: #FFF;
}
.AltBgColor2 > .panel {
  background-color: #00ABBE;
}
.AltBgColor2 > .panel.panel-border {
  border-color: #0094A5;
}
.AltBgColor3 > .panel {
  background-color: #3D00A3;
}
.AltBgColor3 > .panel.panel-border {
  border-color: #33008A;
}
.AltBgColor4 > .panel {
  background-color: #E98300;
}
.AltBgColor4 > .panel.panel-border {
  border-color: #D07500;
}
.AltBgColor5 > .panel {
  background-color: #8E51AE;
}
.AltBgColor5 > .panel.panel-border {
  border-color: #80499D;
}
/* ==========================================================================
   DASHBOARDS
   ========================================================================== */
/* Zone or iPart style for the staff dashboards for consistent styling */
.ProgressTracker_Dashboard .panel-body,
.ProgressTracker_Dashboard_Overview .panel-body {
  padding-top: 0;
}
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  font-size: 120%;
  display: block;
  margin-top: 10px;
}
.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-left: -10px;
  margin-right: -10px;
}
.ProgressTracker2 ul,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard_Overview ul {
  margin: 0;
  padding: 0;
}
.ProgressTracker2 ul,
.ProgressTracker2 li,
.ProgressTracker_Dashboard ul,
.ProgressTracker_Dashboard li,
.ProgressTracker_Dashboard_Overview ul,
.ProgressTracker_Dashboard_Overview li {
  list-style-type: none;
}
.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count,
.ProgressTracker_Dashboard_Overview .count {
  font-weight: bold;
  display: block;
  line-height: 1;
  letter-spacing: -1px;
}
.ProgressTracker2 .label,
.ProgressTracker_Dashboard .label,
.ProgressTracker_Dashboard_Overview .label {
  line-height: 1;
}
.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar,
.ProgressTracker_Dashboard_Overview .ProgressBar {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  background-color: #E5E5E5;
  background-color: rgba(0, 0, 0, 0.1);
}
.ProgressTracker2 .ProgressBar > span,
.ProgressTracker_Dashboard .ProgressBar > span,
.ProgressTracker_Dashboard_Overview .ProgressBar > span {
  display: block;
  height: 100%;
  background-color: #3D00A3;
  position: relative;
  overflow: hidden;
}
.ProgressTracker2 p,
.ProgressTracker_Dashboard p,
.ProgressTracker_Dashboard_Overview p {
  margin-bottom: 0;
}
.ProgressTracker_Dashboard .panel-heading.Distinguish {
  padding-bottom: 0;
}
.ProgressTracker_Dashboard .inset {
  display: block;
  padding-bottom: 15px;
}
.ProgressTracker2 .count,
.ProgressTracker_Dashboard .count {
  font-size: 350%;
}
.ProgressTracker2 .ProgressBar,
.ProgressTracker_Dashboard .ProgressBar {
  padding: 0;
  height: 18px;
}
.ProgressTracker_Dashboard_Overview .panel {
  /* default the overview PTs to the same height */
  min-height: 137px;
}
.ProgressTracker_Dashboard_Overview .panel-heading.Distinguish {
  border-bottom-color: transparent;
}
.ProgressTracker_Dashboard_Overview .count {
  font-size: 250%;
}
.ProgressTracker_Dashboard_Overview .ProgressBar {
  height: 5px;
  margin-bottom: 5px;
}
.StaffDashboard h2,
.StaffDashboard .panel-heading.Distinguish,
.StaffDashboard .PanelHead.Distinguish,
.StaffDashboard .TitleBarCaption {
  border-bottom-color: transparent;
}
.StaffDashboard h2.Collapsible,
.StaffDashboard .panel-heading.Distinguish.Collapsible,
.StaffDashboard .PanelHead.Distinguish.Collapsible,
.StaffDashboard .TitleBarCaption.Collapsible {
  border-bottom-color: #DDD;
}


/* Store  */  


 /* No Thumbs to show */
    .pvProductImageThumbs {
    display: none;
    }


 .pvVariantList.pvswatch li label {
    position: relative;
    border-radius: 100% !important;
    }
    .pvVariantList.pvcircle li label {
    border-radius: 0  !important;
    }
    .pvVariantList.pvswatch li label span {
    border-radius: 100% !important;
    }
.ETU-store .panel-body-container .row {
      background: white;
    padding: 20px;
    border: 1px solid #e4e4e4;
    box-shadow: -1px -1px 15px 2px #00000005;
    height: 100%;
    min-height: 100%;
}


h2.ProductType {


text-transform: uppercase;
    font-weight: 400;
    color: #ed1c24;
    font-size: 31px;
    margin-bottom: 19px;
    font-family: sans-serif;
    letter-spacing: 2.1px;
    border-bottom: 2px solid #ed1c24 !important;
    background: white;
    display: block;
}

/* change 50-50 widths for products only, not template  */
    @media (min-width: 768px) {
    .ETU-store .col-sm-6 .col-sm-6:nth-child(2) {
    width: 60%;
    }
    .ETU-store .col-sm-6 .col-sm-6:first-child {
    width: 38%;
    }
    }


/* Hides col-secondary (the secondary nav on dektop) */
/* 180621 - Sam - Causeis */

@media (min-width: 1025px) {
    .col-primary {
    width:100% !important;
    }
    .col-secondary {
    width: 100% !important;
    display: none !important;
    }
    }
  
   @media (min-width: 767px) {
.sticky {
    position: fixed;
    top: 0;
    height: auto;
    display: inline-table;
    width: 100%;
    -webkit-animation-name: sticky;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: sticky;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -ms-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;
    transition: all 2s ease-in-out 0s;
    }
}
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes sticky {
    from { background-color: #242021;}
    to {  background-color: #525050;}
    }
    @keyframes sticky {
    from { background-color: #242021;}
    to { background-color: #525050;}
    }
    @media (min-width: 767px) {
    .smlogo::after {
    display: block;
    width: 33px;
    height: 37px;
    content: "";
    background: url(/App_Themes/ETUQ/images/HeaderLogoTrans.png) no-repeat 0 0;
    background-size: 97%;
    margin-left: -42px;
    margin-top: -39px;
    -webkit-animation-name: smlogo;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: smlogo;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    -webkit-transition: all 2s ease-in-out 0s;
    -moz-transition: all 2s ease-in-out 0s;
    -ms-transition: all 2s ease-in-out 0s;
    -o-transition: all 2s ease-in-out 0s;
    transition: all 2s ease-in-out 0s;
    }
    /* Safari 4.0 - 8.0 */
    @-webkit-keyframes smlogo{
    from {opacity: 0.2;}
    to {opacity: 1;}
    }
    @keyframes smlogo{
    from {opacity: 0.2;}
    to {opacity: 1;}
    }
    }
    @media (min-width: 767px) {
    .smlogo2::after {
  
    background: none no-repeat 0 0 !important;

    }
}