/* Main CSS file, for Snooker Roster 24 - May */
/* RedsealSW version 4.6.27.F on Wednesday, 25 Sep at 9:24:06 PM */
/* Registered until 31/10/2024 */


HEADER {padding:4vw 0 2vw 0; }

/* 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: 4px 0px 0px 0px;}
*.bgroundmain {background-color: transparent; color:inherit;}
*.bground {background-color: transparent; color:inherit;}

*.ulmcontent { margin: 4px 0px 0px 0px; padding: 2px 0px 0px 0px; min-height:100vh; min-height:100dvh}
*#contentcenter {TEXT-ALIGN: center;}
img {MARGIN-LEFT: 0.5em; MARGIN-RIGHT: 0.5em}
/* Headers */
h1,h2,h3,h4,h5,h6,*.ulm1,*.ulm3,*.ulm4, ul li {TEXT-ALIGN: center;}
h1, *.ulm1 {font: bold 1.49em /1.79em Roboto, sans-serif; COLOR: #000000; text-shadow: 2px 2px 8px #000000; BACKGROUND-COLOR: transparent; MARGIN: 0.4vw auto 0.4vw auto;}
h2, *.ulm2 {font: bold 1.32em /1.59em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 0.4vw auto 0.4vw auto;}
h3, *.ulm3 {font: 1.16em /1.39em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 0.4vw auto 0.4vw auto;}
h4, *.ulm4 {font: 0.82em /0.99em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 0.4vw auto 0.4vw auto;}
h5 {font: 0.74em /0.89em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 0.4vw auto 0.4vw auto;}
h6, *.ulm6 {font: 0.74em /0.89em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent; MARGIN: 0.4vw auto 0.4vw auto;}
*.ulmfooter{COLOR:#000000; BACKGROUND-COLOR:inherit;}
footer{PADDING: 10px}
*.profileText, *.profileData {font: 0.82em /0.99em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
*.profileText {TEXT-ALIGN: right; FONT-WEIGHT: normal;}
*.profileData {TEXT-ALIGN: left; FONT-WEIGHT: bold; PADDING-LEFT: 4px;}
*.profilePic {FLOAT:left;}

*.flex-container {display:flex; align-content:space-between; flex-wrap:wrap; margin:0px auto 20px auto; justify-content:center; width:98%; background-color:transparent;}
*.flex-container > div {width:160px; margin:2px; text-align:center; color: #000000;font: 0.82em /0.99em Roboto, sans-serif; border-width:0px; border-color:#ffffff; background-color:#a3cfe1;}
*.flex-container > div {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.21),0 4px 16px 0 rgba(0,0,0,0.18);}

*.flex-container2 {display:flex; align-content:space-between; flex-wrap:wrap; margin:0px auto 20px auto; justify-content:center; width:98%;}
*.flex-container2 > div {width:160px; margin:2px; text-align:center;}
*.ulmbutton {margin:4px; padding:4px; width:45vw; height:10vh; display:inline-block; vertical-align:middle; text-align:center; cursor:pointer; overflow:hidden; white-space:normal; border:1px solid #16003d; border-radius:8px;color:#ffffff;background-color:#a3cfe1;font-weight:normal;}
*.ulmbuttonb {height: 69px;}
*.flex-container2 > div {height:6vh;padding:2px;}
*.flex-container2.mandr > div, *.flex-container2.ko > div {height:12vh;padding:4px;}

/* 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 1.32em /1.59em Roboto, sans-serif; COLOR: #000000!important; BACKGROUND-COLOR: transparent; BORDER-RADIUS: 0.5em 0.5em 0.0em 0.0em;}
* button, *.w3-button {font: 1.16em /1.39em Roboto, sans-serif;}
table.withoutheader caption, table.withheader TH ,*.kotitle { font: 1.16em /1.39em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #509ab9; BORDER-COLLAPSE: collapse;}

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

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

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

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

/* Define the font of all table cells */
td.text, td.text4 {font: 0.82em /0.99em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.data {font: 0.74em /0.89em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
th.text, td.text3 {font: 1.16em /1.39em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
td.textbig {font: 1.16em /1.39em Roboto, sans-serif; COLOR: #000000!important; BACKGROUND-COLOR: transparent;}
td.sm-text {font: 0.74em /0.89em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: transparent;}
th.fix-data {font-size:0.82em!important}
td.strikethru {text-decoration: line-through;}

/* Define the table cells */
*.ms-score {WIDTH: 7%;}
*#contentcenter *.ms-hteam {WIDTH: 29%; PADDING-RIGHT: 1em}
*#contentcenter *.ms-ateam {WIDTH: 29%;}
*#contentcenter *.ms-iscore {WIDTH: 7%; font-weight: bold;}
*#contentcenter *.ms-fscore {WIDTH: 7%; font-weight: bold;}
*#contentcenter *.ms-thscore {WIDTH: 29%; font-weight: bold;}
*#contentcenter *.ms-tascore {WIDTH: 29%; font-weight: bold;}
*.ms-bscore.data{WIDTH: 7%;}
*.ms-thscore, *.ms-tascore, *.ms-bline {background-color: #ffffff!important}
*.ms-thscore, *.ms-bline {border-left-color: #ffffff!important}
*.ms-tascore, *.ms-bline {border-right-color: #ffffff!important}
*.ms-thscore.last, *.ms-tascore.last {border-bottom-color: #ffffff!important}
*.ms-bigbscore.data{WIDTH: 7%;}
*.ms-bteam.text{WIDTH: 29%;}
*#contentcenter *.ms-player {WIDTH: 29%; PADDING-RIGHT: 1em}
*#contentcenter *.ms-data {WIDTH: 8%;}
*.ms-gap.data{WIDTH: 10%;BORDER-WIDTH:0px!important;BORDER-LEFT-STYLE:solid!important;BORDER-RIGHT-STYLE:solid!important;BORDER-TOP-STYLE:hidden!important;BORDER-BOTTOM-STYLE:hidden!important;background-color: #ffffff;}
*#contentcenter *.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%;}
*#contentcenter *.lp-textN {WIDTH: 100%;}
*#contentcenter *.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%;}
*#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: 7%;}
*.pr-venue {WIDTH: 7%;}
*.pr-datasummary {WIDTH: 7%;}
*#contentcenter *.pr-partner {WIDTH: 29%;}
*#contentcenter *.pr-opposition {WIDTH: 29%;}
*#contentcenter *.pr-opponent {WIDTH: 29%;}
*.pr-pic {WIDTH: 40%;}
*.pr-blank.data{WIDTH: 29%; BACKGROUND-COLOR: #FFFFFF;}
*.pr-text2 {WIDTH: 100%; white-space:nowrap;font-weight: bold;}
*#contentcenter *.lom-date {WIDTH: 0%;}
*#contentcenter *.lom-textl {WIDTH: 36%;}
*.lom-data {WIDTH: 9%;}
*.lom-result {WIDTH: 9%;}
*.lom-dataS {WIDTH: 9%;text-decoration: line-through;}
*#contentcenter *.lom-textr {WIDTH: 36%; PADDING-RIGHT: 1em}
*.lom-textN {WIDTH: 100%;}
*#contentcenter *.lomt-date {WIDTH: 0%;}
*#contentcenter *.lomt-textl {WIDTH: 36%;}
*.lomt-data {WIDTH: 9%;}
*.lomt-result {WIDTH: 9%;}
*.lomt-dataS {WIDTH: 9%;text-decoration: line-through;}
*#contentcenter *.lomt-textc {WIDTH: 45%;}
*#contentcenter *.lomt-textr {WIDTH: 36%; PADDING-RIGHT: 1em}
*.lomt-textN {WIDTH: 100%;}
*.res-data {WIDTH: 10%;}
*#contentcenter *.res-textl {WIDTH: 40%;}
*#contentcenter *.res-textr {WIDTH: 40%; PADDING-RIGHT: 1em}
*.res-textb {WIDTH: 100%;}
*#contentcenter *.pl-text {WIDTH: 30%;}
*.pl-text img {PADDING-LEFT: 0.5em; PADDING-RIGHT: 1em}
*.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%;}
*.dl-text {WIDTH: 100%;}
*#contentcenter *.fix-text3 {WIDTH: 100%;}
*#contentcenter *.fix-text4 {WIDTH: 100%;}
*.fix-data {WIDTH: 25%;}
*#contentcenter *.hand-text {WIDTH: 40%;}
*.hand-data {WIDTH: 20%;}
*#contentcenter *.con1-text {WIDTH: 20%;}
*#contentcenter *.con2-text {WIDTH: 20%;}
.ms-ateam,.lp-text,.lp-team,.lpt-text,.lpt-team,.bp-text,.pr-partner,.pr-opposition,.pr-opponent,.pr-pic,.lom-textl,.lom-result,.lomt-textl,.lomt-result,.lomt-textc,.res-textl,.pl-text,.table-league *.text,.fg-team,.fg-text2,.fix-text3,.fix-text4,.hand-text,.con1-text,.con2-text {text-align: left}
.ms-score,.ms-iscore,.ms-fscore,.ms-data,.lp-textN,.lpt-textN,.bp-data,.bp-textN,.pr-data,.pr-venue,.pr-datasummary,.lom-data,.lom-dataS,.lom-textN,.lomt-data,.lomt-dataS,.lomt-textN,.res-data,.res-textb,.table-league *.data,.fg-data,.mp-text,.dl-text,.fix-data,.hand-data {text-align: center}
.ms-hteam,.ms-thscore,.ms-tascore,.ms-player,.lp-data,.lp-attend,.lp-pcent,.lpt-data,.lpt-attend,.lpt-pcent,.lpt-text2,.pr-text2,.lom-date,.lom-textr,.lomt-date,.lomt-textr,.res-textr {text-align: right}
*#contentcenter .lp-attend,*#contentcenter .lp-pcent,*#contentcenter .lpt-attend,*#contentcenter .lpt-pcent {padding-right: 0.6em}
*#contentcenter .ms-ateam,*#contentcenter .bp-text,*#contentcenter .pr-partner,*#contentcenter .pr-opposition,*#contentcenter .pr-opponent,*#contentcenter .lom-date,*#contentcenter .lom-textl,*#contentcenter .lomt-date,*#contentcenter .lomt-textl,*#contentcenter .lomt-textc,*#contentcenter .res-textl,*#contentcenter .pl-text,*#contentcenter .table-league *.text,*#contentcenter .fg-team,*#contentcenter .fix-text3,*#contentcenter .fix-text4,*#contentcenter .hand-text,*#contentcenter .con1-text,*#contentcenter .con2-text {padding-left: 1.0em}
*#contentcenter .lp-text,*#contentcenter .lp-team,*#contentcenter .lpt-text,*#contentcenter .lpt-team {padding-left: 0.5em}

/* Extra CSS bits */
th.fix-text3 a:visited { color:#000000; BACKGROUND-COLOR: transparent;}
th.fix-text3 a:link, th.fix-text3 a:hover, th.fix-text3 a:active { color:#000000; BACKGROUND-COLOR: transparent; text-decoration:underline;}
*#contentcenter td.mp-text,*#contentcenter td.mp1-text,*#contentcenter td.con2-text,*#contentcenter td.fix-data,*#contentcenter td.pr-data,*#contentcenter td.pr-partner,*#contentcenter td.pr-opposition,*#contentcenter td.pr-opponent,*#contentcenter td.pr-venue {VERTICAL-ALIGN: top!important;}
*#contentcenter .table-league tr:nth-child(9) *, *#contentcenter .table-league tr:nth-child(8) *, *#contentcenter .table-league tr:nth-child(7) *, *#contentcenter .table-league tr:nth-child(6) *, *#contentcenter .table-league tr:nth-child(5) *, *#contentcenter .table-league tr:nth-child(4) *, *#contentcenter .table-league tr:nth-child(3) *, *#contentcenter .table-league tr:nth-child(2) * {font-weight: bold;}
*#contentcenter .table-league tr:nth-child(9) * {BORDER-BOTTOM-WIDTH: 7px;}
*.fg-w, *.fg-l, *.fg-d, *.fg-n {float:left; width:1.16em; margin:1px; border-radius:5px; text-align:center; font-size:0.74em; color: white;}
*.fg-w {background-color: #44c424;}
*.fg-l {background-color: #d00;}
*.fg-d {background-color: #FF9900;}
*.fg-n {background-color: grey;}
table.table-fixturematches tr:nth-child(2) {height:70px;}
table.table-matchsheet tr:nth-child(4) td, table.table-matchsheet tr:nth-child(7) td, table.table-matchsheet tr:nth-child(10) td, table.table-matchsheet tr:nth-child(13) td{border-bottom: 5px solid;}
th.ms-score.data, th.pr-data.data, th.pr-venue.data, th.bp-data:last-child{font: bold small /120% Roboto, sans-serif;}
*.piechart {width:750px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px;BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #000000;}
*.piechartS {width:400px; margin-left:auto; margin-right:auto; margin-bottom:0px; margin-top:0px;BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #000000;}
*.sitesearch {margin: 4px auto 4px auto; width:40%}
*#contentcenter *.sitesearch td { border-style: none;}
*.prevnext a:link {font-weight: bold;padding:0.5em;}
*.iconrs {font-size:1.49em;color:red}
*.lom-newdate, *.ven-newvenue {border-top: 1px solid!important}

.ulm-box-shadow, #contentcenter table, .ulmcontent {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.21),0 4px 16px 0 rgba(0,0,0,0.18);}
.ulm-info-panel {border: 2px solid #1c1c1e!important;border-radius: 12px; width:100%; margin: auto;flex-grow: 1;flex-basis: auto;}
.ulm-info-panel{width: 90.0%;}

/* 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: #FFFFFF; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN-TOP: 20px; MARGIN-BOTTOM: 4px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto;}
table.tablenotice1 td,table.tablenotice2 td,table.tablenotice3 td,table.tablenotice4 td,table.tablenotice5 td,table.tablenotice6 td,table.tablenotice7 td,table.tablenotice8 td { PADDING:0!important;}
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: 1.16em /1.39em Roboto, sans-serif; COLOR: #000000; BACKGROUND-COLOR: #509AB9; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #FFFFFF;}
*.notice td {BORDER-BOTTOM-LEFT-RADIUS:0.5vw; BORDER-BOTTOM-RIGHT-RADIUS:0.5vw}
div.notice1text, div.notice2text, div.notice3text, div.notice4text, div.notice5text, div.notice6text, div.notice7text, div.notice8text {font: 0.82em /0.99em Roboto, sans-serif; PADDING: 4px; COLOR: #000000; OVERFLOW: auto; TEXT-ALIGN: center; BACKGROUND-COLOR: #A3CFE1;}

/* Menu bar */
*.w3-menu-background, *.w3-menu-background a:link, *.w3-menu-background a:visited {color:#000000!important; background-color:#509AB9; text-decoration:none; border-style: solid; border-width: 1px; border-color: #000000;}
*.w3-menu2-background, *.w3-menu2-background a:link, *.w3-menu2-background a:visited, *.w3-dropdown-content {color:#000000!important; background-color:#509AB9; text-decoration:none; border-style: solid; border-width: 1px; border-color: #000000;}
*.w3-menu-round {border-radius:16px!important}
*.w3-menu2-round {border-radius:16px!important}
*.w3-menu2-round :first-child {border-radius:16px 16px 0px 0px!important}
*.w3-menu2-round :last-child {border-radius:0px 0px 16px 16px!important}
*.w3-menu-item {font: bold 1.32em /1.59em Roboto, sans-serif;}
*.w3-dropdown-content h2 {font-weight:bold; font-size:150%; padding:8px 16px;float:left; text-shadow:none; color:#000000}
*.sub-bar-item {font-weight:normal; font-size:130%}
#ulmmenusmall .w3-dropdown-content h2 {float:none;}
*.ulm-nav-bar {margin-top: 16px}
*.w3-row {padding-top:1em}
*.piechart {display: block}
*.piechartS {display: none}

/* Styles for small screens */
@media (max-width: 768px) {
BODY, *.ulmcontent, *#contentcenter {BORDER: none !important;}
*#contentcenter table, *#contentcenter .flex-container > div {width:98% !important}
*#contentcenter .tablenotice1, *#contentcenter .tablenotice2, *#contentcenter .tablenotice3, *#contentcenter .tablenotice4, *#contentcenter .tablenotice5, *#contentcenter .tablenotice6, *#contentcenter .tablenotice7, *#contentcenter .tablenotice8 {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-partner.text, th.pr-opposition.text, th.pr-opponent.text {font: bold small /120% Roboto, sans-serif;}
*.ulmtable {overflow-x:auto;}
*.prevnext a:link {font-size:120%}
td.lom-date, *.playersmall {font-size:80%}
*.piechart, *.chartheader {display: none}
*.piechartS {display: block}
.w3-container{padding:0}
th.text, td.text, th.data, td.data, td.textbig, div.noticetext {font-size:60%!important;}
}

/* Do not display on Iphone portrait */
@media (max-width: 420px) and (orientation: portrait) {
*.lom-venue, *.lomt-venue, *.pr-venue, *.pr-opposition, *.hplayerpic, *.aplayerpic {display: none!important;}
}

/* Styles for medium screens */
@media (min-width: 769px) and (max-width: 992px) {
*#contentcenter table, *#contentcenter .flex-container > div {width:98% !important}
div.notice1text, div.notice2text, div.notice3text, div.notice4text, div.notice5text, div.notice6text, div.notice7text, div.notice8text {width:100%}
*.knockout *.koround {width: 25%}
*.navbarwidth {width: 24%;}
th.text, td.text, th.data, td.data, td.textbig, div.noticetext {font-size:90%!important;}
}