*{margin:0;padding:0;text-decoration:none;font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size: 15px;}

html {height: 100%; width: 100%;}

.selected {background-color: #E7D863;}

.window {position: absolute; z-index: 99; background: transparent; }
.windowframe {border: 0px; width: 100%; height: 100%; }

.formdefault input[type=text],.formdefault input[type=password]
{
    background-color: #FFFFFF;
    width: 100%;
    padding: 4px 8px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid navy;
    border-radius: 4px;
}

.formdefault input:focus
{
    background-color: #9cb5eb;
}

.formdefault input[type=submit]
{
    margin: 8px 0;
    background-color: #b5d8eb;
    border: 2px solid #368aad;
    border-radius: 6px;
    padding: 3px 6px 3px 6px;
    cursor: pointer;
}

input[type=radio]
{
    width: 30px;
}


#main
{
    z-index: 0;
    background-image: none !important;
    background-color: #FFFFFF;
}

#map
{

}


@media screen and (max-width:700px)
{
    #map .inner
    {

    }
}
@media screen and (min-width:701px)
{
    #map .inner
    {
        border-right: 1px solid #649bb7;
        padding-right: 100px;
    }
}


#map .inner
{
    padding: 0px;
    margin: 10px;
    background-color: white;

    height: calc(100% - 20px);
    width: 100%;
    box-sizing: border-box;
}

#mapdiv {overflow: hidden; margin: auto; position: relative;}

.grid
{
    display: block;
    float: left;
    border: 1px solid white;
    border-width: 1px 0 0 1px;
    margin: 0px;
    padding: 0px;
}

.gridvalid {}
.gridinvalid {background-color: #CC2428;}


#page .building {cursor: pointer; padding: 5px; display: inline-block;}
#page .building img {width: auto; height: auto; max-width: 80px; max-height: 70px;}

.tabs1, .tabs2 {margin-bottom: 0px; border-collapse: collapse; margin-top: 5px;}
.tabs1 td,.tabs2 td {padding: 2px 10px 2px 7px;}
.tabs1 .tabinactive {background-color: #649BB7;}
.tabs2 .tabinactive {background-color: #ffffff;}
.tabs1 .tabactive {background-color: #437791; color: white;}
.tabs2 .tabactive {background-color: #D4DFFE; color: black;}
.tabs1 .tabactive a,.tabs1 .tabactive a:visited,.tabs1 .tabactive a:active,.tabs1 .tabactive a:hover{color: white; text-decoration: none;}
.tabs2 .tabactive a,.tabs2 .tabactive a:visited,.tabs2 .tabactive a:active,.tabs2 .tabactive a:hover{color: black; text-decoration: none;}
.tabinactive a,.tabinactive a:visited,.tabinactive a:active {color: #000000;}
.tabinactive a:hover{color: #132F5F;}

td {text-align: left;}
th {text-align: left;}

.ohactive {background-color: #3E6D84;}

.divpopup {position: absolute; z-index: 1; border: 1px solid black; padding: 3px; color: white; background-color: #3E6D84;}

.flashmessage {padding: 3px 6px 3px 6px; left: 5px; top: 5px; border: 1px solid silver;}