.medalwinner {
    font-size: large;
    padding-left: 5px;
}
.medalwinnerslabel {
    font-size: large;
    padding-right:5px;
    font-weight:bold;
}

.divmedalwinner {
    width: 600px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.imgmedal {
    height: 30px;
    text-align: left;
    padding-left:20px;
}

.div-center-800 {
    width: 800px;
    text-align: center;
    color: black;
    padding: 2px 0px 2px 10px;
    margin: auto;
}
.roundedbutton {
    background-color: #D6EDF5;
    border: 2px solid #00AFEF;
    color: black;
    padding: 0px 5px 0px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 5px 2px;
    border-radius: 5px;
}

.submitbutton {
    background-color: #D5F04D;
    border: 2px solid black;
    color: black;
    padding: 0px 10px 0px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
    margin: 5px 2px;
    border-radius: 5px;
}

    .submitbutton:hover {
        background-color: #A3B05F;
        border: 2px solid black;
        color: black;
        padding: 0px 10px 0px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-weight: bold;
        font-size: 24px;
        margin: 5px 2px;
        border-radius: 5px;
    }

.smallsubmitbutton {
    background-color: #D5F04D;
    border: 2px solid black;
    color: black;
    padding: 0px 5px 0px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    margin: 3px 1px;
    border-radius: 3px;
}

    .smallsubmitbutton:hover {
        background-color: #A3B05F;
        border: 2px solid black;
        color: black;
        padding: 0px 5px 0px 5px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-weight: bold;
        font-size: 16px;
        margin: 3px 1px;
        border-radius: 3px;
    }

.cancelbutton {
    background-color: #FFFFFF;
    border: 2px solid black;
    color: black;
    padding: 0px 10px 0px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 24px;
    margin: 5px 2px;
    border-radius: 5px;
}

    .cancelbutton:hover {
        background-color: #CCCCCC;
        border: 2px solid black;
        color: black;
        padding: 0px 10px 0px 10px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 24px;
        margin: 5px 2px;
        border-radius: 5px;
    }

.actionbutton {
    height: 30px;
    margin: 5px;
    vertical-align: middle;
}

.actionbutton-small {
    height: 15px;
    margin: 2px;
    vertical-align: middle;
}
.medalcontainer {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    margin-top:0px;
}
.medalcontainer div{
    margin:auto;
    width:350px;
    text-align:left;
    padding-top:3px;
}
.Hide {
    display: none;
}
.Show {
    display:block;
    visibility: visible;
}
.PageTitle {
    font-family: Verdana;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 40pt;
}
.LoginTitle {
    font-family: Verdana;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 32pt;
}
.TournamentTitle {
    font-family: 'Times New Roman';
    font-size: 36pt;
    font-weight:bold;
    padding-top:20px;
}
.DivisionTitle {
    font-family: Verdana;
    font-size: 28pt;
}
.DivisionTitleSmall {
    font-family: Verdana;
    font-size: 14pt;
    font-weight:bold;
    position:relative;
    left: -0%;
}
.DivisionPlayerCountLabel {
    font-family: Verdana;
    font-size: 16pt;
    margin-top:-20px;
}
.DivisionName {
    font-family: Verdana;
    font-size: 14pt;
}
.RegistrantName {
    font-family: Verdana;
    font-size: 28pt;
}
@media (max-width:500px){
    .align-content-stretch {
        width: 480px;
        display: inline-block;
        float: none;
        overflow-x: auto;
        white-space: nowrap
    }
    .DivisionTitleSmall {
        font-family: Verdana;
        font-size: 14pt;
        font-weight: bold;
        position: relative;
        left: -10%;
    }

}
.MatchAssignment {
    font-size: large;
    border: 4px solid black;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
}
.MatchupNames {
    font-size: large;
}
.WhiteCell {
    background-color: White;
    border: None;
    FONT-SIZE: 14px;
    text-align: center;
    height:30px;
}
.RoundRobinCell {
    background-color: White;
    border: None;
    FONT-SIZE: 14px;
    text-align: left;
}
.WinningPlayer {
    border: 1px solid black;
    padding-left: 2px;
    padding-right: 2px;
}

.GreenCell {
    background-color: #99ff33;
    border: None;
    FONT-SIZE: 10px;
    font-weight: bold;
}

.GrayCell {
    background-color: rgb(255,255,255);
    border: None;
    FONT-SIZE: 10px;
}

.GrayHeaderCell {
    background-color: rgb(220,220,220);
    border: solid 1px gray;
    text-align: center;
    FONT-SIZE: 16px;
    font-weight: bold;
}

.QuadrantHeaderCell {
    background-color: black;
    color: white;
    border: solid 1px black;
    text-align: center;
    FONT-SIZE: 10px;
    font-weight: bold;
}

.LeftBorder {
    border-left: solid 1px black;
}

.RightBorder {
    border-right: solid 1px black;
}

.RightWhiteBorder {
    border-right: solid 1px white;
}

.BottomBorder {
    border-bottom: solid 1px black;
}

.TopBorder {
    border-top: solid 1px black;
}

.PinkBackground {
    background-color: rgb(255, 175, 181);
}

.BlueBackground {
    background-color: rgb(200, 200, 255);
}

.PurpleBackground {
    background-color: #c9f;
}

.WhiteBackground {
    background-color: rgb(255, 255, 255);
}

.GreenBackground {
    background-color: rgb(144, 255, 181);
}

.Subtitle {
    FONT-SIZE: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.BoldPlayer {
    font-weight: bold;
}
.RoundTitle {
    FONT-SIZE: 16px;
    font-weight: bold;
    text-align:center;
}