body, html { height: 100%;, margin:0; padding:0; border:0; }
a  {color:#000080; text-decoration: none;}
a:visited {color:#000080; text-decoration: none;}
.Clickable { display: inline-block; cursor: pointer; color: #0000FF; z-index:1; }
.Clickable:hover, .Clickable:focus { color: #8080FF; }

.ContactImage { max-height:4vh; max-width:3.5vw; margin-left:1vw; cursor:pointer; }
.ContactImageTall { max-height:7vh; max-width:3.5vw; margin-left:1vw; cursor:pointer; }
.LoginButton {
    display: none; position:absolute; top:1vh; right:1vw;
    text-align: center; font-family:sans-serif; font-weight:bold; font-size:1.2vw;
    border-radius: 1em;
    border: 1px solid black;
    cursor: pointer;
    background-color: #f0f0d0;
    color: blue;
    padding: 8px;
    box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.4);
    z-index: 11;
}
.LoginPhrase {
    display: none; position:absolute; top:1vh; right:1vw;
    font-size:1.1vw;
}
.KnownUser {
    display: none; position:absolute; top:.5vh; right:.5vw;
    text-align: right; font-family:sans-serif; font-style:italic; font-size:1.3vw;
    color: rgba(60,30,0,1);
}
.Clock {
    position:fixed;
    bottom: .4vh;
    right: .6vw;
    display:inline-block;
    font-size: 1.1vw;
    font-family: sans-serif;
}
#SignupSheet {
    font-size:1.1vw;
    background-color:white;
    box-shadow: -10px 14px 8px rgba(0,0,0,0.4);
    position: absolute;
    top: 40%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
}
.SUSX {
    position:absolute;
    top:-.8em; right:-.8em;
    font-weight:bold;
    font-size:135%;
    font-family:sans-serif;
    padding: 2px 8px;
    background-color: white;
    cursor: pointer;
    border-radius: 1em;
    border: 2px solid black;
    z-index: 3;
}
.SUStable {
    text-align:center;
    table-layout:fixed;
    border-collapse: collapse;
    border: 2px solid black;
}
.SUStable th {
    position: relative;
    border: 1px solid;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.0;
    padding:4px;
    background-color: #f0f0f0;
}
.SUStable td {
    border: 1px solid;
    padding:4px;
}
.SUStable td:nth-child(-n + 3) {
    font-size:115%;
}
.SUScell {

}
.SUSFbutton {
    display: inline-block;
    text-align: center;
    border-radius: 1em;
    border: 1px solid black;
    cursor: pointer;
    background-color:#f0f0ff;
    margin: .5em 3em 1em 3em;
    padding: 8px;
    line-height: 0.9;
    box-shadow: -6px 6px 5px rgba(0, 0, 0, 0.4);
}

.SignupSheetForm {
    font-size:1.5vw;
    background-color:white;
    box-shadow: -10px 14px 8px rgba(0,0,0,0.4);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.SUSFtable {
    text-align:left;
    table-layout:fixed;
    border-collapse: collapse;
    border: 2px solid black;
}
.SUSFtable td {
    border: 1px solid;
    padding:4px;
}
.SUSFtable td:nth-child(1) {
    text-align:right;
    font-size: 85%;
}
.SUSFlabel {
    width: 15vw;
}
.SUSFinput {
    width: 40vw;
    display:inline-block;
    background-color:#ffffe0;
}

.PopupPrompt {
    background-color:white;
    box-shadow: -10px 14px 8px rgba(0,0,0,0.4);
    position: absolute;
    top: 25%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
}
.PUPX {
    position:absolute;
    top:-.8em; right:-.8em;
    font-weight:bold;
    font-size:135%;
    font-family:sans-serif;
    padding: 2px 8px;
    background-color: white;
    cursor: pointer;
    border-radius: 1em;
    border: 2px solid black;
    z-index: 3;
}
.PUPbutton {
    display: inline-block;
    text-align: center;
    border-radius: 1em;
    border: 1px solid black;
    cursor: pointer;
    background-color:#f0f0ff;
    margin: .5em 3em 1em 3em;
    padding: 8px;
    font-size: 1.3vw;
    line-height: 0.9;
    box-shadow: -6px 6px 5px rgba(0, 0, 0, 0.4);
}

#YouTubeVideo {
    font-size:1.4vw;
    box-shadow: -10px 14px 8px rgba(0,0,0,0.4);
    background-color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
}
.YouTubeVideoX {
    position:absolute;
    top:-.8em; right:-.8em;
    font-weight:bold;
    font-size:135%;
    font-family:sans-serif;
    padding: 2px 8px;
    background-color: white;
    cursor: pointer;
    border-radius: 1em;
    border: 2px solid black;
    z-index: 3;
}

.NewTalkForm {
    font-size:2vw;
    background-color:white;
    box-shadow: -10px 14px 8px rgba(0,0,0,0.4);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}
.NTFtable {
    text-align:left;
    table-layout:fixed;
    border-collapse: collapse;
    border: 2px solid black;
}
.NTFtable td {
    border: 1px solid;
    padding:4px;
    font-size: 1.7vw;
}
.NTFtable td:nth-child(1) {
    text-align:right;
}
.NTFlabel {
    width: 13vw;
}
.NTFinput {
    width: 30vw;
    font-size:1.7vw;
    background-color:#ffffe0;
}
.NTFinfo {
    font-size:1.7vw;
}