* {
    padding:0px;
    margin:0px;
    font-family:Verdana;
    transition:0.5s;
}


body {
    background-color:#efefef;
    padding-bottom:15px;
    -webkit-text-size-adjust: 100%;
}


#wrapper {
}

/* use this in client page to set max width

#header, #title, #footer, #wrapper, #search {
    width:100%;
    max-width:900px;
}
*/

@media only screen and (max-height: 400px) {

    #header .btn_left {
        height:26px;
        padding:2px 1px 2px 5px;
    }

    #header_btn {
        top:3px;
    }

    #header_user {
        right:150px;
        bottom:3px;
    }

    #header_btn .btn_right {
        padding-top: 0px;
        height: 19px;
    }
}


@media only screen and (min-height: 401px) {
    
    #header .btn_left {
        height:31px;
        padding:5px 1px 2px 5px;
    }

    #header_btn {
        top:2px;
    }

    #header_user {
        right:7px;
        bottom:1px;
    }

    #header_btn .btn_right {
        padding-top: 2px;
        height: 23px;
    }

}

@media only screen and (min-width: 801px) {

    #btn_menu {
        display:none;
    }
}


#header {
    position:fixed;
    top:0px;
    left:0px;
    z-index:1000;
    background-color:white;
    border-bottom:1px solid #888888;
}

    #header_btn {
        position:absolute;
        top:6px;
        right:7px;
    }

        #header_btn .btn_right {
            margin: 0px 6px 0px 5px;
            border-radius: 6px;
        }

    #header_user {
        position:absolute;
    }

        #header_user span {
            font-size:x-small;
        }


/*Person Menu (PM)*/
#pm_oframe {
    position: absolute;
    right: 0px;
    display: block;
    width: 160px;
    height: 0px;
    overflow: hidden;
}

#pm_iframe {
    border: 1px solid gray;
    border-radius: 6px;
    background-color: #333333;
    padding: 5px 0px 2px 0px;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

    #pm_iframe #lbl_username, #lbl_logout {
        font-size: smaller;
        padding: 0px 0px 0px 7px;
        color:silver;
    }

.hlnk {
    position: relative;
    display: block;
    height: 35px;
    text-decoration: none;
    color: silver;
    margin: 2px 0px 2px 0px;
}

    .hlnk:hover span {
        color: #58A618;
    }

    /*
    .hlnk:hover {
        background-color: #efefef;
    }
*/
    .hlnk img {
        position: absolute;
        left: 7px;
        top: 5px;
        height: 23px;
    }

    .hlnk span {
        position: absolute;
        top: 7px;
        left: 43px;
        font-size: 11pt;
    }


#title {
    position:fixed;
    left:0px;
    z-index:961;
    background-color:#efefef;
}

#upnlSubTitle {
    display:inline;
}

#div_logo_print {
    display:none;
}

#div_printedby {
    display:none;
}

#lbl_title {
    color: #58A618;
    font-size:12pt;
    padding:1px 0px 0px 5px;
}

#lbl_subtitle {
    color: #444444;
    font-size:8pt;
    padding:2px 0px 0px 8px;
}

#search {
    position:fixed;
    top:83px;
    background-color:#efefef;
    z-index:700;
    padding:0px 0px 5px 0px;
}

#spacer_top {
    background-color:#efefef;
}

#data_header {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 80px;
    overflow: hidden;
    z-index: 950;
    margin-bottom:-1px;
    /*background-color: beige;
    padding: 0px 0px 0px 7px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-bottom: -1px;*/
}


.header {
    display:inline-block;
    margin:0px 0px 0px 1px;
    color:black;
    height:20px;
}

    .header .hText {
        font-size:10pt;
    }

    .header a {
        text-decoration:none;
        color:inherit;
    }

    .header .header_sort {
        color:#aaaaaa;
    }

#data {
    position:relative;
    background-color:#efefef;
    z-index:800;
}

#mask {
}

#data_footer {

}

#footer {
    position: fixed;
    bottom: 0px;
    left: 0px;
    max-height:2px;
    z-index: 2000;
    overflow: hidden;
    padding: 0px 0px 2px 0px;
    font-size: small;
    background-color:#efefef;
    border-top:1px solid #cccccc;
    transition:0.5s;
}

    #footer:hover {
        max-height:100%;
    }


.mask_wait {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:999;
    background-color:#333333;
    filter:alpha(opacity=50);
    opacity:0.50
}

.info_wait {
    position:fixed;
    top:30%;
    left:50%;
    margin-left:-100px;
    background-color:white;
    border:solid 0px gray;
    border-radius:6px;
    width:200px;
    height:70px;
    filter:alpha(opacity=90);
    opacity:0.90;
    z-index:1000;
    padding:5px;
    font-size:10pt;
}

.info_wait1 {
    position:fixed;
    top:30%;
    left:50%;
    margin-left:-100px;
    background-color:white;    
    border:1px solid gray;
    border-radius:6px;
    width:200px;
    height:70px;
    z-index:1000;
    filter:alpha(opacity=90);
    opacity:0.90;
    padding:5px;
    font-size:10pt;
}