

#mainscreen             {
    display:            flex;
    min-height:         80%;
}
#menu                   {
    display:            inline-block;
    position:           relative;
    background:         #17595B;
    width:              120px;
    min-height:         80%;
}
.menuitem               {
    display:            block;
    text-align:         center;
    font-size:          16pt;
    color:              lightgreen;
    text-decoration:    none;
}
#mobilemenu             {
    float:              right;
    margin-right:       12px;
    color:              #EAD380;
    font-size:          22pt;
}
#menuPanel              {
    position:           absolute;
    display:            none;
    width:              40%;
    right:              8px;
    background:         lightgrey;
    z-index:            1;
    text-align:         center;
}
#menuPanel>a            {
    text-decoration:    none;
    font-size:          14pt;
    font-weight:        bold;
    line-height:        26pt;
    color:              #17595B;
}
.bottom                 {
    position:           absolute;
    width:              120px;
    bottom:             30px;
}
#mainpanel              {
    position:           relative;
    margin:             0 auto;
}
#menuPadding            {
    width:              120px;
    height:             30px;
    background:         #17595B;
}
#menuBar                {
    position:           relative;
    width:              100%;
    height:             30px;
    background:         #17595B;
    text-align:         center;
}
#menuBar>a              {
    background:         #B8975C;
    color:              #17595B;
    padding:            4px 8px;
    text-decoration:    none;
    position:           relative;
    top:                9px;

}
.menuSel                {
    background:         #F5ECA7 !important;
    color:              darkgreen   !important;
}
.bodyForm               {
    font-size:          16pt;
}
.bodyForm[type=text], .bodyForm[type=email]    {
    width:              500px;
}
.bodylabel              {
    font-size:          20pt;
    text-align:         right;
}
.triggerHours           {
    width:              60px;
}
.label                  {
    font-size:          12pt;
    text-align:         right;
    vertical-align: top;
}
h1,h2                   {
    text-align:         center;
    color:              #17595B;
}
h3                      {
    margin:             6px auto;
    color:              #17595B;
}
input[type=button], input[type=submit]  {
    background:         #316B6D;
    color:              #EADD9B;
}
.button                 {
    font-size:          12pt;
}
.folder                 {
    min-height:         30px;
    font-size:          16pt;
    border:             solid thin lightgrey;
    padding:            3px 12px 8px 4px;
    margin:             3px 0;
    cursor:             pointer;
}
.folder>span            {
    color:              dimgrey;
    font-size:          20pt;
    position:           relative;
    top:                6px;
}
.emailList              {
    font-size:          16pt;
    border:             solid thin lightgrey;
    padding:            6px 12px 8px 10px;
    cursor:             pointer;
}
.emailStat              {
    font-size:          13pt;
}
.previewList            {
    text-align:         center;
    background:         lightgrey;
    font-weight:        bold;
    cursor:             inherit;
}
.list                   {
    border-collapse:    collapse;
}
.list tr:nth-child(even){
    background:         #F4F4F4;
}
.list tr:nth-child(odd) {
    background:         #E4E4E4;
}
.results        {
    font-size:          12pt;
    color:              dimgrey;
}
.overlay,.mobileOverlay {
    display:            none;
    position:           fixed;
    background:         lightgrey;
    border:             solid medium #17595B;
    padding:            12px 8px;
    left:               50%;
    top:                50%;
    transform:          translate(-50%, -60%);
}
#footer                 {
    background:         #17595B;
    color:              #EADD9B;
    padding:            12px 0;
    text-align:         center;
    font-weight:        bold;
}