/* Main CSS file, for Canterbury Tuesday Pool League 2019-21 */
/* RedsealSW version 4.0.5.F on Monday, 25 Oct at 21:36:17 */
/* Registered until 31/08/2022 */


HEADER {padding: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 { COLOR: inherit; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline;}

BODY {FONT-SIZE:100%; MARGIN: 0;}
*.bground {background-color: #efefef; color:inherit;}

*.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, ul li {TEXT-ALIGN: center;}
h1,*.ulm1 {font: bold 24pt /28.8pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h2,*.ulm2 {font: bold 16pt /19.2pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h3,*.ulm3 {font: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #ffffff; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h4,*.ulm4 {font: 10pt /12pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h5,*.ulm5 {font: 9pt /10.8pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
h6,*.ulm6 {font: 9pt /10.8pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 20px auto 4px auto;}
*.ulmfooter{COLOR:#000000; BACKGROUND-COLOR:inherit;}
footer{PADDING: 10px}
*.profileText, *.profileData {font: 10pt /12pt Arial, 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; display: -webkit-flex; align-content: space-between; flex-wrap: wrap; margin: 0px auto 20px auto;justify-content: center; background-color: #efefef; width: 60%;}
*.flex-container > div {width: 160px; height: 70px; margin: 2px; text-align: center;  padding: 10px; color: #000000;font: 10pt /12pt Arial, Helvetica, sans-serif; border-width: 0px; border-color: #000000; background-color: #bfbfbf;}

/* Tables */
*.withheader { BORDER-COLLAPSE: collapse; MARGIN: 20px auto 20px auto;}
*.withoutheader { BORDER-COLLAPSE: collapse; MARGIN: 20px auto 20px auto;}
* caption { TEXT-ALIGN: center; font: bold 16pt /19.2pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; BORDER-RADIUS: 0.5em 0.5em 0.0em 0.0em;}
* button, *.w3-button {font: bold 16pt /19.2pt Arial, Helvetica, sans-serif;}
table.withoutheader caption, table.withheader TH, *.kotitle { font: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FFFFFF; BACKGROUND-COLOR: #000080; BORDER-COLLAPSE: collapse;}

caption {BORDER-TOP-LEFT-RADIUS: 0.5em;BORDER-TOP-RIGHT-RADIUS: 0.5em;}
*.withheader caption {BORDER-BOTTOM-LEFT-RADIUS: 0.5em;BORDER-BOTTOM-RIGHT-RADIUS: 0.5em;}
*.withheader tr:last-child td:first-child {BORDER-BOTTOM-LEFT-RADIUS: 0.5em;}
*.withheader tr:last-child td:last-child {BORDER-BOTTOM-RIGHT-RADIUS: 0.5em;}
*.withoutheader tr:last-child td:first-child {BORDER-BOTTOM-LEFT-RADIUS: 0.5em;}
*.withoutheader tr:last-child td:last-child {BORDER-BOTTOM-RIGHT-RADIUS: 0.5em;}
*.withheader tr:first-child th:first-child {BORDER-TOP-LEFT-RADIUS: 0.5em;}
*.withheader tr:first-child th:last-child {BORDER-TOP-RIGHT-RADIUS: 0.5em;}

/* Table data */
*#contentcenter td { BORDER-COLLAPSE: collapse; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; VERTICAL-ALIGN:middle;}

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

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

/* Define the font of all table cells */
td.text, td.text4{ font: 10pt /12pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.data{ font: 9pt /10.8pt Arial, Helvetica, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.textbig, th.text, td.text3{ font: bold 14pt /16.8pt Arial, Helvetica, sans-serif; COLOR: #FFFFFF; BACKGROUND-COLOR: transparent;}
th.fix-data {font-size:10pt!important}
td.strikethru {text-decoration: line-through;}

/* Define the table cells */
*.ms-score{WIDTH: 8%;}
*#contentcenter *.ms-hteam{WIDTH: 34%; PADDING-RIGHT: 1em}
*#contentcenter *.ms-ateam{WIDTH: 34%;}
*.ms-iscore.data{WIDTH: 8%;}
*.ms-fscore.data{WIDTH: 8%; BORDER:groove;}
*.ms-bscore.data{WIDTH: 8%;}
*.ms-bigbscore.data{WIDTH: 8%;}
*.ms-bteam.text{WIDTH: 34%;}
*#contentcenter *.lp-data{WIDTH: 8%; PADDING-RIGHT: 0.2em}
*#contentcenter *.lp-pcent{WIDTH: 8%;}
*#contentcenter *.lp-text{WIDTH: 30%;}
*#contentcenter *.lp-team{WIDTH: 30%;}
*#contentcenter *.lp-textN{WIDTH: 100%;}
*#contentcenter *.lpt-data{WIDTH: 11%; PADDING-RIGHT: 0.2em}
*#contentcenter *.lpt-pcent{WIDTH: 11%;}
*#contentcenter *.lpt-text{WIDTH: 45%;}
*#contentcenter *.lpt-team{WIDTH: 45%;}
*#contentcenter *.lpt-textN{WIDTH: 100%;}
*#contentcenter *.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%;}
*.pr-data{WIDTH: 8%;}
*#contentcenter *.pr-text{WIDTH: 30%;}
*.pr-pic{WIDTH: 40%;}
*.pr-blank.data{WIDTH: 30%; BACKGROUND-COLOR: #EFEFEF;}
*.pr-text2{WIDTH: 100%; white-space:nowrap;font-weight: bold;}
*#contentcenter *.lom-date{WIDTH: 16%;}
*#contentcenter *.lom-textl{WIDTH: 30%;}
*.lom-data{WIDTH: 8%;}
*.lom-result{WIDTH: 8%;}
*.lom-dataS{WIDTH: 8%;text-decoration: line-through;}
*#contentcenter *.lom-textc{WIDTH: 76%;}
*#contentcenter *.lom-textr{WIDTH: 30%; PADDING-RIGHT: 1em}
*.lom-textN{WIDTH: 100%;}
*.lomt-dataS{text-decoration: line-through;}
*#contentcenter *.lomt-textr{ PADDING-RIGHT: 1em}
*.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: 13.2%;}
*#contentcenter *.table-league *.text{WIDTH: 34%;}
*.fg-data{WIDTH: 8%;}
*#contentcenter *.fg-team{WIDTH: 30%;}
*.fg-text2{WIDTH: 46%;}
*.mp-text{WIDTH: 20%;}
*.mp1-data{WIDTH: 20%;}
*.mp1-text{WIDTH: 20%;}
*.sm-text{WIDTH: 55%;}
*.sm-data1{WIDTH: 20%;}
*.sm-data2{WIDTH: 15%;}
*.sm-data3{WIDTH: 10%;}
*.dl-text{WIDTH: 100%;}
*.up-text{WIDTH: 25%;}
*#contentcenter *.mat-text{WIDTH: 30%;}
*.mat-data{WIDTH: 7%;}
*.mat-btext.text{WIDTH: 30%; BACKGROUND-COLOR: #EFEFEF;}
*.mat-bdata.data{WIDTH: 7%; BACKGROUND-COLOR: #EFEFEF;}
*#contentcenter *.fix-text3{WIDTH: 100%;}
*#contentcenter *.fix-text4{WIDTH: 100%;}
*.fix-data{WIDTH: 20%;}
.ms-ateam,.lp-text,.lp-team,.lpt-text,.lpt-team,.bp-text,.pr-text,.pr-pic,.lom-textl,.lom-result,.lom-textc,.lomt-textl,.lomt-result,.lomt-textc,.res-textl,.table-league *.text,.fg-team,.fg-text2,.sm-text,.mat-text,.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,.lomt-data,.lomt-dataS,.lomt-textN,.res-data,.res-textb,.table-league *.data,.fg-data,.mp-text,.mp1-data,.mp1-text,.sm-data1,.sm-data2,.sm-data3,.dl-text,.up-text,.mat-data,.fix-data {text-align: center}
.ms-hteam,.lp-data,.lp-pcent,.lpt-data,.lpt-pcent,.lpt-text2,.pr-text2,.lom-date,.lom-textr,.lomt-date,.lomt-textr,.res-textr {text-align: right}
*#contentcenter .lp-pcent,*#contentcenter .lpt-pcent {padding-right: 0.6em}
*#contentcenter .ms-ateam,*#contentcenter .bp-text,*#contentcenter .pr-text,*#contentcenter .lom-date,*#contentcenter .lom-textl,*#contentcenter .lom-textc,*#contentcenter .lomt-date,*#contentcenter .lomt-textl,*#contentcenter .lomt-textc,*#contentcenter .res-textl,*#contentcenter .table-league *.text,*#contentcenter .fg-team,*#contentcenter .sm-text,*#contentcenter .mat-text,*#contentcenter .fix-text3,*#contentcenter .fix-text4 {padding-left: 1.0em}
*#contentcenter .lp-text,*#contentcenter .lp-team,*#contentcenter .lpt-text,*#contentcenter .lpt-team {padding-left: 0.5em}

th.fix-text3 a:visited { color:#FFFFFF; BACKGROUND-COLOR: transparent;}
table.table-matrix caption 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;}
table.table-matrix caption a:link, table.table-matrix caption a:hover, table.table-matrix caption a:active { color:#FFFFFF; BACKGROUND-COLOR: transparent; text-decoration:underline;}
*#contentcenter td.mp-text,*#contentcenter td.mp1-text,*#contentcenter td.fix-data {VERTICAL-ALIGN: top;}
*.fg-w, *.fg-l, *.fg-d, *.fg-n {float:left; width:16px; margin:1px; border-radius:7px; text-align:center; font-size:11.9px; color: #000000; background-color: transparent;}
div.mainMatchesAndResults table.table-main tr {min-height:50px;}
table.table-matchsheet tr:nth-child(6) td, table.table-matchsheet tr:nth-child(11) td, table.table-matchsheet tr:nth-child(16) td{border-bottom: 5px solid;}
th.ms-score.data, th.pr-data.data, th.bp-data:last-child{font: bold small /120% Arial, Helvetica, sans-serif;}
*.sitesearch {margin: 4px auto 4px auto; width:40%}
*#contentcenter *.sitesearch td { border-style: none;}
*.contacttextbox {font-size:14px;width:200px}
*.contactmessbox {font-size:14px;width:300px;font-weight:normal}
*.prevnext a:link {font-weight: bold;padding:0.5em;}
*.iconrs {font-size:18px;color:red}
*.w3-row {padding-top:1em}

/* Styles for small screens */
@media (max-width: 768px) {
BODY, *.content, *#contentcenter{border: none}
img, *.knockout *.koround *.match *.playerpic, *.piechart, *.barchart, *#ulmlistofmatches *.teampic, *.material-icons, *.fa-youtube-play {display: none;}
*#contentcenter table, *#contentcenter .flex-container > div {width:98%}
td.data a:link, td.text4 a:link, td.text a:link, td.lom-textc {line-height: 170%;}
body {BACKGROUND-IMAGE:none}
*.kogrid {visibility: collapse; height:0;}
*.kolines1 {visibility: visible;  height:auto;}
*.kolines2 {visibility: visible;}
th.pr-text.text {font: bold small /120% Arial, Helvetica, sans-serif;}
*.ulmtable {overflow-x:auto;}
*.prevnext a:link {font-size:120%}
td.lom-date {font-size:80%}
}

/* Styles for medium screens */
@media (min-width: 769px) and (max-width: 992px) {
*#contentcenter table, *#contentcenter .flex-container > div {width:98%}
*.knockout *.koround {width: 25%}
*.navbarwidth {width: 24%;}
}
