/* Main CSS file, for Billiards 2018-19 */
/* RedsealSW version 3.102.12.F on Sunday, 5 May at 7:59:40 PM */
/* Registered until 28/10/2019 */


HEADER {margin:50px 0px 20px 0px;}

/* Links */
a:link { COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}
a:visited { COLOR: inherit; BACKGROUND-COLOR: transparent;}
a:active { COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}
a:hover { FONT-SIZE: 110%; COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}

BODY {FONT-SIZE:100%; MARGIN: 0; BACKGROUND-COLOR: #e4f7e4;}

*.content { MARGIN: 0;}
*#contentcenter {TEXT-ALIGN: center;}
img {MARGIN-LEFT: 0.5em; MARGIN-RIGHT: 0.5em}
/* Headers */
h1,h2,h3,h4,h5,h6,*.ulm1,*.ulm2,*.ulm3,*.ulm4,*.ulm5,*.ulm6 {TEXT-ALIGN: center;}
h1,*.ulm1 {font: bold 1.49em /1.79em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h2,*.ulm2 {font: bold 1.32em /1.59em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h3,*.ulm3 {font: bold 1.16em /1.39em "Trebuchet MS", Helvetica, sans-serif; COLOR: #ffffff; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h4,*.ulm4 {font: 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h5,*.ulm5 {font: 0.74em /0.89em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h6,*.ulm6 {font: 0.74em /0.89em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
*.profileText, *.profileData {font: 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
*.profileText {TEXT-ALIGN: right; FONT-WEIGHT: normal;}
*.profileData {TEXT-ALIGN: left; FONT-WEIGHT: bold;}
*.profilePic {FLOAT:left;}

.flex-container {display: flex; align-content: space-between; flex-wrap: wrap; margin: 0px auto 20px auto; background-color: #e4f7e4; width: 60%;}
.flex-centre {justify-content: space-around;}
.flex-container > div {width: 160px; height: 70px; margin: 2px; text-align: center; line-height: 30px; padding: 10px; color: #000000;font: 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; border-style: solid; border-width: 1px; border-color: #a7c942; background-color: #e4f7e4;}

/* Tables */
*.withheader { BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #A7C942; BORDER-SPACING: 1px; PADDING: 2px; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN: 0px auto 20px auto;}
*.withoutheader { BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #A7C942; BORDER-SPACING: 1px; PADDING: 2px; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN: 0px auto 20px auto;}
* caption { TEXT-ALIGN: center; font: bold 1.32em /1.59em "Trebuchet MS", Helvetica, sans-serif; COLOR: #FFFFFF; BACKGROUND-COLOR: #a7c942; BORDER-RADIUS: 0.5em 0.5em 0.0em 0.0em;}
table.withoutheader caption, table.withheader TH, *.kotitle { font: bold 1.16em /1.39em "Trebuchet MS", Helvetica, sans-serif; COLOR: #FFFFFF; BACKGROUND-COLOR: #a7c942; BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #A7C942; BORDER-SPACING: 1px;}
table.table-league TH, table.table-formguide TH, table.table-kodraw TH, table.table-playerstats TH, table.table-bonuspoints TH, table.table-bonusxpoints TH, table.table-playerrecord TH, table.table-referees TH {BORDER-RADIUS: 0.0em 0.0em 0em 0em;}
caption {BORDER-TOP-LEFT-RADIUS: 0.5em;BORDER-TOP-RIGHT-RADIUS: 0.5em;}
*.withheader th:first-child {BORDER-TOP-LEFT-RADIUS: 0.5em;}
*.withheader th:last-child {BORDER-TOP-RIGHT-RADIUS: 0.5em;}
table tr:last-child td:first-child {BORDER-BOTTOM-LEFT-RADIUS: 0.5em;}
table tr:last-child td:last-child {BORDER-BOTTOM-RIGHT-RADIUS: 0.5em;}

/* Table data */
*#contentcenter td { border-style: solid; BORDER-COLLAPSE: collapse; BORDER-WIDTH: 1px; BORDER-COLOR: #A7C942; BORDER-SPACING: 1px; PADDING: 2px; VERTICAL-ALIGN:middle;}

/* Table rows */
table.withoutheader tr:nth-child(odd), table.withheader tr:nth-child(even) {BACKGROUND-COLOR: #E4F7E4;}
table.withoutheader tr:nth-child(even), table.withheader tr:nth-child(odd) {BACKGROUND-COLOR: #E4F7E4;}

/* Define the widths of all tables */
.table-matchsheet, .table-koreport {width: 90%}
.table-playerrecord {width: 80%}
.table-league {width: 70%}
.table-main, .table-links, .table-results, .table-playerstats, .table-formguide, .table-listofmatches {width: 60%}
.table-fixturematches, .table-bonuspoints, .table-bonusxpoints, .table-referees {width: 50%}
.table-downloads, .table-fixtureteams {width: 40%}

/* Define the font of all table cells */
td.text, td.text4{ font: 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.data{ font: 0.74em /0.89em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.textbig, th.text, td.text3{ font: bold 1.16em /1.39em "Trebuchet MS", Helvetica, sans-serif; COLOR: #FFFFFF; BACKGROUND-COLOR: transparent;}

/* Define the table cells */
*.ms-score{WIDTH: 6%;}
*#contentcenter *.ms-hteam{WIDTH: 26%; PADDING-RIGHT: 1em}
*#contentcenter *.ms-ateam{WIDTH: 26%;}
*.ms-iscore.data{WIDTH: 6%; TEXT-ALIGN: center; font: bold 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000;}
*.ms-fscore.data{WIDTH: 6%; BORDER:groove; TEXT-ALIGN: center; font: bold 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000;}
*.ms-bscore.data{WIDTH: 6%; FONT: small/10% sans-serif;}
*.ms-bteam.text{WIDTH: 26%; TEXT-ALIGN: center; font: bold 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; COLOR: #000000;}
*.lp-data{WIDTH: 6%; PADDING-RIGHT: 0.2em}
*#contentcenter *.lp-attend{WIDTH: 12%;}
*#contentcenter *.lp-pcent{WIDTH: 6%;}
*#contentcenter *.lp-text{WIDTH: 29%;}
*#contentcenter *.lp-team{WIDTH: 29%;}
*.lp-textN{WIDTH: 100%;}
*.lpt-data{WIDTH: 7%; PADDING-RIGHT: 0.2em}
*#contentcenter *.lpt-attend{WIDTH: 14%;}
*#contentcenter *.lpt-pcent{WIDTH: 7%;}
*#contentcenter *.lpt-text{WIDTH: 30%;}
*#contentcenter *.lpt-team{WIDTH: 30%;}
*.lpt-textN{WIDTH: 100%;}
*.lpt-text2{WIDTH: 100%; white-space:nowrap;font-weight: bold;}
*.bp-data{WIDTH: 10%;}
*#contentcenter *.bp-text{WIDTH: 40%;}
*.bp-textN{WIDTH: 100%;}
*.bp-blank.data{WIDTH: 40%; FONT: small/10% sans-serif;}
*.pr-data{WIDTH: 6%;}
*#contentcenter *.pr-text{WIDTH: 29%;}
*.pr-pic{WIDTH: 40%;}
*.pr-blank.data{WIDTH: 29%; FONT: small/10% sans-serif; BACKGROUND-COLOR: #E4F7E4;}
*.pr-text2{WIDTH: 100%; white-space:nowrap;font-weight: bold;}
*#contentcenter *.lom-date{WIDTH: 16%;}
*#contentcenter *.lom-textl{WIDTH: 34%;}
*.lom-data{WIDTH: 8%;}
*.lom-dataS{WIDTH: 8%;text-decoration: line-through;}
*#contentcenter *.lom-textr{WIDTH: 34%; PADDING-RIGHT: 1em}
*.lom-textN{WIDTH: 100%;}
*.res-data{WIDTH: 10%;}
*#contentcenter *.res-textl{WIDTH: 40%;}
*#contentcenter *.res-textr{WIDTH: 40%; PADDING-RIGHT: 1em}
*.res-textb{WIDTH: 100%;}
*.table-league .data{WIDTH: 6.6%;}
*#contentcenter *.table-league .text{WIDTH: 34%;}
*.fg-data{WIDTH: 8%;}
*#contentcenter *.fg-team{WIDTH: 30%;}
*.fg-text2{WIDTH: 46%;}
*.mp-text{WIDTH: 25%;}
*.mp1-data{WIDTH: 25%;}
*.mp1-text{WIDTH: 25%;}
*.dl-text{WIDTH: 25%;}
*#contentcenter *.fix-text3{WIDTH: 100%;}
*#contentcenter *.fix-text4{WIDTH: 100%;}
*.fix-data{WIDTH: 25%;}
.ms-ateam,.lp-text,.lp-team,.lpt-text,.lpt-team,.bp-text,.pr-text,.pr-pic,.lom-date,.lom-textl,.res-textl,.table-league .text,.fg-team,.fg-text2,.fix-text3,.fix-text4 {text-align: left}
.ms-score,.lp-textN,.lpt-textN,.bp-data,.bp-textN,.pr-data,.lom-data,.lom-dataS,.lom-textN,.res-data,.res-textb,.table-league .data,.fg-data,.mp-text,.mp1-data,.mp1-text,.dl-text,.fix-data {text-align: center}
.ms-hteam,.lp-data,.lp-attend,.lp-pcent,.lpt-data,.lpt-attend,.lpt-pcent,.lpt-text2,.pr-text2,.lom-textr,.res-textr {text-align: right}
.lp-attend,.lp-pcent,.lpt-attend,.lpt-pcent {padding-right: 0.6em}
.ms-ateam,.bp-text,.pr-text,.lom-date,.lom-textl,.res-textl,.table-league .text,.fg-team,.fix-text3,.fix-text4 {padding-left: 1.0em}
.lp-text,.lp-team,.lpt-text,.lpt-team {padding-left: 0.5em}

th.fix-text3 a:visited { color:#FFFFFF; BACKGROUND-COLOR: transparent;}
th.fix-text3 a:link, th.fix-text3 a:hover, th.fix-text3 a:active { color:#FFFFFF; BACKGROUND-COLOR: transparent; text-decoration:underline;}
*#contentcenter td.mp-text,*#contentcenter td.mp1-text,*#contentcenter td.fix-data,*#contentcenter td.lom-textr,*#contentcenter td.lom-textl {VERTICAL-ALIGN: top;}
table.table-league tr:nth-child(6) *, table.table-league tr:nth-child(5) *, table.table-league tr:nth-child(4) *, table.table-league tr:nth-child(3) *, table.table-league tr:nth-child(2) * {font-weight: bold;}
table.table-league tr:nth-child(6) * {BORDER-BOTTOM-WIDTH: 7px;}
*.fg-w, *.fg-l, *.fg-d, *.fg-n {float:left; width:16px; margin:1px; border-radius:7px; text-align:center; font-size:11.9px; background-color: transparent;}
*.fg-w {background-color: #109618;}
*.fg-l {background-color: #E41818;}
*.fg-d {background-color: #FF9900;}
*.fg-n {background-color: grey;}
div.mainMatchesAndResults table.table-main tr {min-height:80px;}
table.table-matchsheet tr:nth-child(2) td, table.table-matchsheet tr:nth-child(3) td, table.table-matchsheet tr:nth-child(4) td, table.table-matchsheet tr:nth-child(5) td{border-bottom: 5px solid;}
th.ms-score.data, th.pr-data.data, th.bp-data:last-child{font: bold small /120% "Trebuchet MS", Helvetica, sans-serif;}
*.colchart {width:750px; margin-left:auto; margin-right:auto; margin-bottom:50px; margin-top:50px;}
*.fb-like { MARGIN-TOP: 20px;}
table.table-venues TR {min-height:40px;}

/* Styles for notices */
table.tablenoticeC {MARGIN-LEFT: auto; MARGIN-RIGHT: auto;}
*#contentcenter .tablenoticeC tbody tr td { BORDER-STYLE: none;}
table.tablenotice1,table.tablenotice2,table.tablenotice3,table.tablenotice4,table.tablenotice5,table.tablenotice6,table.tablenotice7,table.tablenotice8 { BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #A7C942; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN-TOP: 20px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto;}
table.tablenotice1 caption,table.tablenotice2 caption,table.tablenotice3 caption,table.tablenotice4 caption,table.tablenotice5 caption,table.tablenotice6 caption,table.tablenotice7 caption,table.tablenotice8 caption { font: bold 1.16em /1.39em "Trebuchet MS", Helvetica, sans-serif; COLOR: #FFFFFF; BACKGROUND-COLOR: #A7C942; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #A7C942; BORDER-RADIUS: 0.5em 0.5em 0em 0em;}
div.notice1text, div.notice2text, div.notice3text, div.notice4text, div.notice5text, div.notice6text, div.notice7text, div.notice8text {font: 0.82em /0.99em "Trebuchet MS", Helvetica, sans-serif; PADDING: 4px; COLOR: #000000; OVERFLOW: auto; TEXT-ALIGN: center; BACKGROUND-COLOR: #E4F7E4;}

/* Menu bar */
*.w3-menu-background, *.w3-menu-background a:link, *.w3-menu-background a:visited {color:#FFFFFF!important; background-color:#a7c942!important}
*.w3-menu2-background a:link, *.w3-menu2-background a:visited, *.w3-dropnav, *.w3-dropnav a:link {color:#FFFFFF!important; background-color:#a7c942!important}
*.w3-menu2-background a:first-child {border-radius:16px 16px 0px 0px!important}
*.w3-menu2-background a:last-child {border-radius:0px 0px 16px 16px!important}
*.w3-navbar a:hover {background-color:#a7c942!important;}
*.w3-menu2-background a:hover {background-color:#a7c942!important;}
*.w3-menu-border {border:2px solid #FFFFFF!important}
*.w3-menu2-border {border:1px solid #FFFFFF!important}
*.w3-opennav {font-weight:bold; font-size:150%}

*.navbarwidth {width: 19.95%;}
*.w3-navbar, *.w3-dropnav {margin-left: 1.1em!important; margin-right:0.1em;}
*.w3-dropnav {overflow:hidden}
*.w3-dropdown-click {overflow:visible}
*.w3-row {padding-top:1em}

/* Styles for small screens */
@media only screen and (max-width: 600px) {
BODY, *.content, *#contentcenter{border: none}
table, .flex-container {width:98%}
div.notice1text, div.notice2text, div.notice3text, div.notice4text, div.notice5text, div.notice6text, div.notice7text, div.notice8text {width:98%}
td.data a:link, td.text4 a:link, td.text a:link {line-height: 170%;}
*.kogrid {visibility: collapse; height:0;}
*.kolines1 {visibility: visible;  height:auto;}
*.kolines2 {visibility: visible;}
th.pr-text.text {font: bold small /120% "Trebuchet MS", Helvetica, sans-serif;}
*.ulmtable {overflow-x:auto;}
*.prevnext a:link {font-weight: bold;font-size:150%}
*.fg-w, *.fg-l, *.fg-d, *.fg-n {width:10px;}
}

/* Styles for medium screens */
@media only screen and (min-width: 601px) and (max-width: 992px) {
table, .flex-container {width:98%}
div.notice1text, div.notice2text, div.notice3text, div.notice4text, div.notice5text, div.notice6text, div.notice7text, div.notice8text {width:100%}
*.knockout *.koround {width: 25%}
}