:root {--main-bg-color: coral;}
@font-face {font-family: "ClubFont";src: local("grantha-sangam-mn-regular"), url("grantha-sangam-mn-regular.otf")  format("opentype");font-weight: normal;font-style: normal;}
@font-face {font-family: "ClubFont";src: local("grantha-sangam-mn-bold"), url("grantha-sangam-mn-bold.otf") format("opentype");font-weight: bold;font-style: normal;}
body, input, textarea,select {font-family: ClubFont ,"Helvetica", "Arial", sans-serif!important;}
body, input, textarea,select,a,a:visited,.mceContentBody,.twitter-Header-title,.Player-Holder .News-Box .News-Summary, .News-Box .NoImage .News-Summary {color:#000000;}
.blue {color:#000044!important;}
.red {color:#ff0000!important;}
.green {color:#047d20;}
body, input, textarea, select,button,p,table,td,tr,th {font-family: ClubFont!important;font-size:14px;line-height: 22px;}
td [onclick],tr[onclick],div[onclick],img[onclick],a, input [type="button"],input[type="button"],button {cursor:pointer;}
li[onclick], span[onlick] {cursor:pointer;}
li[onclick]:hover {text-decoration:underline;}
input[type="button"][disabled],button[disabled]  {cursor: not-allowed;}
input[type="number"] {max-width:75px;text-align:right;}
span {font-size:inherit;}
body,div,p,table,tr,td,b {text-decoration:none;}
html,body {height:100%;}
select {background-color:#f7f7f7;border-top-width: 1px;padding-top:3px;max-height:24px;}
img.ImgRight {float:right;padding-left:10px;max-width:300px;height:auto;}
img.ImgLeft {float:left;padding-right:10px;max-width:300px;height:auto;}
a,a:visited {text-decoration:none;font-size:inherit!important;}
a:link:hover, a:active:hover,a:visited:hover {text-decoration: underline;color:#000044;font-size:inherit!important;}
.BodyClass {background-image:none;background-size:100% auto;background-color:white;}
.Page {position:relative;width:1000px;max-width:100%;background-color:white;padding:0px;margin:auto;}
div#Page {min-height:80%;vertical-align:top;margin:auto;}
#LastUpdated {position:absolute;right:0px;top:0px;color:#cccccc;font-style:italic;}
div#MainContent {clear:both;padding-bottom:75px;padding-top:10px;max-width:100%;overflow-x:auto;}
div#SSContent {padding-left:5px;min-height:80%;vertical-align:top;margin-left: auto;margin-right: auto;padding-bottom: 100px;max-width:100%;}
div#AskReCookies {position: fixed;bottom: 0;width:100%;height:auto;background-color:#666666;z-index:20000;}
div#AskReCookies .Content {width:80%;padding-left:10%;padding-right:10%;padding-top: 10px;padding-bottom: 5px;color:white;text-align:center;}
div#LogoBar {height:80px;width:100%;margin-left:auto;margin-right:auto;background-color:white;}
div#MainDivider {height:0;}
div#Logo {background-image:url('../images/Logo-White-Bg.png');background-position:left;background-repeat:no-repeat;background-size:auto 75px;height:75px;width:245px;}
div#Tagline {display:none;font-size:20px!important;text-align:center;text-transform:uppercase;color:#666666!important;font-weight:bold;margin-top:10px;}
div#Establishedline {display:none;font-size:16px!important;text-align:center;text-transform:uppercase;margin-top:-12px;color:#666666!important;}
div#Establishedline:after {content: "Established 1967";}
div#ClubName {display:none;margin-top:-5px;text-align:center;font-weight:bold;color:#666666!important;font-size:48px!important;}
.DontDisplay {display:none;}
.OnlyShowInMobile {display:none !important;}
.OnlyShowInMobilePortrait {display:none;}
.OnlyShowInMobileLandscape {display:none;}
div#PageContent {width:990px;padding-left:5px;padding-right:5px;padding-bottom:10px;padding-top:10px;overflow:auto;display:table-cell;vertical-align:top;}
header {position: relative;background: url(../images/homepage/homepage8.jpg) no-repeat center center;background-size: cover;color: #fff;text-align: center;padding: 20px 20px;}
header::before {content: "";position: absolute;top: 0px;left: 0px;width: 120px;height: 120px;background: url(../images/badges/NationalPremierLeagueChampionsBadge.png?v=1) no-repeat center center;background-size: auto;background-size: contain;pointer-events: none;}
header::after {content: "";position: absolute;top: 0px;left: 120px;width: 240px;height: 120px;background: url(../images/badges/TeamOf2Seasons.png?v=1) no-repeat center center;background-size: auto;background-size: contain;pointer-events: none;}
header h1 {font-size: 3em;margin-bottom: 10px;margin-top: 120px;}
header p {font-size: 1.5em;}
.next-match {padding: 20px;background: #eef;border-left: 5px solid navy;min-height:96px;}
.news-grid {display:grid;gap:16px;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));align-items:stretch;margin-bottom:10px;margin-right:10px;width:99%;}
.news-grid.Small {grid-template-columns:repeat(auto-fit, minmax(140px, auto));justify-content: center;}
.news-eip {float:right;}
.news-card{border:1px solid #e6e6e6;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.05);max-width:460px;}
.news-link{display:block;color:inherit;text-decoration:none;position:relative;height:100%;}
.news-media{aspect-ratio: 16 / 9;overflow:hidden;}
.news-grid.Small .news-media{aspect-ratio: .85;overflow:hidden;background-color:#d3d3d3;}
.news-media img{width:100%!important;height:100%!important;display:block;transform:scale(1);transition:transform .25s ease;object-fit: contain;}
.news-grid.Small .news-media img{height:initial;min-height:190px;object-fit: cover;}
.news-body{padding:12px 14px 14px;}
.news-title{margin:0 0 6px;font-size:150%;line-height:1.2;color:#00f;text-align:center;}
.news-subtitle {font-weight:bold;}
#hompagenews .news-grid .news-subtitle {color:blue;}
.news-grid.Small .news-card{max-width:153px;}
.news-grid.Small .news-title {font-size:100%;}
.news-excerpt{margin:0;color:#555;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;display:none;}
.news-hover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:14px;background:linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.50) 55%, rgba(0,0,0,0));color:#fff;font-weight:bold;opacity:0;transition:opacity .18s ease;pointer-events:none;border-radius:10px;}
.news-hover p {font-size:150%;}
.news-grid.Small .news-hover p {font-size:100%;}
.news-cta{font-weight:600;text-align: right;margin-top: -32px;}
.news-grid.Small .news-cta{margin-top: -24px;}
.news-link:hover .news-hover,.news-link:focus-visible .news-hover {opacity:1;}
.news-link:hover .news-media img,.news-link:focus-visible .news-media img {transform:scale(1.05);}
.news-link:focus-visible{outline:3px solid rgba(0, 110, 255, .35);outline-offset:3px;}
.news-link,.news-link:hover,.news-link:link:hover,.news-link:active:hover,.news-link:visited:hover {text-decoration:none;}
.news-grid.Brief {grid-template-columns: 1fr;margin-right:10px;margin-bottom:20px;}
#NewsBanner .news-grid.Brief {grid-template-columns: repeat(2, 1fr);margin-right:20px;}
#FixtureBanner .news-grid.Brief {grid-template-columns: repeat(2, 1fr);}
.news-grid.Brief .news-card {display: block;padding:5px;max-width:100%;}
.news-grid.Brief .news-link {display: flex;}
.news-grid.Brief .news-media {aspect-ratio: 4 / 3;max-height:100px;min-width:120px;padding-right:5px;}
.news-grid.Brief .news-media img {max-height:100px;}
.news-grid.Brief .news-body {padding: 0;}
.news-grid.Brief .news-title {margin-top: 10px;text-align:left;font-size:initial;font-weight:bold;}
.news-grid.Brief .news-excerpt {display:inline;}.news-grid.Brief .news-hover {}
.news-grid.Brief .news-media img {object-position: left center;}
@media (max-width: 600px) {.news-grid.Brief .news-link {}.news-grid.Brief .news-media {aspect-ratio: 16 / 9;}.news-grid.Brief .news-body {padding: 10px 14px 14px;}}.news-section {padding: 20px;display:flex;justify-content:space-evenly;flex-wrap:wrap;}
.news-section:has(#homepagenews:empty) {display:none;}
.news-item {display: flex;max-width:300px;flex-direction: column;padding: 10px;box-sizing: border-box;}
.news-item-img {width: 300px;height: 200px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.news-item img {border-radius: 6px;max-width: 100%;max-height: 100%;object-fit: contain;}
.news-item h3 {margin: 10px 0 5px;text-align:center;}
#homepagenews .news-item h3 {color:blue;font-weight:bold;font-size: 20px;line-height: 24px;margin-left:35px;margin-right:35px;}
#JoinUsText {color: red;font-size: 24px;line-height: 24px;padding-top: 48px;padding-left: 160px;font-weight: bold;}
.news-item p {margin: 0;display:none;}
footer {text-align: center;padding: 20px;font-size: 0.9em;}
div#Hotlinks {font-weight:bold;font-size:15px;position:relative;}
div#Hotlinks a {text-decoration:underline;color:#777;}
div#Hotlinks > div.Copy {font-size: 10px;color: #777;font-weight: normal;margin-top: 3px;margin-right: 5px;text-align:center;}
div#Footer {position:relative;}
.FooterLink img {height:50px;width:auto;}
.tiles {display: flex;flex-wrap:wrap;justify-content: center;padding: 20px;gap: 12px;}
.tiles.small {gap: 10px;padding: 0px;padding-top: 5px;padding-bottom: 15px;}
.tile {flex: 0 0 auto;background: #f2f2f2;padding: 20px;border-radius: 10px;min-width: 110px;text-align: center;font-weight:bold;}
.tiles.small .tile, .tile.small {padding: 5px;padding-top: 10px;min-width: 110px;border-radius: 5px;}
.tile:hover,.tile:focus {background-color:#cccccc;color:red;position:relative;top:1px;}
.tile.active {background: #dcecff;border-color: #4d88ff;box-shadow: 0 0 0 2px rgba(77, 136, 255, 0.12);font-weight: 600;}
div#BoxHolder {margin:auto;width:auto;position:relative;overflow:hidden;}
div#EnqHolder {display:flex;flex-wrap:wrap;}
.EnqDiv {width:300px;padding:10px;flex-grow:1;}
.EnqDiv:hover {border: 1px solid #e6e6e6;border-radius:10px;}
.EnqDiv:active {background-color:#ccc;}
.EnqTitle {font-weight: bold;text-decoration:none;text-align:left;font-size:16px;font-size: 125%;}
.EnqDiv p {padding-right:20px;font-size:120%;margin-top:-2px;}
.EnqDiv img {height:100px;width:auto;padding-right:5px;float:left;}
.EnqIntro {width:100%;text-align:center;padding-bottom:20px;}
.EnqIntro span {font-size:150%;}
.EnqIntro p {font-size:130%;}
#homepagejoinus:hover,#homepagejoinus:focus {cursor:pointer;background-color:#ddd;border: 5px solid navy;border-radius:10px;}
#JoinUs {height:100px;width:100px;border-radius:50px;background-color:red;float:left;margin-right:5px;}
#JoinUs p {font-size:200%;font-weight:bold;text-align:center;padding-top:48px;color:white;width:100%;}
#HP-Holder {max-width:99%;columns:2 auto;column-width: 360px;column-gap: 18px;}
.HPDiv {width:100%;break-inside: avoid-column;padding:5px;padding-bottom:20px;}
#MyApps,#RoleApps {display: flex;flex-direction: row;flex-wrap: wrap;}
#VolHours {color:blue;font-weight:bold;}
.HPDiv:empty {display: none;}
.FullScreen {width:100%;}
.HalfScreen {float:left;width:46%;padding:2%;}
.FlexDiv {display:flex;flex-wrap:wrap;}
div#Breaker {height:5px;background-color:#f7f7f7;width:100%;}
div#Webmaster {text-align:left;background-color:#e6e6e6;color:#555555;overflow-x:hidden;}
div#ContextArea {min-height:20px;max-width:990px;width:auto;float:right;overflow-x:auto;margin:auto;margin-top:5px;padding-top:5px;font-size:11px!important;color:grey;text-align:right;}
div#MessageBox {min-height:20px;width:80%;overflow-x:auto;margin:auto;margin-top:5px;padding-top:5px;}
.Error,.Warning,.Information,.Important,.Debug,.Calling,.Time,.Webmaster,.Help {background-repeat: no-repeat;background-position: 10px center;background-size:22px 22px;font-weight:bold;padding-left:30px;margin-left:5px;background-position: left top;}
.Help {background-image: url('../images/help.png');font-weight:normal;color:green;}
.Error {background-color: #f1070721;color: #ff0000;background-image: url('../images/error.jpg');}
.FieldInErrorLabel {background-repeat: no-repeat;background-position: left top;background-size:16px 16px;background-image: url('../images/error.jpg');text-indent:16px;}
.Warning {color: #5C3A00;background-color: #FFD966;background-image: url('../images/warn.jpg');}
.Important {color:blue;background-color: #ffffcc;}
.Webmaster {color:#ff9933;background-color: #ffffcc;background-image: url('../images/debug.jpg');}
.Guidance {color: blue!important;font-weight:bold;}
.Consent {color: #ff0000;font-weight:bold;font-style:normal;}
.Information {color: blue;background-image: url('../images/info.jpg');}
.Debug {background-color: #e6e6e6;color:darkgray;background-image: url('../images/debug.jpg');}
.Time {background-color: white;color:darkgray;background-image: url('../images/debug.jpg');}
.Calling {color:green;background-image: url('../images/call.jpg');}
.SelectedRow {background-color:#bbb;color:#000044;}
.HighLightRow:hover {background-color:#e6e6e6;color:#000044;}
.FlexTable {display:table;}
.FlexTable .FlexRow {display:table-row;vertical-align:top;padding-top:2px;width:100%;}
.FlexTable .FlexRow .FlexCell {display:table-cell;padding-top:10px;padding-left:20px;width:49%;}
.FlexTable .FlexRow .FlexCell:first-of-type {padding-left:0px;}
.SSCreEdPrompt {float:left;}
.ButtonHolder {float:left;white-space:nowrap;}
.ssfieldTable {display:table;}
.ssfieldRow {display:table-row;vertical-align:top;padding-top:2px;}
.ssfieldLabel {display:table-cell;padding-top:10px;font-weight:bold;vertical-align:top;padding-left:5px;padding-right:5px;}
.ssfieldInput {display:table-cell;padding-top:10px;}
.ssGroupFieldLabel {font-weight: bold;padding-right: 5px;}
.ListTable {clear:both;float:left;}
.ssNavigation {white-space:nowrap;display:table-row;vertical-align:top;}
.ssNavInput {display:table-cell;float:left;vertical-align:top;}
.ssNavLabel {display:table-cell;font-weight:bold;padding-left:5px;padding-right:5px;float:left;vertical-align:bottom;}
.ssNavSearchLabel {display:table-cell;font-weight:bold;padding-left:5px;padding-right:5px;float:left;vertical-align:bottom;}
.TextInput,input[type="text"],input[type="url"],input[type="tel"],input[type="email"],input[type="password"],input[type="file"],input[type="checkbox"],input[type="number"],textarea {border-width: 2px;background-color:#f7f7f7;border-style:inset;border-color:#ccc;max-height:24px;padding-top:5px;}
textarea {max-height:inherit;}
.TextInput:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="number"],input[type="file"]:focus,textarea:focus {background-color:white;color:black;}
.AuditLog {max-height:200px;overflow-y:auto;}
.AddressDisplay {max-width:300px;}
.Switch-Holder {font-weight:bold;padding-right: 5px;}
.switch {position: relative;display: inline-block;width: 30px;height: 17px;margin-right: 5px;}
.switch input {opacity: 0;width: 0;height: 0;}
.sliding-switch {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;border-radius: 17px;}
.sliding-switch:before {position: absolute;content: "";height: 13px;width: 13px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;border-radius: 50%;}
input:checked + .sliding-switch {background-color: red;}
input:disabled + .sliding-switch {opacity:.25;}
input:focus + .sliding-switch {box-shadow: 0 0 1px #2196F3;}
input:checked + .sliding-switch:before {-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);}
.readonly {border-width: 2px;background-color: #e6e6e6;min-height:20px;}
.mceContentBody {background-color:#f0f0f0;}
.mceContentBody:focus {background-color:white;color:black;}
.mceContentBodyRO {background-color:#E6E6E6;}
input[name*="Postcode"] {text-transform:uppercase;}
input[readonly],input[readonly="readonly"],select[disabled] {border-width: 2px;background-color: #e6e6e6;max-height:24px;padding-top:5px;box-sizing: border-box;}
.HideROLOVSelector {height:21px;width:14px;background-color:white;position:relative;display:inline-block;border-left: 2px solid #cccccc;top:6px;left: -14px;}.FieldInError {background-color:#ff0000;background-color:#ffb3b3;color:white;}
input[type="button"],button,.MailButton {background-color:red;color:white;font-weight:bold;border-color: #e6e6e6;-webkit-border-radius:7px;-moz-border-radius:7px;font-size:14px;font-weight:bold;font-style:normal;height:25px;line-height:29px;width:auto;margin-top:3px;}
.MailButton {display:inline;}
.MailButton, .MailButton a {text-decoration:none!important;padding:5px;white-space:nowrap;color:white;}
input[type="button"][disabled],button[disabled] {cursor: not-allowed;background-color:#eee;border-color: #e6e6e6;color:#666;}
input[type="button"]:not(:disabled):hover,button:not(:disabled):hover,.MailButton:hover,.MailButton a:hover {color:red;background-color:#cccccc;border-color: #bbb;}
input[type="button"]:not(:disabled):focus ,button:not(:disabled):focus,.MailButton:focus {border: 2px solid black;}
input[type="button"]:not(:disabled):active,button:not(:disabled):active,.MailButton:active {position:relative;top:1px;border-color: #e6e6e6;}
img[src*="cal.gif"],img[src*="preview.jpg"],.ActionFlag,div#ConfirmCloseFlag {border:none;height:16px;min-width:16px;width:auto;vertical-align:top;}
img[src*="cal.gif"]:hover,img[src*="preview"]:hover ,.ActionFlag:not(:disabled):hover,div#ConfirmCloseFlag:hover {position:relative;top:1px;left:1px;box-shadow:0px 0px 1px 1px #999;}
.EmailImage {box-shadow:1px 1px 0px 0px #999;}
.EmailImage:hover {position:relative;top:1px;left:1px;box-shadow:1px 1px 0px 0px #999;}
.MemberPic {float:right;padding:20px;height:100%;height:auto;}
.MemberPic img {width:auto;height:auto;max-width:200px;max-height:100%;margin:0;max-height:200px;max-width:100%;width:auto;}
.MemberPic img, .Picture, img[class=Picture] {padding: 3px 3px 8px 3px;margin-right:5px;background: #fff;box-shadow:2px 2px 8px -4px #999;border:1px solid #e8e8e8;border-radius:5px;max-width:100%;height:auto;}
img[src*="images/upd"],img[src*="images/hot"] {border:none;width:12px;height:12px;}
img[src="edit.gif"],img[src="delete.gif"],img[src="additem.gif"] {border:none;width:20px;height:20px;}
img[src*="images/register.png"] {border:none;width:60px;height:auto;}
img[src*="images/erase.jpg"] {height:20px;}
.PreviewImage img {width: 100%;height: 100%;object-fit: cover;}
.Missing {opacity:0.1;}
.GalleryDiv {margin-top:10px;}
.ImageEditBox {position:relative;display:inline-block;min-height:200px;min-width:150px;padding-bottom:20px;}
.ImageEditBoxImage {min-height:140px;max-width:195px;max-width:100%;}
.ImageEditBox img:not(.ActionFlag) {width:auto;height:auto;max-height:140px;box-sizing:border-box;max-width:195px;max-width:100%;}
.ImageEditBox .AlbumTitle {width:auto;position:relative;text-align:left;font-weight:bold;max-width:200px;padding-right:10px;bottom:0px;}
.ImageEditBoxPopUp {display:none;overflow:visible;}
.ImageEditBox:Hover > .ImageEditBoxPopUp {display:block;z-index:20;}
.ImageEditBox:Hover > .CoverImage {display:none;}
div#UploadDiv {width:300px;max-width:98%;font-weight:bold;border-color:#666666;border-width:1px;border-style:solid;padding:1%;}
div#UploadMessage {padding-top:5px;}
.FilePickerProgress-Holder {display:none;background-color:#f7f7f7;height:20px;border:none;margin:5px;box-sizing:border-box;}
.FilePickerProgress {width:0px;height:20px;background-color:red;}
progress#UploadProgress {width:100%;height:20px;background-color:#f7f7f7;border:none;margin:5px;display:none;box-sizing:border-box;padding-right:20px;}
.CoverImage,.ImageEditBoxPopUp {position:absolute;padding:5px;top:2px;margin-left:10px;background-color:#e6e6e6;opacity:.9;font-weight:bold;}
.VideoOverlay {width:200px;background-image:url('../images/VideoOverlay.png');background-position:center;background-repeat:no-repeat;background-size: auto 60px;position:relative;}
.VideoOverlay:before {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;transition: all 0.8s;opacity: 1;background: url('../images/VideoOverlay.png');background-size: 60px 60px;background-repeat: no-repeat;background-position: center center;}
div#ConfirmBG,.ConfirmBG {position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#e6e6e6;visibility:hidden;z-index:200;filter:alpha(opacity=30);opacity:0.3;}
div#ConfirmBGPayPal {position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#e6e6e6;visibility:hidden;z-index:200;filter:alpha(opacity=30);opacity:0.3;}
div#ShowWorkingField {position:absolute;top: 50%;margin-top: -30px;left: 50%;margin-left: -30px;height:60px;width:60px;background-color:#bbbbbb;visibility:hidden;z-index:201;}
.FieldLoading {position:absolute;}
.FieldLoading img {height: 20px;width: auto;float: left;margin-left: 3px;margin-top: 7px;}
div#ShowWorking {position:absolute;top: 50%;margin-top: -30px;left: 50%;margin-left: -30px;height:100px;width:100px;background-color:#bbbbbb;background-image: url('../images/loading_spinner.gif');background-repeat: no-repeat;background-size: 100px 100px;background-position:center center;visibility:hidden;z-index:201;filter:alpha(opacity=80);opacity:0.8;}
div#SSImagePreviews {position:relative;background-color:white;border:1px solid black;float:right;width:160px;padding:5px;height:auto;}
.Popup {position: fixed;left: 50%;top: 15%;transform: translateX(-50%);width: auto;max-width: 90%;max-width: 500px;min-width: 260px;max-height: 90vh;background-color: white;visibility: hidden;z-index: 1201;border-radius: 5px 5px 0 0;padding-bottom: 5px;border:solid #666666 1px;}
.MaxPopup {overflow-y:auto;max-height:600px;max-width:800px;}
.Popup input[type="text"],.Popup input[type="tel"],.Popup input[type="email"],.Popup textarea {max-width:80%;}
div#ConfirmTitle {text-indent:5px;font-weight:bold;}
div#ConfirmMessage,div#ConfirmInput {margin:5px 5px 5px 5px;max-width:100%;max-height: 400px;}
div#ConfirmCloseFlag {float:right;overflow:visible;width:16px;height:16px;width:auto;background-color:transparent;background-image: url('../images/delete.gif');background-repeat: no-repeat;background-size: 16px 16px;background-position:center center;}
div#Add_To_ELOV_Popup {top: 50%;margin-top: -100px;left: 50%;margin-left: -150px;width:300px;height:120px;}
div#ImageUploader {display:none;position: fixed;width:200px;height:150px;top:35%;margin-top: -75px;left:50%;margin-left: -100px;border:solid black 1px;background-color:white;visibility:hidden;z-index:9999;border-radius: 5px 5px 0px 0px;}
div#CalendarAvailability {position:absolute;top: 50%;margin-top: -100px;left: 50%;margin-left: -100px;width:200px;height:150px;border:solid black 1px;background-color:white;visibility:hidden;z-index:201;border-radius: 5px 5px 0px 0px;}
div#CalendarAvailabilityClose {float:right;overflow:visible;}
div#CalendarAvailabilityBlock {clear:both;}
div#CalendarAddActivity{position:absolute;top: 50%;margin-top: -100px;left: 50%;margin-left: -125px;width:200px;height:200px;border:solid #666666 1px;background-color:#f7f7f7;visibility:hidden;z-index:201;border-radius: 5px 5px 0px 0px;}
div#CalendarAddActivity .BoxTitle {background-color:red;color:#f7f7f7;}
div#CalendarAddActivity select, select#SearchResults  {overflow-y: auto;}
select#SearchResults  {width:auto;}
div#CalendarAddActivity select option:hover {background-color:#666666;color:#f7f7f7;}
div#CalendarAddActivityClose {float:right;overflow:visible;}
div#CalendarAddActivityBlock {clear:both;}
input[type=radio] {-webkit-appearance: none;-moz-appearance: none;appearance: none;display: inline-block;position: relative;background-color: #e6e6e6;color: #ff0000;top: 1px;height: 15px;width: 15px;border: 2px;border-radius: 50px;border: 1.5px solid #ff6666;cursor: pointer;margin-right: 3px;outline: none;}
input[type=radio]:hover {background-color: #ffaaaa;}
input[type=radio]:hover +label {text-decoration:underline;}
input[type=radio]:checked+label {font-weight:bold;}
input[type=radio]:checked {background-color: red;}
label {cursor: pointer;}
.autocomplete {position: relative;display: inline-block;}
.autocomplete-items {position: absolute;border: 1px solid #d4d4d4;border-bottom: none;border-top: none;z-index: 99;top: 100%;left: 0;right: 0;max-height:200px;width:100%;max-width:95%;overflow-y:auto;-webkit-box-shadow: 3px 16px 31px 0px rgba(0,0,0,0.73);-moz-box-shadow: 3px 16px 31px 0px rgba(0,0,0,0.73);box-shadow: 3px 16px 31px 0px rgba(0,0,0,0.73);}
.autocomplete-items::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}
.autocomplete-items::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);box-shadow: 0 0 1px rgba(255,255,255,.5);}
.autocomplete-items div {padding: 7px;cursor: pointer;background-color: #fff;border-bottom: 1px solid #d4d4d4;}
.acDisplay {max-height:150px;max-width:800px;overflow-y:auto;margin-bottom:5px;}
 .acDisplay > div {max-height:150px;max-width:800px;overflow-y:hidden;}
 .acDisplay > div > .ActionFlag {height:14px;width:14px;}
.autocomplete .autocopy,.autocopy {float:right;padding-right:10px;}
.autocomplete-items div .HighlightText {color:red;font-weight:bold;}
span.SelectionResponse {height:17px;width:17px;background-image:url('../images/unticked.gif');background-repeat:no-repeat;background-size:contain;display:inline-block;float:right;}
span.SelectionResponse.A {background-image:url('../images/ticked.gif');}
span.SelectionResponse.D {background-image:url('../images/declined.jpg');}
.Popup .SelectionResponse {display:none;}
.autocomplete-items div:hover {background-color: #e9e9e9;}
.autocomplete-active {background-color: DodgerBlue !important;color: #ffffff;}
.BladesCheckBox {position: absolute;left: -9999px;}
.BladesCheckBox  +  label {position: relative;padding-left: 25px;padding-right: 10px;cursor: pointer;}
.BladesCheckBox:checked  +  label {font-weight:bold;}
.BladesCheckBox + label:before {content: '';position: absolute;left: 2px;top: -2px;width: 16px;height: 16px;border: 2px solid #ccc;background: #fff;border-radius: 4px;box-shadow: inset 0 1px 3px rgba(0,0,0,.1);}
.BladesCheckBox + label:after {content: '\2713\0020';position: absolute;top: 1px;left: 4px;font-size: 1.3em;line-height: 0.8;color: #ff0000;transition: all .4s;font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;}
.BladesCheckBox:not(:checked) + label:after {opacity: 0;transform: scale(0);}
[type="checkbox"]:checked + label:after {opacity: 1;transform: scale(1);}
.BladesCheckBox:disabled:checked + label:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}
.BladesCheckBox:checked + label:before {opacity: 1;transform: scale(1);border: 2px solid #ff0000!important;}
.BladesCheckBox:disabled:checked + label:after {color: #999;background-color: #fff;}
.BladesCheckBox:disabled:not(:checked)  + label {color: #aaa;}
.BladesCheckBox:not(:checked):focus + label:before {border: 2px dotted blue;}
.BladesCheckBox + label:hover:before {border: 2px solid #ff0000!important;}
.BladesCheckBox + label:hover {font-weight:bold;text-decoration:underline;}
.MLOVSelectName: {width:100%;}
.MLOVSelectName:hover {cursor:pointer;background-color:#e6e6e6;}
div[id$=SelectPopup] div[data]:hover {cursor:pointer;background-color:#e6e6e6;}
span[id$=MLOVHint]:hover {cursor:pointer;text-decoration:underline;}
.FilePicker {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.FilePicker + label {background-image: url('../images/upload.png');}
.FilePicker + label:hover {background-color: red;}
.FilePicker + label svg {width: 24px;height: 24px;vertical-align: middle;fill: currentColor;margin-right: 5px;}
table[id$=TimePickerTable],table[id$=PlayingPositionsPickerTable] {border-spacing: 4px;}
input[id$=TimePicker] {text-align:center;font-weight:bold;}
table[id$=TimePickerTable] .minute {background-color:#e6d7d7;padding: 2px 8px 0 8px;text-align:center;}
table[id$=TimePickerTable] .hour {background-color:#e6e6e6;padding: 2px 8px 0 8px;text-align:center;}
table[id$=PlayingPositionsPickerTable] .PP {min-width: 20px;background-color:#00800026;text-align:center;}
table[id$=PlayingPositionsPickerTable] .PP:hover {background-color:Plum;cursor:pointer;font-weight:bold;}
table[id$=PlayingPositionsPickerTable] .selected {background-color:Plum !important;}
table[id$=TimePickerTable] .selected {background-color:Plum;}
table[id$=TimePickerTable] .minute:hover,table[id$=TimePickerTable] .hour:hover {background-color:Plum;cursor:pointer;font-weight:bold;}
table[id$=TimePickerTable] tr td[selected] {background-color:Plum;}
div#DatePicker,.DatePicker {font-size:14px!important;max-width:300px;}
div#DatePickerTitle {font-weight:bold;text-align:center;}
div#DatePickerClose {display:table-cell;float:right;clear:right;}
.Title {text-align:center;font-size:2em;margin-top:10px;margin-bottom:10px;line-height:30px;}
.EventTitle {text-align:left;text-transform:uppercase;font-size:2em;margin-top:10px;margin-bottom:20px;}
.Content {width:auto;margin:auto;}
.Birthday {text-align:center;margin:auto;width:100%;height:40px;font-size:2.5em;font-weight:bold;text-align:center;background-image: url('../images/Birthdays/party-hat.jpg');background-repeat: repeat-x;background-size: auto 60px;vertical-align: text-bottom;color:#000044;padding-top:40px;margin-top:-20px;text-shadow: 3px 2px 17px rgba(76, 92, 94, 0.79);opacity:.7;}
.SubTitle,.SubTitle a {font-size:16px;font-size: 115%;font-weight:bold;color:#000044;}
.Kudos {color:red;font-weight:bold;font-size:1.1em;text-align:center;margin:auto;}
.Cancelled {font-weight:bold;color:red;}
.Centre {margin:auto;width:auto;text-align:center;}
.Centre .Box {margin:auto;}
.Box,.Box td, .Box th {border-collapse: collapse;border-width: 1px;border-style: solid;border-color:#e6e6e6;}
.Box td {padding-left:2px;padding-right:2px;text-align:left;}
.Box .BoxRight {text-align:right;}
.Box .BoxCenter {text-align:center;}
.NoBox, .NoBox td {border:none;}
.Box tr {vertical-align:top;}
.BoxTitle, .PopUpTitle {width:100%;border-bottom-style: solid;border-bottom-width:1px;border-color: #888888;text-indent: 5px;text-decoration:none;background-color: #f7f7f7;border-radius: 5px 5px 0px 0px;}
table.Box  {overflow-y: auto;border-radius: 8px;}
tr.BoxTitle th {position: sticky;top: -1px;padding-top: 5px;z-index: 1;background-color:#f7f7f7;}
.PopUpTitle {background-color: #ff0000;color:#f7f7f7;}
.BoxTitle a {color:#0000ff;}
.BoxTitle body {color:#ffffff;}
.BoxContent {border-collapse: collapse;margin-left:1px;margin-right:2px;text-indent: 0px;vertical-align: top;text-decoration:none;}
.Box tr:not(.BoxTitle):hover {background-color: #f2f6ff;}
.UnderLine,.PageTitle {width:100%;font-weight: bold;text-decoration:none;text-align:left;font-size:16px;font-size: 115%;}
.PageTitle {margin-bottom:10px;}
.RightBorder {border-right-style: solid;border-right-width:1px;border-color: black;}
.searchInput {height:21px;background:url(../images/searchLeft.gif) no-repeat #fff;border:0px solid #fff;padding-left:23px;margin:0px;outline:0;font-size:10pt;}
.NewsWithImage {clear:both;width:100%;min-height:100px;max-width:500px;}
.CampContent .NewsWithImage {max-width:600px;}
.NewsWithImage .NewsImage {clear:left;float:left;width:33%;padding-right:15px;}
.NewsWithImage .EventImage {clear:right;float:right;width:33%;padding-left:15px;text-align:right;}
.NewsWithImage .AppImage {padding-right:15px;width:40px;height:40px;position:relative;}
.NewsWithImage .AppImage:hover {top:-1px;opacity:1;}
.AppImage img, .MenuBox .MenuImageAndText img, img[src*="expand"],img[src*="collapse"] {filter: grayscale(20%);opacity:.8;border-radius:2px;}
.AppImage img:hover, .MenuBox .MenuImageAndText img:hover, img[src*="expand"]:hover,img[src*="collapse"]:hover {filter: grayscale(0%);opacity:1;border-radius:2px;}
.NewsWithoutImage {float:left;width:47%;padding-right:2%;}
.NewsText {width:auto;font-size: 14px;text-align:left;}
.EventsList .NewsWithImage  {max-width:100%;width:80%;font-size: 14px;margin-left:5%;}
.EventsList .NewsWithImage  .NewsText {max-width:100%;width:100%;}
.EventsList  .NewsWithImage .EventImage {width:25%;}
.NewsWithImage .EventImage img {float:right;height:auto;width:auto;max-width:100%;max-height:90px;margin-right:10px;border-radius:3px;}
.News-Brief {width:96%;padding:5px 5px 5px 10px;margin:0 0 5px 5px;height:auto;overflow-y:hidden;overflow-x:hidden;}
.News-Brief .NewsImage {max-width: 28%;max-height: 120px;width:auto;height: auto;float: left;padding-right: 10px;}
.News-Brief .News-Text .News-Headline {vertical-align:top;padding-top:0px;margin-top:0px;text-align:left;}
.News-Brief .News-Text  {float:left;width:65%;}
.News-Brief .NewsImage img {float:left;height:auto;width:auto;max-width:100%;max-height:90px;margin-right:10px;border-radius:3px;}
.News-Brief:hover {top:-1px;opacity:1;box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);-moz-box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);-webkit-box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px;}
.News-Brief:last-child {margin-bottom:15px;}
.ActionText {width:auto;padding-left: 47px;}
.NewsText .Headline,.NewsWithoutImage .Headline ,.NewsWithImage .Headline,.News-Brief.Headline{text-align:left;font-weight: bold;text-decoration:none;font-size:16px;font-size: 115%;}
.NewsWithImage .NewsImage img {padding: 3px 3px 9px 3px;margin-right:5px;background: #fff;box-shadow:3px 6px 8px -4px #999;border:1px solid #e8e8e8;border-radius:5px;}
.NewsDivider {clear:both;width:100%;border-bottom:1px solid #b5b5b5;height:5px;margin-bottom:5px;}
img.small {max-height:100px!important;width:50px!important;width:auto!important;height:auto!important;}
div#newsitem {padding-left:10px;padding-right:20px;text-align:justify;text-justify:inter-word;width:95%;margin:auto;padding-top:20px;margin-top:20px;}
#NewsBanner {padding: 0;max-width: 100%;width: 100%;display: flex;flex-direction: row;flex-wrap:wrap;}
#NewsBanner .News-Holder {max-width: 463px;}
#NewsBanner .News-Brief .NewsImage img {max-height:none !important;}
.News-Holder,.Player-Holder {display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.Player-Holder {justify-content:flex-start;}
.News-Box {min-width:130px;height: 180px;margin: 1% 1% 1% 1%;position: relative;overflow: hidden;box-sizing:border-box;border-radius:5px;}
.Player-Holder .News-Box {margin:2px;height:225px;}
.News-Box .NoBorder {box-shadow:none;border:none;}
.News-Box .News-Image {height: 120px;max-height:50%;}
.News-Box .News-Image img {border:none;display:block;margin: 0 auto;height: 100%;width:auto;height:auto;max-width:100%;max-height:100%;line-height:120px;border-radius:3px;}
.Player-Holder .News-Box .News-Image {height: 150px;max-height: 70%;}
.News-Box .News-Text {padding: 2px 2px;position: absolute;height:50%;bottom:0;width: 98%;background-color:transparent;}
.News-Box .News-Text {font-size:15px;padding: 2px 2px;position: absolute;height:50%;bottom:0;width: 98%;background-color:transparent;}
.Player-Holder .News-Box .News-Text {height:30%;position:relative;}
.News-Box .Album-Text {color:#fff;padding: 6px 10px;position: absolute;bottom: 0;width: 98%;height: 50px;background-color:inherit;}
.News-Box .NoImage {padding: 6px 10px;position: absolute;bottom: 0;width: 98%;height: 158px;}
.News-Box .News-Text .News-Headline,.News-Box .Album-Text .News-Headline,.News-Brief .News-Headline {font-size: 110%;margin-right:5px;font-weight: bold;margin-top:10px;}
.News-Summary {display:none;}
.Player-Holder .News-Box .News-Summary, .News-Box .NoImage .News-Summary {display:block;line-height: 1em;}
.News-Brief .News-Summary {display:block;}
.News-Box .News-Summary p {text-transform: none;margin-bottom: 10px;margin-right:5px;}
.News-Box:hover  {top:-1px;opacity:1;box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);-moz-box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);-webkit-box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:.5px solid #f7f7f7;}
.News-Box:not(.nohover):hover   {overflow:visible;}
.News-Box:not(.nohover):hover  .News-Summary,.AlbumTitle:hover + .News-Summary  {display: table-cell;position: absolute;padding: 10px;content: attr(message);width: 70%;margin-left:auto;margin-right:auto;height: auto;top: 0px;left: 10%;opacity:.9;background: rgba(99,99,99,1);box-shadow: 2px 2px 2px hsla(240,0%,0%,.3);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color: #fff;font-size: 1em;z-index:9;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.LiveResults {margin-top:0px;}
.LiveResults, .LiveResults .News-Headline, .LiveResults .News-Brief:last-child {margin-top:0px;margin-bottom:0px;}
.AlbumTitle:hover + .News-Summary  {width:auto;max-height:120px;overflow-y:hidden;}
.Resouces-Holder .Resource {padding:5px 0;}
.Resouces-Holder .Resource .Resource-Headline{font-weight:bold;}
.Video-Name {font-weight:bold;}
.ShopQuantityPicker {float:left;width:20%;}
.ShopItemDesc {width:50%;float:left;}
.Month {color:blue;font-weight:bold;}
.Day {color:blue;background-color:#e6e6e6;text-align:center;}
.NotSelectable {color:#ccc;background-color:#eee;}
.Today {color:blue;background-color:PaleGreen;text-align:center;}
.Selected {color:blue;background-color:Plum;text-align:center;}
.DayBody {background-color:#f2f2f2;height:100px;height:auto;min-height:100px;max-height:150px;overflow-y:auto;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.DayBodyWeek {background-color:#f5f5f5;height:auto;min-height:25px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.CalBirthday {font-weight:bold;color:red;height:auto;}
.CalEntry .Public.Holiday {position:relative;background-color:#ff6600;background: -webkit-linear-gradient(left, #ff6600 , #ff6600);background: -o-linear-gradient(right, #ff6600, #ff6600);background: -moz-linear-gradient(right, #ff6600, #ff6600);background: linear-gradient(to right, #ff6600 , #ff6600);color:white;margin-right:-12px;}
.CalEntry .PersonalEntry {position:relative;background-color:#33FF00;color:white;margin-right:-20px;}
.MenuBox {height:90px;width:137px;max-width:48%;border:none;text-align:center;vertical-align:bottom;}
.MenuBox:hover {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.MenuBox .MenuImageAndText {position:relative;line-height:15px;}
.MenuBox .MenuImageAndText img {max-width:48px;max-width:48px;height:auto;width:auto;width: 48px !important;height: 48px !important;object-fit: contain;}
.MenuBox .MenuImageAndText:hover {top:-1px;opacity:1;box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);-moz-box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);-webkit-box-shadow: 1px 1px 1px hsla(240,0%,0%,.3);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.IsMenuApp img {height:36px;opacity:.7;}
.IsMenuApp {position: relative;top:-48px;left:24px;z-index:200;}
.calendar-Mobile {display:none;}
.FloatRight {float:right;}
.FloatLeft {float:left;}
.calendar{margin:.25em 10px 10px 0;padding-top:5px;width:70px;height:100%;background:#ededed;background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));background: -moz-linear-gradient(top, #ededef, #ccc);font-size:28px!important;text-align:center;color:#555;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;position:relative;margin-left:5px;}
.calendar .day{padding-top:10px;padding-bottom:0px;display:block;font-size:12px!important;}
.calendar .month {display:block;font-size:14px!important;color:#f7f7f7;background:#666666;-moz-border-radius-bottom-right:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;-moz-border-radius-bottom-left:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #666666;vertical-align:top;height:20px;}
.calendar:before, .calendar:after {content:'';float:left;position:absolute;top:5px;width:8px;height:8px;background:#111;z-index:1;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;}
.calendar:before{left:11px;}
.calendar:after{right:11px;}
.calendar .month:before, .calendar .month:after {content:'';float:left;position:absolute;top:-5px;width:4px;height:14px;background:#dadada;background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));background:-moz-linear-gradient(top, #f1f1f1, #aaa);z-index:2;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.calendar .month:before{left:13px;}
.calendar .month:after{right:13px;}
div#Link {float:left;}
div#Link:hover {position:relative;}
div#Link a {text-decoration:none;}
div#Link a:hover:before {display: table-cell;position: absolute;padding: 10px;content: attr(message);width: 180px;height: auto;top: 40px;left: -70px;background: rgba(99,99,99,1);box-shadow: 2px 2px 2px hsla(240,0%,0%,.3);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;color: #fff;font-size: 1em;z-index:999;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
div#Link a:hover:after {position: absolute;display: block;content: "";border-color: transparent transparent rgba(99,99,99,1) transparent;border-style: solid;border-width: 8px;height:0;width:0;top: 24px;left:40px;z-index:999;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
div#Link img {max-height:65px;max-width:180px;vertical-align:middle;margin:auto;margin-left:auto;margin-right:auto;}
div#Link div#text {height:50px;width:100%;margin:auto;}
div#Link div#textonly {height:120px;width:100%;margin:auto;vertical-align:middle;display: table-cell;}
div#Link div#img {display: table-cell;vertical-align: middle;height:70px;width:200px;margin:auto;}
.Clickable:hover {cursor:pointer;text-decoration:underline;color:blue;}
.Percent::after {content:"%";}
.Percent:empty::after {content:"";}
div#LogoHolder {display:none;}
.SquadAvailList {padding: 20px;max-height: 400px;max-width: 300px;overflow-y: auto;}
div#SpecialIconHolder {display:none;}
div#VenueAddress {float:left;width:33%;min-height:220px;height:auto;overflow:visible;z-index:99;}
div#VenueMiniMap {float:left;width:33%;height:200px;}
div#VenueImage {display: flex;align-items: center;justify-content: center;overflow: hidden;width:300px;height:200px;margin-left:10px;}
div#VenueImage img {border-radius: 6px;height: 100%;width: auto;object-fit: fill;border-radius: 6px;}
div#VenueInstructions {clear:both;width:100%;}
div#VenueMap {clear:both;width:100%;height:400px;margin-top:5px;}
div#VenueInfoBox {width:300px;width:auto;height:80px;height:auto;overflow:hidden;}
.PaddedLeft {padding-left:0px;float:left;}
div#Splash {max-width:400px;}
div#Splash img {margin: 0 auto 0 auto;}
div#EasyFundRaising {width:100%;height:60px;margin:auto;padding-top:20px;text-align:center;}
img[src*="sponsors/easyhoriz.png"] {width:468px;height:auto;margin:auto;}
img[src*="WeekView.png"],img[src*="MonthView.png"] {height:36px;width:auto;margin:auto;border:none;}
img[src*="Twitter_Logo"] {height:36px;}
.PDF {width:100%;}
.ShowAlertLabel,.HideAlertLabel,.FullAlertDiv {cursor:pointer;font-weight: normal;float:right;background-color:#e6e6e6;color:#4A3C8C;width:auto;padding: 2px 2px 2px 2px;margin-right:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border: 1px solid #666666;}
.FullAlertDiv {float:none;max-width:1000px;}
.FullAlertDiv .AlertContent {max-width:100%;word-wrap: break-word;}
.FullAlertDiv .HideAlertLabel {margin-right:0px;padding: 0px 0px 0px 0px;position:relative;top:-3px;right:-3px;border-radius:0px 5px 0px 5px;-moz-border-radius:0px 5px 0px 5px;-webkit-border-radius:0px 5px 0px 5px;}
.special-point {color:#565656;font-size:9px;font-style:italic;}
div#TipText {max-width:60%;float:left;padding-bottom:20px;margin-left:20px;border:1px solid #e6e6e6;}
div#TipText img {max-width:100%;}
div#TipList {float:left;padding-bottom:20px;max-width:35%;}
.Won, .Lost,.Drew,.Conceded {width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;border-radius: 3px;color: #fff;box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);vertical-align: middle;padding-top:1px;}
.Conceded  {background: #0d47a1;}
.Won {background: linear-gradient(180deg, #43a047, #2e7d32);}
.Lost {background: linear-gradient(180deg, #e53935, #c62828);}
.Drew {background: linear-gradient(180deg, #fbc02d, #f9a825);}
.greydot {float:left;width:4px;height:4px;background-color:#666666;border-radius:50%;content:" ";margin-right:2px;margin-top:6px;}
.symbol {width:18px;height:24px;color:#666666;font-size:16px!important;font-weight:bold;display:inline-block;margin-left:-7px;}
.RedTriang {width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid red;display:inline-block;padding-right:5px;}
.symbol[onclick]:hover {position:relative;top:1px;left:1px;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.DateBox img {margin-right:10px;}
img[mobile=hide] {filter:grayscale(20%);opacity:.8;}
.twitter-Header-title {color:#666666;}
.page-break	{display: none;}
.nowrap {white-space:nowrap;}
.led {display: inline-block;width: 9px;height: 9px;margin: 0 6px;border-radius: 50%;border: 1px solid rgb(0 0 0 / 45%);box-shadow:inset 0 2px 3px rgb(255 255 255 / 45%),inset 0 -2px 3px rgb(0 0 0 / 35%);vertical-align: middle;vertical-align: -webkit-baseline-middle;}
.led-red {background: #f00;box-shadow:0 0 4px #f00, 0 0 10px #f00, inset 0 2px 3px rgb(255 255 255 / 55%), inset 0 -2px 3px rgb(0 0 0 / 35%);}
.led-amber {background: #ffbf00;box-shadow: 0 0 4px #ffbf00, 0 0 10px #ffbf00, inset 0 2px 3px rgb(255 255 255 / 55%), inset 0 -2px 3px rgb(0 0 0 / 35%);}
.led-green {background: #00c853;box-shadow: 0 0 4px #00c853, 0 0 10px #00c853, inset 0 2px 3px rgb(255 255 255 / 55%), inset 0 -2px 3px rgb(0 0 0 / 35%);}
.led-off {background: #555;box-shadow: inset 0 2px 3px rgb(255 255 255 / 20%), inset 0 -2px 3px rgb(0 0 0 / 55%);opacity: 0.55;}
.led-pulse {animation: led-pulse 1.5s infinite;}
@keyframes led-pulse {50% {opacity: 0.55;}}
.ActionSection {display: grid;gap: 12px;width: 100%;max-width: 850px;margin-bottom: 10px;}
.ActionItem,.BorderBox {width: auto;padding: 14px 16px;clear: both;background: #fff;border: 1px solid #d9deea;border-left: 5px solid #ff0000;border-radius: 8px;box-shadow: 0 2px 7px rgb(0 0 60 / 8%);position: relative;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease,background-color 160ms ease;}
.BorderBox.Blue {border-left: 5px solid #0000ff;}
.ActionItem > .ActionLink {display: grid;grid-template-columns: 44px minmax(0, 1fr);column-gap: 12px;align-items: start;}
.ActionItem > .ActionLink[onclick]:not([onclick*="void(0)"]) {cursor: pointer;}
.ActionItem:has(> ActionLink[onclick]:not([onclick*="void(0)"])):hover {border-color: #0000ff;border-left-color: #ff0000;box-shadow: 0 5px 14px rgb(0 0 80 / 15%);transform: translateY(-1px);}
.ActionItem:hover {transform: translateY(-3px) scale(1.01);background-color: #f8f9ff;border-color: #0000ff;border-left-color: #ff0000;box-shadow:0 8px 18px rgb(0 0 80 / 18%),0 0 0 2px rgb(0 0 255 / 8%);text-decoration:none;}
.ActionItem:hover .Headline {color: #0000ff;}
.ActionItem:hover .AppImage {background-color: #e5e8ff;}
.ActionItem .AppImage {grid-column: 1;grid-row: 1 / span 2;box-sizing: border-box;width: 40px !important;height: 40px !important;padding: 6px;float: none !important;display: grid;place-items: center;background: #f0f2ff;border-radius: 50%;}
.ActionItem .AppImage img {display: block;width: 28px !important;height: 28px !important;object-fit: contain;}
.ActionItem .Headline {display:block;grid-column: 2;margin: 0 0 4px;color: #101a5c;font-weight: bold;text-align: left;}
.ActionItem .Headline a {color: inherit;text-decoration: none;}
.ActionItem .Headline a:hover {color: #0000ff;text-decoration: none;}
.ActionItem .ActionText {grid-column: 2;width: auto;min-width: 0;padding: 0;color: #424a59;}
.ActionItem .ActionText table.Box,.MemberInfoDiv table.Box {width: 100%;margin-top: 5px;border-collapse: collapse;background: transparent;}
.ActionItem .ActionText table.Box td,.MemberInfoDiv table.Box td {padding: 1px 8px;border-bottom: 1px solid #e5e8ef;}
.ActionItem .ActionText table.Box tr:last-child td,.MemberInfoDiv table.Box tr:last-child td {border-bottom: 0;}
.ActionItem a:focus-visible {outline: 3px solid #ff0000;outline-offset: 3px;border-radius: 2px;}
.ActionDone {clear:both;width:100%;text-align:right;margin-right:10px;}
.ActionLink {color: inherit;text-decoration: none;}
.ActionItem:hover a {text-decoration: none !important;}
@media screen and (max-width: 600px) {#Acts1 {gap: 9px;}.ActionItem {padding: 12px;}.ActionItem > div {grid-template-columns: 36px minmax(0, 1fr);column-gap: 10px;}.ActionItem .AppImage {width: 34px !important;height: 34px !important;padding: 5px;}.ActionItem .AppImage img {width: 24px !important;height: 24px !important;}}
.NewsArticle {--wpb-red:  #ff0000;--wpb-blue: #0000ff;--ink:      #172033;--muted:    #596274;--line:     #dce1ea;--panel:    #f5f7ff;box-sizing: border-box;width: min(calc(100% - 30px), 1000px);margin: 2rem auto 4rem;color: var(--ink);font-size: 1rem!important;line-height: 1.65;}
.NewsIntro {display: grid;grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);grid-template-areas: "image header";gap: 24px;align-items: stretch;margin-bottom: 1.75rem;}
.NewsHeader {grid-area: header;box-sizing: border-box;min-width: 0;margin: 0;padding: 1.5rem;display: flex;flex-direction: column;justify-content: center;background: linear-gradient(110deg, var(--panel), #fff 75%);border-left: 7px solid var(--wpb-red);border-bottom: 3px solid var(--wpb-blue);border-radius: 7px;}
.NewsHeadline {margin: 0;color: #101a5c;font-size: clamp(1.7rem, 3.5vw, 2.7rem);line-height: 1.12;letter-spacing: -0.025em;overflow-wrap: anywhere;text-wrap: balance;}
.NewsSubtitle {max-width: 48rem;margin: 0.8rem 0 0;color: var(--muted);font-size: clamp(1.05rem, 2vw, 1.25rem);line-height: 1.5;}
.News-NewsImage {grid-area: image;box-sizing: border-box;min-width: 0;min-height: 260px;margin: 0;padding: 0;overflow: hidden;display: flex;align-items: center;justify-content: center;background: #eef0f5;border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 5px 18px rgb(0 0 60 / 12%);}
.News-NewsImage img {display: block;width: 100%;max-width: 100%;height: auto;max-height: 480px;object-fit: contain;}
.NewsLink {margin: 1.5rem 0;}
.NewsLink a {display: inline-block;padding: 0.7rem 1.15rem;background: var(--wpb-red);border: 2px solid var(--wpb-red);border-radius: 6px;color: #fff;font-weight: 700;line-height: 1.25;text-decoration: none;transition:background-color 150ms ease,border-color 150ms ease,box-shadow 150ms ease,transform 150ms ease;}
.NewsLink a:hover {background: #fff;border-color: var(--wpb-blue);color: #101a5c;text-decoration: none;transform: translateY(-2px);box-shadow: 0 5px 12px rgb(0 0 80 / 18%);}
.NewsLink a:focus-visible {outline: 3px solid var(--wpb-blue);outline-offset: 3px;}
.NewsContent {box-sizing: border-box;width: 100%;max-width: 780px;margin-inline: auto;}
.NewsContent > :first-child {margin-top: 0;}
.NewsContent > :last-child {margin-bottom: 0;}
.NewsContent p {margin: 0 0 1.15em;font-size: 1rem!important;line-height: 1.65;}
.NewsContent h2 {margin: 2em 0 0.65em;padding-bottom: 0.35em;border-bottom: 3px solid var(--wpb-blue);color: #101a5c;font-size: clamp(1.35rem, 3vw, 1.7rem);line-height: 1.25;}
.NewsContent h3 {margin: 1.6em 0 0.55em;padding-left: 0.65rem;border-left: 4px solid var(--wpb-red);color: #101a5c;font-size: 1.2rem;line-height: 1.3;}
.NewsContent a {color: #0000c8;font-weight: 600;text-underline-offset: 0.18em;}
.NewsContent img {display: block;max-width: 100%;height: auto;margin: 1.5rem auto;border-radius: 6px;}
.NewsContent ol {margin: 0 0 1.25rem;padding-left: 1.5rem;}
.NewsContent li {margin-bottom: 0.35rem;}
.NewsContent blockquote {margin: 1.5rem 0;padding: 0.8rem 1.25rem;background: var(--panel);border-left: 5px solid var(--wpb-red);color: #343c4d;}
.NewsContent table {display: block;width: 100%;overflow-x: auto;}
.NewsContent video {max-width: 100%;}
.NewsIntro {display: grid;grid-template-columns: minmax(260px, 38%) minmax(0, 1fr);grid-template-areas: "image header";gap: 24px;}
.NewsImage {grid-area: image;margin: 0;min-width: 0;}
.NewsImage img {display: block;width: 100%;height: auto;}
.NewsHeader {grid-area: header;min-width: 0;}
@media (max-width: 700px) {.NewsIntro {grid-template-columns: minmax(0, 1fr);grid-template-areas: "header" "image";gap: 14px;}.NewsHeader,.News-NewsImage {width: auto;min-width: 0;}.News-NewsImage {display:flex;}.News-NewsImage img {width: 100%;height: auto;}}
@media screen and (min-width: 1000px) {.NewsArticle {margin-top: 2.75rem;}.NewsHeader {padding: 1.75rem;}}
@media (prefers-reduced-motion: reduce) {.NewsLink a {transition: none;}.NewsLink a:hover {transform: none;}}
div#MenuBar {height:35px;overflow:hidden;width:100%;max-width:100%;z-index:1000;font-size:14px!important;margin-top:10px;margin-left: auto;margin-right: auto;border-bottom:1px solid #000044;border-top: 1px solid #004;padding-top: 5px;}
.sticky {position: fixed;top: 0;padding-top: 0px;}
.sticky + div#MainContent {padding-top:30px;}
.sticky + div#SSContent {padding-top:30px;}
.menu{border:none;border:0px;margin:0px;padding-top:2px;font-size:14px;font-weight:bold;width:100%;display: table;}
.menu > a {display:none;}
.menu img {height:16px;width:16px;}
.menu ul {background:white;height:30px;list-style:none;margin:0;padding:0;display:table-row;text-transform:uppercase;width: 100%;}
.menu li {padding:0px;display: table-cell;}
.menu li a {display:block;z-index:999;font-weight:bold;line-height:30px;padding:0px 8px;text-align:center;text-decoration:none;}
div#MenuAsPage ul li a {padding-top:10px;}
.menu li a:hover, .menu ul li:hover a {background:#eee;text-decoration:none;position:relative;}
.menu li ul {background:#eee;display:none;height:auto;padding:0px;margin:0px;border:0px;position:absolute;width:175px;z-index:200;text-transform:none;}
.menu li:hover ul {display:block;z-index:999;}
.menu li li {display:block;z-index:999;float:none;margin:0px;padding:0px;width:175px;overflow:hidden;}
.menu li:hover li a {background:none;}
.menu li ul a {display:block;z-index:999;height:30px;font-style:normal;margin:0px;padding:0px 10px 0px 15px;text-align:left;}
.menu li ul a:hover, .menu li ul li:hover a {background-color:#ccc;border:0px;text-decoration:none;}
.menu p {clear:left;}
.menu div#MenuSeperator {border-bottom: #b6b6b6 solid 1px;height:2px;}
ul#Menus li ul li ul {display:none;}
ul#Menus li ul li ul li {border-left:1px solid white;box-sizing:border-box;}
ul#Menus li ul li ul  li:first-of-type{border-left:none;}
ul#Menus li ul li:hover ul {display:block;z-index:999;margin-top:-30px;left:175px;}
ul#Menus li ul li:hover ul li:first-of-type a {background-color:#ccc;}
ul#Menus li ul li ul:hover li:first-of-type a {background-color:#eee;}
ul#Menus li ul li ul li:first-of-type a:hover {background-color:#ccc;}
ul#Menus li ul li ul li a:hover {background-color:#ccc;}
ul#Menus li ul li ul li a {background-color:#eee;}
.HasSubMenus {background-repeat: no-repeat;background-position: right center;background-size:12px 12px;background-image: url('../../images/expandright.png');}
.MobilePageMenu {margin-top:5px;padding: 2px 10px 2px 20px;background-image: url(../images/expand.png);background-repeat:no-repeat;background-size: 16px 16px;background-color:#e6e6e6;width:auto;white-space:nowrap;border:none;}
a.current, a.current:hover {background-color: white;border-bottom:none;}
div#MenuAsPage {border-top:none;border-bottom:none;margin-top:-2px;margin-bottom:20px;}
ul#SubMenus {z-index:999;left:8px;}
li#Settings, li#Search {width:20px!important;}
li#Settings img, li#Search img {width:12px;height:12px;}
li#Search img {width:16px;height:auto;vertical-align: middle;margin-top: -5px;}
span#SettingsName, span#SearchName {display:none;}
[data-tooltip],.tooltip {position: relative;cursor: pointer;}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after {position: absolute;visibility: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;transition: opacity 4s steps(4,end);transition: visibility 4s steps(4,end);text-transform:none;pointer-events: none;}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,.tooltip:hover:before,.tooltip:hover:after {visibility: visible;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.tooltip:before,[data-tooltip]:before {z-index: 1001;border: 6px solid transparent;background: transparent;content: "";}
.tooltip:after,[data-tooltip]:after {z-index: 1000;padding: 8px;width: 160px;background-color: #000;background-color: hsla(0, 0%, 20%, 0.9);color: #fff;content: attr(data-tooltip);font-size: 14px;line-height: 1.2;}
[data-tooltip]:before,[data-tooltip]:after,.tooltip:before,.tooltip:after,.tooltip-top:before,.tooltip-top:after {bottom: 100%;left: 50%;}
[data-tooltip]:before,.tooltip:before,.tooltip-top:before {margin-left: -6px;margin-bottom: -12px;border-top-color: #000;border-top-color: hsla(0, 0%, 20%, 0.9);}
[data-tooltip]:after,.tooltip:after,.tooltip-top:after {margin-left: -80px;border-radius:10px 10px 0 0;}
[data-tooltip]:hover:before,[data-tooltip]:hover:after,.tooltip:hover:before,.tooltip:hover:after,.tooltip-top:hover:before,.tooltip-top:hover:after{-webkit-transform: translateY(-12px);-moz-transform:    translateY(-12px);transform:         translateY(-12px);}
.tooltip-top.tooltip-left:before,.tooltip-top.tooltip-left:after {right: -100%;bottom: 50%;left: auto;}
.tooltip-top.tooltip-left:before {margin-left: 0;margin-right: -12px;margin-bottom: 0;border-top-color: transparent;border-left-color: #000;border-left-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-top.tooltip-left:hover:before,.tooltip-top.tooltip-left:hover:after {-webkit-transform: translateX(-12px);-moz-transform:    translateX(-12px);transform:         translateX(-12px);}
.tooltip-bottom:before,.tooltip-bottom:after {top: 100%;bottom: auto;left: 50%;}
.tooltip-bottom:before {margin-top: -12px;margin-bottom: 0;border-top-color: transparent;border-bottom-color: #000;border-bottom-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-bottom:hover:before,.tooltip-bottom:hover:after {-webkit-transform: translateY(12px);-moz-transform:    translateY(12px);transform:         translateY(12px);}
.tooltip-right:before,.tooltip-right:after {bottom: 50%;left: 100%;}
.tooltip-right:before {margin-bottom: 0;margin-left: -12px;border-top-color: transparent;border-right-color: #000;border-right-color: hsla(0, 0%, 20%, 0.9);}
.tooltip-right:hover:before,.tooltip-right:hover:after {-webkit-transform: translateX(12px);-moz-transform:    translateX(12px);transform:         translateX(12px);}
.tooltip-left:before,.tooltip-right:before {top: 3px;}
.tooltip-left:after,.tooltip-right:after {margin-left: 0;margin-bottom: -16px;}
.tabs {padding: 10px 0 0 0;margin:0;list-style-type: none;text-align: left;display: flex;flex-direction: row;flex-wrap: wrap;}
.tabs li {display: inline;margin: 0;margin-right:0px;}
.tabs li a {font-weight:bold;font-size:14px;text-decoration: none;position: relative;bottom: -1.5px;border-radius: 3px 3px 0 0;margin:0 1px 0 0px;z-index: 1;padding: 3px 5px 0px 3px;border: 1px solid #bbb;border-bottom-style:none;color: #666666;background: #DDD;outline:none;text-decoration: none;line-height:26px;}
.tabs li a:first-child {margin-left:0;}
.tabs li a:visited {color: #666;}
.tabs li a:hover {color: #000;background: #a3a3a3;text-decoration: none;}
.tabs li.selected a {position: relative;top: 0px;font-weight:bold;background: white;border: 1px solid #AAA;border-bottom-color: white;border-bottom-width: 3px;color: #000;}
.tabs li.selected a:hover {text-decoration: none;}
.tabcontent {display: block;width:auto;min-height:200px;max-width:100%;}
.tabcontents {width:auto;border: 1px solid #AAA;padding: 2px;margin-top:0px;padding-top:10px;margin-bottom:10px;background-color:#FFF;box-sizing: border-box;display: none;}
.enquiry {width:auto;border: 1px solid #AAA;padding: 2px;margin-top:3px;padding-top:10px;margin-bottom:10px;background-color:#FFF;display: none;}
.tiles.AsTabs {position: relative;}
.tilesViewport {position: relative;overflow-x: auto;overflow-y: hidden;min-width: 0;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;padding: 0.15rem 2.75rem;}
@media (max-width: 767px) {.tilesViewport {scrollbar-width: none;}.tilesViewport::-webkit-scrollbar {display: none;}}
@media (min-width: 768px) {.tilesViewport {padding-left: 0.15rem;padding-right: 0.15rem;scrollbar-width: auto;}.tilesViewport::-webkit-scrollbar {display: block;height: 10px;}.tilesViewport::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 999px;}.tilesViewport::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 999px;}.tilesViewport::-webkit-scrollbar-thumb:hover {background: #9f9f9f;}}
.tilesTrack {display: flex;gap: 0.5rem;width: max-content;min-width: 100%;padding: 0.15rem 0;}
.tile.AsTab {flex: 0 0 auto;padding: 0.65rem 1rem;border: 1px solid #c9c9c9;border-radius: 0.6rem;background: #f7f7f7;white-space: nowrap;cursor: pointer;user-select: none;transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;}
.tile.AsTab:hover {background: #efefef;}
.tile.AsTab.active {background: #dcecff;border-color: #4d88ff;box-shadow: 0 0 0 2px rgba(77, 136, 255, 0.12);font-weight: 600;}
.tilesScrollBtn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;width: 2.2rem;height: 2.2rem;border: 1px solid #c9c9c9;border-radius: 999px;background: rgba(255, 255, 255, 0.92);backdrop-filter: blur(2px);box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);cursor: pointer;}
.tilesScrollBtn.left {left: 0.35rem;}
.tilesScrollBtn.right {right: 0.35rem;}
.tilesScrollBtn[hidden] {display: none !important;}
.tilesViewport::after {content: "";position: absolute;top: 0;bottom: 0;width: 2.4rem;pointer-events: none;opacity: 0;transition: opacity 0.2s ease;z-index: 2;}
.xtilesViewport::before {left: 0;background: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0));}
.xtilesViewport::after {right: 0;background: linear-gradient(to left, rgba(255,255,255,0.95), rgba(255,255,255,0));}
.tilesViewport.canScrollLeft::before {opacity: 1;}
.tilesViewport.canScrollRight::after {opacity: 1;}
.tabcontent {display: none;margin-top: 0.75rem;}
@media (max-width: 640px) {.tile.AsTab {padding: 0.55rem 0.8rem;font-size: 0.95rem;}.tilesScrollBtn {width: 1.9rem;height: 1.9rem;}.tilesViewport {padding-left: 2.35rem;padding-right: 2.35rem;}}
@media (min-width: 768px) {.tilesScrollBtn {display: none !important;}.tilesViewport::before,.tilesViewport::after {display: none;}}
.css-slideshow {position: relative;top:-65px;width: 300px;max-width: 300px;height: 200px;max-height: 200px;margin: 5em 0px .5em 0px;overflow:hidden;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-position: center center;background-repeat: no-repeat;overflow: hidden;}
.css-slideshow figure {margin: 0;width: 300px;height: 200px;position: absolute;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.css-slideshow img {display:block;margin:auto;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.css-slideshow figcaption {position: absolute;top: 0;color: #fff;background: rgba(0,0,0, .3);font-size: 12px;padding: 8px 12px;opacity: 0;transition: opacity .5s;}
.css-slideshow:hover figure figcaption {transition: opacity .5s;opacity: 1;}
.css-slideshow-attr {max-width: 495px;text-align: right;font-size: .7em;font-style: italic;margin:0 auto;}
.css-slideshow-attr a {color: #666;}
.css-slideshow figure {opacity:0;}
.MarqueeAnimated {font-size:20px;height:26px;overflow:hidden;text-align:center;margin-top:20px;}
.css-marquee {position: relative;width: 100%;height: 26px;overflow:hidden;}
.css-marquee figure {margin: 0;width: 100%;height: 26px;position: absolute;opacity:0;background-color:white;}
.result-marquee {position: relative;width: 100%;height: 60px;overflow:hidden;}
.result-marquee figure {margin: 0;width: 100%;height: 26px;position: absolute;opacity:0;}
.event-marquee {position: relative;width: 100%;height: 60px;overflow:hidden;}
.event-marquee figure {margin: 0;width: 100%;height: 56px;position: absolute;opacity:0;}
.MarqueeAnimated figure {height: 26px;opacity:0;background-color:white;color:#000044;}
.MarqueeAnimated figure a:visited {color:inherit;}
.rating {display: none;font-size: 20px;font-weight: bold;color: #3af;color:#ff0000;font-size: 32px;white-space: nowrap;margin-top:-6px;line-height:normal;}
.rating .star {display: inline-block;position: relative;letter-spacing: 0.05em;}
.rating .star::before {display: inline-block;color: #aaa;content: '☆';width: 1em;height: 1em;}
.rating .star::after {display: inline-block;position: absolute;content: '★';top: 0;left: 0;opacity: 0;width: 0;height: 0;transition: all 0.1s linear;overflow: hidden;}
.rating:not([disabled]) .star:hover::after,.rating .star.active::after {opacity: 1;width: 1em;height: 1em;}
.rating .star.active.half::after {width: 0.5em;}.ProductName {font-weight:bold;font-size:115%;padding-top:3px;padding-left:3px;}
.ProductImage {height: 100px;width: auto;}
.ProductImageSmall {max-height: 75px;max-width: 75px;width: auto;height: auto;}
.ProductDesc {text-align:justify;padding: 0 10px;}
.ProductPrice {font-size:125%;font-weight:bold;position:absolute;top:15px;right:15px;background-color:white;opacity:50%;}
.ShopProductDetail .ProductPrice {top:0;left:0;}
.ShopProducts {display:flex;flex-wrap:wrap;}
.ShopProduct {margin:10px;border: 1px solid #e6e6e6;width: 260px;position:relative;}
.ShopProductDetail {display:flex;flex-wrap:wrap;justify-content:space-between;overflow-x:auto;width:100%;}
.ShopProductDetail .ProductImage {width:350px;max-width:100%;max-height:180px;height:auto;width:auto;margin:10px;border: 1px solid #e6e6e6;}
.ModelImage {width:200px;height:auto;margin:10px;border: 1px solid #e6e6e6;}
.ShopProductDetail .ProductDesc {width:350px;max-width:100%;height:auto;float:none;position:relative;}
.SizeGuide {width:350px;max-width:100%;height:auto;float:none;position:relative;}
.ShopProduct:hover {position:relative;top:1px;left:1px;box-shadow:0px 0px 1px 1px #999;}
.ProdQty {width:50px;}
.ProductPrice {padding-top:5px;background-color:#f6f6f6;}
.ProductPrice .blue {background-color:#f6f6f6;}
.ProductSelectorDiv {max-width:100%;height:auto;float:none;position:relative;background-color:#f6f6f6;overflow-x:auto;}
#DressSizeTable td,#DressSizeTable th {text-align:center;}
.ProductSelector  img.ActionFlag {width: 20px;height: auto;vertical-align: middle;}
.ProductSelector {margin-top:20px;font-weight:bold;color:#000044;}
.ShopBasket {float:right;width:100px;height:80px;position:relative;margin-top:-30px;background-image:url('../images/Basket.png?t=1');background-size:50px auto;background-position:10px 0;background-repeat: no-repeat;background-color:white;}
.ShopBasket:hover {position:relative;top:1px;left:1px;box-shadow:0px 0px 1px 1px #999;}
div#BasketNumItems {position: absolute;top: -6px;left: 40px;background-color: #ed1c24;color: #fff;font-family: Arial,Helvetica,sans-serif;font-weight: 700;font-size: 14px;font-style: normal;border: 2px solid #fff;height: 28px;border-radius: 20px;padding: 0 4px;text-indent: 0;text-align:center;min-width: 27px;}
div#BasketNumItems > .NumItems {padding-top:5px;}
div#BasketTotalPrice  {color:#ff0000;font-weight:bold;font-size:125%;position: absolute;top:50px;left:10px;}
.InMyBasket {background-color: #cddc39;margin-top:5px;margin:5px;height:auto;max-height:40px;}
.ProductSideBar {position:absolute;font-weight:bold;}
.ProductSideBar ul, .SideBarCat ul {list-style-type: none;margin: 0;padding: 0;}
.ProductSideBar .Cat {background-color:#d5d5d5;padding:0px 0px;}
.ProductSideBar .Cat:hover  {color:red;text-decoration:none;}
.ProductSideBar .CatName, .ProductSideBar .Prod {background-color:#e6e6e6;color:#555;display:block;z-index:999;font-weight:bold;line-height:18px;padding:0px 4px;text-decoration:none;padding:0px 12px;}
.CurrentProduct {color:#000;display:block;z-index:999;font-weight:bold;line-height:18px;padding:0px 8px;text-decoration:none;}
.ProductSideBar .CatName {background-color:#d5d5d5;padding:0;}
.ProductSideBar a {text-decoration:none;}
.ProductSideBar .Prod:hover {background-color:white;text-decoration:none;color:blue;}
.SideBarCat ul {background-color:#e6e6e6;}
.SelectionPlayerHolder {display:flex;flex-wrap:wrap;justify-content:space-evenly;}
.SelectionButtonHolder {display:flex;flex-wrap:wrap;justify-content:space-between;}
.SelectionStatus {font-weight: bold;color: #777;background-color: #caf7ca;padding: 3px;text-align: center;}
.selection-read {display:block;}
.SelectionPlayerHolder .PlayerBox {width:100%;padding: 5px;border: 1px solid #e6e6e6;box-sizing: border-box;margin-top:5px;}
.SelectionPlayerHolder .PlayerBox .ActionFlag {padding-left:2px;padding-right:2px;}
.SelectionPlayerHolder .PlayerBox .PlayerDetails {width:100%;padding-left:0px;text-align:right;}
.SelectionPlayerHolder .PlayerBox .PlayerDetails span {display:block;}
.SelectionPlayerHolder .PlayerBox .PlayerDetails .NotAffiliated, .SelectionPlayerHolder .PlayerBox .PlayerDetails .NotEnrolled {color:red;}
.SelectionPlayerHolder .PlayerBox .PlayerDetails .FranchiseFixture {color: #3d16fe;}
.SelectionPlayerHolder .PlayerBox:hover {background-color:#e6e6e6;-webkit-box-shadow: 2px 3px 21px -4px rgba(0,0,0,0.39);-moz-box-shadow: 2px 3px 21px -4px rgba(0,0,0,0.39);box-shadow: 2px 3px 21px -4px rgba(0,0,0,0.39);}
.SelectionPlayerHolder .PlayerBox:hover .PlayerName {font-weight:bold;text-decoration:underline;}
.SelectionPlayerHolder .SelectionDivTitle {font-weight: bold;background-color: red;color: white;width: calc(100% + 10px);text-align: center;margin-left: -5px;margin-right: -5px;text-align:center;}
.SelectionPlayerHolder .SelectionDiv .Captains {max-width:300px;padding: 10px;background-color: cornsilk;}
.SelectionPlayerHolder .SelectionDiv {flex-grow:1;margin: 3px;border: 1px solid red;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;min-width:300px;max-width:300px;}

/* =====================================================================
   Responsive layout: viewport WIDTH only. Keyboard height cannot switch
   these layouts. Legacy Portrait classes mean compact (<=600px), and
   Landscape classes mean wider mobile (600px < width < 1000px).
   Existing component breakpoints above are deliberately retained.
   ===================================================================== */
/* Shared mobile/tablet rules */
@media screen and (width < 1000px) {
    div#MainDivider { clear: both; border-top: 1px solid #eeeeee; }
    div#Logo { margin: 0; background-image: url('../images/Logo-White-Bg.png'); height: 60px; margin-top: -7px; background-position: left; background-repeat: no-repeat; background-size: auto 90%; }
    div#AskReCookies .Content { width: 100%; padding-left: 0px; padding-right: 0px; }
    div#Establishedline { display: none; }
    .DontShowInMobile,.HideTabInMobile,[nm] { display: none !important; }
    .OnlyShowOnPC { display: none; }
    .HideInMobile { visibility: hidden; }
    .OnlyShowInMobile { display: inline !important; }
    div#ContextArea { font-size: 10px !important; display: none; }
    div#MessageBox { font-size: 14px !important; width: 99%; }
    .sslistNotMobile { display: none; }
    img[src*="images/Lock-rs.png"] { display: none; height: 16px; width: auto; }
    img[src*="refresh.png"] { height: 16px; width: 16px; }
    .autocomplete-items { position: relative; }
    div#VenueImage { display: none; }
    div#MenuBar { margin-top: 0px; height: 38px; overflow: hidden; border: none; width: 40px; float: right; clear: right; }
    .sticky { top: 5px; right: 5px; }
    .sticky + div#MainContent { padding-top: 0px; }
    .menu ul { font-size: 20px; background: #f7f7f7; display: none; height: auto; position: absolute; right: 10px; width: 225px; z-index: 1000; border-bottom: none; }
    .menu li ul { width: 225px; position: static; padding-top: 0; }
    .menu div#MenuSeperator { height: 0.5px; }
    .menu { width: 40px; }
    ul#Menus li ul li:hover ul { margin-top: 0px; }
    ul#Menus li ul li:hover ul li:first-of-type a { background-color: #ccc; opacity: 1; z-index: 1000; color: #eee; }
    ul#Menus li ul li ul:hover li:first-of-type a { background-color: #ccc; opacity: 1; z-index: 1000; color: #eee; }
    ul#Menus li ul li ul li:first-of-type a:hover { background-color: #ccc; opacity: 1; z-index: 1000; color: #eee; }
    ul#Menus li ul li ul li a { background-color: #ccc; opacity: 1; z-index: 1000; color: #eee; }
    .HasSubMenus { background-image: none; }
    .HasSubMenus ul { display: none !important; }
    #nav > a { width: 38px; height: 38px; text-align: left; text-indent: -9999px; background-color: red; position: relative; }
    #nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: ""; }
    #nav > a:after { top: 60%; }
    .menu:not( :target ) > a:first-of-type,.menu:target > a:last-of-type { display: block; }
    .menu:target >ul { display: block; }
    .menu >ul >li { display: block; width: 100%; float: none; }
    .menu >ul>li>a { height: auto; text-align: left; text-transform: capitalize; }
    .menu >ul >li >ul >li { display: block; width: 100%; float: none; }
    .menu >ul>li>ul>li>a { height: auto; text-align: left; }
    li#Settings img, li#Search img { display: none; }
    span#SettingsName, span#SearchName { display: block; }
    li a[data="squads"] img, li a[data="squads"] + ul { display: none !important; }
    .css-slideshow img { height: auto; width: 100%; }
    .MarqueeAnimated { font-size: 16px; height: 36px; margin-top: 2px; overflow: auto; }
    .ProductTabs { margin-left: 0px; padding-left: 2px; }
    .ShopProduct { width: 100%; }
    .ShopProductDetail { margin-left: 0px; }
    .SizeGuide { width: 100%; }
}
/* Small compact layout */
@media screen and (max-width: 414px) {
    select { max-width: 120px; }
    div#Page { height: auto; min-height: 480px; }
    div#LogoBar { background-color: white; height: 40px; margin-bottom: 5px; width: 260px; max-width: 90%; float: left; }
    div#Tagline { display: none; font-size: .7em !important; margin-bottom: 2px; margin-top: 2px; }
    div#ClubName span { display: none; }
    #JoinUsText { padding-left: 130px; margin-top: -10px; }
    .ssfieldInput { max-width: 300px; display: block; padding-top: 0px; }
    .TextInput,input[type="text"],input[type="url"],input[type="tel"],input[type="email"],input[type="password"],input[type="file"],input[type="checkbox"],input[type="number"],textarea { max-width: 250px; }
    .ImageEditBox { padding-bottom: 0px; }
    .ImageEditBoxPopUp { display: block; }
    .MaxPopup { max-height: 400px; max-width: 300px; }
    div#ConfirmMessage,div#ConfirmInput { max-height: 230px; max-width: 400px; }
    .acDisplay { max-width: 300px; overflow-x: auto; }
    div#Splash img { height: auto; width: 280px; margin: auto; }
    .mce-btn { position: relative !important; left: 0px !important; }
    .mce-reset { max-width: 280px !important; max-height: 300px !important; top: 10px !important; }
    .mce-abs-layout,.mce-abs-layout-item { max-width: 300px !important; max-height: 440px !important; box-sizing: border-box; }
    div#MenuAsPage { margin: 0; }
    .menu li a img[src*=expand] { width: 12px; height: auto; }
    .tabs li a { display: inline-block; font-size: 11px; white-space: nowrap; line-height: inherit; }
    .tabcontents { margin-top: -2px; border-right: none; }
    .enquiry { margin-top: -1px; }
    .ShopProductDetail .ProductImage { width: 100%; float: left; height: auto; max-height: none; }
    .ShopProductDetail .ProductDesc { width: 100%; float: left; }
    .InMyBasket { width: 100%; float: left; }
    .Clear { clear: both; }
    header h1 { font-size: 1.5em; }
    header p { font-size: 1.2em; }
    div#BoxHolder { overflow: auto; }
    #HP-Holder { columns: 1; }
    .HalfScreen { float: none; width: 96%; padding: 5px; }
    .Error,.Warning,.Information,.Important,.Debug,.Calling,.Time,.Webmaster,.Help { text-indent: 0px; position: relative; margin-left: 0px; padding-left: 24px; }
    .Guidance { font-size: 14px !important; }
    .FlexTable .FlexRow { display: block; }
    .FlexTable .FlexRow .FlexCell { display: block; padding-left: 0px; width: 100%; }
    .SSCreEdPrompt { float: none; white-space: normal; }
    .ButtonHolder { float: none; white-space: normal; }
    .ssNavigation { white-space: normal; max-width: 100%; display: inline; vertical-align: top; }
    .ssNavSearchLabel { display: block; float: none; clear: both; }
    img[src*="cal.gif"],img[src*="preview.jpg"],.ActionFlag,div#ConfirmCloseFlag { height: 24px; min-width: 24px; }
    img[src*="images/erase.jpg"] { display: none; }
    div#SSImagePreviews { display: none; }
    div#CalendarAddActivity { display: none; }
    .Title { font-size: 2em; margin-top: 10px; margin-bottom: 0px; }
    .NewsWithImage .EventImage { display: none; }
    .News-Brief .NewsImage { font-size: 2em; margin-top: 10px; margin-bottom: 0px; }
    .News-Box .News-Text .News-Headline,.News-Box .Album-Text .News-Headline,.News-Brief .News-Headline { font-size: 16px; }
    .ShopQuantityPicker { clear: both; width: 100%; }
    .ShopItemDesc { width: 80%; }
    .CalTimeWeek { display: none; }
    input[type=button][name=GoToMonth] { display: none; }
    .calendar-Mobile { display: none; text-decoration: underline; float: right; padding-right: 10px; }
    .News-Box .calendar-Mobile { display: none; }
    .News-Box .calendar { display: inherit; }
    div#VenueAddress { width: 100%; min-height: 0; padding-right: 10px; }
    div#VenueMiniMap { display: none; }
    div#VenueImage img { display: none; }
    .PaddedLeft { padding-left: 0px; }
    div#EasyFundRaising { width: 280px; height: auto; margin: auto; padding-top: 10px; }
    img[src*="sponsors/easyhoriz.png"] { width: 280px; height: auto; }
    img[mobile=hide] { display: none; }
    .menu li a { line-height: 35px; }
    .menu li li { padding-left: 0; width: 225px; }
    .css-slideshow { width: 150px; max-width: 150px; height: 90px; max-height: 90px; }
    .css-slideshow figure { width: 150px; height: 90px; }
    .MarqueeAnimated figure { height: 32px; }
    body, input, textarea, select,button,p,table,td,tr,th { font-size: 16px; }
    .DontShowInMobilePortrait,.HideTabInMobilePortrait { display: none !important; }
    .HideInMobilePortrait { visibility: hidden; }
    .OnlyShowInMobilePortrait { display: inline; }
    #NewsBanner .news-grid.Brief { grid-template-columns: repeat(1, 1fr); }
    #FixtureBanner .news-grid.Brief { grid-template-columns: repeat(1, 1fr); }
    .ssfieldRow { display: block; }
    .ssfieldLabel { display: block; }
    .ssNavInput { display: block; clear: both; }
    .ssNavLabel { display: block; float: none; clear: both; }
    .sslistNotMobilePortrait { display: none; }
    .News-Box { width: 48%; max-width: 48%; }
    a.current, a.current:hover { background-color: #f7f7f7; }
    .ProductSelectorDiv { width: 100%; float: left; }
    .SelectionPlayerHolder { display: block; }
    .SelectionButtonHolder { display: block; }
}
/* Larger compact layout */
@media screen and (414px < width <= 600px) {
    div#Page { height: auto; min-height: 736px; }
    div#LogoBar { background-color: white; height: 40px; margin-bottom: 10px; width: 330px; float: left; }
    div#Tagline { display: block; font-size: .7em !important; margin-bottom: 5px; margin-top: 2px; }
    div#ClubName span { display: none; }
    .DontShowInMobilePortrait,.HideTabInMobilePortrait { display: none !important; }
    .HideInMobilePortrait { visibility: hidden; }
    .OnlyShowInMobilePortrait { display: inline; }
    .Clear { clear: both; }
    #HP-Holder { columns: 1; }
    .HalfScreen { float: none; width: 96%; padding: 5px; }
    .ssfieldRow { display: block; }
    .ssfieldLabel { display: block; }
    .ssfieldInput { display: block; max-width: 414px; padding-top: 0px; }
    .ssNavigation { white-space: normal; max-width: 100%; display: inline; vertical-align: top; }
    .ssNavInput { display: block; clear: both; }
    .ssNavLabel { display: block; float: none; clear: both; }
    .ssNavSearchLabel { display: block; float: none; clear: both; }
    .sslistNotMobilePortrait { display: none; }
    .TextInput,input[type="text"],input[type="url"],input[type="tel"],input[type="email"],input[type="password"],input[type="file"],input[type="checkbox"],input[type="number"],textarea { max-width: 350px; }
    img[src*="images/erase.jpg"] { display: none; }
    .ImageEditBox { padding-bottom: 0px; }
    .ImageEditBoxPopUp { display: block; }
    .MaxPopup { max-height: 600px; max-width: 400px; }
    .acDisplay { max-width: 414px; overflow-x: auto; }
    .Title { font-size: 2em; margin-top: 10px; margin-bottom: 0px; }
    .News-Brief .NewsImage { max-height: none; }
    .News-Box { max-width: 48%; }
    .CalTimeWeek { display: none; }
    div#VenueAddress { width: 100%; min-height: 0; padding-right: 10px; }
    div#VenueMiniMap { display: none; }
    div#VenueMap { height: 550px; }
    .PaddedLeft { padding-left: 0px; }
    img[mobile=hide] { display: none; }
    .mce-btn { position: relative !important; left: 0px !important; }
    .mce-reset { max-width: 380px !important; max-height: 700px !important; top: 10px !important; }
    div#MenuAsPage { margin: 0; }
    .menu li a img[src*=expand] { width: 12px; height: auto; }
    .tabs li a { display: inline-block; font-size: 11px; white-space: nowrap; }
    .tabcontents { margin-top: -2px; border-right: none; }
    .enquiry { margin-top: -1px; }
    .ShopProductDetail .ProductImage { width: 100%; height: auto; max-height: none; }
    .ShopProductDetail .ProductDesc { width: 100%; }
    .ProductSelectorDiv { width: 100%; float: left; }
    .InMyBasket { width: 100%; }
    .SelectionPlayerHolder { display: block; }
    .SelectionButtonHolder { display: block; }
    .Error,.Warning,.Information,.Important,.Debug,.Calling,.Time,.Webmaster,.Help { position: relative; padding-left: 24px; }
    .Guidance { font-size: 14px !important; }
    .FlexTable .FlexRow { display: block; }
    .FlexTable .FlexRow .FlexCell { display: block; padding-left: 0px; width: 100%; }
    .SSCreEdPrompt { float: none; white-space: normal; }
    img[src*="cal.gif"],img[src*="preview.jpg"],.ActionFlag,div#ConfirmCloseFlag { height: 24px; min-width: 24px; }
    div#SSImagePreviews { display: none; }
    div#CalendarAddActivity { display: inline; }
    .NewsWithImage .EventImage { display: none; }
    input[type=button][name=GoToMonth] { display: none; }
    .calendar-Mobile { display: none; margin-top: 10px; float: right; padding-right: 10px; }
    .News-Box .calendar-Mobile { display: none; }
    .News-Box .calendar { display: inherit; }
    div#VenueImage img { display: none; }
    .menu li a { line-height: 35px; }
    .menu li li { padding-left: 0; width: 225px; }
}
/* Wider mobile layout */
@media screen and (600px < width <= 800px) {
    div#Page { height: auto; min-height: 414px; }
    div#LogoBar { background-color: white; height: 40px; margin-bottom: 5px; width: 91%; max-width: 91%; float: left; }
    div#Tagline { display: block; font-size: .7em !important; margin-bottom: 5px; margin-top: 2px; }
    div#ClubName { font-size: 1.8em !important; }
    .DontShowInMobileLandscape { display: none !important; }
    .OnlyShowInMobileLandscape { display: inline; }
    #HP-Holder { columns: 1; }
    .HalfScreen { float: left; width: 46%; padding: 1%; }
    .ssfieldInput { max-width: 600px; }
    .ssNavSearchLabel { display: table-cell; float: left; }
    .ImageEditBox { padding-bottom: 0px; width: 300px; }
    .ImageEditBoxPopUp { display: block; }
    .MaxPopup { max-height: 350px; max-width: 600px; }
    div#ConfirmMessage,div#ConfirmInput { max-height: 230px; max-width: 400px; }
    .acDisplay { max-width: 600px; overflow-x: auto; }
    .Title { font-size: 2.0em; margin-top: 10px; margin-bottom: 0px; }
    .News-Brief .NewsImage { font-size: 2.0em; margin-top: 10px; margin-bottom: 0px; }
    .News-Box { width: 24%; max-width: 24%; }
    div#VenueAddress { width: 46%; min-height: 0; padding-right: 10px; }
    div#VenueMiniMap { width: 46%; }
    div#VenueMap { height: 400px; }
    .mce-btn { position: relative !important; left: 0px !important; }
    .mce-reset { max-width: 700px !important; max-height: 380px !important; top: 10px !important; }
    .mce-abs-layout,.mce-abs-layout-item { max-width: 700px !important; max-height: 380px !important; box-sizing: border-box; }
    div#MenuAsPage { margin: 0; }
    .menu li a img[src*=expand] { width: 12px; height: auto; }
    .tabs li a { display: inline-block; font-size: 11px; white-space: nowrap; }
    .tabcontents { margin-top: -2px; }
    .ShopProductDetail .ProductImage { width: 40%; float: left; height: auto; max-height: none; }
    .ShopProductDetail .ProductDesc { width: 50%; float: left; }
    .InMyBasket { width: 50%; float: left; }
    .Error,.Warning,.Information,.Important,.Debug,.Calling,.Time,.Webmaster,.Help { position: relative; padding-left: 24px; }
    .Guidance { font-size: 14px !important; }
    .FlexTable .FlexRow { display: block; }
    .FlexTable .FlexRow .FlexCell { display: block; padding-left: 0px; width: 100%; }
    .SSCreEdPrompt { float: none; white-space: normal; }
    img[src*="cal.gif"],img[src*="preview.jpg"],.ActionFlag,div#ConfirmCloseFlag { height: 24px; min-width: 24px; }
    div#SSImagePreviews { display: none; }
    div#CalendarAddActivity { display: inline; }
    .NewsWithImage .EventImage { display: none; }
    input[type=button][name=GoToMonth] { display: none; }
    .calendar-Mobile { display: none; margin-top: 10px; float: right; padding-right: 10px; }
    .News-Box .calendar-Mobile { display: none; }
    .News-Box .calendar { display: inherit; }
    div#VenueImage img { display: none; }
    .menu li a { line-height: 35px; }
    .menu li li { padding-left: 0; width: 225px; }
}
/* Tablet layout */
@media screen and (800px < width < 1000px) {
    .Page { padding: 0 0 0 20px; }
    div#Page { min-height: 80%; }
    div#LogoBar { background-color: white; height: 40px; margin-bottom: 5px; width: 700px; max-width: 91%; float: left; }
    div#Tagline { display: block; font-size: .7em !important; margin-bottom: 5px; margin-top: 2px; }
    div#ClubName { font-size: 1.8em !important; }
    .HalfScreen { float: left; width: 46%; padding: 1%; }
    div#LogoLinks img { max-width: 50px; }
    .Error,.Warning,.Information,.Important,.Debug,.Calling,.Time,.Webmaster,.Help { font-size: 16px !important; }
    .MaxPopup { max-height: 800px; max-width: 700px; }
    .Title { font-size: 2.0em; margin-top: 10px; margin-bottom: 0px; }
    .News-Brief .NewsImage { max-height: none; }
    div#VenueAddress { width: 46%; min-height: 0; padding-right: 10px; }
    div#VenueMiniMap { width: 46%; }
    div#VenueMap { height: 600px; }
    .PaddedLeft { padding-left: 0px; }
    .ShopProductDetail .ProductImage { width: 40%; float: left; height: auto; max-height: none; }
    .ShopProductDetail .ProductDesc { width: 50%; float: left; }
    .InMyBasket { width: 50%; float: left; }
}
/* Container sizing includes padding, so the outer page fits the viewport. */
.Page { box-sizing: border-box; }

@media screen and (width < 1000px) {
    /* The original table-cell wrapper could retain its desktop 990px width. */
    div#PageContent { display: block; width: 100%; min-width: 0; box-sizing: border-box; }
    input, textarea, select { font-size: 16px; }
    /* Keep flex items inside their parent including margins and padding. */
    .ShopProductDetail .ProductImage { box-sizing: border-box; max-width: calc(100% - 20px); }
    .ShopProductDetail .ProductDesc { box-sizing: border-box; min-width: 0; }
    .ShopProduct, .InMyBasket { box-sizing: border-box; max-width: calc(100% - 20px); }
}

@media screen and (max-width: 600px) {
    .DontShowInMobilePortrait, .HideTabInMobilePortrait { display: none !important; }
    .HideInMobilePortrait { visibility: hidden; }
    .OnlyShowInMobilePortrait { display: inline; }
    .OnlyShowInMobileLandscape { display: none; }
    #NewsBanner .news-grid.Brief, #FixtureBanner .news-grid.Brief { grid-template-columns: minmax(0, 1fr); }
    div#LogoBar { width: calc(100% - 50px); max-width: calc(100% - 50px); }
    .HalfScreen, .HPDiv { box-sizing: border-box; }
    .ShopProductDetail .ProductImage, .ShopProductDetail .ProductDesc, .InMyBasket { float: none; }
}

@media screen and (600px < width < 1000px) {
    .DontShowInMobileLandscape { display: none !important; }
    .OnlyShowInMobileLandscape { display: inline; }
    .OnlyShowInMobilePortrait { display: none; }
    div#LogoBar { width: calc(100% - 50px); max-width: calc(100% - 50px); }
}

/* Consolidated former iPad landscape adjustments, now based on space. */
@media screen and (1000px <= width <= 1366px) {
    input[type=file] { max-width: 90%; }
    div#ClubName { font-size: 44px !important; }
}

@media screen and (1200px <= width < 1400px) {
    .Page { width: 1200px; padding: 0 0 0 20px; }
    .News-Box { max-width: 25%; }
}

@media screen and (min-width: 1400px) {
    .Page { width: 1400px; padding: 0 0 0 20px; }
    #HP-Holder { columns: 3; }
    .News-Box { max-width: 20%; }
}