var customStyle = ` 
.chronosDefault .AlertText a,
.chronosDefault .AlertText a:link,
.chronosDefault .AlertText a:visited {
  color: CustomBackgroundColor;
}

.chronosDefault a,
.chronosDefault a:link,
.chronosDefault a:visited {
  color: CustomBackgroundColor;
}

.chronosDefault .TeamPage_newsHolder a,
.chronosDefault .TeamPage_newsHolder a:link,
.chronosDefault .TeamPage_newsHolder a:visited,
.chronosDefault .TeamPage_gridColumn a,
.chronosDefault .TeamPage_gridColumn a:link,
.chronosDefault .TeamPage_gridColumn a:visited,
.chronosDefault .skInner .ModLinksC a,
.chronosDefault .skInner .ModLinksC a:link,
.chronosDefault .skInner .ModLinksC a:visited,
.chronosDefault .skInner .ModDNNHTMLC a,
.chronosDefault .skInner .ModDNNHTMLC a:link,
.chronosDefault .skInner .ModDNNHTMLC a:visited {
  color: CustomBackgroundColor;
}

a.sWebTheme_showSettings:hover,
a.sWebTheme_showSettings:link:hover,
a.sWebTheme_showSettings:visited:hover {
  background-color: CustomBackgroundColor;
  color: CustomFontColor;
}

a.sWebTheme_ActionsLinks:hover span,
a.sWebTheme_ActionsLinks:focus span,
a.sWebTheme_ActionsLinks:active span {
  background: CustomBackgroundColor;
  color: CustomFontColor;
}

.chronosDefault .skLogin a.link:hover,
.chronosDefault .skLogin a.link:focus,
.chronosDefault .skLogin a.link:active {
  background: CustomBackgroundColor;
}

.chronosDefault .skSocial a.link svg,
.chronosDefault .skLogin #google_translate_element svg {
  fill: CustomBackgroundColor;
}

#Body.chronosDefault #mobNav .navBar,
#Body.chronosDefault #mobNav .navDropDown {
  background: CustomBackgroundColor;
}

#Body.chronosDefault #mobNav .navChild .navLink,
#Body.chronosDefault #mobNav .navChild .navLink:link,
#Body.chronosDefault #mobNav .navChild .navLink:visited {
  color: CustomBackgroundColor;
}

#Body.chronosDefault #mobNav .navChild .navIcon {
  fill: CustomBackgroundColor;
}

.chronosDefault #dnnStandardMenu .root .m0 .txt:hover {
  background-color: CustomBackgroundColor;
}


/* Slider CSS */
/*******************************************************************/
.chronosDefault #slider942406 .navigation:after,
.chronosDefault #slider942406 .navigation:before {
  background: CustomBackgroundColor;
}

.chronosDefault #slider942406 .overlay {
  background: CustomBackgroundColor;
}

.chronosDefault #slider942406 .item:after {
  background: CustomBackgroundColor;
}

.chronosDefault #slider942406 a.readmore:hover,
.chronosDefault #slider942406 a.readmore:focus,
.chronosDefault #slider942406 a.readmore:active {
  color: CustomBackgroundColor;
  border-color: CustomBackgroundColor;
}

.chronosDefault #slider942406 .pager a.selected span {
  background: CustomBackgroundColor;
}

.chronosDefault .innerpage-content-wrapper .TeamPage_gridColumn a,
.chronosDefault .innerpage-content-wrapper .TeamPage_gridColumn a:link,
.chronosDefault .innerpage-content-wrapper .TeamPage_gridColumn a:visited {
  color: CustomBackgroundColor;
}

/* News CSS */
/*******************************************************************/
.chronosDefault .skNews .news-border:hover {
  border-color: CustomBackgroundColor;
}

.chronosDefault .skNews .skNewsImage {
  background: CustomBackgroundColor;
}

.chronosDefault .skNews li.item:hover .image,
.chronosDefault .skNews li.item:hover .news-border {
  border-color: CustomBackgroundColor;
}

.chronosDefault .skNews .link .image:hover {
  border-color: CustomBackgroundColor;
}

/* Links CSS */
/********************************************************************/
.chronosDefault .skLinks a.link,
.chronosDefault .skLinks a.link:link,
.chronosDefault .skLinks a.link:visited {
  background: CustomBackgroundColor;
}

.chronosDefault.chronos-light-hot-pink .skLinks a.link:hover,
.chronosDefault.chronos-light-hot-pink .skLinks a.link:focus,
.chronosDefault.chronos-light-hot-pink .skLinks a.link:active,
.chronosDefault.chronos-light-blue .skLinks a.link:hover,
.chronosDefault.chronos-light-blue .skLinks a.link:focus,
.chronosDefault.chronos-light-blue .skLinks a.link:active,
.chronosDefault.chronos-light-green .skLinks a.link:hover,
.chronosDefault.chronos-light-green .skLinks a.link:focus,
.chronosDefault.chronos-light-green .skLinks a.link:active,
.chronosDefault.chronos-light-maroon .skLinks a.link:hover,
.chronosDefault.chronos-light-maroon .skLinks a.link:focus,
.chronosDefault.chronos-light-maroon .skLinks a.link:active,
.chronosDefault.chronos-light-orange .skLinks a.link:hover,
.chronosDefault.chronos-light-orange .skLinks a.link:focus,
.chronosDefault.chronos-light-orange .skLinks a.link:active,
.chronosDefault.chronos-light-red .skLinks a.link:hover,
.chronosDefault.chronos-light-red .skLinks a.link:focus,
.chronosDefault.chronos-light-red .skLinks a.link:active,
.chronosDefault.chronos-light-purple .skLinks a.link:hover,
.chronosDefault.chronos-light-purple .skLinks a.link:focus,
.chronosDefault.chronos-light-purple .skLinks a.link:active,
.chronosDefault.chronos-light-sky .skLinks a.link:hover,
.chronosDefault.chronos-light-sky .skLinks a.link:focus,
.chronosDefault.chronos-light-sky .skLinks a.link:active,
.chronosDefault.chronos-light-lime .skLinks a.link:hover,
.chronosDefault.chronos-light-lime .skLinks a.link:focus,
.chronosDefault.chronos-light-lime .skLinks a.link:active,
.chronosDefault.chronos-light-pink .skLinks a.link:hover,
.chronosDefault.chronos-light-pink .skLinks a.link:focus,
.chronosDefault.chronos-light-pink .skLinks a.link:active {
  background: #363636;
}

.chronosDefault.chronos-light-plum .skLinks a.link:hover,
.chronosDefault.chronos-light-plum .skLinks a.link:focus,
.chronosDefault.chronos-light-plum .skLinks a.link:active,
.chronosDefault.chronos-light-navy .skLinks a.link:hover,
.chronosDefault.chronos-light-navy .skLinks a.link:focus,
.chronosDefault.chronos-light-navy .skLinks a.link:active {
  background: #7b7b7b;
}

.chronosDefault.chronos-light-gray .skLinks a.link:hover,
.chronosDefault.chronos-light-gray .skLinks a.link:focus,
.chronosDefault.chronos-light-gray .skLinks a.link:active {
  background: #8e8e8e;
}

.chronosDefault.chronos-light-gold .skLinks a.link:hover,
.chronosDefault.chronos-light-gold .skLinks a.link:focus,
.chronosDefault.chronos-light-gold .skLinks a.link:active,
.chronosDefault.chronos-light-yellow .skLinks a.link:hover,
.chronosDefault.chronos-light-yellow .skLinks a.link:focus,
.chronosDefault.chronos-light-yellow .skLinks a.link:active {
  background: #363636;
}

.chronosDefault .skTabs ul.nav a.sklink,
.chronosDefault .skTabs ul.nav a.sklink:link,
.chronosDefault .skTabs ul.nav a.sklink:visited {
  color: CustomBackgroundColor;
}

.chronosDefault .skTabs ul.nav a.active,
.chronosDefault .skTabs ul.nav a.active:link,
.chronosDefault .skTabs ul.nav a.active:visited {
  background: CustomBackgroundColor;
}

.chronosDefault.chronos-light-gold .skTabs ul.nav a.active,
.chronosDefault.chronos-light-pink .skTabs ul.nav a.active,
.chronosDefault.chronos-light-sky .skTabs ul.nav a.active,
.chronosDefault.chronos-light-yellow .skTabs ul.nav a.active {
  color: #363636;
}

.chronosDefault.chronos-light-red .skTabs ul.nav a.active,
.chronosDefault.chronos-light-orange .skTabs ul.nav a.active,
.chronosDefault.chronos-light-navy .skTabs ul.nav a.active,
.chronosDefault.chronos-light-maroon .skTabs ul.nav a.active,
.chronosDefault.chronos-light-purple .skTabs ul.nav a.active,
.chronosDefault.chronos-light-lime .skTabs ul.nav a.active,
.chronosDefault.chronos-light-gray .skTabs ul.nav a.active,
.chronosDefault.chronos-light-plum .skTabs ul.nav a.active,
.chronosDefault.chronos-light-hot-pink .skTabs ul.nav a.active,
.chronosDefault.chronos-light-green .skTabs ul.nav a.active,
.chronosDefault.chronos-light-blue .skTabs ul.nav a.active {
  color: #fff;
}

.chronosDefault .skTabsCnt {
  color: CustomFontColor;
  border-color: CustomBackgroundColor;
}

.chronosDefault .skTabsCnt .readmore a.skBtnMore:hover,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:focus,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:active,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:link:hover,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:link:focus,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:link:active,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:visited:hover,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:visited:focus,
.chronosDefault .skTabsCnt .readmore a.skBtnMore:visited:active {
  background: CustomBackgroundColor;
}

.chronosDefault .skTabsCnt .tweet_list a:hover,
.chronosDefault .skTabsCnt .ManageField a:hover {
  color: CustomBackgroundColor;
}

@media screen and (max-width: 768px) {
  .chronosDefault #csSocial .skTwitter:before {
    background: CustomBackgroundColor;
  }
}

.chronosDefault #csEvent ul.list .item .timeTitle.google-title .title:hover {
  color: CustomBackgroundColor;
}

.chronosDefault #csEvent ul.list .item .timeTitle .time {
  color: CustomBackgroundColor;
}

.chronosDefault #csEvent ul.list .item .datewrp {
  color: CustomBackgroundColor;
}

.chronosDefault .skTabs a.mobLink,
.chronosDefault .skTabs a.mobLink:link,
.chronosDefault .skTabs a.mobLink:visited {
  border: 3px solid CustomBackgroundColor;
  color: CustomBackgroundColor;
}

.chronosDefault .skTabs a.mobLink.active {
  background: CustomBackgroundColor;
}

.chronosDefault .skContactus .content a:hover,
.chronosDefault .skContactus .content a:focus,
.chronosDefault .skContactus .content a:active {
  color: CustomFontColor;
}

/* sponsor CSS */
/********************************************************************/
.chronosDefault .skSponsor {
  background: CustomBackgroundColor;
}

/* info CSS */
/********************************************************************/
.chronosDefault .skFooter .skSiteLink h2.head,
.chronosDefault .skFooter .skContactus h2.head {
  color: CustomBackgroundColor;
}

.chronosDefault .skSiteLink a.link:hover,
.chronosDefault .skSiteLink a.link:focus,
.chronosDefault .skSiteLink a.link:active {
  color: CustomBackgroundColor;
}

.chronosDefault .skContactus a,
.chronosDefault .skContactus a:link,
.chronosDefault .skContactus a:visited {
  color: CustomBackgroundColor;
}

.chronosDefault .skInfo a.SkinObject:hover,
.chronosDefault .skInfo a.SkinObject:focus,
.chronosDefault .skInfo a.SkinObject:active {
  color: CustomBackgroundColor;
}

.chronosDefault a.hiddenlogin:hover,
.chronosDefault a.hiddenlogin:focus,
.chronosDefault a.hiddenlogin:active {
  color: CustomBackgroundColor;
}

/* InnerPage CSS */
/********************************************************************/
.chronosDefault .innerpage-content-wrapper .innerpage-content .default-header {
  background: CustomBackgroundColor;
}

@media screen and (max-width: 818px) {
  .chronosDefault .skTabs a.mobLink.active {
    background: CustomBackgroundColor;
    color: #fff;
  }
}
` 

$(document).ready(function () {
  var customStyleSheet=$("<style type='text/css'></style>");
  var currentBackgroundColor=window.selectedBaseColor !=='' ? window.selectedBaseColor : window.currentBaseColor;
  var currentTextColor=window.selectedTextColor !=='' ? window.selectedTextColor : window.currentTextColor;
  $("body").append(customStyleSheet);

  $("#themecolor") .val(currentBackgroundColor) .change(function (event) {
      applyCustomColor();
    });

  $("#textcolor") .val(currentTextColor) .change(function (event) {
      applyCustomColor();
    });

  function applyCustomColor() {
    var baseRe=new RegExp("CustomBackgroundColor", "g");
    var textRe=new RegExp("CustomFontColor", "g");
    var rgbaRe=new RegExp("CustomBackgroundRGBA\(([^)]+)\)", "g") var css=customStyle .replace(baseRe, currentBackgroundColor) .replace(textRe, currentTextColor);
    customStyleSheet.html(css);
  }
});