/* ECC UA stylesheet */

body {
    margin:              0;
    padding:             0;
    background-color:    white;
    font-family:         Verdana, sans-serif;
    font-size:           0.8em;
    color:               black;
    }
#header {
    height:              60px;
    background-color:    #005bbb;
    background-position: top left;
    background-repeat:   repeat-x;
    }
#header1 {                                             /* 2024-05-22 Added START */
    height:              60px;
    background-color:    #005bbb;
    background-position: top left;
    background-repeat:   repeat-x;
    }                                                  /* 2024-05-22 Added END */
#header2 {
    height:              40px;
    background-color:    #ffd500;
    background-position: top left;
    background-repeat:   repeat-x;
    padding:             10px;
    }

/* START-a replace #nav with .nav */
.nav {
    text-align:          left;
    padding-top:         0.1em;
    margin-left:         0em;
    }
.nav ul {
    text-align:          left;
    }
.nav ul.line li {
    display:             inline;
    font-size:           75%;
    }
.nav ul li {
    list-style:          none;
    display:             inline;
    padding:             0 3em 0 0;
    }
.nav a {
    color:               navy;
    text-decoration:     none;
    font-weight:         bold;
    }
.nav a:hover {
    color:               red;							/* 2026-10-15 was #C90 */
    }
.nav a.on {
    color:               #C90
    }
/* FINISH-a replace #nav with .nav */


/* START-b replace #nav with .nav */
/* #nav {
/*     text-align:          left;                      /* 2026-10-08 was center */
/*     padding-top:         0.1em;
/*     margin-left:         0em;
/*     }
/* #nav ul {
/*     text-align:          left;
/*     }
/* #nav ul.line li {										/* 2026-10-08 was just "ul.line li {" */
/*     display:             inline;
/*     font-size:           75%;                       /* 2024-02-21 new */
/*     }
/* #nav ul li {
/*     list-style:          none;
/*     display:             inline;
/*     padding:             0 3em 0 0;
/*     }
/* #nav a {
/*     color:               navy;
/*     text-decoration:     none;
/*     font-weight:         bold;
/*     }
/* #nav a:hover {
/*     color:               #C90
/*     }
/* #nav a.on {
/*     color:               #C90
/*     }
/* FINISH replace #nav with .nav */


ul#navigation {
    margin:              0 0 0 5px;
    position:            relative;
    float:               left;
    border-right:        1px solid #c4dbe7;
    }
ul#navigation li {
    display:             inline;
    font-size:           11px;							/* 2026-10-15 was 12px */
    font-weight:         bold;
    margin:              0;
    padding:             0;
    float:               left;
    position:            relative;
    border-top:          1px solid #c4dbe7;
    border-bottom:       2px solid #c4dbe7;
    }
ul#navigation li a {
    padding:             10px 20px;
    color:               blue;
    text-shadow:         1px 1px 0px #fff;
    text-decoration:     none;
    display:             inline-block;
    border-right:        1px solid #fff;
    border-left:         1px solid #C2C2C2;
    border-top:          1px solid #fff;
    background:          #f5f5f5;
    -webkit-transition:  color 0.2s linear, background 0.2s linear;
    -moz-transition:     color 0.2s linear, background 0.2s linear;
    -o-transition:       color 0.2s linear, background 0.2s linear;
    transition:          color 0.2s linear, background 0.2s linear;
    }
ul#navigation li a.on {
    color:               black; 
    }
ul#navigation li a:hover {
    background:          none;
    color:               #C90;
    }
ul#navigation li:hover > a {
    background:          #fff;
    color:               #C90;
    }
     /* Drop-Down Navigation */
ul#navigation li:hover > ul {
    visibility:          visible;
    opacity:             1;
    }
ul#navigation ul, ul#navigation ul li ul {
    list-style:          none;
    margin:              0;
    padding:             0;    
    visibility:          hidden;
    position:            absolute;
    z-index:             99999;
    width:               180px;
    background:          #f8f8f8;
    box-shadow:          1px 1px 3px #ccc;
    opacity:             0;
    -webkit-transition:  opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:     opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:       opacity 0.2s linear, visibility 0.2s linear;
    transition:          opacity 0.2s linear, visibility 0.2s linear;
    }
ul#navigation ul {
    top:                 39px;
    left:                1px;
    }
ul#navigation ul li ul {
    top:                 0;
    left:                181px;
    }
ul#navigation ul li {
    clear:               both;
    width:               100%;
    border:              0 none;
    border-bottom:       1px solid #c9c9c9;
    }
ul#navigation ul li a {
    background:          none;
    padding:             7px 15px;
    color:               blue;
    text-shadow:         1px 1px 0px #fff;
    text-decoration:     none;
    display:             inline-block;
    border:              0 none;
    float:               left;
    clear:               both;
    width:               150px;
    }
/* 2024-05-22 Added - START */
/* ____________ centre-widths ____________ */
.centre10 {
    max-width:                726px;
    margin-left:              auto;
    margin-right:             auto;
    }
.centre20 {
    max-width:                1062px;
    margin-left:              auto;
    margin-right:             auto;
    }
.centre30 {
    max-width:                1400px;
    margin-left:              auto;
    margin-right:             auto;
    }
/* 2024-05-22 Added - END */
/* 2024-05-08 Added - START */
#center {
    max-width:                600px;
    margin:                   0em auto 2em auto;
    line-height:              1.5;
    }
/* 2024-05-08 Added - END */

/* 2024-05-08 Commented out - START */
/*#center {                                    /*   2024-05-08 */
/*    width:               600px;              /*   2024-05-08 */
/*    margin:              0em 3em 2em 2em;    /*   2024-05-08 */
/*    }                                        /*   2024-05-08 */
/* 2024-05-08 Commented out - END */

/* 2024-05-08 Added - START */
#centre {
    max-width:                600px;
    margin:                   0em auto 2em auto;
    line-height:              1.6;
    }
/* 2024-05-08 Added - END */

/* 2024-05-08 Commented out - START */
/*#centre {                                    /*   2024-05-08 */
/*     width:               600px;             /*   2024-05-08 */
/*     float:               center;            /*   2024-05-08 */
/*     margin:              0em 3em 2em 2em;   /*   2024-05-08 */
/*     background-color: LightYellow;          /* 2022-12-30 */
/*     border:              0px solid blue;    /*   2024-05-08 */
/*     padding:             10px;              /*   2024-05-08 */
/*     line-height:         1.5;               /*   2024-05-08 */
/*    }                                        /*   2024-05-08 */
/* 2024-05-08 Commented out - END */

#leftwide {
    width:               1000px;
    float:               left;
    padding-left:        0em;
    padding-bottom:      2em;
    padding-right:       1em;
    line-height:         1.5;
    }
#left {
/* 2024-05-08 Commented out - START */
/*    width:               600px;              /*   2024-05-08 */
/*    float:               left;               /*   2024-05-08 */
/*    padding-left:        0em;                /*   2024-05-08 */
/*    padding-bottom:      2em;                /*   2024-05-08 */
/* 2024-05-08 Commented out - END */
    line-height:         1.5;
    }
#right {
    width:               200px;
    float:               right;
    padding-right:       8em;
    margin:              0 0 1.5em 0;
    line-height:         1.5;
    }
.centre {
    background-color:    PowderBlue;
    margin:              auto;
    width:               600px;
    border:              0px solid blue;
    padding:             10px;
    }
p.center {
    text-align:          center;
    }
p.right {
    text-align:          right;
    }
.c   {
    text-align:          center;
    }
h1.test {
    color:               red;
    }
h2.width {
    background:          mintcream;
    }
h2.important {
    background:          yellow;
    }
h2.test {
    color:               blue;
    }
h3.red {
    color:               red;
    }
h3.test {
    color:               yellow;
    }
tr.halfheight {
    line-height:         50%;
	}
tr.lessheight {
    line-height:         100%;
	}
tr.moreheight {
    line-height:         200%;
	}

/*--------tourntable---------------*/
.tourntable {
    border:              4px solid #D6DDE6;            /* 2024-03-15 Was 2px */
    width:               100%; 
    border-collapse:     collapse;
    }
.tourntable tr {
    text-align:          center;
    }
.tourntable td {
    border:              1px solid #D6DDE6; 
    padding:             0.3em;
    text-align:          center;                       /* 2024-03-15 Added */
    }
.tourntable td.h1 {
    background:          #FF8080;                      /* 2024-03-15 Was olive */
    width:               10em;                            /* 2024-03-15 Added */
    /* 2024-03-17 font-size:1.2em;                        /* 2024-03-16 Added */
    }
.tourntable td.h2 {
    background:          #FF8080;
    width:               2em;                            /* 2024-03-15 Added */
    }
.tourntable td.h3 {                                        /* Start 2024-03-15 Added */
    background:          #FF8080;
    width:               1.3em;
    font-size:           0.7em;
    }                                                    /* End 2024-03-15 Added */
.tourntable td.player {
    font-size:           1.0em;                            /* 2024-03-15 Was 0.75em */
    background:          gray;                            /* 2024-03-17 Reinstate gray from #00C0C0 */
    }
.tourntable td.grade {
    text-align:          right; /* 2024-03-17 Reinstated */                    /* 2024-03-16 Removed (=Centered) */
    background:          #00C0C0;                        /* 2024-03-17 Reinstate #00C0C0 from gray*/
    /* 2024-03-17 Reinstate original width:1.3em;                            /* 2024-03-16 Added */
    /* 2024-03-17 Reinstate original font-size:0.7em;                        /* 2024-03-16 Added */
    }
.tourntable td.game {
    font-size:           0.7em;
    text-align:          right;                         /* 2024-03-17 Reinstate right from center */
    background:          lightsteelblue;
    }
.tourntable td.game5 {
    font-size:           0.7em;
    text-align:          right;                         /* 2024-03-17 Reinstate right from center */
    background:          lightblue;
    }
.tourntable td.gameN {
    font-size:           0.7em;
    text-align:          right;                         /* 2024-03-17 Reinstate right from center */
    background:          lightblue;
    }
.tourntable td.total {
    text-align:          right;                         /* 2024-03-17 Reinstate right from center */
    background:          #C0C000; /* mustard? */
    /* 2024-03-17 Reinstate original font-size:0.7em;                        /* 2024-03-16 Added */
    }
.tourntable td.standing {
    text-align:          right;                         /* 2024-03-17 Reinstate right from center */
    background:          green;
    /* 2024-03-17 Reinstate original font-size:0.7em;                        /* 2024-03-16 Added */
    }
.tourntable td.first {
    text-align:          right; 
    background:          gold;
    }
.tourntable td.second {
    text-align:          right; 
    background:          silver;
    }
.tourntable td.third {
    text-align:          right; 
    background:          peru;
    }
.tourntable td.num {
    text-align:          right;
    }
.tourntable td.alf {
    text-align:          left;
    }
/* 2024-03-17 Reinstate original .tourntable td.cen {                            /* 2024-03-13 Added */
/* 2024-03-17 Reinstate original     text-align:center;                        /* 2024-03-13 Added */
/* 2024-03-17 Reinstate original     }                                        /* 2024-03-13 Added */
/* 2024-03-17 Reinstate original .tourntable td.bld {                            /* 2024-03-16 Added */
/* 2024-03-17 Reinstate original     font-weight:bold;                        /* 2024-03-16 Added */
/* 2024-03-17 Reinstate original     }                                        /* 2024-03-16 Added */
.tourntable td.qualified {
    color:               green; 
    background:          lightgray;
    }
.tourntable caption {
    font-weight:         bold;
    color:               blue;
    text-align:          left;
    padding:             0.4em 0 0.8em 0;
    }

/*--------resulttable---------------*/
.resulttable {
    border:              2px solid black;               /* 2022-12-30 */
    /* border: 2px solid #D6DDE6; */        /* 2022-12-30 */
    border-collapse:     collapse;
    width:               100%;
    }
.resulttable tr {
    text-align:          center;
    }
.resulttable tr.bl {
    text-align:          left;
    border:              0px;
    font-weight:         bold;
    padding:             0.3em;
    }
.resulttable tr.br {
    text-align:          right;
    border:              0px;
    font-weight:         bold;
    padding:             0.3em;
    }
.resulttable tr.b {
    border:              1px solid #D6DDE6;
    font-weight:         bold;
    }
.resulttable tr.ar {
    background-color:    AliceBlue;
    color:               #000000;
    }
.resulttable th {
    border:              0px solid #828282;
    background-color:    gainsboro;
    font-weight:         bold;
    text-align:          center;
    padding-left:        0.3em;
    }
.resulttable th.c {
    text-align:          center;
    }
.resulttable th.r {
    padding-right:       0.3em;
    text-align:          right;
    }
.resulttable th.l {
    padding-left:        0.3em;
    text-align:          left;
    }
.resulttable th.big {
    font-size:           120%;
    background-color:    lavender;
    }
.resulttable th.normal {                                 /* 2024-02-21 new */
    font-size:           100%;                          /* 2024-02-21 new */
    background-color:    lavender;                      /* 2024-02-21 new */
    }                                                   /* 2024-02-21 new */
.resulttable th.small {
    font-size:           80%;                           /* 2024-02-21 was 100% */
    background-color:    lavender;
    }
.resulttable th.bye {
    font-size:           120%;
    color:               pink;
    }
.resulttable caption {
    font-weight:         bold;
    color:               blue;
    text-align:          left;                          /* 2024-03-17 Reinstate left from center */
    padding:             0.4em 0 0.8em 0;
    }
.resulttable td {
    border:              1px solid #D6DDE6;
    padding:             0.3em;
    text-align:          center;
    }
.resulttable td.big {
    font-size:           120%;
    }
.resulttable td.small {                                 /* 2024-02-21 new */
    font-size:           80%;                           /* 2024-02-21 new */
    }                                                   /* 2024-02-21 new */
.resulttable td.cut {
    border:              0;
    }
.resulttable td.tot {
    font-weight:         bold;
    background-color:    #BCBCBC;
    }
.resulttable td.b {
    font-weight:         bold;
    }
.resulttable td.r {
    text-align:          right;
    }
.resulttable td.l {
    text-align:          left;
    }
.resulttable td.br {
    font-weight:         bold;
    text-align:          right;
    }


/*--------fixturetable---------------*/
.fixturetable {
    border:              2px solid black;               /* 2022-12-30 */
    /* border: 0px solid #D6DDE6;           /* 2022-12-30 */
    border-collapse:     collapse;
    width:               100%;
    /*text-align:          center;                      /* 2024-04-16 Commented out */
    }
.fixturetable caption {
    text-align:          center;
    font-weight:         bold;
    font-size:           1.2em;
    color:               blue;
    padding:             0.4em 0 0.8em 0;
    }
.fixturetable tr {
    text-align:          center;
	}
.fixturetable tr.od {      
/* odd row */
    background-color:    #FFFFFF;
    color:               #000000;
    }
.fixturetable tr.bo {      /* bye, odd row */
    background-color:    #FFFFFF;
    color:               #F8A0A0;
    }
.fixturetable tr.oh {      /* odd row, highlight */
    background-color:    #FFFFFF;
    color:               blue;
    }
.fixturetable tr.ev {      /* even row */
    background-color:    #F0F0F0;                       /* 2024-03-13 was #F8F8F8 */
    color:               #000000;
    }
.fixturetable tr.be {      /* bye, even row */
    background-color:    #F8F8F8;
    color:               #F8A0A0;
    }
.fixturetable tr.he {      /* heading row */
    background-color:    CornflowerBlue;                /* 2024-04-16 Was #F0F0F0 */
    color:               #FFFFFF;                       /* 2024-04-16 Was 000000 */
    }
.fixturetable tr.eh {      /* even row, highlight */
    background-color:    #F0F0F0;
    color:               blue;
    }
.fixturetable th {
    text-align:          right;
    background-color:    CornflowerBlue;                /* 2024-04-16 Added */
    color:               #FFFFFF;                       /* 2024-04-16 Added */
    font-size:           120%;                          /* 2024-04-16 Added */
    }
.fixturetable th.l {
    text-align:          left;
    }
.fixturetable th.c {
    text-align:          center;
    }
.fixturetable td {
    text-align:          right;
    }
.fixturetable td.l {
    text-align:          left;
    }
.fixturetable td.c {
    text-align:          center;
    }
.fixturetable td.b {
    font-weight:         bold;
    }
.fixturetable td.bl {
    text-align:          left;
    font-weight:         bold;
    }
.fixturetable td.el {      /* Emsworth, left-justified */
    text-align:          left;
    font-weight:         bold;
    }
.fixturetable td.br {
    text-align:          right;
    font-weight:         bold;
    }
.fixturetable td.er {      /* Emsworth, right-justified */
    text-align:          right;
    font-weight:         bold;
    }


/*--------highlight---------------*/
.highlighttable {
    border:              8px solid #005bbb;              /* 2024-03-15 Was 12px */
    border-collapse:     collapse;
    width:               600px;
    text-align:          center;
    font-weight:         bold;
    }

.highlighttable td.b {
    font-size:           1.5em;
    }

.highlighttable td.g {
    font-size:           2em;
    }

.highlighttable td.red {
    color:               red;
    }

.highlighttable td.r {									/* 2026-09-30 */
    text-align:          right;							/* 2026-09-30 */
    }													/* 2026-09-30 */
.highlighttable td.l {									/* 2026-09-30 */
    text-align:          left;							/* 2026-09-30 */
    }

.highlight {
    border-collapse:     collapse;
    float:               center;
    width:               600px;
    margin-left:         60px;
    width:               60%;
    text-align:          center;
    font-weight:         bold;
    }
.highlight td {
    text-align:          center;
    }
.highlight td.r {
    text-align:          right;
    }
.highlight td.l {
    text-align:          left;
    }


/*--------gamestable---------------*/
.gamestable {
    border:              0px solid #D6DDE6;
    border-collapse:     collapse;
    width:               100%;
    text-align:          left;
    }
.gamestable tr {
    text-align:          left;
    }
.gamestable td.dt {
    text-align:          left;
    width:               12%;
    }
.gamestable td.nm1 {
    text-align:          right;
    width:               20%;
    }
.gamestable td.scr {
    text-align:          center;
    width:               5%;
    }
.gamestable td.nm2 {
    text-align:          left;
    width:               20%;
    }
.gamestable caption {
    text-align:          center;
    font-weight:         bold;
    font-size:           1.2em;
    color:               blue;
    padding:             0.4em 0 0.8em 0;
    }


/*--------membertable---------------*/
.membertable {
    border:              0px solid #D6DDE6;
    border-collapse:     collapse;
    width:               30%;
    text-align:          center;
    }
.membertable tr {
    text-align:          center;
    }
.membertable td {
    text-align:          left;
    }
.membertable td.c {
    text-align:          center;
    }

/*--------seasonstable---------------*/
.seasonstable {
    border:              0px solid #D6DDE6;
    border-collapse:     collapse;
    width:               100%;
    text-align:          center;
    }
.seasonstable th {
    width:               20%;
    text-align:          center;
    }
.seasonstable th.l {
    text-align:          left;
    }
.seasonstable th.r {
    text-align:          right;
    }
.seasonstable td {
    border:              0px solid #D6DDE6;
    /*width:               16%;*/
    text-align:          left;
    }
.seasonstable td.lowlight {
    color:               lightgray;
    }
.seasonstable td.b {
    font-weight:         bold;
    }

/*-------pop-up notes----------------*/    
.note {
    position:            relative;
    display:             inline-block;
    border-bottom:       1px dotted black;
}

.note .notetext {
    visibility:          hidden;
    width:               200px;
    background-color:    black;             /* 2024-03-17 Reinstate black from #ffd500 */
    color:               #fff;                          /* 2024-03-17 Reinstate #fff from #005bbb */
    /* 2024-03-17 Removed font-weight: normal;                  /* 2024-03-16 Added */
    text-align:          center;
    border-radius:       6px;
    padding:             5px 0;
    position:            absolute;
    z-index:             1;
    bottom:              150%;
    left:                50%;
    margin-left:         -100px;
}

.note .notetext::after {
    content:             "";
    position:            absolute;
    top:                 100%;
    left:                50%;
    margin-left:         -5px;
    border-width:        5px;
    border-style:        solid;
    border-color:        black transparent transparent transparent;
}

.note:hover .notetext {
    visibility:          visible;
}

a: hover {
    color:               green;
}