* { box-sizing: border-box; }
html {background-size:cover; background: url(../images/glaPageBG3.jpg) repeat #fdfcdd; background-position: bottom; height: 100%; }
body {margin: 0; padding: 0;font-family: 'Open Sans', sans-serif; }
select {
    width:190px;
}
h1, h2, h3, h4 { margin: 0; padding: 0; line-height: 1.2em;}

h1 { }
h2 { font-weight: 300;}
h3 { }
h4 { }

/* Header Styles*/
.headerContainer { position: absolute; width: 94%; height: 66px; z-index: 2; margin-left: 3%; margin-top: 40px; background: url(../images/glaHeaderBG.jpg) repeat-x #4d4d4d; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.headerRelative { position: relative; width: 100%;}

.usacelogoContainer { position: fixed; bottom: 40px; right: 3%; z-index: 10;}

.logoContainer { position: absolute; margin-left: -35px; margin-top: -35px;}
.iconContainer { float:right; background: url(../images/iconNavBG.jpg) repeat-x #335058; height: 66px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px; overflow: hidden;}

    .topNavIconLinks { margin: 0; padding: 0; list-style: none;}
        .topNavIconLinks li {float:left;}
            .topNavIconLinks li a { padding: 19px 19px 18px 19px; display: block;}
            .topNavIconLinks li a:hover { background:#1c343b;}
.mainMenuContainer { float: left; margin-left:170px; }
    .MainMenu { display: block; color:#fff; text-decoration: none; padding: 17px 30px 16px 60px; background: url(../images/mainNavLnk.png) 20px 50% no-repeat; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; text-transform: uppercase;}
    .MainMenu:hover  {background-color:#3a0604; }
    .MainMenu2 { display: block; color:#fff; text-decoration: none; padding: 17px 15px 16px 15px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; text-transform: uppercase;}
    .MainMenu2:hover  {background-color:#1c343b; }
    .MainMenuSignOut { float:right; position:absolute;right:420px; display: block; color:#fff; text-decoration: none; padding: 17px 30px 16px 30px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; text-transform: uppercase;}
    .MainMenuSignOut:hover  {background-color:#3a0604; }
    .MainMenuSignOut2 { float:right; position:absolute;right:240px; display: block; color:#fff; text-decoration: none; padding: 17px 30px 16px 30px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; text-transform: uppercase;}
    .MainMenuSignOut2:hover  {background-color:#3a0604; }
    .MainMenuForSignInPage { display: block; color:#fff; text-decoration: none; padding: 17px 15px 16px 15px; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; text-transform: uppercase;}

    .returnToMap { display: block; color:#fff; text-decoration: none; padding: 17px 30px 16px 60px; background: url(../images/map.png) 20px 50% no-repeat; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.5em; text-transform: uppercase;}
    .returnToMap:hover  {}

    

/* Top Mega Menu Styles*/
.megaMenuContainerGLA { position: absolute; width: 250px; z-index: 1; top: 104px; background: #525252;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.subNavContainerGLA { position: relative; width: 100%; padding: 20px 0; }
.subNavContainerGLA::after { content: ""; display: table; clear: both; }
.subNavGLA { float:left; width: 100%; padding: 0 20px;}
    .subNavGLA a { color:#fff; display: inline; text-decoration: none; font-size: .9em; padding: 5px 10px; border-bottom: 1px solid #3a0604;}
    .subNavGLA ul { margin: 0; padding: 0; list-style: none;}
        .subNavGLA ul li { }
            .subNavGLA ul li a:hover { background-color:#1c343b; }
            .subNavGLA ul li a { color:#fff; display: block; text-decoration: none; font-size: .9em; padding: 5px 0; border-bottom: 1px solid #3a0604;}

.megaMenuContainer { position: absolute; width: 90%; z-index: 1; margin-left: 5%; top: 104px; background: #560f0a;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.subNavContainer {position: relative; width: 100%; padding: 20px 0; }
.subNavContainer::after {content: ""; display: table; clear: both; }
.subNav { float:left; width: 25%; padding: 0 20px;}
    .subNav a { color:#fff; display: inline; text-decoration: none; font-size: .9em; padding: 5px 10px; border-bottom: 1px solid #3a0604;}
    .subNav ul { margin: 0; padding: 0; list-style: none;}
        .subNav ul li { }
            .subNav ul li:hover { background-color:#3a0604; }
            .subNav ul li a { color:#fff; display: block; text-decoration: none; font-size: .9em; padding: 5px 0; border-bottom: 1px solid #3a0604;}
.subNav2 { float:left; width: 100%; padding: 0 20px;}
    .subNav2 a { color:#fff; display: inline; text-decoration: none; font-size: .9em; padding: 5px 10px; border-bottom: 1px solid #3a0604;}

/* Side Nav Styles*/
.sideMenu { position: absolute; top: 50%; margin-top: -75px; z-index: 3;}
    .sideMenu ul { list-style: none; margin: 0; padding: 0; position: relative; width: 315px; }
        .sideMenu ul li { margin-top: 1px; background: url(../images/black.png); position: absolute; margin-left: -245px; width: 100%; }
            .sideMenu ul li img { float: right; }
            .sideMenu ul li:hover { margin-left: 0;}
            .sideMenu ul li a {  color:#fff; font-size: 1.2em; text-decoration: none; padding: 20px; display: block; position: relative;overflow: hidden;}
                .sideMenu ul li a span { width: 50px;float:right;}
                .sideMenu .sideMenu002 {margin-top: 74px;}
                .sideMenu .sideMenu003 {margin-top: 147px;}


.sideMegaMenu { left: -470px; background: url(../images/submenu.png); width: 470px; position: absolute; top: 0; height: 100%; z-index: 1;}
.sideMegaMenuPadding { padding: 140px 0 0 100px; }
.closeSideMegaMenu { float:right; padding: 15px; cursor: pointer;}


/* Popout Menus */
.nav { padding-top: 30px;}

.navList { margin:0; padding: 0; list-style: none;}
.navList li { padding-right: 10px;}
    .navList li:hover { padding-right: 0;}
.navList a {border-bottom: 1px solid #9b8069; display:block;  font-family: 'Open Sans Condensed', sans-serif; font-size: 1em; text-transform: uppercase; text-decoration:none;  padding: 10px; color: #000;}
.navList a:hover, .navListActive a {background:#560f0a; color:#fff !important; border-bottom: 1px solid #560f0a;}
 
.addPosition {position:relative;}
 
.navList ul, .navList ul ul {display: none; position: absolute; top: 0; left: 100%; background:#560f0a;z-index: 100; width: 250px; margin: 0; padding: 0; list-style: none;}

.listTab { padding: 10px !important;}
.navList .listTab li {margin: 0; color: #fff; font-size: .8em; display:block; padding: 10px; border-bottom: 1px solid #320402;} 
.navList li span {padding: 10px; float:left; padding: 0 10px;}

.navList li:hover ul ul, .navList li:hover ul ul ul, .navList li:hover ul ul ul ul {display: none;}
.navList li:hover ul, .navList li li:hover ul, .navList li li li:hover ul, .navList li li li li:hover ul {display: block;}

/*Content Page Styles*/
.contentContainer { width: 94%; position: absolute; top: 150px; margin-left: 3%; }
.whiteContainer { background:#fff; border: 1px solid #ebc45e; padding: 20px; min-height: 400px;width:100%;overflow-x:scroll;}


/* Tabbular Data */

.tabLnk { text-decoration: none; display: inline-block; padding: 10px 15px; color:#000; font-weight: 800; 
          -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.tabLnkActive { background:#ebc45e; color:#560f0a}
.tabLnk:hover {
    background:#ffdb7c; color:#560f0a
}
.tabcontent { display: none;}
.tabcontent001 { display: block;}



.no-close .ui-dialog-titlebar-close {
  display: none;
}
.set-dialog-titlebar-text .ui-dialog-title {
    background-image:none;
    color:white;
    background-color:#4d4d4d;
}
.set-dialog-titlebar .ui-dialog-titlebar {
    background-image:none;
    background-color:#4d4d4d;
    color:#4d4d4d;
}
.set-dialog-titlebar-textSmall {
    background-image:none;
    color:white;
    background-color:red;
}
.set-dialog-titlebarSmall {
    background-image:none;
    background-color:red;
    color:#4d4d4d;
}

.dataTableTbl tr td { text-align: center; }
/*.dataTableTbl tr td:first-child { text-align:left;}*/
table.dataTable { border-left: 1px solid #ccc !important; border-right: 1px solid #ccc !important;  border-top: 1px solid #ccc !important; margin-top: 30px;}
table.dataTable thead th { border-bottom: 1px solid #ccc !important;}
table.dataTable.no-footer {border-bottom: 1px solid #ccc !important;}
table.dataTable thead th {border-bottom: 1px solid #ccc !important;background-color: #525252 !important;color: #fff;}
.dataTables_wrapper .dataTables_filter {padding-bottom: 15px; float: left; text-align: right;}
.dataTables_wrapper .dataTables_length {float: right;}

.width50 { width: 47%; margin-right: 3%; float:left; padding-bottom: 50px;}

.queryBox {
    border-color:gray;border-width:2px;border-style:solid;padding:10px;background-color:#f6f5ff; margin:15px;
}

.jqSlider {
    margin-top:10px;
}

.resultsTable td {
    text-align:left;
    padding-right:15px;
}

.resultsTable th {
    text-align:left;
    padding-right:15px;
}

.outerBodyContainer {width: 94%; position: absolute; margin-left: 3%; margin-top: 140px; }

.bodyContainer {width: 100%; height:100%; padding-bottom:40px; background-color:white; border: 2px solid black; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.wellTypeListOnMap:hover {
    cursor:pointer;
    text-decoration:underline;
}
.tableWaterLevel {
    font-size: 12px;
}
.tableWaterLevel tr td {
    vertical-align:top;
}

.multiGraphItems {
    padding-bottom:5px;
}

.mainTable {
    background: #fff;
    width: 100%
}

    .mainTable th {
        text-align: left;
        background: #dfe2e8;
        text-transform: uppercase;
        font-size: .8em;
        padding: 10px;
        border-bottom: 1px solid #edeef0;
    }

    .mainTable tr:hover {
        background: #f5f6f8;
    }

    .mainTable td {
        padding: 10px;
        border-bottom: 1px solid #edeef0;
        font-size: 14px;
    }

        .mainTable td:first-child {
            width: 310px;
        }

        .mainTable td a {
            text-decoration: none;
            font-weight: 700;
        }

.dtTop {
    font-size: 12px;
    padding-bottom: 2px;
}

.dtBottom {
    font-size: 12px;
}
.customItemsAction {
    cursor:pointer;
}

#piperContainer {
    height: 680px;
    width: 600px;
    border: solid 1px black;
    margin: auto;
    /*padding: 30px;*/
}

.highcharts-root {
    overflow: visible !important;
}
.highcharts-container {
    overflow: visible !important;
}