body {
}


@media screen and (min-width: 2000px) {
    .primaryMap {
        width: 2000px;
        height: 1300px;
        left: 300px;
        position: absolute;
        z-index: 10;
    }

    .pnlInfoPopUp {
        position: absolute;
        left: 48%;
        top: 45%;
        width: 500px;
        height: 550px;
        background-image: url('../images/scroll.gif');
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: unset; /* Resize the background image to cover the entire container */
        border: none;
        box-shadow: none !important;
        font-family: 'Copperplate Gothic';
        font-size: 14px;
        color: black;
        font-weight: bold;
    }

    .infoStaticDisplay {
        width: 500px;
        height: 550px;
        background-image: url('../images/scroll.gif');
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        background-size: unset; /* Resize the background image to cover the entire container */
        border: none;
        box-shadow: none !important;
        font-family: 'Copperplate Gothic';
        font-size: 14px;
        color: black;
        font-weight: bold;
    }

    .mapTab {
        width: 400px;
        height: 390px;
        margin-top: 55px;
        margin-left: 50px;
        border: none;
        box-shadow: none !important;
    }
    .pnlTab {
        border: none !important;
        box-shadow: none !important;
    }
    .ModalPopupBG {
        background-color: #666699;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .AppPopup {
        min-width: 400px;
        min-height: 275px;
        background-color: lightsteelblue;
        border-width: 3px;
        border-style: solid;
        border-color: white;
    }
    .hotLinkMain {
        width: 2500px;
        text-align: center;
        margin: 0 auto;
    }
    .mapImage {
        width: 2400px;
        height:1300px;
        margin: 0 auto;
        text-align: center;
    }
    .coveringCanvas {
        width: 2000px;
        height: 1300px;
        background-image: url('../images/Chysssa with Names.jpg');
        background-position: center;
        background-size: 100% 100%;
        margin:0 auto;
    }
    .popupBody {
        min-width: 400px;
        min-height: 275px;
        background-color: lightsteelblue;
        border-width: 3px;
        border-style: solid;
        border-color: white;
    }

    .PopupHeader {
        background: green;
        background-color: #E8811F;
        color: white;
    }
    .divRow {
        clear:both;
        width:100%;
        min-height:20px;
        padding-bottom:10px;
        display:table;
    }
    .divLabel {
        float: left;
        width: 30%;
        text-align: right;
        padding-right: 5px;
        min-height: 20px;
        height: auto;
    }
    .divDisplay {
        float: left;
        width: 68%;
        min-height: 20px;
        height: auto;
    }
    .divDisplayRow {
        clear: both;
        width: 98%;
        height: auto;
        padding-bottom: 5px;
        padding-left:10px;
    }
    .ajax__tab_xp .ajax__tab_body {
        background-color:transparent !important;
    }
    .ajax__tab a {
        color: sandybrown !important;
        background-color: transparent !important;
    }
    .ajax__tab_tab {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
    }
    .ajax__tab_xp {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
    }
    .ajax__tab_header {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
    }
    .ajax__tab_xp {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
    }
    .ajax__tab_body {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
    }
    .ajax__tab_active a {
        background-image: none !important;
        background-color: transparent !important;
        color: yellow !important;
    }
    .ajax__tab_inner {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
    }
    .ajax__tab_outer {
        background-image: none !important;
        background-color: transparent !important;
        border: none !important;
    }
}
body {
    margin: 0 auto;
    padding-top: 0px;
    text-align: center;
    width: 100%;
    height: auto;
    min-height: 1100px;
    background: url('../images/bg.jpg') repeat-x top;
    font-family: Verdana;
}

#mainContent {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    height: auto;
    min-height: 1100px;
    margin-top: 40px;
    background: url('../images/PrimaryBG.png') no-repeat top;
    background-size: 100% 100%;
}

#loginBox {
    margin: 0 auto;
    position: relative;
    top: 300px;
    width: 400px;
    text-align: left;
    padding-top: 125px;
    height: 250px;
    background: url('../images/scroll_small.gif') no-repeat center;
}

#loginButton {
    width: 400px;
    padding-top: 10px;
    text-align: center;
}

.loginRow {
    width: 400px;
    height: 30px;
    padding-left: 10px;
}

.loginLabel {
    width: 140px;
    text-align: right;
    padding-right: 10px;
    font-size: 14px;
    color: #003366;
    float: left;
}
.loginText {
    width: 250px;
    float: left;
}
.rectangle {
    border: 2px solid yellow;
    position: absolute;
}
.smallFont {
    font-size:8px;
}
.mediumFont {
    font-size: 10px;
}
.largeFont {
    font-size:16px;
}