body {
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: auto;
    background-color: antiquewhite;
}

table {
    border-style: solid;
    border-color: #aaa;
    border-width: 3px;
    border-radius: 30px; /* ignored in Events/ShowActive */
    /*border-radius: 3px; does nothing */
    /* border-collapse: collapse; */
}

th {
    color: #000;
    background-color: #ccc;
    border-style: solid;
    border-color: #aaa;
    border-width: 2px;
    font-weight: bold;
    text-align: left;
    /*border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
}

td {
    color: #000;
    background-color: #ffff99;
    border-style: solid;
    border-color: #aaa;
    border-width: 2px;
    text-align: left;
}

.thc {
    color: #000;
    background-color: #ccc;
    border-style: solid;
    border-color: #aaa;
    border-width: 1px;
    font-weight: bold;
    text-align: center;
}

.clubplr {
    border-radius: 15px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    background-color: darkgreen;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    padding: 0px;
    overflow-wrap: break-word;
    overflow: hidden;
    display: inline-block;
}

    .clubplr h2 {
        font-size: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
        background-color: lightgreen;
        color: black;
        padding-left: 15px;
        padding-right: 15px;
    }

    .clubplr h3 {
        font-size: 20px;
        margin: 0px;
        background-color: blanchedalmond;
        color: black;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .clubplr h4 {
        font-size: 14px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding-left: 15px;
        padding-right: 15px;
    }


.rsrvct {
    border: solid;
    border-width: 2px;
    background-color: bisque;
    border-radius: 15px;
    padding: 7px;
    display: inline-block;
    margin-bottom: 10px;
    /*max-width: 760px;*/
    overflow-x: auto;
}

.rsrvctdiv {
    display: inline-block;
    margin-right: auto;
}

.rsel {
    white-space: normal;
    background-color: #00FF99;
    float: left;
    border-radius: 8px;
    text-align: center;
    width: 100px;
    margin: 3px;
}

.rnosel {
    white-space: normal;
    float: left;
    border-radius: 8px;
    text-align: center;
    width: 100px;
    background-color: white;
    margin: 3px;
}

.tmbtsel {
    white-space: normal;
    background-color: #00FF99;
    float: left;
    border-radius: 6px;
    text-align: center;
    width: 50px;
    margin: 3px;
}

.tmbtnosel {
    white-space: normal;
    background-color: white;
    float: left;
    border-radius: 6px;
    text-align: center;
    width: 50px;
    margin: 3px;
}

.rsrvct table {
    /* border-style: none; */
    border-radius: 25px;
    margin: 20px;
}

.rsrvct td {
    /* border-style: none; */
    border-radius: 10px;
    text-align: center;
    margin-left: 4px;
    margin-right: 4px;
    border-spacing: 5px;
    padding-left: 4px;
    padding-right: 4px;
}

.p1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: large;
}

.p2 {
    margin-top: 2px;
    margin-bottom: 5px;
}

.smalltxt {
    margin-top: 0px;
    margin-bottom: 2px;
    font-size: x-small;
    /*border-style: solid;
    border-radius: 2px;
    border-color: black;*/
    /*border-width: 1px;*/
    padding: 2px;
    /*background-color: burlywood;*/
}

.borddiv {
    border-style: solid;
    border-width: thin;
    overflow: hidden;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    max-width: 100vw;
    overflow-x: auto;
}

.choicdiv {
    border-style: solid;
    border-width: thin;
    border-radius: 4px;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    max-width: 100vw;
    overflow-x: auto;
    background-color: darkseagreen;
    padding: 15px;
}

.nobord {
    border: none;
    border-style: unset;
    border-color: unset;
    border-width: unset;
    padding: 6px;
}

    .nobord th {
        background-color: lightgray;
        text-align: center;
        color: black;
        border-style: none;
        font-weight: bold;
        text-align: center;
        border-color: unset;
        border-width: unset;
        padding-left: 4px;
        padding-right: 4px;
    }

    .nobord tr:nth-child(odd) {
        background-color: bisque;
    }

    .nobord tr:nth-child(even) {
        background-color: azure;
    }

    .nobord td {
        color: black;
        background-color: inherit;
        border-color: inherit;
        border-width: inherit;
        text-align: center;
        border-style: none;
        padding-left: 4px;
        padding-right: 4px;
    }

.bord table {
    border: solid;
    padding: 6px;
    border-color: lightgray;
    border-radius: 1em;
}

.bord th {
    background-color: lightgray;
    text-align: center;
    color: black;
    border-style: solid;
    border-color: lightgray;
    font-weight: bold;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.bord tr:nth-child(odd) {
    background-color: bisque;
}

.bord tr:nth-child(even) {
    background-color: azure;
}

.bord td {
    color: black;
    background-color: inherit;
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
}

.descBtn {
    white-space: normal;
    background-color: #00FF99;
    border-radius: 6px;
    text-align: left;
    margin: 3px;
}

.nmsearch {
    background-color: #99ffff;
    color: black;
    padding: 4px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    width: 400px;
    max-width: 400px;
}

.right {
    text-align: right;
}

.htmlinfo2 {
    color: black;
    width: 500px;
    text-align: left;
    background-color: #6AFB92;
    border-style: solid;
    border-width: 3px;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.highshow {
    color: black;
    width: 500px;
    text-align: left;
    background-color: #ffea00;
    border-style: solid;
    border-width: 3px;
    padding: 8px;
    border-radius: 8px;
}

.errshow {
    color: white;
    width: 500px;
    font-weight: bold;
    font-size: larger;
    text-align: left;
    background-color: red;
    border-style: solid;
    border-width: 3px;
    padding: 8px;
    border-radius: 8px;
}

.err2 {
    border-width: thin !important;
    border-color: black !important;
    border-radius: 4px !important;
    background-color: red !important;
    color: white !important;
    font-weight: bold !important;
    font-size: larger !important;
    width: fit-content !important;
    padding: 7px !important;
    margin: 15px !important;
}

.redwhite {
    color: white;
    font-weight: bold;
    background-color: red;
}

.greenwhite {
    color: white;
    font-weight: bold;
    background-color: green;
}

.indentdiv {
    margin-left: 20px;
}

.proFont {
    background-color: red;
    color: white;
    font-size: larger;
    font-weight: bold;
}

.margButton {
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.button2 {
    margin-left: 4px !important;
    margin-right: 4px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    border-width: thin !important;
    border-color: black !important;
    border-radius: 4px !important;
    background-color: gainsboro !important;
}

.htmlHelp3 {
    color: black;
    width: auto;
    text-align: left;
    background-color: #6AFB92;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
    display: inline-block;
    border-radius: 15px;
}

.ldrinfo {
    color: black;
    width: 70%;
    text-align: left;
    background-color: lightgreen;
    border-style: solid;
    border-width: 2px;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 8px;
}

.ltinput { /*long text input*/
    background-color: #99ffff;
    color: black;
    padding: 4px;
    margin: 8px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 1000px;
    width: 1000px;
}

.txtarea {
    background-color: aquamarine;
    color: black;
    padding: 4px;
    margin: 8px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

.shorteml {
    background-color: aquamarine;
    color: black;
    padding: 4px;
    margin: 8px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    height: 100px;
    width: 600px;
    max-width: 600px;
}

.dtinp { /*date text input*/
    background-color: #99ffff;
    color: black;
    padding: 4px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 100px;
    width: 100px;
    margin: 8px;
}

.redb {
    color: red;
    font-weight: bold;
}

.grplist {
    max-height: 600px;
    overflow-y: auto;
}

.boardlist {
    max-height: 800px;
    overflow-y: auto;
}

.cmtList {
    max-height: 600px;
    overflow-y: auto;
    max-width: 800px;
    overflow-x: auto;
    border-radius: 15px;
    border-style: solid;
    border-color: black;
    border-width: 2px;
    background-color: lightsteelblue;
    padding: 8px;
}

.revvid {
    margin: 0;
    padding: 0;
    background: black;
    color: white;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

.zoomed {
    /*zoom: 2;*/
    /* gets chopped off in table -- td does seems to recognize size */
    transform: scale(2.0);
    margin-left: 6px;
    margin-right: 8px;
}

.zoomedDiv {
    display: inline-block;
    vertical-align: -5px;
}

.setgm {
    max-width: 30px;
    width: 30px;
    background-color: aquamarine;
    color: black;
    zoom: 2;
    text-align: center;
    -webkit-appearance: none;
}

.gamecol {
    /*float: left;
    width: 50px;*/
}

.mscore table {
    border: none;
    margin: 8px;
    padding: 4px;
}

.mscore th {
    text-align: center;
    margin: 8px;
}

.mscore td {
    text-align: center;
    margin: 8px;
}

.bldrght {
    text-align: right;
    font-weight: bold;
    padding-right: 8px;
}

.valign {
    display: flex;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 4px;
}

.doinline {
    display: inline;
}

.blindgrp {
    margin-top: 0px;
    font-size: x-small;
    background-color: darkslategrey;
    color: white;
}

.buttonSubmit {
    background-color: #82CAFF;
    color: black;
    padding: 4px;
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 4px;
    border-radius: 4px;
}
.likeSubmit {
    background-color: #82CAFF;
    color: black;
    padding: 4px;
    font-size: 120%;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 4px;
    border-radius: 4px;
    border: solid;
    width: fit-content;
    margin-top: 14px;
}
.buttonCancel {
    background-color: lightcoral;
    color: black;
    padding: 4px;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 4px;
    border-radius: 4px;
    margin-top: 4px;
}
.buttonView {
    background-color: darkgreen;
    color: white;
    padding: 4px;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    border-width: 4px;
    border-radius: 4px;
}

.buttonSmall {
    border: solid;
    border-width: 2px;
    border-radius: 4px;
    font-family: Arial;
    font-size: 10px;
    padding: 3px;
    margin: 2px;
    background-color: brown;
    color: white;
    align-items: center;
    width: fit-content;
    display: inline-block;
}

.buttonSmall2 {
    border: solid;
    border-width: 2px;
    border-radius: 4px;
    font-family: Arial;
    font-size: 14px;
    padding: 3px;
    margin: 2px;
    margin-left: 7px;
    margin-right: 7px;
    background-color: saddlebrown;
    color: white;
    align-items: center;
}

.buttonLarger {
    border: solid;
    border-width: 2px;
    border-radius: 4px;
    font-family: Arial;
    font-size: 15px;
    padding: 3px;
    margin: 2px;
    background-color: brown;
    color: white;
    /*align-items: center;*/
}

.buttonSmallView {
    border: solid;
    border-width: 2px;
    border-radius: 4px;
    font-family: Arial;
    font-size: 10px;
    padding: 3px;
    margin: 2px;
    background-color: darkgreen;
    color: white;
    align-items: center;
}

.cntr {
    text-align: center;
}

.cornFlDiv {
    display: block;
    margin-top: 20px;
    padding: 10px;
    width: fit-content;
    border: solid;
    border-width: 2px;
    border-radius: 5px;
    background-color: cornflowerblue;
}

.ringit {
    border: solid;
    border-width: thin;
    border-radius: 3px;
    border-color: black;
    padding: 1px;
    margin: 0px;
    font-weight: bold;
    font-size: smaller;
    display: inline-block;
    width: fit-content;
}

.recNum {
    font-size: 75%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    color: white;
    background-color: darkgreen;
}

.dtsStart {
    /*width: 150px;*/
    display: inline-block;
    vertical-align: middle;
    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: solid;
    border-width: 2px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-color: black;
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 0px;
    font-size: small;
    background-color: saddlebrown;
    color: white;
}

.dur {
    display: inline-block;
    vertical-align: middle;
    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: solid;
    border-left: none;
    border-width: 2px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-color: black;
    margin-left: -5px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 3px;
    font-size: small;
    background-color: #0a2d80; /* dark bluish*/
    color: white;
}