﻿* {margin:0; padding:0;}
.MasterBody {visibility:hidden;}

:root {
  --BrandColor1:#002f6c;/*Dark Blue*/
  --BrandColor2:#490499;/*Mid Purple*/
  --BrandColor3:#ffe627;/*Yellow*/
  --BrandColor4:#00a794;/*Teal*/
  --BrandTextColor1:white;
  --BrandTextColor2:white;
  --BrandTextColor3:black;
  --BrandTextColor4:white;
}
.Brand1Background {background-color:var(--BrandColor1);color:var(--BrandTextColor1);} .Brand1Background a {color:var(--BrandTextColor1);}
.Brand2Background {background-color:var(--BrandColor2);color:var(--BrandTextColor2);} .Brand2Background a {color:var(--BrandTextColor2);}
.Brand3Background {background-color:var(--BrandColor3);color:var(--BrandTextColor3);} .Brand3Background a {color:var(--BrandTextColor3);}
.Brand4Background {background-color:var(--BrandColor4);color:var(--BrandTextColor4);} .Brand4Background a {color:var(--BrandTextColor4);}



@font-face {font-family:NunitoSansRegular;src:url("/App_Themes/NunitoSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:NunitoSansLight;src:url("/App_Themes/NunitoSans-Light.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:NunitoSansExtraLight;src:url("/App_Themes/NunitoSans-ExtraLight.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:NunitoSansBlack;src:url("/App_Themes/NunitoSans-Black.ttf") format("truetype");font-weight:normal;font-style:normal;} /**/
@font-face {font-family:NunitoSansSemiBold;src:url("/App_Themes/NunitoSans-SemiBold.ttf") format("truetype");font-weight:normal;font-style:normal;}
@font-face {font-family:NunitoSansBold;src:url("/App_Themes/NunitoSans-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;} /**/
@font-face {font-family:NunitoSansExtraBold;src:url("/App_Themes/NunitoSans-ExtraBold.ttf") format("truetype");font-weight:normal;font-style:normal;}



body {
  background-color:White;
  color:#404e5a;
  font-family:NunitoSansRegular,Arial,Sans-serif,Verdana!important;
  font-size:16px;
  line-height:1.467em;
}



input[type="text"], input[type="password"], input[type="email"], textarea
{
  background-color:White;
  font-family:NunitoSansRegular,arial,sans-serif;
  font-size:16px;
  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 */
}
input[type="text"], input[type="password"], textarea {height:24px;}
.DropDownList, select {
	background-color:White;
  font-family:NunitoSansRegular,arial,sans-serif;
  font-size:16px;
	border-color:#bbbbbb;
  border-width:1px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:0 0 0 2px;
  /*margin-top:2px;*/
  height:24px;
}
input[type="submit"]:focus, input[type="image"]:focus {
  /* asp:Button asp:ImageButton clicked */
  outline-color:rgb(0,138,28);
  outline-offset:1px;
  outline-style:dotted;
  outline-width:3px;
  color:#0061ce;
}
.ajax__combobox_inputcontainer {top:-4px!important;}
.ajax__combobox_buttoncontainer {font-size:26px;}
input[type="checkbox"], input[type="checkbox"]:checked, input[type="checkbox"]:hover {
  border-color:#bbbbbb;
	padding-left:0px;
  height:24px;
}
.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;
}
.MyCheckBox ::before {position:relative;bottom:4px;}



h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .HP4_H1, .HP4_H2, .HP4_H3, .HP4_H4 {font-family:NunitoSansBlack,NunitoSansRegular,Arial,Sans-serif;font-weight:900;color:rgb(64,64,64);line-height:1.2;margin-bottom:8px;}
h1, .h1, .HP4_H1 {font-size:44px;}
h2, .h2, .HP4_H2 {font-size:32px;}
h3, .h3, .HP4_H3 {font-size:28px;}
.HP4_H4 {font-size:24px;}
h4, .h4 {font-size:20px;}
h1:not(:root:root), .h1:not(:root:root), h2:not(:root:root), .h2:not(:root:root), h3:not(:root:root), .h3:not(:root:root) {
  /*font-family:NunitoSansBlack,Arial,Sans-serif;*/
  font-weight:normal;
}

p {margin:0 0 .75em 0;}
b {margin:0 0 .75em 0;}
ul, ol {margin-left:15px;}
a {color:rgb(0,97,206);}
a span {display:block;width:100%;height:100%;}
.ErrorMessage {color:#e22e12;}
.OrangeText {color:#e67402;}
.HiddenOverflow {overflow:hidden;max-height:40px;}
.HiddenOverflowThin {overflow:hidden;max-height:20px;}
.TextCenter {text-align:center;}
.TextAlignCenter {text-align:center;}
.NoDecoration, .NoDecoration:hover, .NoDecoration img, .NoDecoration img:hover, .NoDecoration div, .NoDecoration div:hover {text-decoration:none;border:none;}
.DontWrap {white-space:nowrap;}
.NoTextWrap {white-space:nowrap;overflow:hidden;}
.WordBreakAll {word-break:break-all;}
.NoScrollBars {overflow:hidden;max-width:100%;max-height:100%;}
.RoundedCorners {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.MarginRight {margin-right:10px;}
.MinWidth {min-width:300px;}
.TextBoxWatermark {color:#cccccc;}
.ColorBlack, .ColorBlack:hover {color:black;}
.ColorWhite, .ColorWhite:hover {color:white!important;}
.MaxSize100Percent {max-width:100%;max-height:100%;}
.NoPadding {padding:0 0 0 0!important}
.Opacity30 {opacity:.3;}

.FixedTop {position:-webkit-sticky;position: sticky;top:0;z-index:1;} /* Similar to sticky-top */
.FixedBottom {position:sticky;bottom:0px;}



@media only screen and (max-width:575px) {
  .col-xs-1wide, .col-xs-2wide {
    position:relative;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
  }
  .col-xs-1wide {width:100%;}
  .col-xs-2wide {width:50%;}
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .col-sm-1wide, .col-sm-2wide, .col-sm-3wide, .col-sm-4wide {
    position:relative;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
  }
  .col-sm-1wide {width:100%;}
  .col-sm-2wide {width:50%;}
  .col-sm-3wide {width:33.3333%;}
  .col-sm-4wide {width:25%;}
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .col-md-1wide, .col-md-2wide, .col-md-3wide, .col-md-4wide {
    position:relative;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
  }
  .col-md-1wide {width:100%;}
  .col-md-2wide {width:50%;}
  .col-md-3wide {width:33.3333%;}
  .col-md-4wide {width:25%;}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .col-lg-1wide, .col-lg-2wide, .col-lg-3wide, .col-lg-4wide, .col-lg-5wide, .col-lg-6wide {
    position:relative;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
  }
  .col-lg-1wide {width:100%;}
  .col-lg-2wide {width:50%;}
  .col-lg-3wide {width:33.3333%;}
  .col-lg-4wide {width:25%;}
  .col-lg-5wide {width:20%;}
  .col-lg-6wide {width:16.6666%;}
}

@media only screen and (min-width:1200px) {
  .col-xl-1wide, .col-xl-2wide, .col-xl-3wide, .col-xl-4wide, .col-xl-5wide, .col-xl-6wide, .col-xl-7wide, .col-xl-8wide, .col-xl-9wide, .col-xl-10wide {
    position:relative;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
  }
  .col-xl-1wide {width:100%;}
  .col-xl-2wide {width:50%;}
  .col-xl-3wide {width:33.3333%;}
  .col-xl-4wide {width:25%;}
  .col-xl-5wide {width:20%;}
  .col-xl-6wide {width:16.6666%;}
  .col-xl-7wide {width:14.2857%;}
  .col-xl-8wide {width:12.5%;}
  .col-xl-9wide {width:11.1111%;}
  .col-xl-10wide {width:10%;}
}



.ALink, .ALink:hover, .ALink:visited, .ALink1, .ALink1:hover, .ALink1:visited {
  /*display:inline-block;*/
  /*color:#7413dc;*/ /* Purple */
  /*background:url("/Images/SA_Site_Images/NWArrow.png") no-repeat;
  background-position:right;
  padding-right:15px;*/
  background-color:transparent;
  border:none;
  cursor:pointer;
}
.ALink::after{content:" >";}
.ALink, .ALink:hover, .ALink:visited {font-weight:bold;}
/*.ALink:hover, .ALink2:hover {text-decoration:overline;}*/

.ALink2, .ALink2:hover, .ALink2:visited {
	display:inline-block;
  /*color:#7413dc;*/ /* Purple */
  font-family:NunitoSansRegular,Arial,sans-serif;
  font-weight:bold;
  /*text-decoration:none;*/
  background-color:transparent;
  border:none;
  cursor:pointer;
}



.UKDefaultColour {color:black!important;}
.EnglishPurple {color:#7414dc!important;}
.NIGreen {color:#26b756!important;}
.ScottishBlue {color:#006ee0!important;}
.WelshRed {color:#ed4024!important;}



@media only screen and (min-width:576px) {
  /* Desktop Full Size - md, lg & xl */
  .col-form-label {text-align:right;padding-right:2px;padding-top:0;}
  .form-group .col-sm-9 {padding-left:0;}
}



.FullContent {
  /*clear:both;*/
  width:100%;
  /*max-width:976px;
  margin:0 auto;*/
  min-height:500px;
}
.MinContentHeight {min-height:550px;}
.ColumnsContent, .ColumnsContentClear {
  width:100%;
  /*max-width:976px;*/
  /*min-height:300px;*/
  margin:0 auto;
  float:left;
}
.ColumnsContentClear {background:transparent;}
.ColumnsContent {background:white;}

.OneColumn, .ContentLimitedWidth, .UserDefContentLimitedWidth, .UserDefContentMixedWidth #MiddleRowDiv {
  max-width:1218px;
  width:100%;
  margin:0 auto;
}
.OneColumn {padding-left:15px;padding-right:15px;}

.FullControlPanel, .FullControlPanelOverflow {
  width:100%;
  margin-bottom:30px;
  float:none;
}
.FullControlPanelNoMargin .FullControlPanel {margin-bottom:0!important;}
.FullControlPanelOverflow {overflow:auto;}
.FullUserControl{
  border:1px solid transparent;
  -webkit-border-bottom-left-radius:40px;
  -webkit-border-bottom-right-radius:40px;
  -moz-border-radius-bottomleft:40px;
  -moz-border-radius-bottomright:40px;
  border-bottom-left-radius:40px;
  border-bottom-right-radius:40px;
}
.FullUserControl:hover {animation-name:SetAdminBorderColor;animation-duration:1s;animation-fill-mode:forwards;}
@keyframes SetAdminBorderColor {from {} to {border-color:lightsalmon;}}
.SetupPanel {
  z-index:9000;
  position:fixed;
  left:5%;
  width:90%;
  overflow:auto;
  top:210px;
  max-height:calc(100vh - 220px);
  background-color:#e1e1e1;
  color:black;
  box-shadow:0 0 100px 0 rgba(0,0,0,0.9);
  padding:5px 5px 5px 5px;
  border:1px solid black;
}
.SetupPanel .SetupPanelInner {max-height:calc(100vh - 360px);overflow-y:auto;}
@media only screen and (max-width:767px) {.SetupPanelp {left:1%;width:98%;}}
.AdminEditPanel0, .AdminEditPanel1, .AdminEditPanel2, .AdminEditPanel3 {
  background-color:#cccccc;
  color:black;
  font-size:16px;
  padding:7px 10px 0 10px;
  -webkit-border-bottom-left-radius:40px;
  -webkit-border-bottom-right-radius:40px;
  -moz-border-radius-bottomleft:40px;
  -moz-border-radius-bottomright:40px;
  border-bottom-left-radius:40px;
  border-bottom-right-radius:40px;
  text-align:center;
  opacity:.25;
}
.AdminEditPanel1, .AdminEditPanel2, .AdminEditPanel3 {background-color:lightsalmon;opacity:.15;}
.AdminEditPanel0:hover, .AdminEditPanel1:hover, .AdminEditPanel2:hover, .AdminEditPanel3:hover {animation-name:Opacity1;animation-duration:.5s;animation-fill-mode:forwards;}
/*.WholeUserControl:hover .AdminEditPanel0, .WholeUserControl:hover .AdminEditPanel1, .WholeUserControl:hover .AdminEditPanel2, .WholeUserControl:hover .AdminEditPanel3 {animation-name:Opacity1;animation-duration:.5s;animation-fill-mode:forwards;}*/
@keyframes Opacity1 {from {} to {opacity:1;}}
.AdminEditPanel0 input[type="image"]:hover, .AdminEditPanel1 input[type="image"]:hover, .AdminEditPanel2 input[type="image"]:hover,
  .AdminEditPanel3 input[type="image"]:hover {background-color:white;}
.AdminEditPanel1, .AdminEditPanel2, .AdminEditPanel3 {background-color:lightsalmon;}

.HTMLLabel{color:#7413dc;position:relative;top:-7px;}

.PageEditToolboxTab {
  background-color:#490499;
  color:white;
  position:fixed;
  left:0;
  top:155px;
  width:35px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  padding:10px 10px 10px 5px;
  writing-mode:vertical-lr;
  text-orientation:mixed;
  z-index:99999;
}
.PageEditToolboxControls {
  background-color:#490499;
  color:white;
  position:fixed;
  left:25px;
  top:155px;
  min-height:80px;
  padding:6px 10px 5px 10px;
  display:none;
  z-index:99999;
}
.PageEditToolboxPageLayout {
  background-color:#490499;
  color:white;
  width:250px;
  position:fixed;
  left:25px;
  top:155px;
  padding:10px 10px 10px 10px;
  z-index:99999;
}
.PageEditToolboxControls, .PageEditToolboxPageLayout {
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  -moz-border-radius-bottomleft:10px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
}
.PageEditToolboxTab:hover {color:#aaaaaa;}
.PageEditToolboxTab:hover ~ .PageEditToolboxControls {display:block;}
.PageEditToolboxControls .ALink {color:white;font-weight:100;}
.PageEditToolboxControls .ALink:hover {color:#aaaaaa;}
.PageEditToolboxControls:hover {display:block;}
.PageEditToolboxButton {border:0;margin:5px 5px 0 0;}



.MenuBarHolder {height:72px;max-width:1280px;background-color:rgba(255,255,255,0.85);}
.GroupNameHolderHolder {display:table;position:relative;height:72px;}
.GroupNameHolder {display:table-cell;vertical-align:middle;}
.GroupName {font-family:NunitoSansBlack,NunitoSansRegular,Tahoma,Verdana,Arial,Sans-serif;font-size:18px;font-weight:normal;margin:0!important;color:black;}
/*.Moto {font-family:NunitoSansRegular,Tahoma,Verdana,Arial,Sans-serif;font-size:1.4em;font-weight:normal;color:#23a950;}*/



.HeaderBarLogoDiv {
	float:left;
	position:relative;
	animation-name:HeaderLogoGrow;
  animation-duration:1s;
	height:50px;
	padding:0 0 0 0!important;
}

@keyframes HeaderLogoGrow {from {height:108px;} to {height:128px;}}
/*@keyframes SlideInFromLeft {from {top:-200px;opacity:0;} to {top:0;opacity:1;}}*/

.SectionLogo {max-height:150px;max-width:180px;}
.SectionLinkWhiteText, .SectionLinkWhiteText a {color: white !important;}


.InvoiceDuePanel {margin-top:2px;padding:2px 2px 6px 2px;background-color:#dddddd;color:black;font-size:14px;text-align:center;}



.PageHeader, .PageHeaderClear, .PageHeaderImage {
	width:100%;
	text-align:center;
  vertical-align:central;
}
.PageHeader, .PageHeaderClear {background-color:rgb(0,57,130);padding:48px 10px 48px 10px;}
.PageHeaderImage, .PageHeaderImageBlank {
	background-attachment:scroll;
	background-clip:border-box;
	background-origin:padding-box;
	background-position-x:50%;
	background-position-y:50%;
	background-size:cover;
	margin-bottom:20px;
}
.PageHeaderImage {padding:75px 10px 75px 10px;}
.PageHeaderImageBlank {padding:48px 10px 48px 10px;}
.PageHeaderImageEditButton {
  position:absolute;
  top:15px;
  right:15px;
  width:25px;
  height:25px;
  border:none;
  background:url("/Images/SA_Site_Images/SettingsCog.svg") no-repeat;
  background-size:25px 25px;
}
.PageHeaderImageEditButton:hover {background:url("/Images/SA_Site_Images/SettingsCogWhite.svg") no-repeat;background-size:25px 25px;}

.PageHeader h2, .PageHeaderClear h2, .PageHeaderImage h2 {
  font-family:NunitoSansBlack,NunitoSansRegular,Tahoma,Arial,Sans-serif;
	font-size:40px;
  font-weight:900;
	line-height:48px;
	padding:0 0 0 0;
	margin-bottom:0;
  color:White!important;
}

.PageBreadcrumbHeader {
	height:38px;
	background-color:#f3f2f3;
  width:100%;
  font-family:NunitoSansRegular,Arial,Sans-serif;
	font-size:16px;
	line-height:38px;
}
.BreadcrumbLink, .BreadcrumbLastLink, .BreadcrumbLink a, .BreadcrumbLastLink a, .BreadcrumbLink a:hover, .BreadcrumbLastLink a:hover {
	color:rgb(102,102,102)!important;
  font-weight:400;
}
.BreadcrumbLink:last-of-type {font-weight:700;}



/* Menu Styling */
.MainContent {width:100%;}
/*.ContentLimitedWidth {max-width:1218px;margin:0 auto;}*/
.SubMenuName {width:100%;white-space:normal;word-wrap:break-word;}
.SubMenuSubName {width:100%;font-family:NunitoSansLight;font-size:14px;font-weight:400;color:#404040;white-space:normal;word-wrap:break-word;}
.dropdown-toggle::after {display:none;} /* Hide the menu down arrow */


@media only screen and (max-width:767px) {
  /* Mobile Styling = xs & sm */
  .TopMenuBarContainer {padding:0 0 0 0;}
  .NavBarMenuWidth {
    /*Replicate col-12*/ 
    -ms-flex:0 0 50%;
    flex:0 0 100%;
    max-width:100%;
    width:100%;
    position:relative;
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -ms-flex-positive:1;
    flex-grow:1;
    padding:0 15px 0 15px;
  }

  .navbar {/*height:52px;padding:0 0 0 0;margin:10px 0 10px 0;*/z-index:9999;}
  .navbar-nav {margin:0 0 0 0;padding:10px 10px 0 10px;box-shadow:0 0 100px 500px rgba(0,0,0,0.5);}
  .navbar-brand {padding:0 0 0 0;margin:0 0 0 0;}
  .nav-link {padding:0 0 0 0;}
	.HomeLink {height:52px;margin-left:0;}

  /* Hamburger */
  .navbar-toggler, .navbar-toggler:focus .navbar-toggler:visited {right:0;padding:0;background-color:white;margin-right:0;z-index:100000;}
  .navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(64,64,64,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 6h17M4 12h17M4 18h17'/%3E%3C/svg%3E");}
  .navbar-toggler {position:absolute;right:15px;top:18px;}

  button.navbar-toggler:focus {outline:none;}
  #MyNavMenu {background-color:white;width:100%;}
  .navbar-nav > .nav-item {
    color:#404040;
    font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma;
    font-size:16px;
    font-weight:700;
  }
  .navbar-nav > .nav-item > .nav-link {
    color:#404040;
		padding:8px 4px 8px 4px;
  }
	.nav-item > .dropdown-menu {
    margin:0 10px 10px 10px;
		border:none;
		border-radius:0;
		padding:0 0 0 0;
	}
  .nav-item > .dropdown-menu .dropdown-item {
    color:#404040;
		padding:8px 4px 8px 4px;
		border-bottom:1px solid #cccccc;
  }
  .nav-link:focus {outline-color:rgb(0,138,28);outline-offset:1px;outline-style:dotted;outline-width:3px;color:#0061ce;}
  .nav-link:hover {color:#0061ce;}
  .dropdown-menu > a.dropdown-item:hover {background-color:white;color:#0061ce;}


	#MyBottomMenubar{background-color:white;padding:0 0 30px 0;}
	.BottomMenuBarContainer {background-color:white;padding:0 15px 0 15px!important;border-top:1px solid #7413dc;margin:0 0 0 0!important;}
  .BottomMenuBarContainer .navbar-toggler {top:10px;right:20px;}
	.BottomMobileMenu {margin:0 0 0 0;padding:0 0 0 0;}
	.BottomMobileMenu li {list-style-type: none;list-style: none;}
  .BottomMobileMenu > .nav-item > .nav-link {
    background-color:white;
    color:#404040;
		font-size:16px;
		font-weight:400;
		padding:8px 8px 8px 8px;
  }
	.BottomMobileMenu > .nav-item > .nav-link:hover {color:#0061ce;}
}



@media (min-width:768px) {
  /* Tablet, Laptop & Desktop Styling = md, lg & xl */
  .MenuBarHolder {margin:0 0 0 0;}
  .TopMenuBarContainer {max-width:1218px;margin: 0 auto;padding: 0 0 0 0;z-index: 9999;}

  .NavBarGroupNameWidth, .NavBarMenuWidth {position:relative;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;/*max-width: 100%;*/}
  .NavBarGroupNameWidth {
    -ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;
    /*max-width:calc(100%-710px);*/
    margin:0 0 0 0;
    padding:0 0 0 15px;
  }
  .GroupNameHolderHolder {/*width:calc(100%-100px);*/}
  .GroupName{text-align:right;}
  .NavbarLogoImgHolder {display:table-cell;position:relative;width:70px;}

  .NavBarMenuWidth {
    -ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;
    /*min-width:640px;*/
    height:53px;
    padding:5px 0 8px 10px;
  }
  
  .navbar-nav {width:100%;text-align:left;margin:12px 0 0 0;}
  .navbar {width:100%;padding: 0 0 0 0;float:right!important;}
	.navbar-brand {display:none!important;}
  .NavbarLogoImgHolder {position:relative;height:72px;padding:0 0 0 6px;}
	.NavbarLogoImg {
		display:block;
		max-height:72px; /*100%*/
		max-width:100%;
		height:auto;
		width:auto;
		margin-left:0;
		margin-right:auto;
		margin-top:auto;
		margin-bottom:auto;
    padding:5px 0 5px 0;
	}
  .nav-item {padding:2px 0 2px 0;margin-left:auto;}
  .nav-item a {color:rgb(64,64,64);}
  .nav-link {
    display:table-cell;
    font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma;
    font-size:16px;
    font-weight:700;
    padding:5px 5px 5px 5px!important;
    vertical-align: middle;
    text-align: center;
    border:none;/*dashed 2px white;*/
  }
  .nav-link:focus {outline-color:rgb(0,138,28);outline-offset:1px;outline-style:dotted;outline-width:3px;color:#0061ce;}
  .nav-link:hover {color:#0061ce;}

  /* Sub-menu styling */
  .dropdown-menu {
    width:300px;
    border:none;
		background-color:white;
		margin:0 0 0 0;
		padding:0 32px 8px 32px;
		position:relative;
		top:50px;
    left:-24px;
    box-shadow:2px 2px 0 0 rgba(77,77,77,0.3);
    -webkit-box-shadow:2px 2px 0 0 rgba(77,77,77,0.3);
    -moz-box-shadow:2px 2px 0 0 rgba(77,77,77,0.3);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
  }
  .navbar-nav .nav-item:last-child .dropdown-menu {left:-230px;}
  .navbar-nav .nav-item:nth-last-child(+2) .dropdown-menu {left:-140px;}
  .dropdown-menu > .dropdown-item {
		background-color:white;
		color:rgb(26,26,26);
    font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma;
    font-size:16px;
    font-weight:700;
    padding:8px 0 8px 0; /* 16px makes long menus too long */
		border-top:1px solid rgb(204,204,204);
  }
  .dropdown-menu > a.dropdown-item:hover {color:#0061ce;}
}



@media (min-width:768px) and (max-width:992px) {
  /* Mobile Styling = md only */
  /*.AdminMenu {position: absolute;left: -110px;}*/
}

@media only screen and (min-width:993px) {
  /* Desktop Full Size - lg & xl */
  /*.TopMenuBarContainer {margin: 0 auto;padding: 0 8px 0 8px;z-index: 9999;}*/
}




/* Button Styling */
.LinkButton, .LinkButton:hover, .LinkButton:visited, .LinkButton:visited:hover {
  background-color:#00a794; /* Teal */
  box-shadow:-5px 5px 2px #e8ebed;
  color:White;
  border:none;
  text-align:center;
  margin-left:8px;
  padding:0px 8px 0px 8px;
  text-decoration:none;
  height:20px;
  line-height:20px;
}
.SmallButton, .SmallButton:visited, .SmallButtonLink, .SmallButtonLink:visited, .SmallButtonList, .SmallButtonList:visited, .SimpleSmallButtonOrange, .SimpleSmallButtonOrange:visited, .SmallerButton, .SmallerButton:visited {
  color:White;
  border:none;
  font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma,Arial,Sans-serif,Verdana;
  text-align:center;
  padding:0px 8px 0px 8px;
  text-decoration:none;
  height:20px;
  line-height:20px;
}
.SmallButton, .SmallButton:visited, .SmallButtonLink, .SmallButtonLink:visited, .SmallButtonList, .SmallButtonList:visited, .SimpleSmallButtonOrange, .SimpleSmallButtonOrange:visited {margin-left:8px;}
.SmallButtonList {margin-bottom:8px !important;}
.SmallButton, .SmallButton:visited, .SmallButtonList, .SmallButtonList:visited, .SmallButtonLink, .SmallButtonLink:visited, .SmallerButton, .SmallerButton:visited {
  background-color:#00a794; /* Teal */
  box-shadow:-5px 5px 2px #e8ebed;
}
.SimpleSmallButtonOrange, .SimpleSmallButtonOrange:visited {background-color:#e67402; /* Orange */}
.SmallButton:hover, .SmallButton:visited:hover, .SmallButtonList:hover, .SmallButtonList:visited:hover,
  .SimpleSmallButtonOrange:hover, .SimpleSmallButtonOrange:visited:hover, .SmallButtonLink:hover, .SmallButtonLink:visited:hover {color:#7413dc;}
/* This is different from scouts.org.uk, but indicates buttons better */
.SmallButtonLink {font-size:13px;padding-top:3px;padding-bottom:2px;}

.MediumButton, .SimpleMediumButton, .MediumButtonLink {
  background-color:white;
  color:#7413dc;
  font-family:NunitoSansExtraBold;
  font-size:16px;
  line-height:24px;
  border:1px solid #7413dc;
  text-align:center;
  margin:0 10px 10px 0;
  padding:5px 8px 5px 8px;
	position:relative;
	top:6px;
  text-decoration: none !important;
}
.MediumButton, .SimpleMediumButton {
  padding-top: 6px;
  padding-bottom: 5px;
}
.MediumButton:hover, .MediumButton:visited:hover, .SimpleMediumButton:hover, .SimpleMediumButton:visited:hover, .MediumButtonLink:hover, .MediumButtonLink:visited:hover {
  background-color:white; /*#7413dc;*/
  color:#7413dc;
	animation-name:BackgroundWhiteToPurple;
  animation-duration:.75s;
  animation-fill-mode: forwards;
}
.BrandPanel1 .MediumButton {background-color:transparent;color:var(--BrandTextColor1);border-color:var(--BrandTextColor1);}
.BrandPanel2 .MediumButton {background-color:transparent;color:var(--BrandTextColor2);border-color:var(--BrandTextColor2);}
.BrandPanel3 .MediumButton {background-color:transparent;color:var(--BrandTextColor3);border-color:var(--BrandTextColor3);}
.BrandPanel4 .MediumButton {background-color:transparent;color:var(--BrandTextColor4);border-color:var(--BrandTextColor4);}
@keyframes BackgroundWhiteToPurple {from {} to {background-color:#7413dc;color:white;}}
.TransparentButton {
  background-color:transparent;
  color:white;
  font-family:NunitoSansRegular;
  font-size:18px;
	font-weight:700;
  line-height:24px;
  border:1px solid white;
  text-align:center;
  margin:0 10px 10px 0;
  padding:8px 16px 8px 16px;
  text-decoration: none !important;
}
.TransparentButton:hover, .TransparentButton:visited:hover {
  background-color:white;
  color:black;
	animation-name:BackgroundTransparentToPurple;
  animation-duration:.75s;
  animation-fill-mode: forwards;
}
@keyframes BackgroundTransparentToPurple {from {background-color:transparent;} to {background-color:white;color:black;}}


.GoButton {
  height:24px;
  display:inline-block;
  background-color:#e67402;
  background-image:url("/Images/SA_Site_Images/GoButton.png");
  background-repeat:no-repeat;
  background-position:right;
  border-style:none;
  padding:0 35px 0 5px;
  box-shadow:-5px 5px 2px #e8ebed;
  color:White;
  font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma,Arial,sans-serif;
  font-size:17px;
  font-weight:normal;
  line-height:24px;
  text-transform:uppercase;
  text-decoration:none;
}
.GoButton:hover, .GoButton:visited:hover {background-color:White;color:#00a794; /* Teal */}



.HomePageNewsAndBlogsPanel {background-color:#00a794;color:white;}
.HomePageFutureEventsPanel {background-color:#7413dc;color:white;}
.HomePagePhotoGalleryPanel {background-color:#006ddf;color:white;}
.HomePageFacebookPanel {background-color:#003982;color:white;}
.HomePageScoutingNewsPanel {background-color:#23a950;color:white;}
.HomePageTwitterPanel {background-color:#00594f;color:white;}

.BlackBackground {background-color:black;color:white;}
.WhiteBackground {background-color:white;color:#404e5a;}
.OrangeBackground {background-color:#ffe627;color:black;}
.YellowBackground {background-color:#ffe627!important;color:black;}
.PurpleBackground {background-color:#7413dc;color:white;} .PurpleBackground a {color:white;}
.DarkPurpleBackground {background-color:#490499;color:white;} .DarkPurpleBackground a {color:white;}
.BlueBackground {background-color:#006ddf;color:white;} .BlueBackground a {color:white;}
.DarkBlueBackground {background-color:#003982;color:white;} .DarkBlueBackground a {color:white;}
.LightBlueBackground {background-color:#00a794;color:white;} .LightBlueBackground a {color:white;}
.TealBackground {background-color:#00a794;color:white;} .TealBackground a {color:white;}
.GreenBackground {background-color:#004851;color:white;} .GreenBackground a {color:white;}
.DarkGreenBackground {background-color:#00594f;color:white;} .DarkGreenBackground a {color:white;}
.VeryDarkGreenBackground {background-color:#004851;color:white;} .VeryDarkGreenBackground a {color:white;} /* Same as GreenBackground */
.LightGreenBackground {background-color:#23a950!important;color:white;} .LightGreenBackground a {color:white;}
.GreyBackground {background-color:#cccccc;color:black;}
.LightGreyBackground {background-color:#f1f1f1;color:black;}
.IrishGreenBackground {background-color:#26b756;color:white;}
.ScottishBlueBackground {background-color:#006ee0;color:white;}
.WelshRedBackground {background-color:#ed4024;color:white;}



.VerticalMenuBarOuter, .VerticalMenuBarOuterNoMargin {
  width:100%;
	background-color:#f1f1f1;
  float:none;
  overflow:hidden;
  padding:15px 0 0 15px;
  border-left:3px solid #7413dc;
}
.VerticalMenuBarOuter {margin-bottom:20px;}
.VerticalMenuBar {
  float:left;
  width:100%;
  margin:10px 20px 10px 0;
}
.VerticalMenuBar Div, .VerticalMenuBar li {
  line-height:25px;
  /*margin-left:12px;
  margin-right:10px;*/
}
.VerticalMenuBar ul {margin:0 0 0 0;padding-inline-start:0;}
.VerticalMenuBar li {list-style-type:none;list-style:none;}
.VerticalMenuBar a, .VerticalMenuBar a:visited {
  color:#7413dc;
  font-size:15px;
  font-weight:900;
  display:inline-block;
  background:none;
  text-decoration:none;
}
.VerticalMenuBar a:hover, .VerticalMenuBar a:visited:hover {color:black;}



.BulletPoints {
  list-style-type:disc;
  padding:0 0 0 20px;
  margin:0;
}
.ScoutLawBullets {
  list-style-type:decimal;
  padding:0 0 0 20px;
  margin:0;
}



/* ############### Grid View Lists ############### */
.GridViewListColumnHeader, .EventCalendarGridViewListColumnHeader, .GridViewListColumnHeaderVariableHeight {
  /*background:url("/Images/SA_Site_Images/menu-bg.png") top repeat-x transparent;*/
  background-color:#00a794;
  border-color:#00a794;
  color:White;
	text-wrap:normal;
  vertical-align:bottom!important;
}
.BrandPanel2 .GridViewList {border:1px solid var(--BrandColor2);}
.IrishStyling .BrandPanel2 .GridViewList {border:1px solid #26b756;}
.ScottishStyling .BrandPanel2 .GridViewList {border:1px solid #006ee0;}
.WelshStyling .BrandPanel2 .GridViewList {border:1px solid #ed4024;}
.BrandPanel2 .GridViewListColumnHeader {background-color:var(--BrandColor2);}

.IrishStyling .GridViewListColumnHeader {background-color:#26b756;}
.ScottishStyling .GridViewListColumnHeader {background-color:#006ee0;}
.WelshStyling .GridViewListColumnHeader {background-color:#ed4024;}
.GridViewListColumnHeader, .EventCalendarGridViewListColumnHeader {min-height:40px;}
.EventCalendarGridViewListColumnHeader {background-color:#7413dc;}
.GridViewListColumnHeader a, .EventCalendarGridViewListColumnHeader a, .GridViewListColumnHeaderVariableHeight a {color:White;text-decoration:none;}
.GridViewListColumnHeader th, .GridViewListColumnHeaderVariableHeight th, .row .EventCalendarGridViewListColumnHeader th {padding-top:8px;padding-right:2px;padding-left:2px;margin-top:auto;vertical-align:bottom!important;}
.GridViewListRow td, .GridViewListAlternateRow td, .GridViewListAlternateRowDark td, .GridViewListRowThin td, .GridViewListAlternateRowThin td {vertical-align:central;}
.GridViewFixedRow {background-color:#00a794!important;color:white;font-weight:700;position:sticky;left:-15px;min-width:200px;overflow-x:hidden;}
.GridViewFixedRowHeader, .GridViewFixedRowHeader3Rows {
	/*background:url("/Images/SA_Site_Images/menu-bg.png") top repeat-x transparent;*/
	background-color:#00a794!important;
	width:100%;
	position:sticky;
	left:-15px;
	max-height:40px;
	min-width:200px;
	overflow-x:hidden;
	overflow-y:hidden;
}
.GridViewFixedRowHeader {max-height:40px;}
.GridViewFixedRowHeader3Rows {max-height:57px;}
.TableBorder{border:1px solid #00a794;}
.GridViewList {border:none;}
.GridViewList th {font-weight:bold;vertical-align:bottom;}
/*.GridViewList tr {border-left:1px solid #00a794;border-right:1px solid #00a794;}*/
/*.GridViewList tr:last-child {border-bottom:1px solid #00a794;}*/
.GridViewList tr td {border:none;padding-right:2px;padding-left:2px;}
.GridViewListCentral {border:none;}
.GridViewListCentral th {
  font-weight:bold;
  vertical-align:central;
  border:none;
}
.GridViewListCentral tr td {border:none;padding-right:2px;}
.GridViewLayoutFixed {table-layout:fixed;}
.GridViewListRow tr, .GridViewListAlternateRow tr, .GridViewListAlternateRowDark tr {padding:0 0 5px 0;}
.GridViewListRow td, .GridViewListAlternateRow td, .GridViewListAlternateRowDark td {padding:0 0 5px 0;}
.GridViewListAlternateRow td {background-color:#f4f5f6;}
.GridViewListAlternateRowDark td {background-color:#dddddd;}
.GridViewListRowThin tr, .GridViewListAlternateRowThin tr {padding:0 0 0 0;}
.GridViewListRowThin td {line-height:12px;padding:0 0 0 0;}
.GridViewListAlternateRowThin td {background-color:#f4f5f6;line-height:12px;padding:0 0 0 0;}
.GridViewListTotalRow {font-weight:bold;font-weight:bold;}

.EventCalendarGridViewListAlternateRow td {background-color:#f4f5f6;}
.EventCalendarGridViewListAlternateRowThin td {background-color:#f4f5f6;}
.EventCalendarGridViewListTotalRow {font-weight:bold;}



.TableControlRow td, .TableControlRowAlternateRow td {
  padding:4px 4px 4px 0;
  vertical-align:top;
  word-break:inherit;
}
.TableControlHeaderGreyStitch {
  float:none;
  overflow:auto;
  background-color:#f4f5f6; /* Light Grey*/
  background:linear-gradient(top,#f4f5f6 0,#fff 40px);
  background:-ms-linear-gradient(top,#f4f5f6 0,#fff 40px);
  background:-moz-linear-gradient(top,#f4f5f6 0,#fff 40px);
  background:-webkit-linear-gradient(top,#f4f5f6 0,#fff 40px);
  background:-o-linear-gradient(top,#f4f5f6 0,#fff 40px);
}
.TableControlHeaderGreyStitch th {
  text-align-last:left;
  background-image:url("/Images/SA_Site_Images/normalboxstitch.png");
  background-position:bottom;
  background-repeat:repeat-x;
  color:#404e5a;
  font-weight:bold;
  height:40px;
}
.TableControlRowAlternateRow {background-color:#f4f5f6;}



.UserManagementTeamPanel {
  background-color:#23a950;
  margin-bottom:10px;
}
.ManageUsersPaddingTop td {padding-top:5px;}
.ManageUsersPaddingBottom td {padding-bottom:5px;}
.ManageUsersPagerRow tr td {padding-right:10px;}
.ManageUsersPagerRow a, .ManageUsersPagerRow 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;
}
.ManageUsersPagerRow a {background-color:#e67402; /* Orange */}
.ManageUsersPagerRow span {background-color:#84a40b;font-weight:bold; /* Lime Green */}
.UserManagementObjSectFld {width:11%;float:left;}



/* ############### Form View Lists ############### */
.FormViewFieldLineSpacer {width:100%;height:10px;}
.FormViewFieldData {width:270px;}
.FormViewFieldDataMedium {width:400px;}
.FormViewFieldDataLong {width:510px;}
.FormViewFieldDataVeryLong {width:670px;}
.FormViewFieldData800px {width:800px;}

.FormColumnContainer {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-10px;
  margin-left:-10px;
}

.FormColumnOne, .FormColumnOneLeft, .FormColumnTwo {
  position:relative;
  width:100%;
  min-width:300px;
  min-height:1px;
  padding-right:15px;
  padding-left:15px;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  -ms-flex-positive:1;
  flex-grow:1;
  max-width:100%;
}
.FieldDataField {max-width:95%;}



.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;}
}



.FullImageBannerControlPanel, .FullImageBannerControlPanelNoMargin {
  width:100%;
  float:none;
  overflow:hidden;
  text-align:center;
  vertical-align:central;
}
.FullImageBannerControlPanel {margin-bottom:10px;}

.carousel-caption {
	width:80%;
	/*height:70%;*/
	bottom:65px;
	left:10%;
	padding:0 15% 0 15% 0!important;
	background-color:rgba(0,0,0,0.5);
	color:white;
	/*display:table;*/
}
.ImageBannerCaption {
	font-family:NunitoSansRegular,Arial,Sans-serif;
  font-size:2.4em;
  font-weight:normal;
	line-height:1.3em;
	padding:0 20px 0 20px;
	margin-bottom:0;
	text-align:center;
}


.ImageBannerIMG {width:auto;}
.carousel-control-prev {height:30px;top:47.5%;}
.carousel-control-prev-icon, .carousel-control-next-icon {
  height:30px;
  width:30px;
	background-color:#00a794;
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
  border-radius:15px;
  border:5px solid transparent;
}



.LinksListTableMenuBar {
  width:100%;
  table-layout:fixed;
  padding:10px 10px 0 10px;
}
.LinksListMenuBarCellTop, .LinksListMenuBarCell {
  /*border-left:3px solid #7413dc;
  margin-left:15px;*/
  min-height:25px;
  padding-left:0;
}
.LinksListMenuBarCellTop{margin-top:10px;}
.LinksListMenuBarCell a, .LinksListMenuBarCell a:visited, .LinksListMenuBarCellTop a, .LinksListMenuBarCellTop a:visited {
  display: inline-block;
	/*color:#00a794;*/
  background: none;
  text-decoration: none;
  /*padding-left:10px;
	padding-bottom:10px;*/
  font-size: 16px;
  font-weight:900;
}
.LinksListMenuBarCell a:hover, .LinksListMenuBarCell a:visited:hover,
  .LinksListMenuBarCellTop a:hover, .LinksListMenuBarCellTop a:visited:hover {color: black;}
.LinksListTableMenuBar .LinksListMenuBarCell a, .LinksListTableMenuBar .LinksListMenuBarCellTop a {color:#7413dc;}
.LinksListCell {padding-bottom:10px;}

.LinksListCell a {font-size:17px;font-weight:900;text-decoration:none;}
.LinksListCell a:hover, .LinksListCell a:visited:hover {color:black!important;}
.LinksListTable {width:100%;table-layout:fixed;}
.LinksListTableTDVertical, .LinksListTableTDVerticalBanner {
  text-align:left;
  word-wrap:break-word;
  vertical-align:central;
}
.LinksListTableTDVertical {padding-top:10px;padding-bottom:10px;}
.LinksListTableTDVerticalBanner {padding:4px 15px 4px 2px;}
.LinksListTableTDVertical img {
  height:100%;
  max-height:100px;
  height:auto;
  max-width:150px;
  width:auto;
}
.LinksListTableTDVertical a, .LinksListTableTDVertical a:visited, .LinksListTableTDVerticalBanner a, .LinksListTableTDVerticalBanner a:visited {text-decoration:none;font-size:26px;color:#7413dc; /* Purple*/}
.LinksListTableTDHorizontal {text-align:center;word-wrap:break-word;}
.LinksListTableTDHorizontal img {max-height:100px;max-width:80%;width:auto;}
.LinksListTableTDHorizontal a, .LinksListTableTDHorizontal a:visited {text-decoration:none;font-size:26px;color:#7413dc; /* Purple*/}
.IrishStyling .LinksListTable .DarkPurpleBackground {background-color:#26b756;color:white;}
.ScottishStyling .LinksListTable .DarkPurpleBackground {background-color:#006ee0;color:white;}
.WelshStyling .LinksListTable .DarkPurpleBackground {background-color:#ed4024;color:white;}



.YouTubeContainer, .VimeoContainer {
  position:relative;
  padding-bottom:56.25%;
  height:0;
 }
.YouTubeContainer {
  padding-top:0px; /*30px;*/
}
.VimeoContainer {
  padding-top:30px;
  top:-15px;
  margin-bottom:-30px;
}
.YouTubeContainer iframe, .YouTubeContainer object, .YouTubeContainer embed, .VimeoContainer iframe, .VimeoContainer object, .VimeoContainer embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}



.HTMLPanelControl {padding:10px 15px 10px 15px;}
.HTMLPanelControlCountryBackground {background-color:#490499;color:white;}
.HTMLPanelControlCountryBackground a {color:white;}
.IrishStyling .HTMLPanelControlCountryBackground {background-color:#26b756;color:white;}
.ScottishStyling .HTMLPanelControlCountryBackground {background-color:#006ee0;color:white;}
.WelshStyling .HTMLPanelControlCountryBackground {background-color:#ed4024;color:white;}
.HTMLPanelControlTitle {font-family:NunitoSansBlack,NunitoSansRegular,Tahoma,Arial,Sans-serif;font-size:20px;font-weight:900;padding:10px 0 15px 0;}
.HTMLPanelControlText {font-size:16px;}



/* HTMLPanel Styling */
.HTMLPanel {padding:20px 15px 10px 15px;}
.HTMLPanelDefault {background-color:#f1f1f1;color:black;}
.HTMLPanelTitle {padding-bottom:10px;text-decoration:none;}
.HTMLPanelTitleStandard {font-size:20px;font-weight:bold;} /* 28px looked too big on Join pages */
.HTMLPanelTitleSmall {font-size:18px;font-weight:bold;}
.HTMLPanelTitleBig {font-size:32px;font-weight:bold;}
.HTMLPanelTitleBigger {font-size:38px;font-weight:bold;}



/* Marketing Panels */
.ControlAdminPanel {padding:10px 15px 10px 15px;background-color:#f1f1f1;}
.ContentPanel, .ContentPanelGrey, .ContentPanelShort {padding:10px 15px 10px 15px;background-color:#f1f1f1;}
.ContentPanelRight {padding:0 0 0 0;background-color:#f1f1f1;}
.ContentPanelNoRightPadding {padding-right:10px;background-color:#f1f1f1;}
.ContentPanel, .ContentPanelGrey, .ContentPanelRight {margin-bottom:30px;}
.ContentPanelRight {text-align:right;}
.ContentPanelNoBackground {padding:8px 8px 8px 8px;float:none;overflow:auto;margin-bottom:20px;}
.ContentPanelTitle {
  font-family:NunitoSansBlack,NunitoSansRegular,Tahoma,Arial,Sans-serif;
  font-size:20px;
  font-weight:900;
  color:black;
  padding:10px 0 15px 0;
}
.ContentPanelTitleRight {
  color: black;
  font-size: 18px;
  font-weight:400;
	text-align:right;
	line-height: 1.2em;
	padding-top: 10px;
	padding-bottom:10px;
  padding-right: 15px;
}
.EventsList {padding:0 5px 0 5px;}
.ContentPanel.BrandPanel1, .BrandPanel1 .EventsList, .BrandPanel1 .ContentPanelShort, .BrandPanel1 .ContentPanel {background-color:var(--BrandColor1);color:var(--BrandTextColor1);}
.ContentPanel.BrandPanel2, .BrandPanel2 .EventsList, .BrandPanel2 .ContentPanelShort, .BrandPanel2 .ContentPanel {background-color:var(--BrandColor2);color:var(--BrandTextColor2);}
.ContentPanel.BrandPanel3, .BrandPanel3 .EventsList, .BrandPanel3 .ContentPanelShort, .BrandPanel3 .ContentPanel {background-color:var(--BrandColor3);color:var(--BrandTextColor3);}
.ContentPanel.BrandPanel4, .BrandPanel4 .EventsList, .BrandPanel4 .ContentPanelShort, .BrandPanel4 .ContentPanel {background-color:var(--BrandColor4);color:var(--BrandTextColor4);}
.ContentPanel.BrandPanel1 h1, .ContentPanel.BrandPanel1 h2, .ContentPanel.BrandPanel1 h3, .ContentPanel.BrandPanel1 h4, .ContentPanel.BrandPanel1 h5,
  .ContentPanel.BrandPanel1 p, .BrandPanel1 .ContentPanel .ContentPanelTitle, .BrandPanel1 .ContentPanelTitle,
  .BrandPanel1 .ContentPanel .ContentPanelTitleRight, .BrandPanel1 .ContentPanelTitleRight {color:var(--BrandTextColor1);}
.ContentPanel.BrandPanel2 h1, .ContentPanel.BrandPanel2 h2, .ContentPanel.BrandPanel2 h3, .ContentPanel.BrandPanel2 h4, .ContentPanel.BrandPanel2 h5,
  .ContentPanel.BrandPanel2 p, .BrandPanel2 .ContentPanel .ContentPanelTitle, .BrandPanel2 .ContentPanelTitle,
  .BrandPanel2 .ContentPanel .ContentPanelTitleRight, .BrandPanel2 .ContentPanelTitleRight {color:var(--BrandTextColor2);}
.ContentPanel.BrandPanel3 h1, .ContentPanel.BrandPanel3 h2, .ContentPanel.BrandPanel3 h3, .ContentPanel.BrandPanel3 h4, .ContentPanel.BrandPanel3 h5,
  .ContentPanel.BrandPanel3 p, .BrandPanel3 .ContentPanel .ContentPanelTitle, .BrandPanel3 .ContentPanelTitle,
  .BrandPanel3 .ContentPanel .ContentPanelTitleRight, .BrandPanel3 .ContentPanelTitleRight {color:var(--BrandTextColor3);}
.ContentPanel.BrandPanel4 h1, .ContentPanel.BrandPanel4 h2, .ContentPanel.BrandPanel4 h3, .ContentPanel.BrandPanel4 h4, .ContentPanel.BrandPanel4 h5,
  .ContentPanel.BrandPanel4 p, .BrandPanel4 .ContentPanel .ContentPanelTitle, .BrandPanel4 .ContentPanelTitle,
  .BrandPanel4 .ContentPanel .ContentPanelTitleRight, .BrandPanel4 .ContentPanelTitleRight {color:var(--BrandTextColor4);}
.ContentPanel.BrandPanel1 a, .BrandPanel1 .ContentPanel a  {color:var(--BrandTextColor1);}
.ContentPanel.BrandPanel2 a, .BrandPanel2 .ContentPanel a  {color:var(--BrandTextColor2);}
.ContentPanel.BrandPanel3 a, .BrandPanel3 .ContentPanel a  {color:var(--BrandTextColor3);}
.ContentPanel.BrandPanel4 a, .BrandPanel4 .ContentPanel a  {color:var(--BrandTextColor4);}

/*.IrishStyling .ContentPanel, .IrishStyling .ContentPanelNoRightPadding {background-color:#26b756;color:white;}
.ScottishStyling .ContentPanel, .ScottishStyling .ContentPanelNoRightPadding {background-color:#006ee0;color:white;}
.WelshStyling .ContentPanel, .WelshStyling .ContentPanelNoRightPadding {background-color:#ed4024;color:white;}*/
/*.IrishStyling .ContentPanel, .IrishStyling .ContentPanelNoRightPadding {color:black;}
.ScottishStyling .ContentPanel, .ScottishStyling .ContentPanelNoRightPadding {color:black;}
.WelshStyling .ContentPanel, .WelshStyling .ContentPanelNoRightPadding {color:black;}*/


.TealLineRight {border-right:3px solid #00a794;}
.IrishStyling .TealLineRight {border-right:3px solid #26b756;}
.ScottishStyling .TealLineRight {border-right:3px solid #006ee0;}
.WelshStyling .TealLineRight {border-right:3px solid #ed4024;}

.PurpleLineRight {border-right:3px solid #7413dc;}
.IrishStyling .PurpleLineRight {border-right:3px solid white;}
.ScottishStyling .PurpleLineRight {border-right:3px solid white;}
.WelshStyling .PurpleLineRight {border-right:3px solid white;}

.TealLineRight .ContentPanelTitle, .PurpleLineRight .ContentPanelTitle {color:black;padding-right:16px;}
.TealLineRight .ContentPanelContentNoStitch, .PurpleLineRight .ContentPanelContentNoStitch {padding-right:5px;}
/*.TealLineRight .ContentPanelContentNoStitch, .TealLineRight .ContentPanelContentNoStitch a {color:#00a794}*/
.PurpleLineRight .ContentPanelContentNoStitch, .PurpleLineRight .ContentPanelContentNoStitch a {color:#7413dc}

/*.IrishStyling .TealLineRight .ContentPanelTitle, .IrishStyling .PurpleLineRight .ContentPanelTitle,
  .IrishStyling .TealLineRight .ContentPanelContentNoStitch, .IrishStyling .TealLineRight .ContentPanelContentNoStitch a,
  .IrishStyling.PurpleLineRight .ContentPanelContentNoStitch, .IrishStyling .PurpleLineRight .ContentPanelContentNoStitch a {color:white;}
.ScottishStyling .TealLineRight .ContentPanelTitle, .ScottishStyling .PurpleLineRight .ContentPanelTitle,
  .ScottishStyling .TealLineRight .ContentPanelContentNoStitch, .ScottishStyling .TealLineRight .ContentPanelContentNoStitch a,
  .ScottishStyling.PurpleLineRight .ContentPanelContentNoStitch, .ScottishStyling .PurpleLineRight .ContentPanelContentNoStitch a {color:white;}
.WelshStyling .TealLineRight .ContentPanelTitle, .WelshStyling .PurpleLineRight .ContentPanelTitle,
  .WelshStyling .TealLineRight .ContentPanelContentNoStitch, .WelshStyling .TealLineRight .ContentPanelContentNoStitch a,
  .WelshStyling.PurpleLineRight .ContentPanelContentNoStitch, .WelshStyling .PurpleLineRight .ContentPanelContentNoStitch a {color:white;}*/

/*.IrishStyling .ContentPanelContentNoStitch .ALink, .IrishStyling .ContentPanelContentNoStitch .ALink:hover,
  .IrishStyling .ContentPanelContentNoStitch .ALink:visited, .IrishStyling .ContentPanelContentNoStitch .ALink1,
  .IrishStyling .ContentPanelContentNoStitch .ALink1:hover, .IrishStyling .ContentPanelContentNoStitch .ALink1:visited {color:white;}
.ScottishStyling .ContentPanelContentNoStitch .ALink, .ScottishStyling .ContentPanelContentNoStitch .ALink:hover,
  .ScottishStyling .ContentPanelContentNoStitch .ALink:visited, .ScottishStyling .ContentPanelContentNoStitch .ALink1,
  .ScottishStyling .ContentPanelContentNoStitch .ALink1:hover, .ScottishStyling .ContentPanelContentNoStitch .ALink1:visited {color:white;}
.WelshStyling .ContentPanelContentNoStitch .ALink, .WelshStyling .ContentPanelContentNoStitch .ALink:hover,
  .WelshStyling .ContentPanelContentNoStitch .ALink:visited, .WelshStyling .ContentPanelContentNoStitch .ALink1,
  .WelshStyling .ContentPanelContentNoStitch .ALink1:hover, .WelshStyling .ContentPanelContentNoStitch .ALink1:visited {color:white;}*/

/*.IrishStyling .ContentPanelTitle, .IrishStyling .ContentPanelTitleRight {color:white;}
.ScottishStyling .ContentPanelTitle, .ScottishStyling .ContentPanelTitleRight {color:white;}
.WelshStyling .ContentPanelTitle, .WelshStyling .ContentPanelTitleRight {color:white;}
.IrishStyling .ContentPanelShort .ContentPanelTitle {color:black;}
.ScottishStyling .ContentPanelShort .ContentPanelTitle {color:black;}
.WelshStyling .ContentPanelShort .ContentPanelTitle {color:black;}*/

.ContentPanelTitleHolder {padding-top:10px;line-height:1.2em;margin-bottom:16px;}
.ContentPanelTitleRight .FullControlPanel, .ContentPanelTitleRight .FullControlPanel p {margin:0 0 0 0;}

.ContentPanelTitle:not(:root:root) {font-family:NunitoSansBlack,NunitoSansRegular,Tahoma,Arial,Sans-serif;}
.ContentPanelContent {padding-right:10px;padding-bottom:10px;}



.ShadowBox {padding:10px 10px 10px 10px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.2);}
.BorderLine {border:1px solid #cccccc;}



/* HTMLEditorExtender */
.fontsizeclass select {width:50px!important;}



/* File Manager */
.FMHeaderBar {
	height:19px;
	text-align:center;
  background-color:#00a794;
  color:white;
  font-weight:bold;
}
.FMFileView {border:1px solid #cccccc;color:#404e5a;}
.FMFileViewFileSelected {
	height:19px;
  font-weight:bold;
  background-color:#d1d3d4 !important;
  border-left:solid 5px #d1d3d4 !important;
  border-right:solid 5px #d1d3d4 !important;
}
.FMFileViewRow {
	height:19px;
  border-bottom:1px dashed #dddddd;
  border-left:solid 5px White;
  border-right:solid 5px White;
}
.FMFolderFields {background-color:#f4f5f7;}
.FMFolderViewTreeView {
  width:100%;
  padding:5px 0 5px 0;
  overflow:auto;
}
.FMFolderView {border:1px solid #cccccc;}
.FMFolderView tr td a {overflow:hidden;color:#404e5a;text-decoration:none;}
.FMFolderView tr td {line-height:5px;}
.FMFolderViewNodeSelected {font-weight:bold;color:#006ddf !important;}
/*.FMFileViewPanel {width:100%;overflow:auto;}*/
.FMFileDetails {border:1px solid #cccccc;color:#404e5a;}
.FMFileViewHeaderRow {
	height:19px;
	text-align:left;
  background-color:#00a794;
  color:white;
  font-weight:bold;
  border-left:solid 5px #00a794;
  border-right:solid 5px #00a794;
}
.FMFileViewButton, .FMFileViewButtonTall, .FileUploadControlBrowse, .FMFileViewTickAllButton {
  background-color:#00a794;
  color:White;
	height:15px;
	line-height:15px;
	border:none;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  text-align:center;
  padding:0px 8px 0px 8px;
}
.FMFileViewButton, .FMFileViewTickAllButton {height:15px;line-height:15px;}
.FMFileViewTickAllButton {font-weight:bold;}
.FMFileViewButtonTall {height:20px;line-height:20px;}
.FMFileViewButton:hover, .FMFileViewButtonTall:hover {color:#404e5a;}
.FMFileViewTickAllButton:hover {background-color:white;color:#00a794;}
.FMFileViewTickAllButton {border:1px solid white!important;}
.FMFileFields {background-color:#f4f5f7;width:100%;float:left;}
.FMFileFieldsHeader {
  float:left;
  width:110px;
  height:22px;
  padding:5px 0 5px 0;
}
.FMFileFieldsDiv {float:left;height:22px;padding:5px 0 5px 5px;}
.FMFileFieldsWarningsDiv {
  clear:both;
  padding:0 5px 0 5px;
  font-size:10px;
  line-height:13px;
}
.FMImagePreview {
  display:inline-block;
  max-height:100%;
  max-width:100%;
  height:auto;
  width:auto;
}
.FMFieldPadding {float:left;width:100%;margin-bottom:3px;}
.FMFieldName {
  width:24%;
  float:left;
  text-align:right;
  margin-right:1%;
  vertical-align:Top;
}
.FMFieldData {width:75%;float:left;vertical-align:Top;}

.FileSelectorPanel {
  z-index:9001;
  position:fixed;
  left:5%;
  width:90%;
  top:210px;
  height:calc(100vh - 220px);
  background-color:#e1e1e1;
  padding:5px 5px 5px 5px;
  border:1px solid black;
}
@media only screen and (max-width:767px) {.FileSelectorPanel {left:1%;width:98%;}}
.FileSelectorContents {
  height:calc(100vh - 307px);
  width:100%;
  overflow:auto;
}
.EllipsisTextBox {position:relative;width:calc(100% - 19px);}
.EllipsisButton, .cboEllipsisButton {
  position:relative;
  background-color:#00a794;
  background-image:url("/Images/SA_Site_Images/EllipsisButton.svg");
  background-repeat:no-repeat;
  background-position:top;
  border:none;
}
.EllipsisButton {
  margin-left:-6px;
  margin-bottom:-6px;
  width:20px;
  height:20px;
}
.cboEllipsisButton {
  margin-left:-4px;
  margin-bottom:5px;
  width:24px;
  height:24px;
}
.EllipsisButton:hover, cboEllipsisButton:hover {background-color:#7413dc;}
.FileSelectorBreadcrumbLink {color:white;background-color:transparent;border:none;}
.FileSelectorBreadcrumbLink:hover {font-weight:bold;}
.FileSelectorBreadcrumbLink:visited {text-decoration:none;border:none;}
.FileSelectorPrevFolder, .FileSelectorFolder, .FileSelectorFile {
  color:blue;
  background-color:transparent;
  border:none;
  background-repeat:no-repeat;
  padding-left:22px;
  display:block;
}
.FileSelectorPrevFolder {background-image:url('/Images/SA_Site_Images/FolderUpIcon.svg');}
.FileSelectorFolder {background-image:url('/Images/SA_Site_Images/FolderIcon.svg');}
.FileSelectorFile {background-image:url('/Images/SA_Site_Images/FileIcon.svg');}



.TabHeader .ajax__tab {min-height:40px;}
.TabHeader .ajax__tab_header {font-family:NunitoSansRegular,Arial,Sans-serif;font-size:1.05em;font-weight:normal;}
.TabHeader .ajax__tab_header .ajax__tab .ajax__tab_outer {background-image:none;height:0;padding-left:0px;margin-right:5px;border:none;}
.TabHeader .ajax__tab_header .ajax__tab .ajax__tab_outer .ajax__tab_inner {
  font-family:NunitoSansRegular,Arial,Sans-serif;
  font-size:18px;
  color:white;
  background-color:#888888;
  background-image:none;
	text-decoration:none;
	padding:0 15px 0 15px;
}
.TabHeader .ajax__tab_header .ajax__tab .ajax__tab_inner .ajax__tab_tab {background-image:none;color:white;padding:10px 0 0 0;}
/*.TabHeader .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner {color:#fff;}*/
.TabHeader .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner {background-color:#7413dc;}
/*.TabHeader .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .TabHeader .ajax__tab_header .ajax__tab .ajax__tab_outer {background-color:green;background-image:none!important;}*/
/*.TabHeader .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {background-color:#00a794;color:#fff;}*/
/*.TabHeader .ajax__tab_tab {color:White;}*/
/*.TabHeader .ajax__tab_active .ajax__tab_inner span, .TabHeader .ajax__tab_hover .ajax__tab_inner span {background-color:red;color:White;}*/
.TabHeader .ajax__tab_header .ajax__tab_hover .ajax__tab_outer .ajax__tab_inner {background-color:#a7a9ac;}
.TabHeader .ajax__tab_body {
  font-family:NunitoSansRegular, Arial !important;
  font-size:16px!important;
  background-color:#fff;
  border:none!important;
  border-top:solid 1px #bbbbbb;
  padding:10px 0 0 0 !important;
}



.NewsStoryPanel {
  margin:0 0 30px 0;
  float:none;
  overflow:auto;
  background-color:#f4f5f6;/*Light Grey*/
}
.NewsStoryPanelContent {padding:0 8px 20px 8px;}
.NewsStoryPanelTitle {
  padding:10px 0 0 0;
  margin:0 8px 8px 8px;
  line-height:1.2em;
}
.TopNewsStoryPanel {
  margin:0 0 26px 0;
  padding-bottom:10px;
  float:none;
  overflow:auto;
  background-color:#f4f5f6; /* Light Grey*/
}
.TopNewsStoryPanelTitle {
	padding:0 0 10px 0;
	margin:0 8px 0 8px;
  line-height:1.2em;
  /*background-color:#f4f5f6;*/ /* Light Grey*/
}
.TopNewsStoryPanelContent {padding:0 8px 0 8px;background-color:#f4f5f6; /* Light Grey*/}
.NewsStoryHeaderALink, .NewsStoryHeaderALink:hover {
  display:inline-block;
  color:#7413dc; /* Purple */
  font-family:NunitoSansRegular,Arial,sans-serif;
  font-size:17px;
  font-weight:700;
	padding:5px 0 5px 0;
  text-decoration:none;
  background-color:transparent;
  border:none;
  cursor:pointer;
}
.NewsListImage {
  display:inline-block;
  max-height:100%;
  max-width:100%;
  height:auto;
  width:auto;
}
.NewsStoryHeaderImage {
  width:133px;
  height:100px;
  overflow:hidden;
  float:left;
  padding-right:10px;
}
.TopNewsStoryHeaderImage {
  width:200px;
  height:150px;
  overflow:hidden;
  float:left;
  padding-right:10px;
}
.NewsStoryHTMLPanel {max-height:72px;overflow:hidden;}
.TopNewsStoryHTMLPanel {max-height:137px;overflow:hidden;}
.NewsListPagingNumber, .NewsListCurrPaging, .NewsListPagingNextPrev {
  height:40px;
  min-width:40px;
  border-color:black;
  font-size:20px;
  line-height:33px;
  color:white;
	-webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
  text-decoration:none;
  text-align:center;
  padding:5px 10px 5px 10px;
}
.NewsListPagingNumber {background-color:#e67402;/* Orange */}
.NewsListCurrPaging {font-weight:bold;background-color:#84a40b;/* Lime Green */}
.NewsListPagingNextPrev {background-color:#7413dc;/* Purple */}

.BrandPanel1 .BrandPanelNewsList, .BrandPanel1 .NewsStoryPanel {background-color:var(--BrandColor1);color:var(--BrandTextColor1);}
.BrandPanel2 .BrandPanelNewsList, .BrandPanel2 .NewsStoryPanel {background-color:var(--BrandColor2);color:var(--BrandTextColor2);}
.BrandPanel1 .BrandPanelNewsList h3, .BrandPanel2 .BrandPanelNewsList h3 {color:white;font-size:20px;padding-top:8px;margin-bottom:0;}
.BrandPanel1 .BrandPanelNewsList .NewsStoryHeaderALink, .BrandPanel1 .BrandPanelNewsList .ALink,
  .BrandPanel2 .BrandPanelNewsList .NewsStoryHeaderALink, .BrandPanel2 .BrandPanelNewsList .ALink
  {color:#ffe627;}

.GreyBlock {background-color:#f4f5f6;padding:10px 10px 10px 10px;margin-bottom:10px;}



.ActivityControlBlankTable, .ActivityControlBlankTable:visited {
  background-repeat:no-repeat;
  background-size:contain;
  font-family:NunitoSansRegular,Arial,Sans-serif,Verdana; /* small numbers */
  font-size:16px;
  color:White;
	border-style:none;
  text-align:center;
  vertical-align:central;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  background-image:url("/Images/SA_Site_Images/Activities/Blank.jpg");
  height:95px;
  width:95px;
  padding:0 5px 5px 5px;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
}
.ActivityControlBlankButton, .ActivityControlBlankButton:visited {
  background-image:url("/Images/SA_Site_Images/Activities/Blank.jpg");
  height:100px;
  width:100px;
  font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma, Arial,sans-serif;
  font-size:18px;
  color:White;
	padding:0 5px 0 5px;
  white-space:normal;
  text-wrap:normal;
  border:0;
}



.EventCalendar tr:first-child {vertical-align:bottom;}
.EventCalendarHeaderBar {height:40px!important;font-size:16px;font-weight:bold;}
.EventCalendarDayHeader {height:25px!important;text-align:center;background-color:#7413dc;color:white;}
.EventCalendarDay, .EventCalendarWeekend, .EventCalendarOtherMonth {
  max-width:0;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;

  vertical-align:top;
  text-align:left;
  border:1px solid grey;
  line-height:22px;
}
.EventCalendarDay a, .EventCalendarWeekend a, .EventCalendarOtherMonth a {text-decoration:none;}
.EventCalendarOtherMonth {background-color:#cccccc;height:90px;}
.EventCalendarWeekend {background-color:#f1f1f1;height:90px;}
.EventCalendarDay {background-color:white;height:90px;}

.EventCalendarColor, .EventCalendarSquirrels, .EventCalendarBeavers, .EventCalendarCubs, .EventCalendarScouts, .EventCalendarExplorers,
  .EventCalendarNetwork, .EventCalendarActiveSupport, .EventCalendarAdults, .EventCalendarAdultTraining,
  .EventCalendarYL, .EventCalendarYLTraining, .EventCalendarAAC, .EventCalendarOthers {padding-right:300px;}

.EventCalendarColorKey, .EventCalendarSquirrelsKey, .EventCalendarBeaversKey, .EventCalendarCubsKey, .EventCalendarScoutsKey, .EventCalendarExplorersKey,
  .EventCalendarNetworkKey, .EventCalendarActiveSupportKey, .EventCalendarAdultsKey, .EventCalendarAdultTrainingKey,
  .EventCalendarYLKey, .EventCalendarYLTrainingKey, .EventCalendarAACKey, .EventCalendarOthersKey {
	padding:10px 10px 10px 10px;
}

.EventCalendarSquirrels, .EventCalendarSquirrels:hover, .EventCalendarSquirrelsKey {background-color:#ca1a10;color:white;}
.EventCalendarBeavers, .EventCalendarBeavers:hover, .EventCalendarBeaversKey {background-color:#00a4da;color:white;}
.EventCalendarCubs, .EventCalendarCubs:hover, .EventCalendarCubsKey {background-color:#74a434;color:white;}
.EventCalendarScouts, .EventCalendarScouts:hover, .EventCalendarScoutsKey {background-color:#014f5b;color:white;}
.EventCalendarExplorers, .EventCalendarExplorers:hover, .EventCalendarExplorersKey {background-color:#9a8c7f;color:white;}
.EventCalendarNetwork, .EventCalendarNetwork:hover, .EventCalendarNetworkKey {background-color:#231f20;color:white;}
.EventCalendarActiveSupport, .EventCalendarActiveSupport:hover, .EventCalendarActiveSupportKey {background-color:#006ddf;color:white;}
.EventCalendarAdults, .EventCalendarAdults:hover, .EventCalendarAdultsKey {background-color:#f0e0d1;color:black;}
.EventCalendarAdultTraining, .EventCalendarAdultTraining:hover, .EventCalendarAdultTrainingKey {background-color:#F48123;color:white;}
.EventCalendarYL, .EventCalendarYL:hover, .EventCalendarYLKey {background-color:#9a8c7f;color:#ffe627;}
.EventCalendarYLTraining, .EventCalendarYLTraining:hover, .EventCalendarYLTrainingKey {background-color:#ffe627;color:#4C2F90;}
.EventCalendarAAC, .EventCalendarAAC:hover, .EventCalendarAACKey {background-color:#ffb4e5;color:black;}
.EventCalendarOthers, .EventCalendarOthers:hover, .EventCalendarOthersKey {background-color:#7413dc;color:white;}



.PromoContentPanel {
	float:none;
	overflow:auto;
	margin-bottom:30px;
  background:url("/Images/SA_Site_Images/normalboxstitch.png");
  background-position:0% 3%;
  background-repeat:repeat-x;
  background-color:#7413dc; /* Dark Purple */
}
.IrishStyling .PromoContentPanel {background-color:#26b756;}
.ScottishStyling .PromoContentPanel {background-color:#006ee0;}
.WelshStyling .PromoContentPanel {background-color:#ed4024;}
.PromoContentPanelTitle {
	min-height:60px;
	padding:20px 10px 0px 10px;
  background-image:url("/Images/SA_Site_Images/promo-heading-bg.png");
  background-position:bottom;
  background-repeat:no-repeat;
  background-size:100% 100%;
  color:White;
  font-family:NunitoSansBlack,NunitoSansRegular,Tahoma;
  font-size:20px;
}
.PromoContentPanelContent {
	background-repeat:repeat-x;
	padding:5px 10px 10px 10px;
	background-color:#f1f1f1;/*Light-Grey*/
  color:#404e5a;
}



.RoundedContentPanel {
  width:100%;
  padding:8px 8px 8px 8px;
  float:none;
  overflow:auto;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.RoundedContentPanelTitle {
  font-family:NunitoSansExtraBold;
  font-size:30.4px;
  font-weight:bold;
  text-align:center;
  padding-bottom:10px;
}
.RoundedContentPanelTitle span a, .RoundedContentPanelTitle span a:visited {text-decoration:none;color:white;}
.RoundedContentPanelTitle:not(:root:root) {font-family:NunitoSansRegular,Arial,Sans-serif;}

.RoundedContentPanelContent {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:5px 5px 5px 5px;
}
.UnRoundedContentPanelContent {}



.GreenContentPanel {float:none;overflow:auto;padding-bottom:30px;}
.GreenContentPanelTitle {
  background:url("/Images/SA_Site_Images/find-search-bg_short.jpg") bottom no-repeat;
  background-size:100% 100%;
  color:White;
  font-family:NunitoSansExtraBold;
  font-size:28px;
	text-align:center;
  line-height:32px;
  min-height:110px;
  padding:20px 10px 0px 10px;
}
.GreenContentPanelTitle:not(:root:root) {font-family:NunitoSansRegular,Arial,Sans-serif;}
.GreenContentPanelContent {
	background:url("/Images/SA_Site_Images/normalboxstitch.png") bottom repeat-x;
  background-color:White;
  color:#404e5a;
	padding-bottom:10px;
	padding:5px 10px 10px 10px;
}



.UpdatePleaseWaitDiv {
  z-index:500;
  position:fixed;
  top:0;
  left:0;
  visibility:visible;
  border:none;
  overflow:hidden;
  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;*/
}



.ObjSectFld {width:50px;float:left;}



.TeamContainer {text-align:center;display:inline-block;width:100%;}
.TeamMember {text-align:center;display:inline-block;margin:0 7px 12px 7px;}
.TeamMemberImage {width:150px;height:150px;overflow:hidden;}
.TeamMemberName {font-size:16px;width:150px;height:66px;overflow:hidden;}
.SmallTeamMemberImage {height:90px;overflow:hidden;}
.SmallTeamMemberName {overflow:hidden;}
.TeamMemberContainer {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;border:1px solid #e8ebed;box-shadow:-5px 5px 2px #e8ebed;}
.MeetTheTeamDetailedList {font-size:11px;}
.MeetTheTeamDetailedListSubHeader {border-top:15px solid white;border-left:1px solid white;border-right:1px solid white;}
.MeetTheTeamDetailedListSubHeader td {
	padding:5px 0 5px 5px;
	vertical-align:central;
  font-size:18px;
  font-weight:bold;
  background-color:#a7a9ac;
  color:white;
}
.PictureCard.TeamMember {max-width:100%;height:300px;overflow:hidden;margin-bottom:20px;}
.PictureCardTeamMemberImage {
  width:100%;
  height:300px;
  background-color:#f1f1f1;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.PictureCardTeamMemberText {
  height:100px;
  position:relative;
  top:-65px;
  margin:0 10px 0 10px;
  padding:5px 5px 5px 5px;
  background-color:rgba(255,255,255,.9);
  color:black;
}
.PictureCardTeamMemberText div {height:70px;overflow:hidden;}



.NeckerchiefListItem {text-align:center;display:inline-block;margin:0 7px 12px 7px;padding-bottom:40px;color:black;}
.NeckerchiefListImage {height:40px;overflow:hidden;}



/* HTMLEditorExtender */
.ajax__html_editor_extender_texteditor {background-color:White;}



.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;
}
.GalleryImgLeft {
  display:block;
  max-height:100%;
  max-width:100%;
  /*height:auto;*/
  width:auto;
  margin-left:0;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
}
.GalleryImgCropped {
  object-fit:cover;
  object-position:center;
  height:100%;
  width:100%;
}
.GalleryNameTitle {font-weight:bold;text-align:center;}
.GalleryCard {background-color:#f1f1f1;border:1px solid #f1f1f1;margin-bottom:30px;height:calc(100% - 30px);max-height:300px;overflow:hidden;}
.GalleryCard:hover{animation-name:GalleryCardHover;animation-duration:.5s;animation-fill-mode:forwards;}
@keyframes GalleryCardHover {from {} to {background-color:white;box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}}
.GalleryCardTextPanel {width:100%;padding:5px 5px 5px 5px;}


.ProgrammeImg {max-height:100px;max-width:100px;}



.ProgrammeNameDescNotes tr td {padding:0 0 5px 0;}
.ProgrammeTable tr, .SlimWideList tr {border-bottom:1px dotted gray;}
.ProgrammeTable tr:last-child, .SlimWideList tr:last-child {border-bottom:none;}
.ProgrammeTable tr td {text-align:left;vertical-align:text-top;padding:5px 0 5px 0;}

.SlimWideList tr td {text-align:left;padding:5px 0 5px 0;}



.SlimEventName {text-align:left;vertical-align:middle;}
.SlimEventDateButton, .SlimEventDateButton:visited, .WideEventDateButton, .WideEventDateButton:visited {
	background-repeat:no-repeat;
  background-size:contain;
	color:White;
	font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma,Arial,Sans-serif,Verdana; /* small numbers */
	font-size:20px;
	text-align:center;
  border-style:none;
  text-align:center;
  vertical-align:middle;
  text-align:center;
  text-decoration:none;
  white-space:normal;
}
.SlimEventDateButton, .SlimEventDateButton:visited {
  height:50px;
  width:50px;
  line-height:25px;
  background-color:#7413dc; /* Purple */
  background-image:url("/Images/SA_Site_Images/EventDateBackground.png");
}
.SlimEventDateButton:hover, .SlimEventDateButton:visited:hover, .WideEventDateButton:hover, .WideEventDateButton:visited:hover {color:#9E3D94;}
.WideEventDateButton, .WideEventDateButton:visited {
  height:65px;
  width:130px;
  line-height:65px;
  background-image:url("/Images/SA_Site_Images/EventDateBackgroundWide.png");
  font-size:20px;
}
.EventFilterBlock {float:left;background-color:#23a950 !important;color:white;margin:10px 0 5px 0;padding:8px 8px 8px 8px;}
.EventFilterBlockItem {height:25px;float:left;width:130px;overflow:hidden;}
.EventFilterBlockItem label {padding-left:5px;position:relative;top:-5px;}

.TrainingDiary {width:100%;border:1px solid #4C2F90;}
.TrainingDiary td {vertical-align:top;border:1px solid #4C2F90;}
.TrainingModuleGreen, .TrainingModuleRed, .TrainingModuleTrusteeBlue, .TrainingModuleLightBlue, .TrainingModuleBlue, .TrainingModulePurple,
  .TrainingModuleCyan, .TrainingModuleOrange, .TrainingModuleDarkPurple, .TrainingModuleGrey, .TrainingModuleBrown, .TrainingModuleLightBrown,
  .YLTrainingModuleYellow {
  padding:3px 3px 3px 3px;
  margin:0 0 0 0;
}
.TrainingModuleGreen, .TrainingModuleGreenNoPadding {background-color:#36b557;color:white;}
/*.TrainingMatrixModuleGreen, .TrainingMatrixModuleGreenNoPadding {background-color:#36b557;color:white;}*/
.TrainingModuleGrey, .TrainingModuleGreyNoPadding {background-color:#a8a9ad;color:white;}
.TrainingModuleCyan, .TrainingModuleCyanNoPadding {background-color:#00aeef;color:white;}
.TrainingModuleRed, .TrainingModuleRedNoPadding {background-color:#ef3e22;color:white;}
.TrainingModuleTrusteeBlue, .TrainingModuleTrusteeBlueNoPadding {background-color:#007ec5;color:white;}
.TrainingModuleLightBlue, .TrainingModuleLightBlueNoPadding {background-color:#aae0f9;color:black;}
.TrainingModuleBlue, .TrainingModuleBlueNoPadding {background-color:#23438e;color:white;}
.TrainingModuleBlue .ALink, .TrainingModuleRed .ALink, .TrainingModuleTrusteeBlue .ALink {color:cyan;}
.TrainingModuleOrange, .TrainingModuleOrangeNoPadding {background-color:#F48123;color:white;}
.TrainingModulePurple, .TrainingModulePurpleNoPadding {background-color:#9E3D94;color:white;}
.TrainingModuleDarkPurple, .TrainingModuleDarkPurpleNoPadding {background-color:#4C2F90;color:white;}
.TrainingModuleBrown, .TrainingModuleBrownNoPadding {background-color:#8B5E3C;color:white;} /* Not a TSA colour */
.TrainingModuleLightBrown, .TrainingModuleLightBrownNoPadding {background-color:#D2B48C;color:white;} /* Not a TSA colour */
.YLTrainingModuleYellow, .YLTrainingModuleYellowNoPadding {background-color:#ffe627;color:#4C2F90;}

/*.EventListBottom {background:url("/Images/SA_Site_Images/normalboxstitch.png") top repeat-x;margin:5px 5px 0 5px;}*/
.EventCard {background-color:#f1f1f1;border:1px solid #f1f1f1!important;margin-bottom:30px;height:calc(100% - 30px);}
.EventCard:hover{animation-name:EventCardHover;animation-duration:.5s;animation-fill-mode:forwards;}
@keyframes EventCardHover {from {} to {background-color:white;box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}}
.EventCard div {padding-bottom:10px;}
.EventCardImgHolder {width:100%;}
.EventCardImg {display:block;width:100%;}



.TrainingModuleKeyCell {text-align:center;font-weight:bold;padding:20px 3px 20px 3px;height:100%;
                        display:flex;margin:auto;align-items:center;justify-content:center;}
.TrainingEventsTable tr {border-bottom:1px dotted gray;}
.TrainingEventsTable tr:last-child {
  border-bottom:none;
}
.TrainingEventsTable tr td {
  width:100%;
  text-align:left;
  vertical-align:text-top;
  padding:5px 0 5px 0;
}
.TrainingEventsModules {border:none;margin-right:5px;}
.TrainingEventsModules tr td {border-bottom:1px solid white;padding:5px 0px 5px 5px;}
.EventDetailsTrainingTable {border:none;}
.EventDetailsTrainingTable tr td {
  border-bottom:1px solid white;
  text-align:left;
  vertical-align:middle;
  padding:5px 0px 0px 5px;
}



.TrainingModulePanel {background-color:#eeeeee;text-align:center;height:100%;border:1px solid #cccccc;}
.TrainingModulePanel .ALink, .TrainingModulePanel a {text-decoration:none;color:#404e5a;width:100%;}
.TrainingModulePanel div:nth-child(1) {height:50px;width:100%;font-family:NunitoSansRegular;font-weight:bold;font-size:18px;padding-top:5px;
                                       display:flex;margin:auto;align-items:center;justify-content:center;}
.TrainingModulePanel div:nth-child(1) a {color:white;}
.TrainingModulePanel div:nth-child(2) {padding:5px 5px 5px 5px;}
.TrainingModulePanel img {position:absolute;top:0;left:0;height:40px;}
.TrainingModulePanel div:nth-child(3) {position:absolute;bottom:16px;left:16px;height:24px;line-height:24px;width:calc(100% - 32px);}



/* Training Module Matrix GridView */
.TrainingMatrixList, .TrainingMatrixCourseList {border:none;margin-bottom:50px;}
.TrainingMatrixList th {background-color:#8777b7;color:white;font-weight:bold;border-bottom:2px solid white;}
.TrainingMatrixList th:first-child {padding-left:3px;}
.TrainingMatrixListRow td {vertical-align:central;padding-bottom:0;border-bottom:2px solid #d1d2d4;}
.TrainingMatrixListRow td:first-child {padding:0 0 0 0;border-bottom:2px solid white;}
.TrainingMatrixMethodBulletPoint {background-image:url("/Images/Others/TrainingBulletPoint.svg");background-position:center;margin-right:3px;}

.TrainingMatrixCourseList th {background-color:#00aeef;color:white;font-weight:bold;border-bottom:2px solid white;border-right:2px solid white;}
.TrainingMatrixCourseList th.col-1, .TrainingMatrixCourseList th.col-2 {padding:0!important;}
.TrainingMatrixCourseList td:first-child {padding:0 0 0 0;}
.TrainingMatrixCourseListRow:last-child {border-bottom:2px solid #aae0f9;}
.TrainingMatrixCourseListRow td {vertical-align:central;padding-top:10px;padding-bottom:10px;border-top:2px solid #aae0f9;border-right:2px solid #aae0f9;}
.TrainingMatrixCourseListRow tbody:last-child tr {border-bottom:2px solid red;}
.TrainingMatrixCourseListRowTopBorder {border-top:2px solid white!important;}
.TrainingMatrixCourseBulletPoint {background-color:#aae0f9;background-image:url("/Images/Others/TrainingSkillsCourseBulletPoint.svg");background-repeat:no-repeat;background-position:center;padding:0;}



.NoticeBoard {
  background:url("/Images/SA_Site_Images/CorkBackground50Perc.jpg") repeat;
  border:30px solid transparent;
  border-image-source:url("/Images/SA_Site_Images/WoodenFrame.png");
  border-image-width:30px;
  border-image-slice:30;
  border-image-repeat:round;
  padding:20px 20px 20px 20px;
}
.NoticeBoardHeader {
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  margin:0 auto 30px;
  background-color:white;
  padding:10px 10px 10px 10px;
  text-align:center;
  box-shadow:0 3px 3px rgba(0,0,0,.25);
}
.NoticeBoardHeader select {
  font-size:20px;
  background-color:white;
  border-color:white;
  font-size:30px;
  height:40px;
  text-align:center;
}

.StickyNote1, .StickyNote2, .StickyNote3, .StickyNote4, .StickyNote5 {
  width:175px;
  height:175px;
  float:left;
  margin-bottom:30px;
  padding:5px 5px 5px 5px;
  border:1px solid rgba(0,0,0,.25);
  box-shadow:0 3px 6px rgba(0,0,0,.25);
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
}
.StickyNote1 {background-color:#ffe67f;}
.StickyNote2 {background-color:#ffc07f;}
.StickyNote3 {background-color:#e6bae6;}
.StickyNote4 {background-color:#99d5e9;}
.StickyNote5 {background-color:#7fcca1;}

.StickyPos1 {transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);}
.StickyPos2 {transform:rotate(-1.5deg);-webkit-transform:rotate(-1.5deg);-moz-transform:rotate(-1.5deg);}
.StickyPos3 {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);}
.StickyPos4 {transform:rotate(+1.5deg);-webkit-transform:rotate(+1.5deg);-moz-transform:rotate(+1.5deg);}
.StickyPos5 {transform:rotate(+3deg);-webkit-transform:rotate(+3deg);-moz-transform:rotate(+3deg);}
.StickyHeader {height:30px;}

.StickyPin1, .StickyPin2, .StickyPin3, .StickyPin4, .StickyPin5 {
  background-color:#aaa;
  display:block;
  height:12px;
  width:2px;
  position:absolute;
  left:50%;
  top:15px;
  z-index:1;
}
.StickyPin1:after, .StickyPin2:after, .StickyPin3:after, .StickyPin4:after, .StickyPin5:after {
  background-image:radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius:50%;
  box-shadow:inset 0 0 0 1px hsla(0,0%,0%,.1), inset 3px 3px 3px hsla(0,0%,100%,.2), inset -3px -3px 3px hsla(0,0%,0%,.2), 14px 6px 3px hsla(0,0%,0%,.15);
  content:'';
  height:12px;
  left:-5px;
  position:absolute;
  top:-10px;
  width:12px;
}
.StickyPin1:before, .StickyPin2:before, .StickyPin3:before, .StickyPin4:before, .StickyPin5:before {
  background-color:hsla(0,0%,0%,0.1);
  box-shadow:0 0 .25em hsla(0,0%,0%,.1);
  content:'';
  height:12px;
  width:2px;
  left:1px;
  position:absolute;
  top:-1px;
  transform:rotate(57.5deg);
  -moz-transform:rotate(57.5deg);
  -webkit-transform:rotate(57.5deg);
  -o-transform:rotate(57.5deg);
  -ms-transform:rotate(57.5deg);
  transform-origin:50% 100%;
  -moz-transform-origin:50% 100%;
  -webkit-transform-origin:50% 100%;
  -ms-transform-origin:50% 100%;
  -o-transform-origin:50% 100%;
}
.StickyPin1:after {background-color:Red;}
.StickyPin2:after {background-color:Green;}
.StickyPin3:after {background-color:Blue;}
.StickyPin4:after {background-color:Yellow;}
.StickyPin5:after {background-color:Black;}

.StickyContent {height:115px;text-wrap:normal;overflow:hidden;padding-bottom:5px;}
.StickyNoteDetails {
  background-color:white;
  width:inherit;
  padding:10px 10px 10px 10px;
  border:1px solid rgba(0,0,0,.25);
  box-shadow:0 3px 6px rgba(0,0,0,.25);
  -webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);
  -moz-box-shadow:0 3px 6px rgba(0,0,0,.25);
}
.StickyNoteDetailsHeaderPanel {
  background-color:#23a950;
  color:white;
	-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align:center;
  padding:2% 2% 2% 2%;
}
.StickyNoteDetailsHeaderPanel h3 {color:white;overflow:hidden;}
.StickyNoteDetailsAuthorPanel {
  background-color:#ffb4e5;
  color:white;
	-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  text-align:left;
  padding:2% 0 2% 2%;
}
.StickyNoteDetailsContentPanel {
  padding-top:10px;
  float:none;
  clear:both;
  width:100%;
  text-align:left;
}



.RollOfHonourBoard {
  background-color:darkgreen;
  border:30px solid transparent;
  border-image-source:url("/Images/SA_Site_Images/WoodenFrame.png");
  border-image-width:30px;
  border-image-slice:30;
  border-image-repeat:round;
  padding:15px 5px 15px 5px;
}
.RollOfHonourBoard, .RollOfHonourBoard h4, .RollOfHonourBoard a {color:#efd874;text-decoration:none;}
.RollOfHonourBoard h4 {margin-top:0;margin-bottom:0px;}



.ListViewFieldBlockItem {float:left;width:170px;overflow:hidden;}
.ListViewFieldBlockItem label {padding-left:5px;position:relative;top:-5px;}



.CalendarExtenderIcon {vertical-align:bottom;}
.CalendarExtender .ajax__calendar_container {background-color:#7413dc;box-shadow:-5px 5px 2px #e8ebed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.CalendarExtender .ajax__calendar_hover .ajax__calendar_next, .CalendarExtender .ajax__calendar_hover .ajax__calendar_prev {background-color:#808285;}
.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 {background-color:#ffb4e5;color:white;font-weight:bold;padding-right:3px;}
.CalendarExtender td {background-color:#23a950;font-weight:100;color:white;}
.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 td:nth-child(6), .CalendarExtender td:nth-child(7) {background-color:#808285;}
.CalendarExtender .ajax__calendar_today .ajax__calendar_day {background-color:#ffe627;}
.CalendarExtender .ajax__calendar_active .ajax__calendar_day, .CalendarExtender .ajax__calendar_active .ajax__calendar_month,
  .CalendarExtender .ajax__calendar_active .ajax__calendar_year {background-color:#ffe627;color:black;}
.CalendarExtender .ajax__calendar_invalid .ajax__calendar_day, .CalendarExtender .ajax__calendar_invalid {color:black;}
.CalendarExtender .ajax__calendar_other .ajax__calendar_day {color:black;}



.PageManagePropHeader {
  width:120px;
  float:left;
  margin-right:5px;
  text-align:right;
  vertical-align:bottom;
}
.PageManagePropData {width:270px;}



.RadioButtonList label {padding-left:10px;position:relative;top:-1px;margin-bottom:0;}
.RadioButtonListLeft label {padding-right:5px;position:relative;top:-1px;}
.RadioButtonListLeft input[type="radio"] {margin-right:20px;}
.RadioButtonList td label {position:relative;top:2px!important;}
.RadioButtonList td input[type="radio"] {height:16px;position:relative;top:4px;}



.CheckBoxAndLabelDiv {overflow:hidden;}
.CheckBoxAndLabelDiv label {padding-left:10px;position:relative;top:-5px;margin-bottom:0;}
.CheckBoxAndLabelDiv td label {padding-left:10px;position:relative;top:2px;margin-bottom:0;}
.CheckBoxAndLabelDiv td input[type="checkbox"], .CheckBoxAndLabelDiv td input[type="checkbox"]:checked,
  .CheckBoxAndLabelDiv td input[type="checkbox"]:hover {height:16px;position:relative;top:4px;}
.CheckBoxAlign {display:inline-block;vertical-align:top;}



.AjaxAccordionHeader {
  background-color:#471e6c;
  color:white;
  font-size:16px;
	-webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  padding:4px 4px 4px 4px;
  margin-top:8px;
}
.AjaxAccordionHeader div {margin-bottom:0!important;}
.AjaxAccordionHeaderSelected {
  background-color:#84a40b;
  color:white;
  font-size:24px;
	-webkit-border-radius:7px;
  -moz-border-radius:7px;
  border-radius:7px;
  padding:4px 4px 4px 4px;
  margin-top:8px;
}
.AjaxAccordionHeaderSelected div {margin-bottom:0!important;}
.AjaxAccordionContent {
	background-color:#fdfdfd;
  color:#404e5a;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:10px 10px 30px 10px;
}



iframe {border:none;}
.iFrameProgrammeDiv {
  clear:both;
  float:none;
  width:710px;
  height:500px;
  overflow:scroll;
  overflow-x:hidden;
  -webkit-resize:vertical;
  -moz-resize:vertical;
  resize:vertical;
  min-height:200px;
}
.iFrameProgrammeiFrame {
  width:1000px;
  height:3000px;
  margin-left:-260px;
  margin-top:-340px;
  overflow:hidden;
  -webkit-resize:none;
  -moz-resize:none;
  resize:none;
}



/* Shopping Cart Styling */
.ShopLeftPanelHeader {min-height:50px;padding-top:15px;background-color:lightgray;}
.ShopLeftPanel {padding-top:10px;padding-bottom:10px;margin-bottom:30px;border:1px solid lightgray;overflow-x:hidden;}
.ShopListHeaderPanel {background-color:lightgray;height:50px;padding-top:10px;padding-bottom:10px;}
.ShopListProductCard {background-color:#f9f9f9;margin-top:15px;margin-bottom:15px;padding:10px 5px 0 5px;}
.ShopListProductCard:hover {animation-name:ShopListProductCardHover;animation-duration:.5s;animation-fill-mode:forwards;} 
@keyframes ShopListProductCardHover {from {} to {background-color:white;box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}}

.snipcart-modal__container, .snipcart-layout, .snipcart-cart__content, .snipcart-item-list, .snipcart-item-list--no-shadow, .snipcart-cart__footer,
  .snipcart-payment-methods__title, .snipcart-discount-box snipcart__font--secondary, .snipcart-cart__discount-box {background-color:lightgray!important;}
.snipcart-discount-box__button {visibility:hidden;}
.snipcart-layout {margin-top:220px!important;font-family:NunitoSansRegular,Arial,Sans-serif;}
.snipcart-cart-header, .snipcart-modal__header {background-color:#7413dc!important;color:white;padding:10px 10px 10px 10px;}
.snipcart-cart-header h3 {font-weight:normal;font-size:2.08em;color:white;}
.snipcart-modal__close-title {color:white!important;}
.snipcart-modal__header {margin:0 16px 0 16px;}
.snipcart-layout__header {margin-bottom:5px;}

.snip-table__header {background-color:#00b8a3!important;color:white!important;}
.snip-btn {
  /* Copied from MediumButton */
  background-color:white!important;
  color:#7413dc!important;
  font-family:NunitoSansExtraBold!important;
  font-size:16px!important;
  line-height:24px!important;
  border:1px solid #7413dc!important;
  text-align:center!important;
  margin:0 10px 10px 0!important;
  padding:5px 8px 5px 8px!important;
	position:relative!important;
	top:6px!important;
  text-decoration:none!important;
  padding-top:6px!important;
  padding-bottom:5px!important;
}
.snip-btn:hover, .snip-btn:visited:hover {
  background-color:white!important;
  color:#7413dc!important;
	animation-name:BackgroundWhiteToPurple;
  animation-duration:.75s;
  animation-fill-mode: forwards;
}
.snip-footer, .snip-footer__copyright {background-color:#7413dc!important;color:white!important;}
.snip-footer__highlight {color:white!important;font-weight:bold!important;}
.custom-snipcart-footer-text {padding:10px 10px 10px 10px!important;}

.TreeViewClass a, .TreeViewClass a:visited {text-decoration:none;}
.TreeViewClass a:hover {text-decoration:none;font-weight:bold;}
.HoverToZoomImage {position:relative;top:0;}
.ProductPopupPanel, .ProductPopupPanelNoPadding, .SettingsPopupPanel {
  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 {z-index:5000;padding-left:5%;padding-right:5%;}
.ProductPopupPanelNoPadding {z-index:5000;}
.SettingsPopupPanel {z-index:9500;padding-left:15px;padding-right:15px;}
@media only screen and (max-width:767px) {.ProductPopupPanel, .ProductPopupPanelNoPadding, .SettingsPopupPanel {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;
}
.ShopAddToBasketButton {
  width:60px;
  height:40px;
  background:url("/Images/SA_Site_Images/ShopAddToBasket.svg") no-repeat;
  background-size:60px 40px;
  border:none;
}
.GridButton, .ListButton {width:30px;height:30px;border:none;}
.GridButton {background:url("/Images/SA_Site_Images/GridButton.svg") no-repeat;background-size:30px 30px;}
.ListButton {background:url("/Images/SA_Site_Images/ListButton.svg") no-repeat;background-size:30px 30px;}
.ShopAddToBasketButton:hover, .GridButton:hover, .ListButton:hover {background-color:#f0f0f0;}

.UpButton {background:url("/Images/SA_Site_Images/PurpleWhiteUpArrow.svg") center no-repeat;background-size:30px 30px;}
.DownButton {background:url("/Images/SA_Site_Images/PurpleWhiteDownArrow.svg") center no-repeat;background-size:30px 30px;}
.LeftButton {background:url("/Images/SA_Site_Images/PurpleWhiteLeftArrow.svg") center no-repeat;background-size:30px 30px;}
.RightButton {background:url("/Images/SA_Site_Images/PurpleWhiteRightArrow.svg") center no-repeat;background-size:30px 30px;}
.UpButton, .DownButton, .LeftButton, .RightButton {height:37px;width:37px!important;background-color:white;border:1px solid #7413dc;}
.UpButton:hover, .UpButton:visited:hover {background:url("/Images/SA_Site_Images/WhitePurpleUpArrow.svg") center no-repeat;background-size:30px 30px;}
.DownButton:hover, .DownButton:visited:hover {background:url("/Images/SA_Site_Images/WhitePurpleDownArrow.svg") center no-repeat;background-size:30px 30px;}
.LeftButton:hover, .LeftButton:visited:hover {background:url("/Images/SA_Site_Images/WhitePurpleLeftArrow.svg") center no-repeat;background-size:30px 30px;}
.RightButton:hover, .RightButton:visited:hover {background:url("/Images/SA_Site_Images/WhitePurpleRightArrow.svg") center no-repeat;background-size:30px 30px;}
.UpButton:hover, .UpButton:visited:hover, .DownButton:hover, .DownButton:visited:hover, .LeftButton:hover, .LeftButton:visited:hover, .RightButton:hover, .RightButton:visited:hover {
  background-color:white;
	animation-name:BackgroundWhiteToPurple;
  animation-duration:.75s;
  animation-fill-mode: forwards;
}



.UserFormManagementForm {
  border:1px solid gray;
}
.UserFormManagementSection {
  background-color:#f0f0f0;
  border:1px solid #cccccc;
  margin:0 0 50px 5px;
  padding:15px 0 0 0;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.UserFormManagementFieldContainer {padding:0 15px 15px 15px;}
.UserFormManagementField {
  background-color:#fdfdfd;
  border:1px solid #cccccc;
  /*margin:0 0 15px 0;*/
  padding:10px 5px 5px 5px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.UserFormManagementFieldControls {margin:10px 0 5px 0;}



/* (i) Icons - InfoIcon=Popup to right. InfoIconBottom=Popup to right+Up. InfoIconLeft=Popup to left. InfoIconFieldName=Full width Popup to right  */
/* - InfoIcon=Popup to right                            */
/* - InfoIconBottom=Popup to right+Up                   */
/* - InfoIconLeft=Popup to left                         */
/* - InfoIconFieldName=Full width Popup to right        */
.InfoIcon, .InfoIconBottom, .InfoIconFieldName, .InfoIconLeft {
  background:url("/Images/SA_Site_Images/Info_Icon.svg") no-repeat;
  background-size:contain;
  height:18px;
  width:24px;
}
.InfoIcon, .InfoIconBottom, .InfoIconLeft {
  position:absolute;
  top:3px;
  margin-left:6px;
  display:inline-block;
}
.InfoIconFieldName {display:inline-block;margin-top:3px;}
.InfoIcon:hover, .InfoIconBottom:hover, .InfoIconFieldName:hover {
  background:url("/Images/SA_Site_Images/Info_Icon_Hover_Right.svg") no-repeat;
  background-size:contain;
}
.InfoIconLeft:hover {
  background:url("/Images/SA_Site_Images/Info_Icon_Hover_Left.svg") no-repeat;
  background-size:contain;margin-left:0;
}
.InfoIcon span, .InfoIconBottom span, .InfoIconFieldName span, .InfoIconLeft span {
  visibility:hidden;
  background-color:#7413dc;
  color:white;
  position:absolute;
  padding:5px 5px 5px 5px;
  z-index:2;
}
.InfoIcon span, .InfoIconBottom span {left:20px;width:300px;}
.InfoIconLeft span {left:-296px;width:300px;}
.InfoIconBottom span {bottom:0px;}
.InfoIconFieldName span {left:24px;width:calc(100% - 60px);}
.InfoIcon span, .InfoIconBottom span, .InfoIconFieldName span {
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
}
.InfoIconLeft span {
  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}
.InfoIcon:hover span, .InfoIconBottom:hover span, .InfoIconFieldName:hover span, .InfoIconLeft:hover span {visibility:visible;text-align:left;}
.InfoIconLeft:hover span {left:-296px;}
.InfoIconTextBox {position:relative;width:calc(100% - 25px);}
.InfoIcon span a, .InfoIconBottom span a, .InfoIconFieldName span a, .InfoIconLeft span a {
  color:White;
  font-weight:bold;
  text-decoration:underline;
}
.HelpButton {
  background:url("/Images/SA_Site_Images/UseCaseLinkIcon.svg") no-repeat;
  background-size:contain;
  background-color:#7c7cfe;
  color:White;
  border:none;
  font-family:NunitoSansBold,NunitoSansSemiBold,Tahoma,Arial,Sans-serif,Verdana;
  text-align:center;
  padding:0px 8px 0px 22px;
  text-decoration:none!important;
  white-space:nowrap;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
.HelpButton:hover {
  background-color:#7c7cfe;
  color:white;
	animation-name:BackgroundLightBluieToDarkBlue;
  animation-duration:.75s;
  animation-fill-mode: forwards;
}
@keyframes BackgroundLightBluieToDarkBlue {from {} to {background-color:#0000f1;color:white;}}



.SharePanelLinkDiv {
  height:80%;
  width:80%;
  padding:10px 2px 20px 2px;
}
.SharePanelLinkDiv img {height:80%;width:80%;}
.SharePanelLinkDiv p {color:white;padding:10px 0 10px 0;}
.SharePanelLinkDiv a, .SharePanelLinkDiv a:visited {text-decoration:none;}



.SectionHomeHeaderBar {background-color:rgb(242,242,242);padding:32px 16px 17px 16px;position:relative;top:-20px;}
.SectionHomeHeaderBar p {font-size:20px;}



.ImageTextPanelLeftCol6, .ImageTextPanelRightCol6 {
  width:100%;
  height:280px;
  background-color:#f1f1f1;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.ImageTextPanelLeftCol6 {padding:15px 50% 15px 15px;}
.ImageTextPanelRightCol6 {padding:15px 15px 15px 50%;}
.ImageTextPanelLeftCol6 div, .ImageTextPanelRightCol6 div {background-color:rgba(255,255,255,.9);padding:15px 15px 15px 15px;}
.ImageTextPanelLeftCol6 div h4, .ImageTextPanelRightCol6 div h4 {height:22px;overflow:hidden;}
.ImageTextPanelLeftCol6 div p, .ImageTextPanelRightCol6 div p {height:155px;overflow:hidden;}
.ImageTextPanelLeftCol6 div a, .ImageTextPanelRightCol6 div a {height:26px;overflow:hidden;color:black;font-weight:bold;}
@media only screen and (max-width:991px) {
  /* XS, SM, MD */
  .ImageTextPanelLeftCol6, .ImageTextPanelRightCol6 {height:430px;padding:225px 15px 15px 15px;}
  .ImageTextPanelLeftCol6 div p, .ImageTextPanelRightCol6 div p {height:95px;}
}
@media only screen and (max-width:575px) { /* XS */ }
@media only screen and (min-width:576px) and (max-width:767px) { /* SM */ }
@media only screen and (min-width:768px) and (max-width:991px) { /* MD */ }
@media only screen and (min-width:992px) and (max-width:1199px) { /* LG */ }
@media only screen and (min-width:1200576px) { /* XL */ }

.ImageTextLeft, .ImageTextRight {background-color:#f1f1f1;color:black;padding:0 15px 0 15px;}
.ImageTextTextDiv {background-color:#ffffff;margin-top:15px;margin-bottom:15px;padding-top:15px;padding-bottom:15px;}
.ImageTextImageDiv {padding-top:15px;padding-bottom:15px;max-height:150px;}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {.ImageTextImageDiv {overflow:hidden;/*Safari Only*/}}
.ImageTextLeft .ImageTextImageDiv {padding-right:0;}
.ImageTextRight .ImageTextImageDiv {padding-left:0;}
.ImageTextImageDiv img {
  display:block;
  max-height:100%;
  max-width:100%;
  height:auto;
  width:auto;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
}
.ImageTextImageDiv h2 {color:#7413dc;text-align:center;}
.ImageTextLeft div a, .ImageTextRight div a {color:#404e5a;font-weight:bold;}



.SOAccordion {
  font-size:16px;
  font-weight:bold;
  background-color:#f1f1f1;
  color:black;
  cursor:pointer;
  padding:16px 46px 16px 16px;
  margin-bottom:4px;
  width:100%;
  text-align:left;
  border:none;
  outline:none;
  background-image:url("/Images/SA_Site_Images/AccordionPlus.svg");
  background-repeat:no-repeat;
  background-position:right 20px center;
}
.SOAccordion.SOAccordionPanelActive  {background-image:url("/Images/SA_Site_Images/AccordionMinus.svg");}
.SOAccordion:focus {outline:none;}
.SOAccordion.SOAccordionPanelActive:focus {background-color:#d8d8d8;outline-color:rgb(0,138,28);outline-offset:1px;outline-style:dotted;outline-width:3px;}
.SOAccordion:hover {background-color:#d8d8d8;}
.SOAccordionPanel {
  padding:12px 16px 20px 16px;
  background-color:white;
  display:none;
  overflow:hidden;
}



.GridViewListProcessColumnHeader {position:sticky;left:0px!important;z-index:2;background-color:#00a994;}
.GridViewListProcessColumn {position:sticky;left:0px!important;background-color:white;}
.GridViewListNameColumnHeader {position:sticky;left:74px!important;z-index:2;background-color:#00a994;}
.GridViewListNameColumn {position:sticky;left:74px!important;background-color:white;}



.AuditTrailTextBoxAsLabel {width:100%;border:none!important;outline:none;}



.AutoChangeAdd {background-color:#28a745;color:white;}
.AutoChangeUpdate {background-color:#007bff;color:white;}
.AutoChangeReview {background-color:#ffc107;color:black;}
.AutoChangeDelete {background-color:#dc3545;color:white;}



.FooterBar {overflow:hidden;background-color:#490499;color:white;width:100%;padding:10px 0 0 0;}
.FooterBar h1, .FooterBar h2, .FooterBar h3, .FooterBar h4, .FooterBar h5 {color:white;font-family:NunitoSansExtraBold,Arial,Sans-serif;font-weight:900;}
.FooterBar a, .FooterBar a:visited, .FooterBar .ALink, .FooterBar .ALink, .FooterBar:hover .ALink:visited {color:white!important;}
.FooterBar a:hover {text-decoration:none;font-weight:bold;}
.IrishStyling .FooterBar {background-color:#26b756;}
.ScottishStyling .FooterBar {background-color:#006ee0;}
.WelshStyling .FooterBar {background-color:#ed4024;}
.FooterGroupName {color:white;font-weight:900;}
.FooterSmallPrint {font-size:10px;color:white!important;}
.FooterSmallPrint a, .FooterSmallPrint a:hover, .FooterSmallPrint a:visited {color:white!important;text-decoration:none;}

.IrishOnly, .ScottishOnly, .WelshOnly {display:none;}
.IrishStyling .IrishOnly {display:block;}
.ScottishStyling .ScottishOnly {display:block;}
.WelshStyling .WelshOnly {display:block;}



/* Home Page 2018 Specific Styling */
.HP3_H1 {font-family:NunitoSansExtraBold;font-size:43.2px;font-weight:bold;line-height:51.84px;}
.HP3_H2 {font-family:NunitoSansExtraBold;font-size:30.4px;font-weight:bold;line-height:34px;}
.HP3_H3 {font-family:NunitoSansExtraBold;font-size:19.2px;font-weight:bold;line-height:23.04px;}
.HP3_ImageBannerDiv {background-color:#cccccc;min-height:320px;padding-top:10px;}
.HP3_ImageBannerBottomDiv {
	/*background-color:#cccccc;*/
	height:50px;
  /*clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%);*/
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0 0, 100 0, 100 0, 0 100' fill='rgba(204,204,204,1)' /></svg>");
	background-size:100% 100%;background-repeat:no-repeat;background-position:center center;
}
.HP3_ImageBannerDiv .ImageBannerIMG {
  clip-path: polygon(1% 0%, 99% 0%, 100% 2%, 100% 98%, 99% 100%, 1% 100%, 0 98%, 0 2%);
}
.HP3_RightMenuDiv {background-color:#f7f7f7;}
@media (min-width:768px) {
  .HP3_RightMenuDiv {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 7% 100%, 0% 320px);
	}
}
.HP3_SocialLinks {margin:0 16px 16px 0;}
.HP3_SkillsForLifeDiv {
  background-image: url("/Images/SA_Site_Images/skills-for-life.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top:43.958%; /* (img-height / img-width * container-width) */
  color: white;
}
.H3_WhoAreWe {background-color:#00a794;padding-top:52px;padding-bottom:10px;}
.H3_WhoAreWe .RoundedContentPanelTitle {margin-bottom:10px;}



/* Home Page 2019 Specific Styling */
/*.HP4_H1 {font-family:NunitoSansExtraBold;font-size:43.2px;font-weight:bold;line-height:51.84px;}
.HP4_H2 {font-family:NunitoSansExtraBold;font-size:30.4px;font-weight:bold;line-height:34px;}
.HP4_H3 {font-family:NunitoSansExtraBold;font-size:19.2px;font-weight:bold;line-height:23.04px;}*/
.HP4_ImageBannerDiv {background-color:#cccccc;min-height:300px;}
.HP4_ImageBannerBottomDiv {
	/*background-color:#cccccc;*/
	height:50px;
  /*clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 100%);*/
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0 0, 100 0, 100 0, 0 100' fill='rgba(204,204,204,1)' /></svg>");
	background-size:100% 100%;background-repeat:no-repeat;background-position:center center;
}
/*.HP4_ImageBannerDiv .ImageBannerIMG {
  clip-path: polygon(1% 0%, 99% 0%, 100% 2%, 100% 98%, 99% 100%, 1% 100%, 0 98%, 0 2%);
}*/
.HP4_RightMenuDiv {background-color:#f7f7f7;}
@media (min-width:768px) {
  .HP4_RightMenuDiv {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 7% 100%, 0% 320px);
	}
}
.HP4_SocialLinks {margin:0 16px 16px 0;}
.HP4_SkillsForLifeDiv {
  background-image: url("/Images/SA_Site_Images/skills-for-life.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top:43.958%; /* (img-height / img-width * container-width) */
  color: white;
}
.HP4_WhoAreWe {
	background-color:#003982;
	color:white;
	padding-top:30px;
	padding-bottom:10px;
	/*background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><polygon points='0 0, 100 0, 90 100, 0 100' fill='rgba(116,19,220,1)' /></svg>");
	background-size:100% 100%;background-repeat:no-repeat;background-position:center center;*/
}
.HP4_WhoAreWe .RoundedContentPanelTitle {margin-bottom:10px;}
.IrishStyling .HP4_WhoAreWe {background-color:#26b756;}
.ScottishStyling .HP4_WhoAreWe {background-color:#006ee0;}
.WelshStyling .HP4_WhoAreWe {background-color:#ed4024;}
.LinksListFullControlPanelNoMargin{margin:0 0 0 0;}
.HP4_Paralax {
	padding-left:0!important;
	padding-right:0!important;
	border-top:5px solid #7431dc;
	border-bottom:5px solid #7431dc;
}
.IrishStyling .HP4_Paralax {border-top:5px solid #26b756;border-bottom:5px solid #26b756;}
.ScottishStyling .HP4_Paralax {border-top:5px solid #006ee0;border-bottom:5px solid #006ee0;}
.WelshStyling .HP4_Paralax {border-top:5px solid #ed4024;border-bottom:5px solid #ed4024;}
@media only screen and (max-width:1300px) {
  .HP4_ImageBannerMainCaptionDiv {
    position:absolute;
	  width:80%;
	  height:394px;
	  top:63px;
	  left:11.5%;
	  padding:0 15% 0 15% 0!important;
	  background-color:rgba(0,0,0,0.5);
	  color:white;
	  overflow:hidden;
  }
}
@media only screen and (min-width:1301px) {
  .HP4_ImageBannerMainCaptionDiv {
    position:absolute;
	  height:394px;
	  top:63px;
	  width:1218px;
    margin-left:calc(50% - 609px); /*Middle of 1218px screen*/
	  background-color:rgba(0,0,0,0.5);
	  color:white;
	  overflow:hidden;
  }
}
.HP4_ImageBannerMainCaptionLeftDiv {
  display:-webkit-flex;
  display:flex;
  align-items:center;
  height:394px;
}
.HP4_ImageBannerMainCaptionLeftDiv h1, .HP4_ImageBannerMainCaptionLeftDiv h2, .HP4_ImageBannerMainCaptionLeftDiv h3,
	.HP4_ImageBannerMainCaptionLeftDiv h4, .HP4_ImageBannerMainCaptionLeftDiv p {color:white;}
.HP4_ImageBannerMainCaptionRightDiv {padding-right:0;}



.HP4_TextBox, .HP4_TextBox:focus {
  height:42px!important;
  line-height:42px!important;
  border:1px solid white!important;
  -webkit-border-radius:0px!important;
  -moz-border-radius:0px!important;
  border-radius:0px!important;
  padding-left:10px!important;
  position:relative;
  top:-1px!important;
}



.HP5_HorizontalListHolderCSSClass {
  background-color:#490499;
  border-top:3px solid white;
  border-left:3px solid white;
}
.HP5_2018HorizontalListHolderCSSClass {background-color:#7413dc;padding-top:50px;padding-bottom:50px;}
.IrishStyling .HP5_HorizontalListHolderCSSClass, .IrishStyling .HP5_2018HorizontalListHolderCSSClass {background-color:#26b756;}
.ScottishStyling .HP5_HorizontalListHolderCSSClass, .ScottishStyling .HP5_2018HorizontalListHolderCSSClass {background-color:#006ee0;}
.WelshStyling .HP5_HorizontalListHolderCSSClass, .WelshStyling .HP5_2018HorizontalListHolderCSSClass {background-color:#ed4024;}
.HP5_HorizontalListCSSClass {
  border-right:3px solid white;
  border-bottom:3px solid white;
  padding:32px 0 32px 0;
}
.HP5_HorizontalListCSSClass img {margin-bottom:3px;}
.HP5_HorizontalListCSSClass div {
  color:white!important;
  font-size:16px;
  font-weight:700;
}
.HP5_HorizontalListHolderCSSClass a:hover {
  background-color:#380473;
  border-right:3px solid white;
  border-bottom:3px solid white;
}


.HP5_ImageBannerMainCaptionDiv {
  z-index:1;
  position:absolute;
	background-color:rgba(0,0,0,0.6);
  padding:32px 36px 40px 36px;
  text-align:left;
}
.HP5_ImageBannerMainCaptionDivText {overflow:hidden;}
.HP5_ImageBannerMainCaptionDivText p, .HP5_ImageBannerMainCaptionDivText h1, .HP5_ImageBannerMainCaptionDivText h2, .HP5_ImageBannerMainCaptionDivText h3,
  .HP5_ImageBannerMainCaptionDivText h4, .HP5_ImageBannerMainCaptionDivText h5 {color:white;}
.HP5_ImageBannerMainCaptionDivText h2 {font-size:35px;}
.HP5_ImageBannerMainCaptionDivText p {font-size:16px;}
.HP5_ImageBannerMainCaptionDiv .MediumButtonLink {display:block;width:100%;border-width:3px;margin-bottom:0;padding-top:10px;padding-bottom:10px;font-size:20px;}

@media only screen and (max-width:715px) {
  .HP5_ImageBannerMainCaptionDiv {
	  width:90%;
    margin:0 auto;
  	top:70px;
	  left:5%;
	  padding:0 15% 0 15% 0!important;
  }
  .HP5_ImageBannerMainCaptionDivText {height:253px;}
}
@media only screen and (min-width:716px) and (max-width:999px) {
  .HP5_ImageBannerMainCaptionDiv {
	  width:85%;
  	top:144px;
	  left:16px;
	  padding:0 15% 0 15% 0!important;
  }
  .HP5_ImageBannerMainCaptionDivText {height:185px;}
}
@media only screen and (min-width:800px) {
  .HP5_ImageBannerMainCaptionDiv {
	  width:525px;
  	top:144px;
	  left:16px;
    /*left:calc(50% - 590px);*/
  }
  .HP5_ImageBannerMainCaptionDivText {height:185px;}
}
