body { 
font-family: 'Sofia Sans', sans-serif; 
font-optical-sizing: auto; 
font-size: 16px; 
line-height: 1.375rem; 
color: #263238;
min-width: 672px; 
} 
div.container {width: 64rem; margin: 0 auto; padding: 0;}
table, th, tr, td { border: 0; padding: 0; margin: 0; border-collapse: collapse; font-variant-numeric: tabular-nums;}

td {padding:0 0; font-size: 0.9375rem;} 

nav, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 
{ font-family: 'Sofia Sans', sans-serif; font-weight: 700; border:0; padding:0; margin: 0;} 

p { margin: 0 }
h1 { font-size: 2.5rem; 
font-family: "Sofia Sans Condensed", sans-serif; ������������
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;}
h2 { font-size: 1.5rem; font-family: 'Sofia Sans Condensed', sans-serif; font-weight: 700;}
h3 { font-size: 1.25rem; font-family: 'Sofia Sans Condensed', sans-serif; font-weight: 700; color: #1B5E20; }
.container { }

a { color: #332581; text-decoration: none; }
a:hover { color: #02433f; } 

h1 a, h2 a, h3 a { color: #fff; }
 
.header  {
   font-family: "Sofia Sans Condensed", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   font-size: 2.5rem; 
   background: #C5E1A5; line-height: 4rem;
 color: #1B5E20; 
 padding: 0 .5rem;
 border-bottom: 4px solid #3544ab;
} 
.header a { color: #1B5E20;  }   
.header img { vertical-align: -2%; }   
.subheader { background: #1a237e; color: #fff; padding: .5rem; font-family: 'Archivo Narrow', sans-serif;} 
div.page-header { padding: 0rem; }
div.page-header p { width: 61rem; line-height: 1.625;}
.round-header { padding: .5rem; }

.headline { font-size: 1rem; line-height: 1.5rem; padding: 0 0rem;} 
span.embiggen { font-size: 2rem; line-height: 2.5rem;} 
.headstats { font-size: 1rem; line-height: 1.5rem; padding: 0 0rem;} 

a { text-decoration: none; }
nav { font-size: 2rem; background: #388e3c; color: #fff; font-weight: 500; grid-area: header;} 
nav a { color: #fff; }
img.banner { height: 1.3125rem; width: .9375rem; vertical-align: -35%; box-shadow: 1px 1px 2px #808080; }
.finals {background: #e8f5e9; } 
.second {background: #c8e6c9; }
.first { background: #cacceb; }
td.ld-num { text-align: right; } 
.ld-next5 {  text-align: center; }

th { font-weight: 400; font-size: .75rem; text-align: right; vertical-align: bottom; }
.table-header, .round-header { font-size: 1.25rem;} 

.roundbox { display: flex; flex-flow: row wrap; }

svg {padding:0;}

.align-left {text-align: left;} 
.align-right {text-align: right;} 

.ladderbox, .info-table { width: 41rem; padding: 0.5rem 0.5rem 0.5rem 0rem; }
.graftbox { width: 31rem; padding: 0.5rem 0.5rem 0.5rem 0rem; }
.projectionbox { width: 41rem; padding: 0.5rem 1rem 0.5rem 0rem; }
.ladderbox tr { height: 1.5rem; }
.extendedbox {  width: 81rem; padding: .5rem; border-left: 1px solid #e3f2fd; }

.ladder td, .ladder th { text-align: right;  padding: .0625rem .125rem; }
.ladder tr { border-bottom: 1px solid #eceff1; height: 1.625rem; }
td.txt { text-align:left;}

td.lad-pos { text-align:center; font-size: .75rem; }
.lad-banner { text-align: center; } 
tr.lad-header { font-size: 1rem; }
th.conf-a { background: #f44336; }
th.conf-b { background: #673ab7; }

.ladder td.lad-club { font-family: "Sofia Sans Condensed", sans-serif; text-align: left; 
font-size: 1.125rem; line-height: 1.25rem; font-weight: 500; padding: 0 0 0 .125rem;} 
.lad-club img { vertical-align: -.375rem; border: 1px #ECEFF1 solid;} 
td.lad-rate { font-weight: bold; }
td.lad-form { text-align: center; }
tr.lad-form { text-align: center; }
img.form { height: 21px; width: 6px; vertical-align: -20%; border: 0px; padding-left: 1px; }
td.lad-next5 { text-align: center; }
img.next5 { height: 21px; width: 15px; vertical-align: -20%; border: 0px; opacity: 0.5; }
.lad-top8 { background: #c8e6c9; }
.lad-top6 { background: #A5D6A7; }
.lad-wild { background: #c8e6c9; }
tr.lad-eighth { border-bottom: 1px solid #cfd8dc; } 



.lad-pct, .lad-ppts { color: #283593; }
td.graft-change {background: #eceff1; border-bottom: #fff solid 1px; }

.swing-up {color:#2e7d32; }
.swing-down {color: #c62828; }
.swing-ytp {color: #b0bec5; }


.row { display: flex; flex-flow: row wrap;}
.blurb, .links { font-size: 1rem; line-height: 1.5rem; padding: .5rem 0; width: 61rem; }

.footer { padding: 0 .5rem; text-align: center; font-size: .75rem; background: #7aaf4c; margin-bottom: 0 } 

.roundbox { padding: 0 0;} 


h4 { padding: 0 0rem; }

.club-links { padding: 0rem; } 
div.club-link {  
display: inline-block; width: 3.5555rem; font-size: 1.375rem; font-family: "Sofia Sans Extra Condensed", sans-serif; line-height: 1.5rem; font-weight: 500; padding:0 0 0 0;
}
.club-link img { height: 1.12rem; width: 0.8rem; vertical-align: -10%;}
div.club-link:hover {background: #cfd8dc;} 

table.dashbox { width: 41rem; margin: .5rem; table-layout: fixed; }

table.dashbox th { font-size: 1rem; line-height: 1.75rem; text-align: left; 
font-family: 'Archivo Narrow'; font-weight: bold; 
} 
table.dashbox tr { border-bottom: 1px solid #eceff1; } 
tr.dash-labels td { font-size: .75rem; text-align: center; line-height:1rem; } 
table.dashbox tr.dash-played { border-bottom: 1px solid #fff; } 
tr.dash-played  { border-bottom: 1px solid #fff;}
.dash-date { font-size: .6875rem; line-height: .75rem; text-align: center; background: #eceff1; }

tr.dash-played .dash-date { background: #e8eaf6; }


.dash-venue { font-size: .75rem; line-height: .75rem; text-align: center; font-weight: medium; }
.dash-fave { font-weight: bold; color: #2e7d32; } 
tr.dash-unplayed .dash-fave { background:#e8f5e9; } 
tr.dash-played .dash-pred { color:#78909c; } 
.dash-home, .dash-away { font-size: 1rem; line-height: 1.25rem; font-family: 'Archivo Narrow'; font-weight: bold; padding: 0 .375rem; }
.dash-home img, .dash-away img { vertical-align: -10%; box-shadow: 1px 1px 2px #607d8b; }
.dash-away { text-align: right; }
.dash-score { text-align: center; }
.dash-pred { text-align: center; font-size: .75rem;}
.dash-graft { text-align: center;}
.dash-tip { text-align: center;}
.dash-result {text-align: center;} 
.tip-right {background: #c8e6c9; }
.tip-wrong {background: #ffcdd2; }
.tip-drawn {background: #ffecb3; }


.club-details {padding: .5rem;}
.club-fixture {padding: .5rem; }
.club-fixture th { text-align: center; background: #4caf50; color: white; border: 1px #80e27e solid; }
.club-fixture tr { border-bottom: 1px #cfd8dc solid; }
table.club-fixture td { padding-right: .25rem; font-size: .8125rem; }
.club-fixture tr.played { background: #e8f5e9; }
.club-fixture tr.current { background: #e8eaf6; }
.club-fixture tr.bye { background: #eceff1; }
.fix-win-result { background: #A5D6A7; }
.fix-draw-result { background: #FFF59D; }
.fix-loss-result { background: #EF9A9A; }
.fix-oppn { font-weight: bold; }
.fix-oppn img { vertical-align: -25%; }
.fix-graft {text-align: center; padding: 0;}
.byecell, .bye { text-align: center; color: #607d8b; } 
.quint-80 { background: #c8e6c9; }
.quint-60 { background: #e8f5e9; }
.quint-40 { background: #eceff1; }
.quint-20 { background: #ffebee; }
.quint-0  { background: #ffcdd2; }


.pro-team { color: #1B5E20; } 
.pro-oppn { color: #B71C1C; } 

td.num { text-align: right; }
th.ctr, td.ctr { text-align: center; }


.proj-stamp { opacity: .5; }

.minibox td { text-align: right; }

td.mmb-venue {font-size: .75rem; text-align: left; } 
.mmb-label {font-size: .75rem;} 

.club-header {border-top: 1px solid #607d8b; border-bottom: 1px solid #607d8b;}
h2.club-banner {  font-weight: 500; padding: 0 0rem; border-width: 8px 0; border-style: solid; font-size: 1.75rem; }
h2.club-banner img { margin: 0px; vertical-align: -75%; margin:8px;  box-shadow: 2px 2px 3px #808080;}
table.club-fixture {padding: .5rem;}
.scarf-ade { background: #d71530; color: #ffcc00; border-color: #0d1839; text-shadow: 1px 1px 1px #000000;}
.scarf-brl { background: #650e35; color: #ffcc00; border-color: #24317c; text-shadow: 1px 1px 1px #000000;}
.scarf-car { background: #021a31; color: #ffffff; border-color: #ffffff; text-shadow: 1px 1px 1px #808080;}
.scarf-col { background: #ffffff; color: #000000; border-color: #000000; text-shadow: 1px 1px 1px #808080;}
.scarf-ess { background: #e50417; color: #000000; border-color: #000000; text-shadow: 1px 1px 1px #ffffff;}
.scarf-fre { background: #251249; color: #ffffff; border-color: #ffffff; text-shadow: 1px 1px 1px #000000;}
.scarf-gee { background: #ffffff; color: #021a31; border-color: #021a31; text-shadow: 1px 1px 1px #808080;}
.scarf-gco { background: #fdd500; color: #006fba; border-color: #ff0000; text-shadow: 1px 1px 1px #ffffff;}
.scarf-gws { background: #ec8423; color: #3a4348; border-color: #3a4348; text-shadow: 1px 1px 1px #ffffff;}
.scarf-haw { background: #f6b228; color: #311d10; border-color: #311d10; text-shadow: 1px 1px 1px #ffffff;}
.scarf-mel { background: #cb0421; color: #071529; border-color: #071529; text-shadow: 1px 1px 1px #ffffff;}
.scarf-nme { background: #142582; color: #ffffff; border-color: #999999; text-shadow: 1px 1px 1px #999999;}
.scarf-pad { background: #000000; color: #ffffff; border-color: #40a4a5; text-shadow: 1px 1px 1px #40a4a5;}
.scarf-ric { background: #fbda2d; color: #000000; border-color: #000000; text-shadow: 1px 1px 1px #ffffff;}
.scarf-stk { background: #de1721; color: #ffffff; border-color: #000000; text-shadow: 1px 1px 1px #000000;}
.scarf-syd { background: #ffffff; color: #e40417; border-color: #e40417; text-shadow: 1px 1px 1px #808080;}
.scarf-wbd { background: #0d3692; color: #ffffff; border-color: #ec1c24; text-shadow: 1px 1px 1px #000000;}
.scarf-wce { background: #0e2b8d; color: #ffc315; border-color: #ffc315; text-shadow: 1px 1px 1px #000000;}

div.proj-table {padding: .5rem; }

table.round-summary {width: 62rem; table-layout: fixed; padding: .125rem 0rem; }
table.round-summary td {text-align: right;} 	
table.round-summary tr { border-bottom: 1px solid #eceff1; }
tr.table-totals td { background: #e3f2fd } 

th.sorttable_sorted { background: #2e7d32;  color: #fff;}
th.sorttable_sorted_reverse { background: #c62828; color: #fff;}


table.gamebox { margin: .5rem; border-bottom: 1px solid #b0bec5; border-collapse: collapse;}

.gamebox td { font-size: .8125rem; text-align: center; height: 1.25rem; line-height: 1rem; padding: 0; margin: 0;}
.gb-rate { font-size: .875rem; color: #455a64}
td.gb-club { font-size: 1rem; color: #333; padding: 0 0rem; line-height: 1.25rem; font-weight: bold;}
td.gb-venue { 
    color: #263238; 
    background: #c8e6c9; 
    text-align: center; 
    font-size: .75rem; 
    height: 12px; 
    line-height: .75rem; padding: 0; margin:0; border:0 }

td.gb-banner { background: #c8e6c9; padding: 0; margin: 0; height: 35px; line-height: .75rem;}

td.gb-banner img { height: 35px; width: 25px; padding: 0; margin: 0; opacity: 0.75;}
td.gb-home { text-align: left;}
td.gb-away { text-align: right;}
td.gb-score { font-size: .875rem; }
td.gb-tip { font-size: .875rem;}

td.gb-odds { text-align: center; font-size: 1rem; color: #37474f; }

td.gb-num { color: #455a64; text-align: right; }
td.gb-txt { color: #455a64; text-align: left; }
td.gb-ctr { color: #455a64; text-align: center; }

table.matchbox { padding: 0; margin: 0.5rem 1rem 0.5rem 0; font-size: 0.875rem; line-height: 1.125rem; border-collapse: collapse;}
table.matchbox tr {border-bottom: #fff solid 1px;}

tr.mb-header td { font-size:.75rem; line-height: 1rem; text-align: center;}

tr.mb-row { line-height: 1.25rem;}
tr.mb-row td { text-align: right; font-size: 0.9375rem; padding-right: .3rem;}
tr.mb-row td.mb-club { 
	text-align:left;
	font-size:  1.125rem;
	font-family: "Sofia Sans Condensed", sans-serif;
	font-weight: 700; 
	}
tr.mb-row td.mb-club img { vertical-align: -45%;}

tr.mb-row td.mb-win { background: #c8e6c9; font-size: 0.9375rem;  }
tr.mb-row td.mb-score { background: #FFCDD2; font-size: 0.9375rem;}
tr.mb-row td.mb-score-loss { color: #B71C1C;}
tr.mb-row td.mb-score-win { color: #1B5E20;}

td.mb-venue { text-align: center; font-size: 0.8125rem; line-height: 1.125rem; background: #eceff1;}

td.mb-forecast, td.mb-result { font-size:.875rem; text-align: center; line-height: 1.375rem;}
td.mb-forecast { background: #e8f5e9; }
td.mb-result { background: #ffebee; }