* html, body {
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
#page {
    height: 100%;
    height: auto !important;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
}
a:link, a:visited { color: #000; }

img { border: 0; }
#earthmap {position:absolute;  max-height: 100%; margin-top:20px; margin-bottom:20px}
.logocontainer {  width: 100%; display: block; position: absolute; height: 50px; max-width:100% }
.HeaderLogo1Image { position: fixed; top: 1px; left: 1px; max-width:20%; }
.HeaderLogo2Image { position: fixed; top: 1px; right: 1px; max-width:20%;}

#footer { width: 100%; height: 12px; background-color: #fff; position: fixed; bottom: 0; padding-top: 0px; z-index: 10; text-align: center; font-size: 10px; text-transform: uppercase; }

.loginbody {width:auto; max-width: 95%; max-height: 95%; margin-bottom: 20px; background-image: url('images/mapofearth.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: center top;}
.logincontainer{position: absolute; max-height: 90%; max-width:90%; width: 500px; text-align: left; background-color: #fff; filter: alpha(opacity=80); opacity: 0.80; }

/*.logincontainer { top: 140px; position: absolute; width: 500px; margin-left: -250px; left: 50%; text-align: left; background-color: #fff; filter: alpha(opacity=80); opacity: 0.80; }*/
.logintitle { padding: 15px; color: #fff; background: #2279a7; border: solid 1px #c1c1c1; font-weight: bold; font-size: 16px; }
.loginerrortext { text-align: center; font-size: 18px; position: absolute; width: 500px; margin-left: -265px; left: 50%; margin-top: 40px; border: 2px solid; padding:15px 15px 15px 15px; color: #D8000C; background-color: #FFBABA; }

.sitelistbody { height: 100%; margin-bottom: 20px; }
/*#SiteListContainer {  max-width: 1000px; max-height:100%; margin-top: 50px; margin-bottom:20px; text-align: left; }*/
/*#RepeaterContainer {overflow:auto; }*/
/*#SiteListRefreshContainer { text-align: right; padding: 15px; }*/
#SiteListRefreshImage { height: 48px; width: 48px; }
#SiteListGoImage { height: 18px; width: 18px; vertical-align: bottom; padding-right: 5px; }
.SiteNameLabel { font-weight: bold; }
#SiteListMenuContainer { text-align: right; padding: 15px; }


.DataGrid { padding: 0px; font-family: Verdana; font-size: 14.5px; width: 100%; background-color: #fff; margin: 0 0 0 0; border: none; border-collapse: collapse; }
.DataGrid th { padding: 4px 2px; color: #fff; background: #424242 url(images/grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.DataGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.DataGrid td a { color: #333; text-decoration: none; }
.DataGrid a:hover { color: #cc6644; text-decoration: none; }
.DataGrid .AlternateRow { background: #d9cfca repeat-x top; }
.DataGrid .AlternateRow td { color: #4e4d4d; }
.ImgHeaderLogo1Image { max-width:100%; }
.ImgHeaderLogo2Image { max-width:100%;}
#SiteListContainer{
    position:absolute;
    top:0px;
    bottom:0px;
    height:100%;
    width:100%;
    max-height:100%;
    max-width:100%;
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;

}
#Sitelogocontainer{
    /*CONTAINER*/
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    /*CELL*/
    max-width:100%;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#SiteHeaderLogo1Image {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;

}
#SiteHeaderLogo2Image {
    
    /*background-image: url("images/logo.png");*/
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 20%;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}   
#ImageSpacer {
    
     -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}     
#SiteListGeneralImageButtons { 
    width: 1000px;
    max-width:100%;
    text-align: right; 
    padding: 5px; 
    max-height: 50px;
    height:50px;
    margin-right:5px;
    /*padding-right:10px;*/
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 45px;
    -ms-flex: 0 1 45px;
    flex: 0 1 45px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#RepeaterContainer {
    overflow:auto;
    width:1000px;
    max-width:100%;
    /*CONTAINER*/
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    /*CELL*/
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
#SiteListGeneralImageButtons{
    width:1000px;
    max-width:100%;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 50px;
    -ms-flex: 0 1 50px;
    flex: 0 1 50px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;

}
#RepeaterInner{
    overflow:auto;
    /*overflow:auto;*/
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 45px;
    -ms-flex: 1 1 45px;
    flex: 1 1 45px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
#sitefooter{
    width: 100%; 
    height: 12px;
    max-height: 24px; 
    background-color: #fff; 
    padding-top: 0px; 
    z-index: 10;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
}
.modalhelper {

}
.modalhelper .ui-dialog {
	/*background-color: blue;*/
    height:auto !important;
    padding:2px !important;
    margin: 0px !important;
}
.modalhelper .ui-dialog-buttonpane{
	/*background-color: blue;*/
    height:auto !important;
    padding:2px !important;
    margin: 0px !important;
}
.modalhelper .ui-dialog-buttonpane button{
	/*background-color: blue;*/
    height:auto !important;
    padding:2px !important;
    margin: 0px !important;
}
.modalhelper .ui-dialog-titlebar{
    height:auto !important;
    padding:2px !important;
    margin: 0px !important;
}
#SysQueryDialogLabel {
	font-family: Verdana,Arial,sans-serif;
	font-size: .7em;
}