@charset "utf-8";
/* CSS Document */

/*
colours
•	Text (dark green)	003311
•	Text (green)	115500
•	Yellow	EEEE11
•	Link blue	0033CC
•	Almost White	FFFFDD
*/

/* Initial Settings */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%}
body{margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; line-height:1.3; text-align:center;}

/* Colours */
body{color:#003311; background-color:#FFF;}
h1, h2, h3, h4, h5, h6, .Credit{color:#115500;}
a{color:#0033CC;}
a:hover{color:#3399FF;}
img, form.FmBorder, .Bordered{border-color:#115500;}
#PgContainer{background-color:#fff;}
#PgFoot, #PgFoot a, #PgFoot a:hover, .Bordered h2{color:#EEFFEE; background-color:#115500;}
.red{color:#C00;}
.green{color:#0C0;}
.NotesBox{border-color: #115500; background-color:#ffe;}


input, select, .StandAloneButton, .StandAloneButtonSmall, textarea, .TabRow, .TabBody{border-color: #115500; color: #115500;}
input[type="submit"], input[type="button"], .StandAloneButton, .StandAloneButtonSmall{background-color:#efe;}
input[type="submit"]:hover, input[type="button"]:hover, .StandAloneButton:hover, .StandAloneButtonSmall:hover{color:#fff; background-color:#115500;}
input[type="text"]:focus, input[type="password"]:focus{border-color: #EEEE11; background-color:#efe;}
.FieldError{border-color: #ee3333; background-color:#fee;}

table{border-color: #115500;}
th{color:#fff; background-color:#115500;}
.ShadedRow td{background-color:#EEFFEE;}

.ErrorTxt{color:#E00;}
.ErrorBlock{color:#E00; background-color:#FF9; border-radius:4px; border:solid 2px #E00; text-align:center; font-size:1.1em; padding:3px 4px; box-shadow:0px 0px 6px #CAA;}


/* General Layout */
#PgContainer{position:relative; min-height:100vh; min-width:360px;}
#PgHead{position:relative; height:114px; background:center top no-repeat url(/images/layout/long-banner.jpg); background-size:cover; border-top:solid 6px #115500;}
#PgContent{position:relative; max-width:1010px; margin:8px auto; padding:10px; padding-bottom:76px; border:none; text-align:left;}
#PgFoot{position:absolute; bottom:0; width:100%; min-height:50px; font-weight:normal; font-size:80%; margin:0px; padding:0px;}
#PgFootContent{position:relative; max-width:1010px; margin:0px auto; padding:4px 8px 3px; border:none;}
#PgFootContent img{box-shadow:none; margin:0px; border:none; border-radius:0px;}
#PgFootContent p{margin:0px; padding:0px;}

.row {position:relative; width: 100%; clear:both; margin:0px;}
.NoCols{padding:0px 15px;}
.spaceTop {margin-top:30px;}
.spaceBottom {margin-bottom:30px;}
.spaced {margin-top:16px; margin-bottom:16px;}
.row::after {content: "";clear: both;display: block;}
.col-1 {width: 8.33%; float:left;}
.col-1-keep {width: 8.33%; float:left;}
.col-2 {width: 16.66%; float:left;}
.col-3 {width: 25%; float:left;}
.col-4 {width: 33.33%; float:left;}
.col-5 {width: 41.66%; float:left;}
.col-6 {width: 50%; float:left;}
.col-7 {width: 58.33%; float:left;}
.col-8 {width: 66.66%; float:left;}
.col-9 {width: 75%; float:left;}
.col-10 {width: 83.33%; float:left;}
.col-11 {width: 91.66%; float:left;}
.col-12 {width: 100%; float:left;}
[class*="col-"] {position:relative; padding:15px;}
.Bordered{border:2px solid; padding:8px 8px; border-radius:8px; box-shadow:2px 2px 6px #999; margin:4px 0px 8px;}
.Bordered h2{padding:1px 8px; border-radius:6px; box-shadow: 2px 2px 4px #999, 2px 2px 6px white inset;}

/* column spacing in forms */
form .row [class*="col-"] {padding:2px 8px;}

/* column spacing in footer */
#PgFoot [class*="col-"] {padding:0px;}

/* General Settings */
p{margin:4px 0px 12px;}
h1{margin:4px 0px 8px; font-size:200%;}
h2{margin:20px 0px 4px; font-size:170%;}
h3{margin:18px 0px 4px; font-size:140%;}
h4{margin:12px 0px 2px; font-size:120%;}
h5{margin:2px 0px; font-size:120%;} /* used where small top padding is required */
h6{margin:8px 0px 2px; font-size:100%;}
.Bordered h2{margin-top:2px;}
a{text-decoration:none;}
ul{margin:0px 0px 18px;}
.Credit{font-size:110%; font-style:italic;}

.TxtCenter{text-align:center;}
.TxtRight{text-align:right;}
.Bold{font-weight:bold;}
.Italics{font-style:italic;}
.Small{font-size:80%;}
.vSmall{font-size:0.7em;}

/* Position */
.TxtCenter{text-align:center;}
.TxtLeft{text-align:left;}
.TxtRight{text-align:right;}

/* Images */
img{border:solid 2px; border-radius:8px; box-shadow:2px 2px 6px #AAA; margin:4px auto; max-width:100%; height:auto;}
.NoBorder{border:none; box-shadow:none;}
.ImgLeft{float:left;}
.ImgRight{float:right;}

/* Forms and Fields */
form{width:100%; margin: 8px auto; padding:4px;}
form.FmBorder{border:2px solid; padding:8px 8px; border-radius:8px; box-shadow:2px 2px 6px #999;}
form .FldText, form .row .FldText{padding-top:4px;}
input, select{font-size:1.1em; padding:1px 2px; border-width:1px; border-style:solid; border-radius:2px; box-shadow:0px 0px 3px #999;}
select{width:auto; max-width:100%;}
textarea{border-width:1px; border-style:solid; border-radius:2px; box-shadow:0px 0px 3px #999; padding:3px; font-family:inherit; height:48px; font-size:90%;}
input, textarea, select.FullWidth{width:100%;}
input[type="checkbox"], input[type="radio"]{width:auto;}
input[type="submit"], input[type="button"], .StandAloneButton, .StandAloneButtonSmall{cursor:pointer; border-radius:8px;}
.btnAutoWidth{width:auto; padding-left:8px; padding-right:8px;}
/* Various width settings */
input.FldVVShort{width:50px;}
input.FldVShort{width:90px;}
input.FldShort{width:120px;}
input.FldMedium{width:180px;}
input.FldLong{width:250px;} /* used to force a longer field e.g. in a table */
input.FldMoney{width:80px;}
input.FldMoneyShort{width:60px;}
input.FldDate{width:100px;}
input.FldDateShort{width:80px;}
input.FldDateLong{width:116px;}
input.FldTime{width:60px;}
input.FldPostCode{width:90px;}
input.FldNumber{width:60px;}
input.FldNumberSmall{width:40px;}

.StandAloneButton{display:block; text-align:center; border-width:2px; border-style:solid; margin:4px; font-size:1.2em; padding:2px; box-shadow:0px 0px 3px #999; font-weight:normal;}
.StandAloneButtonSmall{display:block; text-align:center; border-width:2px; border-style:solid; margin:2px; font-size:1em; padding:2px; box-shadow:0px 0px 3px #999; font-weight:normal;}

/* Tables */
table{width:98%; margin:8px 1% 12px; padding:0px; border-width:2px; border-style:solid; border-collapse: collapse; box-shadow: 2px 2px 3px #AAA;}
tr{padding:0px;}
th, td{margin:0px; padding:1px 8px 2px 4px; text-align:left; border:none; vertical-align:top;}
.PadCell_1{padding:1px;} /* used for cells with tick boxes or icons where padding is not needed */
th h2{color:#fff; padding:2px 0px; font-size:1.4em;}
.TblNoBorders, .TblNoBorders th, .TblNoBorders td{border:none;}
.NoWrap{white-space:nowrap;}


/* Tabs */
.TabRow{position:relative; padding:0px;}
.TabChoice{display:inline-block; padding:1px 8px; margin:0px 6px -1px 0px; border:1px solid #115500; color: #115500; box-shadow:2px -2px 3px #999; border-top-left-radius:6px; border-top-right-radius:6px;}
.TabSelected{color:#fff; background-color:#115500;}
.TabBody{position:relative; padding:8px; border:solid 1px;}


/* Containers */
.NotesBox{border:solid 1px; border-radius:8px; box-shadow:1px 1px 4px 2px #999; padding:1% 2%; margin:1% 1% 8px; background-color:#F6F6F6;}
.NotesBox h2{font-size:1.4em; margin:0px; padding:0px 0px 4px; color:#ACA;}
.NotesBox h3{font-size:1em; margin:0px; padding:4px 0px 0px; color:#ACA;}
.NotesBox p, .NotesBox ul{font-size:0.8em; margin-bottom:8px; color:#454;}
.NotesBox ul li{margin:0px 2% 4px 0px; padding-left:12px; padding-right:4%;}


/* Lists */

/* Buttons and icons */
.DelIcon{position:absolute; top:4px; right:12px; color:#F00; background-color:#FFF; padding:0px 6px; border:solid 1px #F00; border-radius:8px; cursor:pointer; width:1.5em; text-align:center;}
.DelIconInline{position:relative; color:#F00; background-color:#FFF; padding:0px 5px; margin:0px auto; font-size:92%; border:solid 1px #F00; border-radius:8px; cursor:pointer; display:inline-block;}
.DelIcon:hover, .DelIconInline:hover{background-color:#F00; color:#FFF;}
.EditIcon{position:absolute; top:4px; right:42px; color:#00F; background-color:#FFF; padding:0px 6px; border:solid 1px #00F; border-radius:8px; cursor:pointer; width:1.5em; text-align:center;}
.EditIcon:hover{background-color:#00F; color:#FFF;}
.TickIconInline{position:relative; color:#0D0; background-color:#FFF; padding:0px 4px; margin:0px auto; font-size:92%; border:solid 1px #0D0; border-radius:8px; cursor:pointer; display:inline-block;}
.TickIconInline:hover{background-color:#0D0; color:#FFF;}

/* Special Items */
#ShowNotes{margin:12px 0px 0px 18px; cursor:pointer; color:#693;}
#SeasonShift{position:relative; height:2rem;}
	#SeasonShift .Previous, #SeasonShift .Next{position:absolute; top:0.5rem; border:solid 1px #03F; background-color:#CCF; color:#03F; width:auto; padding:0 0.5rem; border-radius:4px;}
	#SeasonShift .Previous{left:1rem;}
	#SeasonShift .Next{right:1rem;}


/* Changes for smaller screens */
@media screen and (max-width:700px){
	#PgHead{height:84px;}
	[class*="col-"] {width: 100%; padding:4px;}
	.col-1 {display:none;}
	#PgContent{padding-bottom:100px;}
	#PgFoot .col-6{text-align:center;}
	#FooterClubMarkLogo{display:none;}
	#FooterAddress{font-size:90%;}
}