/* Main CSS file, for Racks Summer Singles league 2023 */
/* RedsealSW version 4.4.14.F on Wednesday, 5 Jul at 14:43:38 */
/* Registered until 30/11/2023 */


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

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

*.ulmcontent { margin: 0; padding: 0;}
*#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 18pt /21.6pt Arial, Helvetica, sans-serif; COLOR: #714a2b; text-shadow: 2px 2px 8px #714a2b; BACKGROUND-COLOR: transparent; MARGIN: 4px auto 4px auto;}
h2, *.ulm2 {font: bold 16pt /19.2pt Arial, Helvetica, sans-serif; COLOR: #714a2b; text-shadow: 2px 2px 8px #714a2b; BACKGROUND-COLOR: transparent; MARGIN: 4px auto 4px auto;}
h3, *.ulm3 {font: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #714a2b; BACKGROUND-COLOR: transparent; MARGIN: 4px auto 4px auto;}
h4, *.ulm4 {font: bold 10pt /12pt Arial, Helvetica, sans-serif; COLOR: #714a2b; BACKGROUND-COLOR: transparent; MARGIN: 4px auto 4px auto;}
h5 {font: 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #714a2b; BACKGROUND-COLOR: transparent; MARGIN: 4px auto 4px auto;}
h6, *.ulm6 {font: 9pt /10.8pt Arial, Helvetica, sans-serif; COLOR: #714a2b; text-shadow: 2px 2px 8px #714a2b; BACKGROUND-COLOR: transparent; MARGIN: 4px auto 4px auto;}
*.ulmfooter{COLOR:#714a2b; BACKGROUND-COLOR:inherit;}
footer{PADDING: 10px}
*.profileText, *.profileData {font: bold 10pt /12pt Arial, Helvetica, sans-serif; COLOR: #714a2b; BACKGROUND-COLOR: transparent;}
*.profileText {TEXT-ALIGN: right; FONT-WEIGHT: normal;}
*.profileData {TEXT-ALIGN: left; FONT-WEIGHT: bold; PADDING-LEFT: 4px;}
*.profilePic {FLOAT:left;}

/* Tables */
*.withheader { BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #e6d1c1; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN: 20px auto 20px auto;}
*.withoutheader { BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #e6d1c1; BORDER-RADIUS: 0em 0em 0.5em 0.5em; MARGIN: 20px auto 20px auto;}
* caption { TEXT-ALIGN: center; font: bold 16pt /19.2pt Arial, Helvetica, sans-serif; COLOR: #714a2b; BACKGROUND-COLOR: transparent; BORDER-RADIUS: 0.5em 0.5em 0.0em 0.0em; text-shadow: 2px 2px 8px #714a2b;}
* button, *.w3-button {font: bold 12pt /14.4pt Arial, Helvetica, sans-serif;}
table.withoutheader caption, table.withheader TH { font: bold 12pt /14.4pt Arial, Helvetica, sans-serif; COLOR: #714a2b; BACKGROUND-COLOR: #ca9c7b; BORDER-COLLAPSE: collapse; BORDER-STYLE: solid; BORDER-WIDTH: 1px 1px 0px 1px; BORDER-COLOR: #e6d1c1;}

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: #e6d1c1; COLOR:inherit;}
table.withoutheader tr:nth-child(even), table.withheader tr:nth-child(odd) {BACKGROUND-COLOR: #FFFFFF; COLOR:inherit;}

table.col1ascaption td:first-child {BACKGROUND-COLOR: #ca9c7b; COLOR:inherit;}

/* Define the widths of all tables */
*.table-matrix {width: 100%}
*.table-outstanding {width: 80%}
*.table-league {width: 70%}
*.table-main, *.table-links, *.table-results, *.table-playerstats, *.table-listofmatches {width: 60%}
*.table-fixturematches, *.table-referees {width: 50%}
*.table-downloads {width: 40%}
*.table-fixtureteams {width: 25%}

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

/* Define the table cells */
*#contentcenter *.lp-textN {WIDTH: 100%;}
*#contentcenter *.lom-date {WIDTH: 10%;}
*#contentcenter *.lom-textl {WIDTH: 21%;}
*.lom-data {WIDTH: 5%;}
*.lom-result {WIDTH: 5%;}
*.lom-dataS {WIDTH: 5%;text-decoration: line-through;}
*.lom-time {WIDTH: 21%;}
*#contentcenter *.lom-textr {WIDTH: 21%; PADDING-RIGHT: 1em}
*.lom-textN {WIDTH: 100%;}
*#contentcenter *.lomt-date {WIDTH: 10%;}
*#contentcenter *.lomt-textl {WIDTH: 21%;}
*.lomt-data {WIDTH: 5%;}
*.lomt-result {WIDTH: 5%;}
*.lomt-dataS {WIDTH: 5%;text-decoration: line-through;}
*#contentcenter *.lomt-textc {WIDTH: 26%;}
*.lomt-time {WIDTH: 21%;}
*#contentcenter *.lomt-textr {WIDTH: 21%; 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%;}
*.table-league *.data {WIDTH: 7.333%;}
*#contentcenter *.table-league *.text {WIDTH: 34%;}
*.mp-text {WIDTH: 16%;}
*.mp1-data {WIDTH: 16%;}
*.mp1-textbig {WIDTH: 36%;}
*.mp1-text {WIDTH: 16%;}
*.out-text {WIDTH: 25%;}
*#contentcenter *.mat-text {WIDTH: 31.6%;}
*.mat-data {WIDTH: 3.8%;font-weight:normal!important}
*.mat-btext.text{WIDTH: 31.6%; BACKGROUND-COLOR: #FFFFFF;}
*.mat-bdata.data{WIDTH: 3.8%; BACKGROUND-COLOR: #FFFFFF;}
*#contentcenter *.fix-text3 {WIDTH: 100%;}
*#contentcenter *.fix-text4 {WIDTH: 100%;}
*.fix-data {WIDTH: 20%;}
.lom-textl,.lom-result,.lomt-textl,.lomt-result,.lomt-textc,.res-textl,.table-league *.text,.mat-text,.fix-text3,.fix-text4 {text-align: left}
.lp-textN,.lom-data,.lom-dataS,.lom-time,.lom-textN,.lomt-data,.lomt-dataS,.lomt-time,.lomt-textN,.res-data,.res-textb,.table-league *.data,.mp-text,.mp1-data,.mp1-textbig,.mp1-text,.out-text,.mat-data,.fix-data {text-align: center}
.lom-date,.lom-textr,.lomt-date,.lomt-textr,.res-textr {text-align: right}
*#contentcenter .lom-date,*#contentcenter .lom-textl,*#contentcenter .lomt-date,*#contentcenter .lomt-textl,*#contentcenter .lomt-textc,*#contentcenter .res-textl,*#contentcenter .table-league *.text,*#contentcenter .mat-text,*#contentcenter .fix-text3,*#contentcenter .fix-text4 {padding-left: 1.0em}

th.fix-text3 a:visited { color:#714a2b; BACKGROUND-COLOR: transparent;}
table.table-matrix caption a:visited { color:#714a2b; BACKGROUND-COLOR: transparent;}
th.fix-text3 a:link, th.fix-text3 a:hover, th.fix-text3 a:active { color:#714a2b; 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:#714a2b; BACKGROUND-COLOR: transparent; text-decoration:underline;}
*#contentcenter td.mp-text,*#contentcenter td.mp1-text,*#contentcenter td.fix-data {VERTICAL-ALIGN: top!important;}
div.mainMatchesAndResults table.table-main tr td {line-height:24px;}
th.ms-score.data{font: bold small /120% Arial, Helvetica, sans-serif;}
*.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:18px;color:red}
*.lom-newdate, *.ven-newvenue {border-top: 1px solid!important}

.ulm-box-shadow, #contentcenter table, .ulmcontent {-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.21),0 4px 16px 0 rgba(0,0,0,0.18);-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.21),0 4px 16px 0 rgba(0,0,0,0.18);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%;}
*.ulm-nav-bar {margin-top: 16px}
*.w3-row {padding-top:1em}

/* Styles for small screens */
@media (max-width: 768px) {
BODY, *.ulmcontent, *#contentcenter {BORDER: none !important;}
img, *.knockout *.koround *.match *.playerpic, *.piechart, *.barchart, *.chartheader, *#ulmlistofmatches *.teampic, *.material-icons, *.fa-youtube-play {display: none;}
*#contentcenter table, *#contentcenter .flex-container > div {width:98% !important}
*#nav ul li {font-size:14px !important;}
td.data a:link, td.text4 a:link, td.text a:link {line-height: 170%;}
body, *.bgroundmain, *.bground {BACKGROUND-IMAGE:none}
*.ulmtable {overflow-x:auto;}
*.prevnext a:link {font-size:120%}
td.lom-date, *.playersmall {font-size:80%}
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, *.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}
*.navbarwidth {width: 24%;}
th.text, td.text, th.data, td.data, td.textbig, div.noticetext {font-size:90%!important;}
}