body
{
    margin: 0;
}

body.plain
{
    background-color: #e2e2e4;
}

.main-div
{
    margin-left: 50px;
    font-size: 1.2em;
}

ul.menu
{
    float: left;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    list-style-type: none;
    font-size: 1.0em;
    font-family: Verdana, serif;
    font-weight: 500;
    background-color: #565656;
    color: white;
    text-align: center;
    text-decoration: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    z-index: 100;
}

.menu li
{
    float: left;
    padding: 14px 16px;
}

.menu a
{
    text-decoration: none;
    color: white;
    padding: 14px 16px;
}

.menu li:hover:not(.active) {
    background-color: #707070;
}

.active
{
    background-color: #999999;
}

.menu-item-with-submenu {
    float: left;
    font-size:12.0pt;
    font-family:Verdana,serif;
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    cursor: pointer;
}

.sub-menu {
    display: none;
    text-align: left;
    position: absolute;
    top: 40px;
    background-color: #6c6c71;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 #000000;
    z-index: 3;
}

.menu-item-with-submenu:hover .sub-menu {display: block;}

.sub-menu a {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.sub-menu a:hover {background-color: #ddd;color: black;}

.footer {
    font-family:Verdana,serif;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #ff000000;
    color: white;
    text-align: left;
}

.title1 {
    font-size: 48.0pt;
    font-family: Verdana, serif;
    font-style: italic;
    font-weight: normal;
    margin-block-start: .2em;
}

.title1short {
    font-size: 48.0pt;
    font-family: Verdana, serif;
    font-style: italic;
    font-weight: normal;
    margin-block-start: 0;
    margin-block-end: 0;
}

.title2 {
    font-size:18.0pt;
    font-family:Calibri,Verdana,serif;
}

.title2short {
    font-size:18.0pt;
    font-family:Calibri,Verdana,serif;
    font-weight: normal;
    margin-top: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.title3 {
    font-size:14.0pt;
    font-family:Calibri,Verdana,serif;
}

.ui-widget-content.ui-dialog {
    border: 3px solid #76A8D5;
}

.alert-dialog .ui-dialog-titlebar {
    background-color: #F9A7AE;
    background-image: none;
    color: #000;
}

.notice-dialog .ui-dialog-titlebar {
    background-color: #9DF960;
    background-image: none;
    color: #000;
}

.confirm-dialog .ui-dialog-titlebar {
    background-color: orange;
    background-image: none;
    color: #000;
}

.entry-dialog .ui-dialog-titlebar {
    background-color: #76A8D5;
    background-image: none;
    color: #000;
}

.dlg-button-disabled {color: #C0C0C0;}

.ack-popup {
    background-color: #6495ED;
    border-radius: 10px;
    border-color: darkblue;
    padding: 8px;
    display: none;
    font-size: 18.0pt;
    font-weight: bold;
    position:absolute;
    z-index:1000;
    left: 80px;
    top: 24px;
}

#regattaSelector {width:500px;}

.ctx-menu{
    display: none;
    position: absolute;
    border: 1px solid black;
    border-radius: 3px;
    background: white;
    box-shadow: 10px 10px 5px #888888;
}

.ctx-menu ul{
    margin: 0 auto;
    list-style: none;
    padding: 2px;
}

.ctx-menu ul li{
    padding: 3px 3px 3px 3px;
    margin-bottom: 3px;
    color: white;
    font-weight: bold;
    font-size: 0.6em;
    background-color: #53a9d5;
}

.ctx-menu ul li:hover{
    cursor: pointer;
    background-color: darkblue;
}

.ss-row:hover{
    cursor:pointer;
    background-color: lightgrey;
}

a.rtlink:link {color: #5a94ae; text-decoration: none;}
a.rtlink:visited {color:#606060; text-decoration: none;}