/* zzCustom */


/* ================================= */
/* =============== PREVIOUS CUSTOM CSS ================== */
/* ================================= */
.prettyprint.RefCode {
    color: #fff;
}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    margin-bottom: 10px;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}


.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #e9ecef;
}

th {
    text-align: left;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, .05);
}
/*
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}
*/
/* ================================= */
/* ================ END PREVIOUS CUSTOM CSS ================= */
/* ================================= */



.wrapper {display:block;}
footer {display:block!important;height:auto;}
.TextButton {text-transform:uppercase;}
a.HdLogo img {max-width:275px;}



/* Theme Overrides */

/* Sub nav Head */
.nav-secondary .sub-nav-head {
  background-color:#214277;
  color:#fff;
}

/* Hover - both selected or not */
.RadTreeView.RadTreeView_Toronto a.rtIn:hover, .RadTreeView.RadTreeView_Toronto a.rtIn:focus, .RadTreeView.RadTreeView_Toronto a.rtIn:active,
.RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn:hover, .RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn:active, .RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn:focus {
   background-color: #d2ab29;
  color: #fff;
}


/* Selected */
.RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Toronto .child-is-selected.rtIn {
  background-color:transparent;
  color: #d2ab29;
  }


/* Not Selected Hover */

/* ========= */
/* HOME PAGE*/
/* ========= */

.FadeIn {
  display:none;
}

/* Full Width Row */
.unslider-arrow,
.unslider-arrow:hover {
  text-decoration:none!important;
}

.unslider {
  position:relative;
}

.unslider-wrap {
    max-height:500px;
    overflow:hidden;
    position:relative;
}

.unslider-nav {
    text-align: center;
    z-index:999;
    margin-top:10px;
}

.unslider-nav li {
    margin:0 3px!important;
    width: 11px;
    height: 11px;
    display: inline-block;
    border: 1px solid #fff!important;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.unslider-nav li:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.unslider-nav li.unslider-active {
    background: #000;
    background: rgba(33, 66, 119,.5);
    cursor: default;
}


.unslider-arrow {
  text-decoration:none;
  position:absolute;
  color:#fff;
  bottom: 50%;
  height: 65px;
  width: 68px;
  overflow:hidden;
  /* border: 1px solid red; */
  text-align: center;
  }

.unslider-arrow:before{
    font-family:"fontawesome";
    font-size:3em;
    line-height: 62px;
    color: rgba(255, 255, 255, 0.75);
    display: block;
    margin-bottom: 2em;
    text-shadow:0 0 10px rgba(0,0,0,.4);
}
.unslider-arrow.prev:before {
    content: '\f0a8';
}
.unslider-arrow.next:before {
       content: '\f0a9';
}

.HpHero .inner {
  max-width:1170px;
  z-index: 1;
  position: relative;
  margin: auto;
}

.HpHero .caption {
  position:absolute;
  background-color:rgba(0,0,0,.5);
  bottom: 50px;
  left:0;
  color:#fff;
  padding:2em;
  text-shadow:0 0 5px #333;
}
.HpHero .caption a:not(.TextButton) {
  color:#c4c09c;
}

.HpHero .caption h1 {
  color:#fff;
  font-size:50px;
}

.HpHero .TextButton {
  border-color:#fff;
  color:#fff;
}

.HpHero img {
  width:100%;
  z-index: 0;
  position: relative;
}






body.HomePage .breadcrumb-obo-container {display:none;}

body.HomePage .col-primary > div > .row {padding:1em 0;}
body.HomePage .col-primary > div > .row h2 {}

/* 3Col Features */
body.HomePage .col-primary > div > .row:nth-child(2) h2,
body.HomePage .col-primary > div > .row:nth-child(6) h2 {
    font-size:21px;
    text-align:center;
    font-weight:normal;
    border:none;
}
body.HomePage .col-primary > div > .row:nth-child(2) h2 span,
body.HomePage .col-primary > div > .row:nth-child(6) h2 span {
    font-weight:bold;
    color:#b71431;
} 

/* news and hot topics */
body.HomePage .col-primary > div > .row:nth-child(3) {}

body.HomePage .col-primary > div > .row:nth-child(3) h2,
body.HomePage .col-primary > div > .row:nth-child(4) h2 {
    text-align:center;
}

.HomePage .TL_Item {
/*   border:1px dashed purple; */
}

.HomePage .TL_Item h3 a {text-decoration:none;}
.HomePage .TL_Item .TL_PubDate {font-weight:bold;}


.HomePage .slick-slider {margin:0 40px;}
.HomePage .slick-slide {margin:0 .5em;}

/* SLick Carosel Arrows */
.slick-prev,
.slick-next
{
  border:1px solid white;
  font-family:"fontawesome";
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: calc(50% - 20px);
  display: block;
  width: 50px;
  height: 50px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'fontawesome';
    font-size: 50px;
    font-weight:normal;
    line-height: 1;
    opacity: .75;
    color: #d1aa26;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* border: 1px solid red; */
}

.slick-prev {left: -40px;}
.slick-prev:before {content: '\f0a8';}


.slick-next {right: -25px;}
.slick-next:before {content: '\f0a9';}



/* Learning and Events  */
/* 
body.HomePage .col-primary > div > .row:nth-child(4) {}

 body.HomePage .col-primary > div > .row:nth-child(5) a.AllEvents {
  display: block;
  margin:auto;
 }
 @media(min-width:769px){
  body.HomePage .col-primary > div > .row:nth-child(5) a.AllEvents {margin-top:50px;}
}
*/
 
/* MulitView Ad - nessassary per Jennifer */
body.HomePage .col-primary > div > .row:nth-child(6) {}
 
 




/* 3Col Quick Links */
body.HomePage .col-primary > div > .row:nth-child(7) h2 {
    border:none;
    font-size:19px;
}
body.HomePage .col-primary > div > .row:nth-child(7) img {
    float:left;
    max-width:48%;
    margin-right:2%;
}
body.HomePage .col-primary > div > .row:nth-child(7) ul {margin-left: 48%;}
body.HomePage .col-primary > div > .row:nth-child(7) .TextButton {margin-bottom:.5em;}

/* Why Choose An EA */
body.HomePage .col-primary > div > .row:nth-child(8) h2 {
    font-size:28px;
    text-align:left;
}

body.HomePage .col-primary > div > .row:nth-child(8) {
    border-color:cornflowerblue;
}
body.HomePage .col-primary > div > .row:nth-child(8) img {
    margin-top:1em;
    width:100%;
    max-width:100%;
}
body.HomePage .col-primary > div > .row:nth-child(8) p:last-child span {
    font-weight:bold;
}


/* Seminars and Sessions Table in Superseminars site */
.ScheduleAndSessions table a {
	color:#fff;
	font-weight:bold;
}


div#masterPageTasks {
    float: left;
    clear: both;
    width: 100%;
}

.PageTasksPanel {float:right;}

div#masterPageTasks .EmailButton,
.HomePage #masterPageTasks {
	display:none;
}


.PrintMessage.AsiInformation {margin:1em;}

@media print {
	body.Print .PrintMessage {
		display:none!important;
		opacity:0;
	}
}


/* ========= */
/* FOOTER */
/* ========= */
.footer a {text-decoration: none;}


/* ======================= */
/* The following declarations are required to reposition page elements via appendAround  */
/* ======================= */

/* Hide on Desktop - container used for mobile */
     .aux-nav-container-sm {display:none;}
/* Show on Desktop - container used for desktop */
      .aux-nav-container  {display: block;}



/* ========= */
/* RESPONSIVE */
/* ========= */

.collapse-nav-top{display:none;}


@media(max-width:767px){
    .navbar{
        background-color:#fff;
    }
    
    .navbar-toggle.collapsed {
        background-color:#1c3a6c;
    }
    .header-logo-container,
    .navbar-header {
        max-width:50%;
    }
        .navbar-header {
            text-align:right;
        }

/*   HIDE on Mobile - containter used for desktop  */
         br.lrg,
         .aux-nav-container  {display:none!important; }

/*   Show on Mobile - contaiers used for Mobile  */
     .collapse-nav-top,
     .aux-nav-container-sm  {display:block!important; }

     .collapse-nav-top {
         background-color:rgba(255,255,255,.2);
         border-bottom:1px solid #fff;
         padding:1em;
         font-size:.8em;
     }
      .auth-link-container{
          background-color:transparent;
          float:right;
          padding:0;
      }

     .aux-nav a,
     a.auth-link {color:#fff;text-decoration:none;}



}
/*   OBO Button  */
.ProxyPanelContact {
    background-color: #000000;
}



/* ==========================================================================
   Simple Colored Buttons
   ========================================================================== */
.RedButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    font: normal normal bold 16px Open Sans;
    color: #ffffff !important;
    text-decoration: none;
}
.RedButtonCSEA:hover,
.RedButtonCSEA:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff !important;
    text-decoration: none;
}
.RedButtonCSEA:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}

.OrangeButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #b8370c;
    border-radius: 8px;
    background: #ff5a14;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5a14), to(#b8370c));
    background: -moz-linear-gradient(top, #ff5a14, #b8370c);
    background: linear-gradient(to bottom, #ff5a14, #b8370c);
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}
.OrangeButtonCSEA:hover,
.OrangeButtonCSEA:focus {
    border: 1px solid #e6450f;
    background: #ff6c18;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff6c18), to(#dd420e));
    background: -moz-linear-gradient(top, #ff6c18, #dd420e);
    background: linear-gradient(to bottom, #ff6c18, #dd420e);
    color: #ffffff;
    text-decoration: none;
}
.OrangeButtonCSEA:active {
    background: #b8370c;
    background: -webkit-gradient(linear, left top, left bottom, from(#b8370c), to(#b8370c));
    background: -moz-linear-gradient(top, #b8370c, #b8370c);
    background: linear-gradient(to bottom, #b8370c, #b8370c);
}


.GoldButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #93781d;
    border-radius: 8px;
    background: #f2c530;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2c530), to(#93781d));
    background: -moz-linear-gradient(top, #f2c530, #93781d);
    background: linear-gradient(to bottom, #f2c530, #93781d);
    font: normal normal bold 16px Open Sans;
    color: #ffffff !important;
    text-decoration: none;
}
.GoldButtonCSEA:hover,
.GoldButtonCSEA:focus {
    border: 1px solid #d2ab2a;
    background: #ffec3a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffec3a), to(#b09023));
    background: -moz-linear-gradient(top, #ffec3a, #b09023);
    background: linear-gradient(to bottom, #ffec3a, #b09023);
    color: #ffffff !important;
    text-decoration: none;
}
.GoldButtonCSEA:active {
    background: #93781d;
    background: -webkit-gradient(linear, left top, left bottom, from(#93781d), to(#93781d));
    background: -moz-linear-gradient(top, #93781d, #93781d);
    background: linear-gradient(to bottom, #93781d, #93781d);
}

    .LightGreenButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #46ae63;
    border-radius: 8px;
    background: #73ffa2;
    background: -webkit-gradient(linear, left top, left bottom, from(#73ffa2), to(#46ae63));
    background: -moz-linear-gradient(top, #73ffa2, #46ae63);
    background: linear-gradient(to bottom, #73ffa2, #46ae63);
    text-shadow: #327d47 1px 1px 1px;
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}

.LightGreenButtonCSEA:hover,.LightGreenButtonCSEA:focus {
    border: 1px solid #64f98d;
    background: #8affc2;
    background: -webkit-gradient(linear, left top, left bottom, from(#8affc2), to(#54d177));
    background: -moz-linear-gradient(top, #8affc2, #54d177);
    background: linear-gradient(to bottom, #8affc2, #54d177);
    color: #ffffff;
    text-decoration: none;
}

.LightGreenButtonCSEA:active {
    background: #46ae63;
    background: -webkit-gradient(linear, left top, left bottom, from(#46ae63), to(#46ae63));
    background: -moz-linear-gradient(top, #46ae63, #46ae63);
    background: linear-gradient(to bottom, #46ae63, #46ae63);
}

.GreenButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #454724;
    border-radius: 8px;
    background: #abd71d;
    background: -webkit-gradient(linear, left top, left bottom, from(#abd71d), to(#454724));
    background: -moz-linear-gradient(top, #abd71d, #454724);
    background: linear-gradient(to bottom, #abd71d, #454724);
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}

.GreenButtonCSEA:hover,.GreenButtonCSEA:focus {
    border: 1px solid #95bb19;
    background: #cdff23;
    background: -webkit-gradient(linear, left top, left bottom, from(#cdff23), to(#7d9d16));
    background: -moz-linear-gradient(top, #cdff23, #7d9d16);
    background: linear-gradient(to bottom, #cdff23, #7d9d16);
    color: #ffffff;
    text-decoration: none;
}

.GreenButtonCSEA:active {
    background: #454724;
    background: -webkit-gradient(linear, left top, left bottom, from(#454724), to(#454724));
    background: -moz-linear-gradient(top, #454724, #454724);
    background: linear-gradient(to bottom, #454724, #454724);
}

.TealButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #00929c;
    border-radius: 8px;
    background: #00edfe;
    background: -webkit-gradient(linear, left top, left bottom, from(#00edfe), to(#00929c));
    background: -moz-linear-gradient(top, #00edfe, #00929c);
    background: linear-gradient(to bottom, #00edfe, #00929c);
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}
.TealButtonCSEA:hover,
.TealButtonCSEA:focus {
    border: 1px solid #00b6c3;
    background: #00ffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ffff), to(#00afbb));
    background: -moz-linear-gradient(top, #00ffff, #00afbb);
    background: linear-gradient(to bottom, #00ffff, #00afbb);
    color: #ffffff;
    text-decoration: none;
}
.TealButtonCSEA:active {
    background: #00929c;
    background: -webkit-gradient(linear, left top, left bottom, from(#00929c), to(#00929c));
    background: -moz-linear-gradient(top, #00929c, #00929c);
    background: linear-gradient(to bottom, #00929c, #00929c);
}


.CyanButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #4294B6;
    border-radius: 8px;
    background: #26b0d3;
    background: -webkit-gradient(linear, left top, left bottom, from(#26b0d3), to(#4294B6));
    background: -moz-linear-gradient(top, #26b0d3, #4294B6);
    background: linear-gradient(to bottom, #26b0d3, #4294B6);
    text-shadow: #0c3742 1px 1px 1px;
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}
.CyanButtonCSEA:hover,
.CyanButtonCSEA:focus {
    border: 1px solid ##186e84;
    background: #2ed3fd;
    background: -webkit-gradient(linear, left top, left bottom, from(#2ed3fd), to(#187186));
    background: -moz-linear-gradient(top, #2ed3fd, #187186);
    background: linear-gradient(to bottom, #2ed3fd, #187186);
    color: #ffffff;
    text-decoration: none;
}
.CyanButtonCSEA:active {
    background: #4294B6;
    background: -webkit-gradient(linear, left top, left bottom, from(#4294B6), to(#4294B6));
    background: -moz-linear-gradient(top, #4294B6, #4294B6);
    background: linear-gradient(to bottom, #4294B6, #4294B6);
}



.LightBlueButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #477aa3;
    border-radius: 8px;
    background: #75c8ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#75c8ff), to(#477aa3));
    background: -moz-linear-gradient(top, #75c8ff, #477aa3);
    background: linear-gradient(to bottom, #75c8ff, #477aa3);
    font: normal normal bold 16px Open Sans;
    color: #ffffff!important;
    text-decoration: none;
}
.LightBlueButtonCSEA:hover,
.LightBlueButtonCSEA:focus {
    border: 1px solid #66aee9;
    background: #8cf0ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#8cf0ff), to(#5592c4));
    background: -moz-linear-gradient(top, #8cf0ff, #5592c4);
    background: linear-gradient(to bottom, #8cf0ff, #5592c4);
    color: #ffffff;
    text-decoration: none;
}
.LightBlueButtonCSEA:active {
    background: #477aa3;
    background: -webkit-gradient(linear, left top, left bottom, from(#477aa3), to(#477aa3));
    background: -moz-linear-gradient(top, #477aa3, #477aa3);
    background: linear-gradient(to bottom, #477aa3, #477aa3);
}

.BlueButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #1c3865;
    border-radius: 8px;
    background: #356abe;
    background: -webkit-gradient(linear, left top, left bottom, from(#356abe), to(#1c3865));
    background: -moz-linear-gradient(top, #356abe, #1c3865);
    background: linear-gradient(to bottom, #356abe, #1c3865);
    font: normal normal bold 16px Open Sans;
    color: #ffffff !important;
    text-decoration: none;
}
.BlueButtonCSEA:hover,
.BlueButtonCSEA:focus {
    border: 1px solid #214277;
    background: #407fe4;
    background: -webkit-gradient(linear, left top, left bottom, from(#407fe4), to(#224379));
    background: -moz-linear-gradient(top, #407fe4, #224379);
    background: linear-gradient(to bottom, #407fe4, #224379);
    color: #ffffff !important;
    text-decoration: none;
}
.BlueButtonCSEA:active {
    background: #1c3865;
    background: -webkit-gradient(linear, left top, left bottom, from(#1c3865), to(#1c3865));
    background: -moz-linear-gradient(top, #1c3865, #1c3865);
    background: linear-gradient(to bottom, #1c3865, #1c3865);
}

.PurpleButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #783580;
    border-radius: 8px;
    background: #e263f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#e263f2), to(#783580));
    background: -moz-linear-gradient(top, #e263f2, #783580);
    background: linear-gradient(to bottom, #e263f2, #783580);
    text-shadow: #471f4c 1px 1px 1px;
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}
.PurpleButtonCSEA:hover,
.PurpleButtonCSEA:focus {
    border: 1px solid #8d3e97;
    background: #ff77ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff77ff), to(#90409a));
    background: -moz-linear-gradient(top, #ff77ff, #90409a);
    background: linear-gradient(to bottom, #ff77ff, #90409a);
    color: #ffffff;
    text-decoration: none;
}
.PurpleButtonCSEA:active {
    background: #783580;
    background: -webkit-gradient(linear, left top, left bottom, from(#783580), to(#783580));
    background: -moz-linear-gradient(top, #783580, #783580);
    background: linear-gradient(to bottom, #783580, #783580);
}


.PinkButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #b65264;
    border-radius: 8px;
    background: #ff85a3;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff85a3), to(#b65264));
    background: -moz-linear-gradient(top, #ff85a3, #b65264);
    background: linear-gradient(to bottom, #ff85a3, #b65264);
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}
.PinkButtonCSEA:hover,
.PinkButtonCSEA:focus {
    border: 1px solid #e4667d;
    background: #ffa0c4;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffa0c4), to(#da6278));
    background: -moz-linear-gradient(top, #ffa0c4, #da6278);
    background: linear-gradient(to bottom, #ffa0c4, #da6278);
    color: #ffffff;
    text-decoration: none;
}
.PinkButtonCSEA:active {
    background: #b65264;
    background: -webkit-gradient(linear, left top, left bottom, from(#b65264), to(#b65264));
    background: -moz-linear-gradient(top, #b65264, #b65264);
    background: linear-gradient(to bottom, #b65264, #b65264);
}


.GrayButtonCSEA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 8px;
    border: 1px solid #5f5f5f;
    border-radius: 8px;
    background: #9b9b9b;
    background: -webkit-gradient(linear, left top, left bottom, from(#9b9b9b), to(#5f5f5f));
    background: -moz-linear-gradient(top, #9b9b9b, #5f5f5f);
    background: linear-gradient(to bottom, #9b9b9b, #5f5f5f);
    font: normal normal bold 16px Open Sans;
    color: #ffffff;
    text-decoration: none;
}
.GrayButtonCSEA:hover,
.GrayButtonCSEA:focus {
    border: 1px solid #777777;
    background: #bababa;
    background: -webkit-gradient(linear, left top, left bottom, from(#bababa), to(#727272));
    background: -moz-linear-gradient(top, #bababa, #727272);
    background: linear-gradient(to bottom, #bababa, #727272);
    color: #ffffff;
    text-decoration: none;
}
.GrayButtonCSEA:active {
    background: #5f5f5f;
    background: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5f5f5f));
    background: -moz-linear-gradient(top, #5f5f5f, #5f5f5f);
    background: linear-gradient(to bottom, #5f5f5f, #5f5f5f);
}


/* ==========================================================================
   Round Table Buttons
	These are used on the page that presents the round table Zoom meetings.
	Style is very similar to the colored buttons above, but they're smaller.
   ========================================================================== */

.RoundTableCalendarButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px;
    border: 1px solid #b3b3b3;
    border-radius: 8px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#b3b3b3));
    background: -moz-linear-gradient(top, #ffffff, #b3b3b3);
    background: linear-gradient(to bottom, #ffffff, #b3b3b3);
    -webkit-box-shadow: #ffffff 0px 0px 40px 0px;
    -moz-box-shadow: #ffffff 0px 0px 40px 0px;
    box-shadow: #ffffff 0px 0px 40px 0px;
    text-shadow: #ffffff 1px 1px 1px;
    font: normal normal bold 12px arial;
    color: #111111;
    text-decoration: none;
}
.RoundTableCalendarButton:hover,
.RoundTableCalendarButton:focus {
    border: 1px solid #ffffff;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
    background: -moz-linear-gradient(top, #ffffff, #d7d7d7);
    background: linear-gradient(to bottom, #ffffff, #d7d7d7);
    color: #111111;
    text-decoration: none;
}
.RoundTableCalendarButton:active {
    background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#b3b3b3));
    background: -moz-linear-gradient(top, #b3b3b3, #b3b3b3);
    background: linear-gradient(to bottom, #b3b3b3, #b3b3b3);
}
.RoundTableCalendarButton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAw0lEQVRIie2VMQoCMRBFnyKpxBNYWCxi5W0sPIGliOfwANqktPAE3kTEwkNYLVtYbIRx1jCaFSzMrzKZ/+czJMzAjzH4EieKY1tOT8VjYA24EE8BbxhITgVsgNMj2VHkLXAALiHeA3PDQHIKYAYsYh24UPwaYi/OMWiOk8muId4ZeZOjOwAYvlE0hob2lcESuCUa9C2tB0aJxQnap19nvUFrZINskA2ao6KiHrmpKIBSXuh9MAFWqJH7AUrqhXNO1P8j7r6yGqQv804xAAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}


.RoundTableZoomButton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px;
    border: 1px solid #347591;
    border-radius: 8px;
    background: #55beeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#55beeb), to(#347591));
    background: -moz-linear-gradient(top, #55beeb, #347591);
    background: linear-gradient(to bottom, #55beeb, #347591);
    text-shadow: #21495b 1px 1px 1px;
    font: normal normal bold 12px arial;
    color: #ffffff;
    text-decoration: none;
}
.RoundTableZoomButton:hover,
.RoundTableZoomButton:focus {
    border: 1px solid #4192b5;
    background: #66e4ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#66e4ff), to(#3e8cae));
    background: -moz-linear-gradient(top, #66e4ff, #3e8cae);
    background: linear-gradient(to bottom, #66e4ff, #3e8cae);
    color: #ffffff;
    text-decoration: none;
}
.RoundTableZoomButton:active {
    background: #347591;
    background: -webkit-gradient(linear, left top, left bottom, from(#347591), to(#347591));
    background: -moz-linear-gradient(top, #347591, #347591);
    background: linear-gradient(to bottom, #347591, #347591);
}



/* ==========================================================================
   Flat colored rectangle buttons
   ========================================================================== */


.NeutralRectangleButton {
  background-color: #efefef; 
  border-style: solid;
  border-width: 1px;
  border-color: #c8c8c8;
  font-size: 12px!important;
  padding: 3px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.RedRectangleButton {
  background-color: #b71431; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.OrangeRectangleButton {
  background-color: #f15a2a; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.DarkOrangeRectangleButton {
  background-color: #CC7400; /* Ochre */
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.GoldRectangleButton {
  /* background-color: #f2c530; */
  background-color: goldenrod;
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.LightGreenRectangleButton {
  background-color: #b7ecb0; /* "mint" green */ 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.MidGreenRectangleButton {
  background-color: #154F10; /* Cal poly green */
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.GreenRectangleButton {
  background-color: #81A216; /* apple green */ 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.CyanRectangleButton {
  background-color: #4294B6; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.StrongCyanRectangleButton {
  background-color: #00cece; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.DarkTealRectangleButton {
  background-color: #0A645A; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.LightBlueRectangleButton {
  background-color: #53adcb; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.BlueRectangleButton {
  background-color: #366dc4; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.PurpleRectangleButton {
  background-color: #7052a2; /* Dark moderate violet */
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.VioletRectangleButton {
  background-color: #7043e9; /* bright violet */
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.MauveRectangleButton {
  background-color: #801052; /* Murrey */
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.LightGrayRectangleButton {
  background-color: #adadad; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.GrayRectangleButton {
  background-color: #727272; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}



/* ==========================================================================
   SuperSeminar.org - Super Seminar registration buttons
   ========================================================================== */
.WhiteRedBlockButton {
  background-color:#FFFFFF;
  color: #cc2e2b;
  border: 1px;
  border-color: white;
  border-style: solid;
  font-size: 14px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 4px 2px;
}


.WhiteGoldBlockButton {
  background-color:#FFFFFF;
  color: #d2aa2a;
  border: 1px;
  border-color: white;
  border-style: solid;
  font-size: 14px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 4px 2px;
}

.WhiteBlueBlockButton {
  background-color:#FFFFFF;
  color: #0095da!important;
  border: 1px;
  border-color: white;
  border-style: solid;
  font-size: 14px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 4px 2px;
}

.WhiteOrangeBlockButton {
  background-color:#FFFFFF;
  color: #FF9929!important;
  border: 1px;
  border-color: white;
  border-style: solid;
  font-size: 14px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 4px 2px;
}


.BlueBlockButton {
  background-color: #1a4bae;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.BlueBlockButton:hover {
  color: white;
}

.OrangeBlockButton {
  background-color:#f15a27;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.OrangeBlockButton:hover {
  color: white;
}

.PurpleBlockButton {
  background-color: #7052a2;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.PurpleBlockButton:hover {
  color: white;
}


/* ==========================================================================
   SuperSeminar.org - Super Seminar 2023 registration buttons
   ========================================================================== */

.WhitePurpleBlockButton {
  background-color:#FFFFFF;
  color: #47316F!important;
  border: 1px;
  border-color: white;
  border-style: solid;
  font-size: 14px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: block;
  margin: 4px 2px;
}

.DarkPurpleBlockButton {
  background-color:#47316F;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.DarkPurpleBlockButton:hover {
  color: white;
}

.MediumPurpleBlockButton {
  background-color:mediumpurple;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.MediumPurpleBlockButton:hover {
  color: white;
}

.DarkBlueBlockButton {
  background-color: #173c83;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.DarkBlueBlockButton:hover {
  color: white;
}


/* ==========================================================================
   SuperSeminar.org - Super Seminar 2025 registration buttons
   ========================================================================== */
.PrussianBlueBlockButton {
  background-color: #0E374F;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.PrussianBlueBlockButton:hover {
  color: white;
}

.GoldMetallicBlockButton {
  background-color: #D2AB28;
  color: #FFFFFF!important;
  font-size: 18px!important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: block;
  //margin: 4px 2px;
}

.GoldMetallicBlockButton:hover {
  color: white;
}



/* ==========================================================================
   Other Buttons
   ========================================================================== */

.SubtleButton {
padding: 10px;
  margin: 20px;
  border-color: #dde6f6;
  color: #fff;
  text-decoration:none !important;
  box-shadow: 0 0 60px 60px #dde6f6 inset, 0 0 0 0 #dde6f6;
  transition: all 300ms ease-in-out;
}
.SubtleButton:hover {
  box-shadow: 0 0 10px 0 #dde6f6 inset, 0 0 10px 4px #dde6f6;
}


.NewsViewMoreButton {
  background-color: #141B2B; 
  border: 1px;
  border-color: white;
  border-style: solid;
  color: white!important; 
  font-size: 14px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}

.MoreInfoButton {
  background-color: #366dc4; 
  border: none;
  color: white!important; 
  font-size: 12px!important;
  padding: 5px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
}





/* Round profile images
   ========================================================================== */
.rounded {
	display: inline-block;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.rounded:target {
	border: 2px solid #abc5df;
	background-color: #e2ebf4;
}


/* Hover shadow - appears on mouse-over, light blue color
   ========================================================================== */
.hover-shadow
    {
      width: 150px;
      padding: 10px;
    }
    .hover-shadow:hover
    {
      -moz-box-shadow: 0 0 10px #3CB0E2;
      -webkit-box-shadow: 0 0 10px #3CB0E2;
      box-shadow: 0 0 10px #3CB0E2;
    }


/* 
   Image align
   ========================================================================== */
.image-align { 
    display: flex;
    align-items:center;
}


/*********************************
    Custom CSS for the homepage
**********************************/
.half-block {
  width: 50%; }

@media (max-width: 767px) {
  .half-block {
    width: 100%; } }
	
/*****************************************************************************/
/* Content Block
/*****************************************************************************/
.block-container .ContentItemContainer {
  display: flex; }

@media (max-width: 767px) {
  .block-container .ContentItemContainer {
    display: block; } }
.content-block {
  background-color: #404040;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0 30px 0;
  background-color: #404040; }
  .content-block h2, .content-block h3 {
    text-align: center;
    color: #FFFFFF; }
  .content-block h3 {
    margin-top: 30px; }
  .content-block p {
    margin-top: 16px;
    width: 50%;
    color: #FFFFFF; }



/* ==========================================================================
   Additional Callout area
   ========================================================================== */

.CalloutArea4 {
  background-color: #7198d8;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff; }
  .CalloutArea4 label, .CalloutArea4 h1, .CalloutArea4 h2, .CalloutArea4 h3, .CalloutArea4 h4, .CalloutArea4 h5, .CalloutArea4 a.FeatureActionLink {
    color: #fff; }
  .CalloutArea4 a {
    color: #fff; }
  .CalloutArea4 .Error {
    color: #eeeeee !important; }
  .CalloutArea4 h2, .CalloutArea4 .PanelHead.Distinguish, .CalloutArea4 {
    border-bottom: none; }
	

.CalloutArea5 {
  background-color: #454724;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff; }
  .CalloutArea5 label, .CalloutArea5 h1, .CalloutArea5 h2, .CalloutArea5 h3, .CalloutArea5 h4, .CalloutArea5 h5, .CalloutArea5 .PanelTitle, .CalloutArea5 .TitleBarCaption, .CalloutArea5 a.FeatureActionLink {
    color: #fff; }
  .CalloutArea5 a {
    color: #fff; }
  .CalloutArea5 .Error {
    color: #eeeeee !important; }
  .CalloutArea5 h2, .CalloutArea5 .PanelHead.Distinguish, .CalloutArea5 .TitleBarCaption {
    border-bottom: none; }
	
	
/* ==========================================================================
   "Click to pop" - https://html-online.com/articles/simple-popup-box/
   ========================================================================== */
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}

/* Transparent box for text overlay on images - see also carousel3
   ========================================================================== */

.transboxCSEA {
  border-radius: 10px;
  margin: 30px;
  background-color: rgba(0, 0, 0, 1);
  border: 1px solid black;
  opacity: 0.7;
  
}

.transboxCSEA h1, .transboxCSEA h2, .transboxCSEA h3, .transboxCSEA h4, .transboxCSEA h5, .transboxCSEA p {
  margin: 2%;
  color: #fff;
  
}


/* Hover shadow - appears on mouse-over, light blue color
   ========================================================================== */
.hover-shadow
    {
      width: 150px;
      padding: 10px;
    }
    .hover-shadow:hover
    {
      -moz-box-shadow: 0 0 10px #3CB0E2;
      -webkit-box-shadow: 0 0 10px #3CB0E2;
      box-shadow: 0 0 10px #3CB0E2;
    }


/* 
   Image align
   ========================================================================== */
.image-align { 
    display: flex;
    align-items:center;
}


/*********************************
    Custom CSS for the homepage
**********************************/
.half-block {
  width: 50%; }

@media (max-width: 767px) {
  .half-block {
    width: 100%; } }
	
/*****************************************************************************/
/* Content Block
/*****************************************************************************/
.block-container .ContentItemContainer {
  display: flex; }

@media (max-width: 767px) {
  .block-container .ContentItemContainer {
    display: block; } }
.content-block {
  background-color: #404040;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 0 30px 0;
  background-color: #404040; }
  .content-block h2, .content-block h3 {
    text-align: center;
    color: #FFFFFF; }
  .content-block h3 {
    margin-top: 30px; }
  .content-block p {
    margin-top: 16px;
    width: 50%;
    color: #FFFFFF; }




.CalloutArea4 {
  background-color: #7198d8;
  padding: 10px;
  margin: 20px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff; }
  .CalloutArea4 label, .CalloutArea4 h1, .CalloutArea4 h2, .CalloutArea4 h3, .CalloutArea4 h4, .CalloutArea4 h5, .CalloutArea4 a.FeatureActionLink {
    color: #fff; }
  .CalloutArea4 a {
    color: #fff; }
  .CalloutArea4 .Error {
    color: #eeeeee !important; }
  .CalloutArea4 h2, .CalloutArea4 .PanelHead.Distinguish, .CalloutArea4 {
    border-bottom: none; }
	

	
	
	
/*****************************************************************************/
/* Bill Watch Collapsible Sections
/*****************************************************************************/

/* ==========================================================================
   Sponsor
   ========================================================================== */

.ColSponsor {
  background-color: #2E933C;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColSponsorActive, .ColSponsor:hover {
  background-color: #2E933C;
  background-image: linear-gradient(to bottom right, #2E933C, #3cc04e);
}

.ColSponsorContent {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColSponsorSub {
  background-color: #2E933C;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColSponsorSubActive, .ColSponsorSub:hover {
  background-color: #3cc04e;
}

.ColSponsorSubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

/* ==========================================================================
   Support
   ========================================================================== */

.ColSupport {
  background-color: #214277;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColSupportActive, .ColSupport:hover {
  background-color: #214277;
  background-image: linear-gradient(to bottom right, #214277, #5282cf);
}

.ColSupportContent {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColSupportSub {
  background-color: #214277;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColSupportSubActive, .ColSupportSub:hover {
  background-color: #5282cf;
}

.ColSupportSubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
/* ==========================================================================
   Support
   ========================================================================== */

.ColSupport {
  background-color: #214277;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColSupportActive, .ColSupport:hover {
  background-color: #214277;
  background-image: linear-gradient(to bottom right, #214277, #5282cf);
}

.ColSupportContent {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColSupportSub {
  background-color: #214277;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColSupportSubActive, .ColSupportSub:hover {
  background-color: #5282cf;
}

.ColSupportSubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


/* ==========================================================================
   Oppose
   ========================================================================== */

.ColOppose {
  background-color: #B71431;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColOpposeActive, .ColOppose:hover {
  background-color: #B71431;
  background-image: linear-gradient(to bottom right, #B71431, #E93556);
}

.ColOpposeContent {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColOpposeSub {
  background-color: #B71431;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColOpposeSubActive, .ColOpposeSub:hover {
  background-color: #E93556;
}

.ColOpposeSubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


/* ==========================================================================
   TBD
   ========================================================================== */
.ColTBD {
  background-color: #D2AB28;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColTBDActive, .ColTBD:hover {
  background-color: #D2AB28;
  background-image: linear-gradient(to bottom right, #D2AB28, #E2C465);
}

.ColTBDContent {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColTBDSub {
  background-color: #D2AB28;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColTBDSubActive, .ColTBDSub:hover {
  background-color: #E2C465;
}

.ColTBDSubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


/* ==========================================================================
   No Position
   ========================================================================== */

.ColNoPosition {
  background-color: #7F767F;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColNoPositionActive, .ColNoPosition:hover {
  background-color: #7F767F;
  background-image: linear-gradient(to bottom right, #7F767F, #BAB5BA);
}

.ColNoPositionContent {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColNoPositionSub {
  background-color: #7F767F;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColNoPositionSubActive, .ColNoPositionSub:hover {
  background-color: #BAB5BA;
}

.ColNoPositionSubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}



/* ==========================================================================
   WatchList1
   ========================================================================== */

.ColWatchList1 {
  background-color: #419695;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColWatchList1Active, .ColWatchList1:hover {
  background-color: #419695;
  background-image: linear-gradient(to bottom right, #419695, #03B5AA);
}

.ColWatchList1Content {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColWatchList1Sub {
  background-color: #419695;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColWatchList1SubActive, .ColWatchList1Sub:hover {
  background-color: #03B5AA;
}

.ColWatchList1SubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


/* ==========================================================================
   WatchList2
   ========================================================================== */

.ColWatchList2 {
  background-color: #03B5AA;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
}

.ColWatchList2Active, .ColWatchList2:hover {
  background-color: #03B5AA;
  background-image: linear-gradient(to bottom right, #03B5AA, #419695);
}

.ColWatchList2Content {
  /*padding: 0 15px;*/
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

.ColWatchList2Sub {
  background-color: #03B5AA;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.ColWatchList2SubActive, .ColWatchList2Sub:hover {
  background-color: #419695;
}

.ColWatchList2SubContent {
  padding: 0 15px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}




/*****************************************************************************/
/* Modal popup for iframe'd pages
/*****************************************************************************/
/**
 * Present an 'edit' button, then popup an iframe'd page with all of the fields that can be edited.
 */

 /* The Modal (background) */
.modal-framepop {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 220px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-framepop-content {
  position: relative;
  z-index: 1; /* Sit on top */
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The close-top Button */
.modal-framepop-close-top {
  color: white !important;
  float: right !important;
  font-size: 28px !important;
  font-weight: bold !important;
}

.modal-framepop-close-top:hover,
.modal-framepop-close-top:focus {
  color: #d2aa2a !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* The close-btm Button */
.modal-framepop-close-btm {
  color: white;
  text-decoration: underline;
}

.modal-framepop-close-btm:hover,
.modal-framepop-close-btm:focus {
  color: #d2aa2a;
  text-decoration: underline;
  cursor: pointer;
}

.modal-framepop-header {
  padding: 2px 16px;
  background-color: #394382 !important;
  color: white !important;
}

.modal-framepop-body {
	padding: 2px 16px !important;
	z-index: 1; /* Sit on top */
	}

.modal-framepop-footer {
  padding: 2px 16px;
  background-color: #394382;
  color: white;
 
}


/* Responsive iframe */
.iframe-container{
margin: 0 auto !important;
max-width:100% !important;
width:1000px !important;
height:500px !important;
}
@media only screen and (max-width: 992px) {
	.iframe-container{
		width: 80%;
		height:400px;
	}
}
@media only screen and (max-width: 600px) {
   .iframe-container{
		width: 100%;
		height:500px;
	}
}



.PanelTitle2 {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  color: red important!; }








/*****************************************************************************/
/* Latest News
/*****************************************************************************/
.latest-news {
  background-color: #525860;
  color: #fff;
  padding-top: 1px;
  margin-top: 0; // margin collapse nonsense
  flex: 1 0 auto; // always stretch to fill vertical space below

  @media (max-width: $bp-max-small) {
    padding-left: 12px;
    padding-right: 12px;
  }
} 

.latest-news2 {
  background-color: #ebecee;
  /*color: #fff;*/
  padding-top: 1px;
  margin-top: 0; // margin collapse nonsense
  flex: 1 0 auto; // always stretch to fill vertical space below

  @media (max-width: $bp-max-small) {
    padding-left: 12px;
    padding-right: 12px;
  }
} 

/*

.latest-news h2, h3 {
  color: #fff; }


.latest-news__items {
  padding: 1px 40px 0;
  display: block;

  @media (max-width: $bp-max-small) {
    padding-left: 0;
    padding-right: 0;
  }

  @media print {
    padding: 0;
  }
}

.latest-news__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 30px;

  @media (max-width: $bp-max-medium) {
    flex-direction: column;
    margin-bottom: 24px;
    width: 100%;
  }

  @media print {
    display: block;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

.latest-news__date {
  color: inherit;
  opacity: 0.75;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  display: block;
  margin-bottom: 0;

  @media (max-width: $bp-max-small) {
    font-size: 14px;
  }
}

.latest-news__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;

  @media (max-width: $bp-max-small) {
    font-size: 18px;
    line-height: 24px;
  }
}

.latest-news__cta {
  color: #fff;
  display: inline-block;
  margin-bottom: 32px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding: 1px 40px 0;
}

.latest-news.latest-news--light {
  background-color: #f1f5f4;

  & .piped-header {
    color: #152c3d;

    &:before {
      background-color: #0d2747;
    }
  }

  & .latest-news__date {
    color: #152c3d;
  }

  & .latest-news__title {
    color: #0d2747;
  }

  & .cta-link {
    color: #0d2747;
  }
}

.latest-news a {
  color: inherit;
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
}

.latest-news .piped-header {
  & .piped-header__title {
    padding-left: 38px;

    @media print {
      padding-left: 0;
    }
  }

  & .piped-header__pipe ~ .piped-header__title {
    padding-left: 56px;

    @media print {
      padding-left: 0;
    }
  }

  @media (max-width: $bp-max-small) {
    padding-left: 0;

    & .piped-header__title {
      padding-left: 0;
    }

    & .piped-header__pipe ~ .piped-header__title {
      padding-left: 16px;

      @media print {
        padding-left: 0;
      }
    }
  }
}

.latest-news__category {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  font-size: 14px;
}

.latest-news__item-content {
  flex: 1 1 auto;
  width: 50%;

  &:only-child {
    width: 100%;
  }

  @media (max-width: $bp-max-medium) {
    order: 2;
    width: 100%;
  }

  @media print {
    width: 100%;
    page-break-inside: avoid;
    break-inside: avoid;

    a::after {
      display: block;
    }
  }
}

.latest-news__image {
  margin-left: 24px;
  width: 100%;

  @media print {
    width: 600px;
  }

  @media (max-width: $bp-max-medium) {
    margin-left: 0;
    order: 1;
  }
}

.latest-news__image-container {
  flex: 1 1 auto;
  width: 50%;

  @media (max-width: $bp-max-medium) {
    width: 100%;
  }
}
*/

.NewsHideMargin {
margin-left: 0px !important;
}


 /* ==========================================================================
	Based on carousel2, carousel3 displays the caption at the top with a background behind the text .
	It can be used on the entire Slideshow iPart or on a single slide. 
	As of 2023-02-02, RGBA values changes to match 'purple' (#47316f) hex color value; harmonizes 
	with superseminar.org for 2023.
   ========================================================================== */
.carousel3 .carousel-link {
  text-decoration: none;
}
.carousel3 .carousel-caption {
  background-color: #000;
  background-color: rgba(28, 19, 44, 0.45); 
  left: 0;
  right: 0;
  padding-left: 15%;
  padding-right: 15%;
  position: static;
}



.PanelFieldValue, .Left .PanelFieldValue, .Right .PanelFieldValue,
.PanelFieldLabel, .Left
.PanelFieldLabel, .Right
.PanelFieldLabel {
  /* When the label is on the left (default) or right */
  /* NOTE: The PanelFieldLabel class is obsolete */
  display: block;
  float: unset;
  
  
  
  
  
 /* ==========================================================================
   No indent UL
   https://stackoverflow.com/questions/4781014/unordered-list-ul-default-indent
   ========================================================================== */
 
  ul.noindent {
   margin: 0;
   padding: 1em; /* Set the distance from the list edge to 1x the font size */
   list-style-type: disc;
   list-style-position: outside;
   list-style-image: none;
}


 /* ==========================================================================
   Justify all elements in a div
    ========================================================================== */
.JustifyElements  {
  position: relative;
  width: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


 /* ==========================================================================
   Revised RadGrid - controls text and background colors on tables
    ========================================================================== */
.RadGrid.RadGrid_MetroTouch .rgMasterTable,
.RadGrid.RadGrid_Metro .rgMasterTable {
  background-color: #fff !important; }
.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: #ecf1fa !important;
  border-color: #ecf1fa !important;
  color: #03060c !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: #ecf1fa !important;
  border-color: #ecf1fa !important; }
  .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: #03060c !important; }
.RadGrid.RadGrid_MetroTouch .rgGroupPanel, .RadGrid.RadGrid_MetroTouch .rgGroupPanel caption,
.RadGrid.RadGrid_Metro .rgGroupPanel,
.RadGrid.RadGrid_Metro .rgGroupPanel caption {
  background-color: #ecf1fa !important; }
.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: #ecf1fa !important; }
* + html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * + html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #ecf1fa !important; }
* html .RadGrid.RadGrid_MetroTouch .rgSelectedRow .rgSorted, * html
.RadGrid.RadGrid_Metro .rgSelectedRow .rgSorted {
  background-color: #ecf1fa !important; }
.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: #ecf1fa !important; }
  .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; }


 /* ==========================================================================
   New styling for CE-bearing events' Additional Information field
    ========================================================================== */
    /* Add'l Info styles (modal content) */
    :root {
      --addlinfo-primary-color: #c00000;
      --addlinfo-secondary-color: #002060;
      --addlinfo-background-light: #f0f0f0;
    }

    .addlinfo-container {
      font-family: 'Open Sans', sans-serif;
      line-height: 1.6;
      color: #333;
      background-color: #ffffff;
    }

    .addlinfo-inner-container {
      padding: 10px;
    }

    .addlinfo-event-details {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 10px;
      margin-bottom: 20px;
    }

    .addlinfo-detail-item {
      display: flex;
      align-items: center;
      font-size: 14px;
      flex: 0 1 calc(50% - 7px);
      min-width: 225px;
      max-width: calc(50% - 7px);      /* 2 items per row */
    }

    .addlinfo-detail-icon {
      width: 24px;
      height: 24px;
      margin-right: 8px;
      flex-shrink: 0;
      fill: var(--addlinfo-secondary-color);
    }

    .addlinfo-globe-icon {
      fill: none;
      stroke: var(--addlinfo-secondary-color);
      stroke-width: 1.5;
      stroke-linejoin: round;
    }

    .addlinfo-section-title {
      color: var(--addlinfo-primary-color);
      font-size: 16.5px;
      font-weight: 700;
      margin-top: 20px;
      margin-bottom: 10px;
    }

    .addlinfo-objectives {
      background-color: var(--addlinfo-background-light);
      padding: 15px;
      border-left: 5px solid var(--addlinfo-primary-color);
      margin: 20px 0;
    }

    .addlinfo-objectives .addlinfo-section-title {
      margin-top: 0;
    }

    .addlinfo-objectives-list {
      margin: 10px 0 15px;
      padding-left: 20px;
    }

    .addlinfo-learning-details {
      display: flex;
      flex-direction: column;
      gap: 10px;
      font-size: 14px;
    }

    .addlinfo-learning-detail strong {
      color: var(--addlinfo-secondary-color);
      font-weight: 700;
    }

    .addlinfo-pricing-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 15px;
      margin-top: 15px;
    }

    .addlinfo-price-card {
      background-color: var(--addlinfo-background-light);
      padding: 12px;
      border-radius: 5px;
      text-align: center;
    }

    .addlinfo-price-card-title {
      margin: 0 0 8px;
      color: var(--addlinfo-secondary-color);
      font-size: 15px;
    }

    .addlinfo-price-card p {
      margin: 5px 0;
      font-size: 14px;
      line-height: 1.3;
    }

    .addlinfo-early-bird {
      font-size: 13px;
      font-style: italic;
      margin-top: 10px;
    }

    .addlinfo-ce-container {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 10px;
    }

    .addlinfo-ce-item {
      background-color: var(--addlinfo-background-light);
      padding: 6px 10px;
      border-radius: 4px;
      font-size: 14px;
    }

    .addlinfo-ce-org {
      font-weight: 600;
      color: var(--addlinfo-secondary-color);
      margin-right: 6px;
    }

    .addlinfo-ce-hours {
      margin-right: 4px;
    }

    .addlinfo-ce-note {
      font-size: 12px;
      color: #666;
    }