* {
  margin:0;
  padding:0;
}



@font-face{font-family:'TheSerifPlain';src:url("/App_Themes/ufonts.com_theserifplain.eot");src:local("☺"),url("/App_Themes/ufonts.com_theserifplain.eot?#iefix") format("embedded-opentype"),url("/App_Themes/ufonts.com_theserifplain.woff") format("woff"),url("/App_Themes/ufonts.com_theserifplain.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'TheSerifSemi';src:url("/App_Themes/ufonts.com_theserif-semibold-plain.eot");src:local("☺"),url("/App_Themes/ufonts.com_theserif-semibold-plain.eot?#iefix") format("embedded-opentype"),url("/App_Themes/ufonts.com_theserif-semibold-plain.woff") format("woff"),url("/App_Themes/ufonts.com_theserif-semibold-plain.ttf") format("truetype");font-weight:normal;font-style:normal}
@font-face{font-family:'TheSerifExtraBold';src:url("/App_Themes/ufonts.com_theserif-extrabold-plain.eot");src:local("☺"),url("/App_Themes/ufonts.com_theserif-extrabold-plain.eot?#iefix") format("embedded-opentype"),url("/App_Themes/ufonts.com_theserif-extrabold-plain.woff") format("woff"),url("/App_Themes/ufonts.com_theserif-extrabold-plain.ttf") format("truetype");font-weight:normal;font-style:normal}



.MarketingWebsite
{
  font-family:Arial, sans-serif; /*Tahoma, Verdana, Arial, sans-serif*/
  color:#666666;
  font-size:14px;
}
   


/* ################   Field Control Types   ################### */
input[type="text"], input[type="password"], textarea {
  background-color:White;
  font-family:arial,sans-serif;
  font-size:13px;
  border-color:#bbbbbb;
  border-width:1px;
  border-style:solid;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding-left:4px; /* This should be 2px more than DropDownLists */
  height:20px;
}
.DropDownList, select
{
  background-color:White;
  border-color:#bbbbbb;
  border-width:1px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding-left:2px;
  height:20px;
}
input[type="checkbox"], input[type="checkbox"]:checked, input[type="checkbox"]:hover
{
  border-color:#bbbbbb;
  padding-left:0px;
  height:20px;
}
.MyCheckBox
{
  height:15px;
  width:15px;
  background-color:White;
  border:1px solid #bbbbbb;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  vertical-align:middle;
  padding:2px 2px 0px 0px;
  margin:1px 1px 1px 0px;
}


h1, h2, h3, h4, .PseudoH1, .PseudoH2, .PseudoH3, .PseudoH4, .SupportHeader2, .SupportHeader3 {font-family:Arial, sans-serif, Tahoma;/*Verdana, Arial, sans-serif, Tahoma*/ margin:0 0 0.2em 0;}
h1, .PseudoH1 {
  font-size:30px;
  font-weight:normal;
  color:orange;
  background-color:#0000fd;
  background:linear-gradient(to bottom,#0000fd,#000098);
  background:-moz-linear-gradient(to bottom,#0000fd,#000098);
  background:-webkit-linear-gradient(to bottom,#0000fd,#000098);
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:30px;
  padding-left:20px;
  padding-right:20px;
  display:inline-block;
}
@media (max-width:767px) {h1, .PseudoH1{margin-top:6px;padding-top:2px;padding-bottom:2px;}}
@media (min-width:768px) {h1, .PseudoH1{margin-top:0px;padding-top:10px;padding-bottom:10px;}}


h1 .nav-link {padding-top:0;padding-bottom:0;color:orange;}
h1 a {text-decoration:none;}
h1 a:hover {color:white!important;}
h2, .PseudoH2, .SupportHeader2 {font-size:26px;font-weight:normal;}
h3, .PseudoH3, .SupportHeader3 {font-size:20px;font-weight:normal;}
h4, .PseudoH4 {font-size:18px;font-weight:normal;}
.SupportHeader2 {color:#0000fd;}
.SupportHeader3 {color:#7c7cfe;}

p {margin-bottom:10px;color:#777777;}
ul {margin-left:20px;margin-bottom:10px; list-style-type:disc;}
ol {margin-left:20px;margin-bottom:10px;}
li {margin-bottom:5px;color:#777777;}



.ErrorMessage { color:Red; }
.TextBoxWatermark {color:lightgray;}
.Width100pc {width:100%;}
.RoundedCorners {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}


.CalendarExtenderIcon {vertical-align:bottom;}
.CalendarExtender .ajax__calendar_container {
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  background-color:#4d2177;
  box-shadow:-5px 5px 2px #e8ebed;
}
.CalendarExtender .ajax__calendar_header, .CalendarExtender .ajax__calendar_footer {color:white;font-weight:bold;}
.CalendarExtender .ajax__calendar_next, .CalendarExtender .ajax__calendar_prev {
  background-color:white;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
}
.CalendarExtender .ajax__calendar_dayname {
  padding-right:3px;
  background-color:#ad1aac;
  color:white;
  font-weight:bold;
}
.CalendarExtender td {
  background-color:#84a40b;
  font-weight:100;
  color:white;
}
.CalendarExtender td:nth-child(6), .CalendarExtender td:nth-child(7) {background-color:#8c857b;}
.CalendarExtender td:hover {font-weight:bold;}
.CalendarExtender .ajax__calendar_day, .CalendarExtender .ajax__calendar_days {
  text-align:center;
  padding-bottom:3px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.CalendarExtender .ajax__calendar_invalid .ajax__calendar_day, .CalendarExtender .ajax__calendar_invalid {color:black;}
.CalendarExtender .ajax__calendar_other .ajax__calendar_day {color:black;}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_next, .CalendarExtender .ajax__calendar_hover .ajax__calendar_prev {background-color:#8c857b;}
.CalendarExtender .ajax__calendar_today .ajax__calendar_day {background-color:#ff8200;}
.CalendarExtender .ajax__calendar_active .ajax__calendar_day, .CalendarExtender .ajax__calendar_active .ajax__calendar_month,
.CalendarExtender .ajax__calendar_active .ajax__calendar_year {background-color:#ffcd00;color:black;}



/* This makes <div><a href="???"><span></span></a></div> into an active link div - not just the text */
a span { display:block; width:100%; height:100%; }



.HeaderBar {
  height:90px;
  background:url(/Images/SO_Marketing/2020/HeaderBarPulse.png) 0% 0% repeat;
  animation:MovePulse;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;
  -webkit-animation:MovePulse;-webkit-animation-duration:30s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;
  -moz-animation:MovePulse;-moz-animation-duration:30s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;
}
@keyframes MovePulse {from {background-position:-500px 0%} to {background-position:3500px 0%}}
@-webkit-keyframes MovePulse {from {background-position:-500px 0%} to {background-position:3500px 0%}}
@-moz-keyframes MovePulse {from {background-position:-500px 0%} to {background-position:3500px 0%}}

.HeaderBarLink, .HeaderBarLink:visited {color:#999999;text-decoration:none;}



#MyNavMenu {z-index:99999;} /*Menu on-top on Windows Phone*/
.navbar {
  padding-left:0;
  padding-right:0;
}
.nav-link, .nav-link a {color:#7c7cfe;}
.nav-link:hover, .nav-link a:hover {color:orange;text-decoration:none;}
.navbar-brand {margin-right:0;padding:0 0 0 0;}
.navbar-brand .nav-link {padding-left:0;padding-right:0px;}

.navbar-nav {padding:0 0 0 0;margin-left:0;margin-right:0;text-align:right;}
.navbar-nav .nav-item {margin-bottom:0;}
.navbar-nav .nav-item .nav-link {padding-bottom:0;}
.navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='orange' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-toggler {background-color:#0000c9;}
.navbar-toggler:hover .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-toggler:hover {background-color:gray;}

@media (max-width:767px) {
  .navbar-collapse {
    font-size:18px;
    background-color:white;
    padding:0 20px 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border:1px solid #7c7cfe;
    border-top:none;
  }
  .dropdown-menu {border:none;text-align:right;padding-right:6px;left:-50px;}
  .dropdown-item {color:#7c7cfe;padding-left:0;padding-right:10px;}
}

@media (min-width:768px) {
  .navbar-brand .nav-link {padding-right:0;}
  #MyNavMenu {width:100%;text-align:right;}
  .navbar-nav {margin-left:auto;}
  .navbar-expand-md .navbar-nav .nav-link {padding-left:20px;}

  .dropdown-menu {
    margin-top:16px;
    background-color:white;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    border:1px solid #7c7cfe;
    border-top:none;
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
  }
  .navbar-nav .nav-item:nth-last-child(-n+3) .dropdown-menu {left:-20px;} /* Modules */
  .navbar-nav .nav-item:nth-last-child(-n+2) .dropdown-menu {left:-20px;} /* Hints & Tips */
  .navbar-nav .nav-item:last-child .dropdown-menu {left:-110px;} /* Newsletters */
  .dropdown-item {color:#7c7cfe;}
}
.dropdown-item {background-color:transparent;border:none;}
.dropdown-item:hover {
  color:white;
  background-color:#7c7cfe;
  margin-left:1%;
  width:98%;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}



.HeroContainer {
  width:100%;
  height:310px;
  position:relative;
  top:-20px;
  margin:0 auto;
}
.HeroImage {
  background:url(/Images/SO_Marketing/AdobeStock_91697907_Cropped3.jpeg) no-repeat center;
  background-size:cover;
  opacity:.7;
  height:310px;
}
.BlankHeroImage {
  background-color:#0000fd;
  opacity:.25;
  height:310px;
}
.HeroBanner, .GroupHeroBanner {
  position:relative;
  top:-310px;
  padding:15px 15px 0 15px;
  text-align:center;
}
.HeroBanner .carousel-caption {
  background-color:black;
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 25%, rgba(0,0,0,.5) 75%, rgba(0,0,0,0) 100%);
  background:-moz-linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 20%, rgba(0,0,0,.5) 80%, rgba(0,0,0,0) 100%);
  background:-webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 20%, rgba(0,0,0,.5) 80%, rgba(0,0,0,0) 100%);
}
.HeroBanner .carousel-caption h2 {color:white;}
.HeroBanner .carousel-indicators, .GroupHeroBanner .carousel-indicators {bottom:0;}
.HeroBanner .carousel-indicators .active, .GroupHeroBanner .carousel-indicators .active {background-color:orange;}
.HeroBanner .carousel-item, .GroupHeroBanner .carousel-item {width:100%;height:290px;}
.HeroBanner .carousel-item img, .GroupHeroBanner .carousel-item img {width:100%;max-width:220px;}
.HeroBanner .carousel-caption, .GroupHeroBanner .carousel-caption {color:orange;font-weight:bold;width:100%;left:0;right:0;padding:5px 0 5px 0;}
.GroupHeroBanner .carousel-caption h2 {color:#000098;}

.FeatureCarousel .carousel-item {width:100%;height:450px;}
.FeatureCarousel .carousel-item img {height:100%;max-height:330px;}
.FeatureCarousel .carousel-caption {
  height:100px;
  background-color:#999999;
  background:linear-gradient(to bottom,#ffffff 0%, #707070 10px, #707070 100%);
  background:-moz-linear-gradient(to bottom,#ffffff 0%, #707070 10px, #707070 100%);
  background:-webkit-linear-gradient(to bottom,#ffffff 0%, #707070 10px, #707070 100%);
  color:white;
  width:100%;
  left:0;
  right:0;
  bottom:0;
  padding:15px 0 0 0;
  display:flex;align-items:center;
  text-align:center;
}
.CountyCaptionActive, .CountyCaptionInactive {color:white;text-align:center;}
.CountyCaptionActive {background-color:blue;}
.CountyCaptionInactive {background-color:lightblue;}


.UnitWebsiteTypePanel {
  color:#7c7cfe;
  border:2px solid #7c7cfe;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  margin-top:20px;
}
.UnitWebsiteTypePanel h4 {color:#7c7cfe;}


.GalleryImg {
  display:block;
  max-height:100%;
  max-width:100%;
  height:auto;
  width:auto;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
}


.VerticallyCenterContentsOfThisDiv {display:flex;align-items:center;}
.BlueStepBlock1, .BlueStepBlock2, .BlueStepBlock3 {background-color:white;height:220px;}
.BlueStepBlock1 {background:url(/Images/SO_Marketing/2020/BlueStepBlock1.png) no-repeat;background-size:100% 220px;}
.BlueStepBlock2 {background:url(/Images/SO_Marketing/2020/BlueStepBlock2.png) no-repeat;background-size:100% 220px;}
.BlueStepBlock3 {background:url(/Images/SO_Marketing/2020/BlueStepBlock3.png) no-repeat;background-size:100% 220px;}
.BlueStepBlock1 h2, .BlueStepBlock1 h3, .BlueStepBlock1 h4 {color:white;padding:0 20px 0 5px;}
.BlueStepBlock2 h2, .BlueStepBlock2 h3, .BlueStepBlock2 h4 {color:white;padding:0 20px 0 20px;}
.BlueStepBlock3 h2, .BlueStepBlock3 h3, .BlueStepBlock3 h4 {color:white;padding:0 5px 0 20px;}



.ContentContainer, .ContentContainerNoTopPadding {
  width:100%;
  margin:0 auto;
  color:black;
}
.ContentContainer {padding-top:10px;}
.ContentBlock, .ContentBlockFullPage {margin:0 auto;}
.ContentBlockFullPage {min-height:698px;}
.WatermarkBackground {background:url("/Images/SO_Marketing/2020/WatermarkBackground.svg") repeat-y;background-size:100%;}



.LinkButton, .LinkButton:hover, .LinkButton:visited {display:inline-block;line-height:25px;}
.MarketingButton, .MarketingButton:hover, .MarketingButton:visited, .LinkButton, .LinkButton:hover, .LinkButton:visited {
  color:White;
  background-repeat:no-repeat;
  background-position:left;
  vertical-align:middle;
  min-height:25px;
  border:none;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  padding:0px 3px 0px 3px;
  text-decoration:none;
  margin-left:1px;
  margin-right:1px;
}
.LinkButton, .LinkButton:hover, .LinkButton:visited {display:inline-block;}
.MarketingButton, .MarketingButton:hover, .MarketingButton:visited, .LinkButton, .LinkButton:hover, .LinkButton:visited {
  background-color:#0000fd;
}
.MarketingButton:hover, .LinkButton:hover {background-color:#7c7cfe;}
.TransparentButton {background-color:transparent;color:blue;border:0;font-family:'Courier New';font-size:12px;}
.TransparentButton:hover {background-color:lightblue;}



.BigLinkButton, .BigLinkButton:hover, .BigLinkButton:visited {
  background-color:orange;color:black!important;
	font-size:22px;
	line-height:34px;
  min-height:34px;
  border-style:none;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  text-align:center;
  padding:3px 10px 3px 10px;
  text-decoration:none;
  margin-left:1px;
  margin-right:1px;
  white-space:normal;
}
.BigLinkButton:hover {background-color:darkorange;color:white!important;}



.BackOfficePanel {
  background-color:#eeeeee;
  border:1px solid #7c7cfe;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  padding:1% 1% 1% 1%;
}



/* #################   Marketing Panels at the bottom of the default.aspx page (and others)   ################ */
.MarginBottom45 {margin-bottom:45px;}
.RowHeight {height:100%;}
.ContentPanel {
  background-color:white;
  color:#666666;
  box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
}
.ContentPanel:has(.AddBorder) {border:8px solid #7c7cfe;}
.ContentPanel a {text-decoration:none;}
.ContentPanelTitle, .ContentPanelTitleLeft {
  background-color:#7c7cfe;
  color:white;
  text-decoration:none;
  line-height:30px;
  font-size:18px;
}
.ContentPanelTitle {text-align:center;}
.ContentPanelTitleLeft {padding-left:5px;}
.ContentPanelTitle a, .ContentPanelTitleLeft a {
  color:White;
  text-decoration:none;
}
.ContentPanel:hover .ContentPanelTitle, .ContentPanel:hover .ContentPanelTitleLeft {
  animation:DarkenBlueBackground 1s;animation-fill-mode:forwards;
  -webkit-animation:DarkenBlueBackground 1s;-webkit-animation-fill-mode:forwards;
  -moz-animation:DarkenBlueBackground 1s;-moz-animation-fill-mode:forwards;
}
@keyframes DarkenBlueBackground {from {background-color:#7c7cfe;border-color:#7c7cfe;} to {background-color:#5555fe;border-color:#5555fe;}}
@-webkit-keyframes DarkenBlueBackground {from {background-color:#7c7cfe;border-color:#7c7cfe;} to {background-color:#5555fe;border-color:#5555fe;}}
@-moz-keyframes DarkenBlueBackground {from {background-color:#7c7cfe;border-color:#7c7cfe;} to {background-color:#5555fe;border-color:#5555fe;}}

.ContentPanelContent, .ContentPanelContentNoMargin {
  overflow-x:hidden;
  overflow-y:auto;
}
.ContentPanelContent {padding:10px 10px 10px 10px;}
.ContentPanelContent h2, .ContentPanelContent h3, .ContentPanelContent h4 {padding-top:10px;padding-bottom:10px;}
.ContentPanelScrollContent {
  border:5px solid transparent;
  padding-right:5px;
  max-height:calc(100vh - 135px);
  overflow-x:hidden;
  overflow-y:auto;
}
.UseCasePopupPanel {
  z-index:9000;
  position:fixed;
  top:95px;
  left:3%;
  width:94%;
  height:calc(100vh - 105px);
  background-color:#e1e1e1;
  box-shadow:0 0 100px 0 rgba(0,0,0,0.9);
  border:1px solid black;
  min-height:calc(100vh - 170px);
}
.UseCasePopupPanel h5 {background-color:black;color:white;text-align:center;padding:5px 0 5px 0;}

.UseCaseTitle {}
.UseCaseTitle p {/*color:black;font-size:18px;*/}
.ExpandedPanel .UseCaseTitle {display:none;}
.UseCaseDetails {display:none;}
.ExpandedPanel .UseCaseDetails {display:block;}

.FullPanelButton {
  z-index:1000;
  position:absolute;
  top:30px;
  left:15px;
  background-color:transparent;
  color:transparent;
  border:none;
  height:calc(100% - 30px);
  width:calc(100% - 30px);
  border:5px solid transparent;
}
/*.FullPanelButton:only-child {color:#777777;}*/


.ContentPanelContentPanelMinimiseButton, .ContentPanelMaximiseButton, .ContentPanelCloseButton {
  background-color:transparent;
  border:none;
  color:white;
  position:absolute;
  top:3px;
}
.ContentPanelContentPanelMinimiseButton {right:80px;}
.ContentPanelMaximiseButton {right:55px;}
.ContentPanelCloseButton {right:25px;}
.Height200 {height:200px;}
.material-icons:hover {background-color:rgba(200,200,200,0.5);}

.Appear1 {opacity:0;animation:Appear 1s;animation-delay:0.3s;animation-fill-mode:forwards;-webkit-animation:Appear 1s;-webkit-animation-delay:0.3s;-webkit-animation-fill-mode:forwards;-moz-animation:Appear 1s;-moz-animation-delay:0.3s;-moz-animation-fill-mode:forwards;}
.Appear2 {opacity:0;animation:Appear 1s;animation-delay:0.6s;animation-fill-mode:forwards;-webkit-animation:Appear 1s;-webkit-animation-delay:0.6s;-webkit-animation-fill-mode:forwards;-moz-animation:Appear 1s;-moz-animation-delay:0.6s;-moz-animation-fill-mode:forwards;}
.Appear3 {opacity:0;animation:Appear 1s;animation-delay:0.9s;animation-fill-mode:forwards;-webkit-animation:Appear 1s;-webkit-animation-delay:0.9s;-webkit-animation-fill-mode:forwards;-moz-animation:Appear 1s;-moz-animation-delay:0.9s;-moz-animation-fill-mode:forwards;}
.Appear4 {opacity:0;animation:Appear 1s;animation-delay:1.2s;animation-fill-mode:forwards;-webkit-animation:Appear 1s;-webkit-animation-delay:1.2s;-webkit-animation-fill-mode:forwards;-moz-animation:Appear 1s;-moz-animation-delay:1.2s;-moz-animation-fill-mode:forwards;}
.Appear5 {opacity:0;animation:Appear 1s;animation-delay:1.5s;animation-fill-mode:forwards;-webkit-animation:Appear 1s;-webkit-animation-delay:1.5s;-webkit-animation-fill-mode:forwards;-moz-animation:Appear 1s;-moz-animation-delay:1.5s;-moz-animation-fill-mode:forwards;}
@keyframes Appear {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes Appear {from {opacity:0;} to {opacity:1;}}
@-moz-keyframes Appear {from {opacity:0;} to {opacity:1;}}

.DarkOnHover {background-color:black!important;}
.DarkOnHover:hover img {
  opacity:.8;
  animation:FadeToOpacity8 0.5s;animation-fill-mode:forwards;
  -webkit-animation:FadeToOpacity8 0.5s;-webkit-animation-fill-mode:forwards;
  -moz-animation:FadeToOpacity8 0.5s;-moz-animation-fill-mode:forwards;
}
@keyframes FadeToOpacity8 {from {opacity:1;} to {opacity:.8;}}
@-webkit-keyframes FadeToOpacity8 {from {opacity:1;} to {opacity:.8;}}
@-moz-keyframes FadeToOpacity8 {from {opacity:1;} to {opacity:.8;}}



.PopupPanel {
  z-index:9000;
  position:fixed;
  overflow:auto;
  top:100px;
  left:5%;
  width:90%;
  max-height:calc(100vh - 110px);
  background-color:#e1e1e1;
  box-shadow:0 0 100px 0 rgba(0,0,0,0.9);
  border:1px solid black;
}
.PopupPanel h5, .PopupPanelFullHeight h5 {background-color:black;color:white;text-align:center;padding:5px 0 5px 0;}
.PopupPanelImage {max-height:calc(100vh - 160px);max-width:100%;}


.HoverToView1 .row, .HoverToView2 .row, .HoverToView3 .row, .HoverToView4 .row, .HoverToView5 .row {height:0px;overflow-y:hidden;margin-bottom:0;}
.HoverToView1 .row, .HoverToView2 .row, .HoverToView3 .row, .HoverToView4 .row, .HoverToView5 .row {
  animation:RollDownAndBackUp;animation-duration:42s;animation-timing-function:linear;animation-iteration-count:infinite;
  -webkit-animation:RollDownAndBackUp;-webkit-animation-duration:42s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;
  -moz-animation:RollDownAndBackUp;-moz-animation-duration:42s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;
}
.HoverToView1 .row {animation-delay:7s;-webkit-animation-delay:7s;-moz-animation-delay:7s;}
.HoverToView2 .row {animation-delay:14s;-webkit-animation-delay:14s;-moz-animation-delay:14s;}
.HoverToView3 .row {animation-delay:21s;-webkit-animation-delay:21s;-moz-animation-delay:21s;}
.HoverToView4 .row {animation-delay:28s;-webkit-animation-delay:28s;-moz-animation-delay:28s;}
.HoverToView5 .row {animation-delay:35s;-webkit-animation-delay:35s;-moz-animation-delay:35s;}
@keyframes RollDownAndBackUp {0% {height:0px;} 0.5% {height:100px;} 16.6666% {height:100px;} 17.166% {height:0px;}}    /* NB. 100% .rowided by 6 lots of 10s = 16.666 */
@-webkit-keyframes RollDownAndBackUp {0% {height:0px;} 0.5% {height:100px;} 16.6666% {height:100px;} 17.166% {height:0px;}}
@-moz-keyframes RollDownAndBackUp {0% {height:0px;} 0.5% {height:100px;} 16.6666% {height:100px;} 17.166% {height:0px;}}

.HoverToView1:hover .row, .HoverToView2:hover .row, .HoverToView3:hover .row, .HoverToView4:hover .row, .HoverToView5:hover .row {
  animation:RollDown 1s;animation-fill-mode:forwards;
  -webkit-animation:RollDown 1s;-webkit-animation-fill-mode:forwards;
  -moz-animation:RollDown 1s;-moz-animation-fill-mode:forwards;
}
@keyframes RollDown {from {height:0px;} to {height:100px;}}
@-webkit-keyframes RollDown {from {height:0px;} to {height:100px;}}
@-moz-keyframes RollDown {from {height:0px;} to {height:100px;}}




.Testimonial1, .Testimonial2, .Testimonial3, .Testimonial4, .Testimonial5, .Testimonial6, .Testimonial7, .Testimonial8, .Testimonial9, .Testimonial10,
.Testimonial11, .Testimonial12, .Testimonial13, .Testimonial14, .Testimonial15, .Testimonial16, .Testimonial17, .Testimonial18, .Testimonial19, .Testimonial20
{
  font-size:20px;
  color:white;
  width:300px;
  position:absolute;
  text-align:center;
  opacity:0;
  animation:TestimonialAppear 0.2s;animation-duration:75s;animation-timing-function:linear;animation-iteration-count:infinite;
  -webkit-animation:TestimonialAppear 0.2s;-webkit-animation-duration:75s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;
  -moz-animation:TestimonialAppear 0.2s;-moz-animation-duration:75s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;
}
.Testimonial1 {animation-delay:0s;-webkit-animation-delay:0s;-moz-animation-delay:0s;}
.Testimonial2 {animation-delay:5s;-webkit-animation-delay:5s;-moz-animation-delay:5s;}
.Testimonial3 {animation-delay:10s;-webkit-animation-delay:10s;-moz-animation-delay:10s;}
.Testimonial4 {animation-delay:15s;-webkit-animation-delay:15s;-moz-animation-delay:15s;}
.Testimonial5 {animation-delay:20s;-webkit-animation-delay:20s;-moz-animation-delay:20s;}
.Testimonial6 {animation-delay:25s;-webkit-animation-delay:25s;-moz-animation-delay:25s;}
.Testimonial7 {animation-delay:30s;-webkit-animation-delay:30s;-moz-animation-delay:30s;}
.Testimonial8 {animation-delay:35s;-webkit-animation-delay:35s;-moz-animation-delay:35s;}
.Testimonial9 {animation-delay:40s;-webkit-animation-delay:40s;-moz-animation-delay:40s;}
.Testimonial10 {animation-delay:45s;-webkit-animation-delay:45s;-moz-animation-delay:45s;}
.Testimonial11 {animation-delay:50s;-webkit-animation-delay:50s;-moz-animation-delay:50s;}
.Testimonial12 {animation-delay:55s;-webkit-animation-delay:55s;-moz-animation-delay:55s;}
.Testimonial13 {animation-delay:60s;-webkit-animation-delay:60s;-moz-animation-delay:60s;}
.Testimonial14 {animation-delay:65s;-webkit-animation-delay:65s;-moz-animation-delay:65s;}
.Testimonial15 {animation-delay:70s;-webkit-animation-delay:70s;-moz-animation-delay:70s;}
.Testimonial16 {animation-delay:75s;-webkit-animation-delay:75s;-moz-animation-delay:75s;}
.Testimonial17 {animation-delay:80s;-webkit-animation-delay:80s;-moz-animation-delay:80s;}
.Testimonial18 {animation-delay:85s;-webkit-animation-delay:85s;-moz-animation-delay:85s;}
.Testimonial19 {animation-delay:90s;-webkit-animation-delay:90s;-moz-animation-delay:90s;}
.Testimonial20 {animation-delay:95s;-webkit-animation-delay:95s;-moz-animation-delay:95s;}
@keyframes TestimonialAppear {0% {opacity:0;margin-left:0px;} 5% {opacity:1;margin-left:20px;} 10% {opacity:0;margin-left:30px;}}
@-webkit-keyframes TestimonialAppear {0% {opacity:0;margin-left:0px;} 5% {opacity:1;margin-left:20px;} 10% {opacity:0;margin-left:30px;}}
@-moz-keyframes TestimonialAppear {0% {opacity:0;margin-left:0px;} 5% {opacity:1;margin-left:20px;} 10% {opacity:0;margin-left:30px;}}



.ScreenShotPanelTextCellLeft {
  background-image:url("/Images/SO_Marketing/2020/ScreenShotPanelLeftWatermark.svg");
  background-repeat:no-repeat;
  background-size:100%;
  background-color:#7c7cfe;
  color:white;
  padding:0;
}
.ScreenShotPanelTextCellRight {
  background-image:url("/Images/SO_Marketing/2020/ScreenShotPanelRightWatermark.svg");
  background-repeat:no-repeat;
  background-size:100%;
  background-color:#7c7cfe;
  color:white;
  padding:0;
}
.ScreenShotPanelTextCellLeft:hover, .ScreenShotPanelTextCellRight:hover {
  animation:FadeToBlue 0.5s;animation-fill-mode:forwards;
  -webkit-animation:FadeToBlue 0.5s;-webkit-animation-fill-mode:forwards;
  -moz-animation:FadeToBlue 0.5s;-moz-animation-fill-mode:forwards;
}
@keyframes FadeToBlue {from {background-color:#7c7cfe;} to {background-color:#0000fc;}}
@-webkit-keyframes FadeToBlue {from {background-color:#7c7cfe;} to {background-color:#0000fc;}}
@-moz-keyframes FadeToBlue {from {background-color:#7c7cfe;} to {background-color:#0000fc;}}

.ScreenShotPanelTextCellLeft h3, .ScreenShotPanelTextCellRight h3 {padding:0 5px 0 5px;}
.ScreenShotPanelImageCell {background-color:white;padding:0;}



/* #################   Package Level Comparison Table CSS   ################ */
.PackCompare2Col, .PackCompare3Col {
  margin:0 0 30px 0;
  background-color:transparent;
  color:#444444;
  font-size:13px;
  width:100%;
}
.PackCompare2Col thead tr td, .PackCompare2Col tfoot tr td, .PackCompare3Col thead tr td, .PackCompare3Col tfoot tr td {
  background-color:#c0c0ff;
  color:black;
  padding:10px 0 10px 0;
  text-align:center;
}
.PackCompare2Col thead tr td, .PackCompare2Col tfoot tr td {width:25%;}
.PackCompare3Col thead tr td, .PackCompare3Col tfoot tr td {width:16.6666%;}
.PackCompare2Col thead tr td:first-child, .PackCompare2Col tfoot tr td:first-child {width:50%;background-color:transparent;}
.PackCompare3Col thead tr td:first-child, .PackCompare3Col tfoot tr td:first-child {width:50%;background-color:transparent;}
.PackCompare2Col .PackCompare2ColCol2 thead tr, .PackCompare3Col .PackCompare3ColCol2 thead tr {
  background-color:#7c7cfe;
  background:linear-gradient(#00c1dc, #7c7cfe);
  color:White;
  height:30px;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}
.PackCompare2Col tbody tr, .PackCompare3Col tbody tr {
  border-bottom:dotted solid gray;
  height:50px;
  padding:0 5px 0 5px;
}
.PackCompare2Col tbody .SubHeader td:first-child, .PackCompare3Col tbody .SubHeader td:first-child {
  background-color:rgba(204,204,204,1);
  background:linear-gradient(to bottom,rgba(204,204,204,0),rgba(204,204,204,1));
  background:-moz-linear-gradient(to bottom,rgba(204,204,204,0),rgba(204,204,204,1));
  background:-webkit-linear-gradient(to bottom,rgba(204,204,204,0),rgba(204,204,204,1));
  color:Black;
  text-align:center !important;
  font-size:20px;
}
.PackCompare2Col tbody tr:nth-child(even), .PackCompare3Col tbody tr:nth-child(even) {
  background-color:rgba(192,192,255,.3);
  background:linear-gradient(to right,rgba(255,255,255,5),rgba(192,192,255,.3));
}
.PackCompare2Col tbody tr b, .PackCompare3Col tbody tr b {color:black;}
.PackCompare2Col tbody tr td, .PackCompare3Col tbody tr td {text-align:center;}
.PackCompare2Col tbody tr td:first-child, .PackCompare3Col tbody tr td:first-child {text-align:right;padding-right:15px;}
.PackCompare2Col .Tick, .PackCompare3Col .Tick {
  background:url(/Images/SO_Marketing/Tick.png) no-repeat;
  background-size:30px 30px;
  background-position:center;
}
.PackCompare2Col .Cross, .PackCompare3Col .Cross {
  background:url(/Images/SO_Marketing/Cross.png) no-repeat;
  background-size:30px 30px;
  background-position:center;
}



/* #################   Form Structure - Contact Us page   ################ */
.FormViewFieldLineSpacer {
  width:100%;
  height:10px;
}
.FieldLine {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-bottom:3px;
}
.FieldHeader, .ShortFieldHeader {
  /* col-form-label */
  padding-top:2px; /* calc(0.375rem + 1px);*/
  padding-bottom:2px; /* calc(0.375rem + 1px);*/
  margin-bottom:0;
  font-size:inherit;
  line-height:1.5;
}

.FieldData, .LongFieldData {
  position:relative;
  width:100%;
  min-height:1px;
  padding-right:15px;
}

.FieldHeaderMultipleField {
  padding-right:0px !important;
  margin-left:5px;
}

@media only screen and (max-width:575px) {
  .FieldLine {padding-bottom:10px;}
  .FieldHeader, .ShortFieldHeader {
    position:relative;
    width:100%;
    min-height:1px;
    font-weight:bold;
  }
  .FieldDataMultipleField {padding-left:3px !important;}
}

@media only screen and (min-width:576px) and (max-width:767px) {
  .FieldLine {padding-left:0;}
  .FieldHeader, .ShortFieldHeader {
    /* col-sm-3 */
    position:relative;
    width:100%;
    min-height:1px;
    padding-top:0;
    padding-right:0;
    -ms-flex:0 0 30%;
    flex:0 0 30%;
    max-width:30%;
    text-align:right;
  }
  .FieldData, .LongFieldData {
    /* col-sm-9 */
    -ms-flex:0 0 70%;
    flex:0 0 70%;
    max-width:70%;
    padding-left:3px;
  }
  .FieldDataMultipleField {padding-left:3px !important;}
}

@media only screen and (min-width:768px) {
  .FieldLine {padding-left:0;}
  .FieldHeader, .ShortFieldHeader {
    position:relative;
    width:100%;
    min-height:1px;
    padding-top:0;
    padding-right:0;
  }
  .FieldHeader {
    /* col-sm-3 */
    -ms-flex:0 0 30%;
    flex:0 0 30%;
    max-width:30%;
    text-align:right;
  }
  .ShortFieldHeader {
    /* col-sm-1.5 */
    -ms-flex:0 0 15%;
    flex:0 0 15%;
    max-width:15%;
    text-align:right;
  }
  .FieldData {
    /* col-sm-9 */
    -ms-flex:0 0 70%;
    flex:0 0 70%;
    max-width:70%;
    padding-left:3px;
  }
  .LongFieldData {
    /* col-sm-10.5 */
    -ms-flex:0 0 85%;
    flex:0 0 85%;
    max-width:85%;
    padding-left:3px;
  }
  .FieldDataMultipleField {padding-left:3px;}
}



.NewsletterMenuBar {
  background-color:#7c7cfe;
  margin-left:0;
  margin-right:0;
  text-align:center;
}
.NewsletterMenuBar a, .NewsletterMenuBar a:visited, .NewsletterMenuBar a:hover {
  color:white;
  background-color:#7c7cfe;
  width:100%;
  height:30px;
  line-height:30px;
  text-decoration:none;
  text-align:center;
}

.NewsletterImageBanner {
  background-color:#6e6e6e;
  margin:0 0 0 0;
  padding:10px 0 10px 0;
  text-align:center;
  max-height:320px;
}
.NewsletterImageBanner img {
	max-width: 100%;
	max-height: 300px;
	margin: 0 0 0 0;
}
.NewsletterImageBanner .TextArea {
  display:-ms-flexbox;display:-webkit-flex;display:flex;
	-ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center;
	margin:0 auto;
	height:100%;
	max-width:230px;
	max-height:300px;
	background-color:white;
	padding:5px 5px 5px 5px;
}
.NewsletterImageBanner .TextArea h3 {
	font-size:4vw;
	color:#7c7cfe;
}
@media screen and (min-width:1000px) {
  .NewsletterImageBanner .TextArea h3 {font-size:40px;}
}



.NewsletterHeroTextDiv {width:100%;position:absolute;left:0;bottom:20px;}
.NewsletterHeroTextDiv span {
  font-size:3vw;
  line-height:3vw;
  font-weight:bold;
  margin:0;
  color:blue;
  text-shadow:0px 4px 10px #ffffff, 4px 4px 10px #ffffff, 4px 0px 10px #ffffff, 4px -4px 10px #ffffff, 0px -4px 10px #ffffff, -4px -4px 10px #ffffff, -4px 4px 10px #ffffff;
}



.NewsletterYouTubePopupControlDiv {max-width:300px;margin-left:auto;margin-right:auto;}



.NewsletterColumnsHolder, .SupportPagesColumnHolder {
	background-color:white;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
  box-shadow:0 0 20px 0 rgba(0,0,0,0.3);
	border-radius: 10px;
	/*margin-bottom: 50px;
	margin: 10px 0 70px 0;*/
  margin-top:10px;
  margin-left:0px;
  margin-right:0px;
	padding: 10px 10px 10px 10px;
}
.NewsletterColumnsHolder, .SupportPagesColumnHolder {margin-bottom:70px;}
.NewsletterColumnsHolder a, NewsletterColumnsHolder a:visited, NewsletterColumnsHolder a:hover,
  .SupportPagesColumnHolder a, SupportPagesColumnHolder a:visited, SupportPagesColumnHolder a:hover{
  text-decoration:none;
  color:blue;
}
.SupportPagesColumnHolder {margin-bottom:10px;}
.SupportPagesColumnHolder:hover .SupportHeader3 {color:#5050fe;}

.NewsletterArticle, .NewsletterArticleLast {
	padding-bottom: 10px;
	background-image: url("/Images/SO_Marketing/Email/BreakLine.png");
	background-position: bottom;
	background-repeat: repeat-x;
}
.NewsletterArticle {margin-bottom: 50px;}
.NewsletterArticle img, .NewsletterArticleLast img, .NewsletterArticleLastNoBar img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.NewsletterH2 {
  color:#0000fd;
  font-size:22px;
  text-align:center;
  padding-bottom:5px;
}
.NewsletterH3 {
  color:darkblue;
  font-size:18px;
  text-align:center;
  padding-bottom:5px;
}
.NewsletterH4 {
  color:darkblue;
  font-size:16px;
  padding-bottom:5px;
}
.NewsletterPackageLevel {
  float:none;
  clear:both;
  color:#0000fd;
  font-size:9px;
  text-align:center;
}



.SupportDocumentationHeader {
  top:-20px;
  width:100%;
  background-color:#7c7cfe;
  color:white;
  text-align:center;
}
.SupportDocumentationImg, .SupportDocumentationImgThin, .SupportDocumentationImg300px {
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  border:1px solid #dddddd;
}
.SupportDocumentationImg, .SupportDocumentationImgThin {max-width:100%;}
.SupportDocumentationImg300px {width:100%;max-width:300px;}
.SupportDocumentationHeader h1 {
  color:white;
  background:none;
  background-color:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  padding:5px 20px 5px 20px;
  display:block;
}



.TableTopAlign tr td {vertical-align:top;}

.LabelTextBox input[type="text"] {
  background-color:transparent;
  border:none;
  border-color:transparent;
}
.TextBoxAsLabel {width:100%;border:none!important;}



.GridViewListHeader {
  background-color:lightblue;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}
.GridViewListFooter {
  background-color:lightblue;
  font-weight:bold;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}
.GridViewListRow td, .GridViewListRowNoWrap td {background-color:white;}
.GridViewListAlternateRow td, .GridViewListAlternateRowNoWrap td {background-color:#f4f5f6;}
.GridViewListRowNoWrap td, .GridViewListAlternateRowNoWrap td {word-wrap:break-word;line-height:22px;height:22px;overflow:hidden;}
.GridViewListRow td:first-child, .GridViewListRowNoWrap td:first-child, .GridViewListAlternateRow td:first-child, .GridViewListAlternateRowNoWrap td:first-child {border-left:3px solid lightblue;}
.GridViewListRow td:last-child, .GridViewListRowNoWrap td:last-child, .GridViewListAlternateRow td:last-child, .GridViewListAlternateRowNoWrap td:last-child {border-right:3px solid lightblue;}

.GridViewNoTemplateFields {background-color:white;}
.GridViewNoTemplateFields tr td, .GridViewNoTemplateFields tr th {padding-left:5px;padding-right:5px;}

.ManageUsersPaddingTop td {padding-top:5px;}



.PagerRow tr td {padding-right:10px;}
.PagerRow a, .PagerRow span {
  height:50px;
  width:100px;
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  border-color:black;
  line-height:35px;
  font-size:16px;
  color:white;
  text-decoration:none;
  text-align:center;
  padding:3px 10px 3px 10px;
}
.PagerRow a {background-color:goldenrod;}
.PagerRow span {background-color:coral;font-weight:bold;}



.NeckerConfigFields {
  float:none;
  clear:both;
  width:722px;
  padding-bottom:10px;
  margin-bottom:10px;
}
.NeckerConfigFieldName1 {
  float:left;
  width:177px;
  text-align:right;
  padding-right:5px;
}
.NeckerConfigField1 {float:left;width:240px;}
.NeckerConfigField1Long {float:left;width:540px;}
.NeckerConfigFieldName2 {
  float:left;
  width:55px;
  text-align:right;
  padding-right:5px;
}
.NeckerConfigField2 {float:left;width:240px;}
.NeckerConfigSpacer {height:5px;}



.AjaxAccordionHeader {
  background-color:#7c7cfe;
  color:white;
  font-size:14px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:4px 4px 4px 4px;
  margin-top:8px;
}
.AjaxAccordionHeaderSelected {
  background-color:#0000fd;
  color:white;
  font-size:22px;
  -moz-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:4px 4px 4px 4px;
  margin-top:8px;
}
.AjaxAccordionContent {
  background-color:#fdfdfd;
  color:#666666;
  -moz-border-radius:5px;
  border-radius:5px;
	padding:10px 10px 30px 10px;
}


.ajax__tab_xp .ajax__tab_body {
  font-family:arial,sans-serif !important;
  font-size:14px;
  color:#666666;
}
.TabHeader .ajax__tab {min-height:30px;}
.TabHeader .ajax__tab_header .ajax__tab .ajax__tab_outer {
  background-image:none;
  margin-right:5px;
}
.TabHeader .ajax__tab_header .ajax__tab .ajax__tab_outer .ajax__tab_inner {
  background-image:none;
  background-color:gray;
  min-height:30px;
  font-size:14px;
  text-decoration:none;
  padding:0 15px 0 15px;
}
.TabHeader .ajax__tab_header .ajax__tab .ajax__tab_inner .ajax__tab_tab {background-image:none;}
.TabHeader .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .TabHeader .ajax__tab_header .ajax__tab .ajax__tab_outer {background-image:none !important;}
.TabHeader .ajax__tab_tab {color:White;}
.TabHeader .ajax__tab_active .ajax__tab_inner span, .TabHeader .ajax__tab_hover .ajax__tab_inner span {color:White;}
.TabHeader .ajax__tab_body {
  background-color:white;
  border:none !important;
  border-top:solid 1px gray;
  padding:0 0 0 0 !important;
}
.TabHeader .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner {
  color:#fff;
  background-color:#7c7cfe;
}
.TabHeader .ajax__tab_header .ajax__tab_hover .ajax__tab_outer .ajax__tab_inner {background-color:#5f5f5f;}



.HiddenOverflow {overflow:hidden;white-space:nowrap;}



.YouTubeContainer {
  position:relative;
  padding-bottom:56.25%;
  /*padding-top:30px;*/
  height:0;
}
.YouTubeContainer iframe, .YouTubeContainer object, .YouTubeContainer embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.BorderGrey1 {border:1px solid #bbbbbb;}



.SharePanelLinkDiv {
  margin:auto;
  height:110px;
  width:120px;
  padding:10px 2px 25px 2px;
}
.SharePanelLinkDiv img {width:50px;}
.SharePanelLinkDiv p {color:white;padding:5px 0 10px 0;}
.SharePanelLinkDiv a, .SharePanelLinkDiv a:visited {text-decoration:none;}



.UpdatePleaseWaitDiv {
  position:fixed;
  top:0;
  left:0;
  visibility:visible;
  border:none;
  overflow:hidden;
  z-index:500;
  min-width:100%;
  min-height:100%;
  background:url("/images/Others/Circular1.gif") no-repeat #ffffff;
  background-position:center center;
  filter:alpha(opacity=50);
  -moz-opacity:.5;
  opacity:.5;
}



.ProductPopupPanel, .ProductPopupPanelNoPadding {
  z-index:5000;
  position:fixed;
  left:5%;
  width:90%;
  max-height:calc(100vh - 150px);
  overflow:auto;
  top:120px;
  background-color:white;
  box-shadow:0 0 100px 0 rgba(0,0,0,0.9);
  padding-top:50px;
  padding-bottom:20px;
}
.ProductPopupPanel {padding-left:5%;padding-right:5%;}
@media only screen and (max-width:767px) {.ProductPopupPanel, .ProductPopupPanelNoPadding {left:1%;width:98%;}}
.XCloseButton {
  position:absolute;
  top:5px;
  right:5px;
  width:40px;
  height:40px;
  border:none;
  background:url("/Images/SA_Site_Images/ButtonXClose.svg") no-repeat;
  background-size:40px 40px;
}


.ContentsUL li {margin-bottom:0;}
.ContentsUL li span {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px 0 -15px; /*row*/}
.ContentsUL li span p {margin-bottom:0;width:100%;min-height:1px;padding-left:15px;padding-right:15px; /*col*/}
.ContentsUL li span p:first-child {
  -ms-flex:0 0 75%;flex:0 0 75%;max-width:75%; /*col-9*/
  overflow:hidden;white-space:nowrap;
}
.ContentsUL li span p:first-child::after {content:" ............................................................................................................................................................."}
.ContentsUL li span p:last-child {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;text-align:right; /*col-3*/}



.GreenToRed1 {background-color:#00ff00!important;color:black;}
/*.GreenToRed2 {background-color:#35ff00!important;color:black;}*/
.GreenToRed2 {background-color:#7aff00!important;color:black;}
.GreenToRed3 {background-color:#9fff00!important;color:black;}
.GreenToRed4 {background-color:#bbff00!important;color:black;}
.GreenToRed5 {background-color:#d4ff00!important;color:black;}
.GreenToRed6 {background-color:#fff600!important;color:black;}
.GreenToRed7 {background-color:#ffc100!important;color:black;}
.GreenToRed8 {background-color:#ff8c00!important;color:black;}
.GreenToRed9 {background-color:#ff5700!important;color:white;}
.GreenToRed10 {background-color:#ff0000!important;color:white;}



.ChartStyle {min-width:100%!important;max-width:100%!important;}



.AutoChangeAdd {background-color:#28a745;color:white;}
.AutoChangeUpdate {background-color:#007bff;color:white;}
.AutoChangeReview {background-color:#ffc107;color:black;}
.AutoChangeDelete {background-color:#dc3545;color:white;}



.FixedTop {position:-webkit-sticky;position: sticky;top:0;z-index:1;} /* Similar to sticky-top */
.FixedBottom {position:sticky;bottom:0px;}

.SupportTick {
  background:url(/Images/SO_Marketing/Tick.png) no-repeat;
  background-size:20px 20px;
  background-position:center;
}
.SupportCross {
  background:url(/Images/SO_Marketing/Cross.png) no-repeat;
  background-size:20px 20px;
  background-position:center;
}



/* #################   Master Page Footer Bars   ################ */
.MarketingSiteFooter {
  height:450px;
  background:url(/Images/SO_Marketing/2020/MarketingSiteFooter.png) no-repeat;
  background-size:100% 450px;
  color:orange;
}
.MarketingSiteFooter a {
  text-decoration:none;
  color:orange;
}