.bodyContainer {
    background-color: #f5f5f5;
    background-image: URL('images/watermark.png');
    background-attachment:fixed;
    background-position:bottom right;
    background-repeat: no-repeat;
    background-size: 400px;
}
.headerContainer {
    background-color: #00838f;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
}

#headerSiteTitle { display: none; }

.headerSection {
    border: 0px !important;
}
.headerSection:hover { background-color: rgba(121, 205, 214, 0.7); }

#divLogin { text-align: center; }
#divLogin .applicationContainer { text-align: left; }
#divLogin .ui-button {
    min-width: 8em;
    width: 8em;
    box-sizing: border-box;
}
#pdfSeal {
    background-image: URL('images/seal.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 96px;
    background-position: top center;
}
@media screen and (min-width: 1024px) {
    #menuContent {
        background-image: URL('images/seal.png');
        background-attachment: fixed;
        background-position: bottom left;
        background-repeat: no-repeat;
        background-size: 200px;
        background-position-x: 25px;
        left: 0px;
    }

    .ui-menu-item {
        border-radius: 0 20px 20px 0;
    }
    .headerContainer {
        background-position:center bottom !important;
        background-repeat: no-repeat !important;
        background-image:URL('images/header.png') !important;
        background-size: 400px 45px !important;
    }
}
@media screen and (max-width: 1023px) {
    .ui-menu-item {
       border-radius: 20px 0 0 20px;
    }
}

.ui-menu-item:hover { 
    background-color: rgba(121, 205, 214, 0.7);
}

.menu, .menuNotify {
    background-color: #424242; 
}

.contentContainer {
    display:inline-block;
    background:#fff;
    color:rgba(0,0,0,.87);
    border-radius:3px;
    border:none;
    -webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    -webkit-transition:-webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition:-webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition:box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition:box-shadow .2s cubic-bezier(.55,0,.1,1),-webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);

    margin: 10px;
    padding: 8px 24px;
    vertical-align:top;
}
.contentContainer .ui-widget-content {
    padding: 5px;
}
.contentContainer .ui-jqgrid.ui-widget-content {
    padding: 0px;
}
.ui-jqgrid input, select, textarea {
    max-width:none;
}
.contentContainer .ui-widget-header {
    padding: 5px;
}
.contentContainer > div {
    padding-bottom:10px;
}


@media all and (max-width: 499px) {
    .contentPrimary .contentContainer {
        max-width: 350px;
    }
}

@media all and (min-width: 500px) {
    .contentPrimary .contentContainer {
        max-width: 900px;
    }
}

.contentSecondary {
    max-width: 380px;
}

.contentSecondary .contentContainer {
    max-width: 320px;
}

.documentLink {
    margin-right: 0.5em;
}

.contentInstructions {
    background-color: #FFF4DD; 
    width: 300px;
    line-height: 1em;
}
.contentInstructions label {display:block;}

.contentDivision { width: 300px; vertical-align:top; }
.contentDivision .ui-widget-header {border-bottom: 1px solid rgba(0, 0, 0, 0.14) }
.contentDeptLists { list-style-type:none; margin-bottom:0.5em; padding: 0em; }

.contentDivision .map-icon {
    font-size:36px;
    float:right;
}

.deptProgList { font-size:0.8em; font-style:italic; }
.deptLink {
    display:block;
    line-height:18px;
    border-radius: 0 18px 18px 0;
    padding: 3px 10px;
}
.deptProgLink {display:block; border-radius:0 18px 18px 0; padding:2px 4px; }
.deptLink:hover, .deptProgLink:hover { background-color: rgba(121, 205, 214, 0.7); }


.contentNotification {
    background-color: whitesmoke;
    font-size: 0.8em;
    color: rgba(0,0,0,.87);
    border-radius: 3px;
    border: none;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    -webkit-transition: -webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition: -webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition: box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition: box-shadow .2s cubic-bezier(.55,0,.1,1),-webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
    margin: 5px 5px;
    padding: 8px;
}

.contentNotification .notifyBy {
    color: rgba(0,0,0,.65);
    font-size:0.9em;
    font-style:italic;
    margin-right:30px;
    margin-bottom:0.2em;
    border-bottom: 1px solid silver;
}
.contentNotification button { float:right; padding:0; min-width:24px !important; margin-top:-4px; margin-right:-4px; }
.menuNotify .notifyButtons { text-align:center; margin-top:1em; }

.ui-dialog fieldset {
    border-width:0;
    background-color:#f5f5f5;
    padding: 8px 24px;
}

/*STOLEN FROM LISTS.CSS*/
ul.fieldLayout {   
    /* float: left; */
    list-style-type:none;
    margin-bottom:0.5em;
    padding: 0em;
}
ul.fieldLayout.no-top-margin {
    margin-top:0;
}
ul.fieldLayout li {
    margin-bottom:0.1em;
}
ul.fieldLayout li.vspace {
    margin-top:0.3em;
}
ul.fieldLayout li .fieldLabel {
    display: inline-block;
    width:10em;
    text-align:right;
    margin-right:0.5em;
}
ul.fieldLayout a {
    text-decoration: none;
}
.fieldLabel {
    display: inline-block;
    width:10em;
    text-align:right;
    margin-right:0.5em;
}
ul.fieldLayout li .fieldLabel_auto {
    display: inline-block;
    width:auto;
    text-align:right;
    margin-right:0.5em;
    margin-left:0.6em;
}
.shortlabel {
    width:6em !important;
    text-align:right;
    margin-right:0.5em;
    display: inline-block;
}
.nospacelabel {
    width: auto !important;
    display: inline-block;
    text-align:right;
}
.shorterlabel {
    width:5em !important;
}
.mediumlabel {
    width:8em !important;
    text-align:right;
    margin-right:0.5em;
    display: inline-block;
}
.longlabel {
    display: inline-block;
    text-align:right;
    margin-right:0.5em;
    width:12em !important;
}
.verylonglabel {
    display: inline-block;
    text-align:right;
    margin-right:0.5em;
    width:13.5em !important;
}
.extralonglabel {
    display: inline-block;
    text-align:right;
    margin-right:0.5em;
    width:17.5em !important;
}


/* Grid Overrides */
.contentContainer .ui-state-default {
    color: rgba(0, 0, 0, 0.7) !important;
    font-weight: 700;
}

.ui-jqgrid .ui-jqgrid-view {
    font-size:1em;
}

.contentContainer .ui-jqgrid tr.jqgrow td {
    color: rgba(0, 0, 0, 0.7) !important;
}

.contentContainer .ui-jqgrid .ui-state-highlight, .contentContainer .ui-jqgrid .ui-state-hover, .contentContainer .ui-daterangepicker .ui-state-hover {
    background-color: rgba(121, 205, 214, 0.7);
}
.contentContainer .ui-jqgrid th.ui-state-hover {
    background-color: transparent;
    border-width:0;
}

.contentContainer .ui-jqgrid .ui-jqgrid-htable th {
    height:auto;
    padding: 8px 2px;
    border-bottom:1px solid rgba(0, 0, 0, 0.08);
}

.contentContainer .ui-jqgrid .ui-jqgrid-htable th div {
    height:auto;
}

.contentContainer .ui-jqgrid .ui-jqgrid-htable th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
}
.contentContainer .ui-jqgrid tr.ui-search-toolbar th {
    border-top:0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14) !important;
}

.contentContainer .ui-search-table td.ui-search-input {
    padding:4px;
}

.contentContainer .ui-search-toolbar input, .contentContainer .ui-search-toolbar select {
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 4px 0 !important;
}

.contentContainer .ui-jqgrid tr.jqgrow td  {
    padding:12px 8px;
    font-size:0.8em;
    border-bottom-width: 0px;
}

.contentContainer .ui-jqgrid tr.ui-row-ltr td {
    border-right-width: 0px;
}

/*----- JQUery UI overrides -----*/
.ui-button {
    border: 1px solid #e5e5e5;
    background-color: #00838f;
    font-size: 1.1em;
    font-weight: 500 !important;
}

.ui-widget {
    font-family: "Nunito Sans", sans-serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Nunito Sans", sans-serif;
}

.ui-widget.ui-widget-content {
    border: none;  
}

.ui-widget-content {
    border: none;
    background: none;
    color:currentColor;
}

.ui-widget-header {
    color: rgba(0,0,0,.87);
    font-size:1.3em;
    font-weight: 500;
    background:none;
    border:none;
}

.ui-widget-header a {
    color: rgba(0,0,0,.87);
}
.ui-widget-header .ui-button { font-size:0.8em; }

.ui-dialog-titlebar {
    background-color: #424242;
    color: #fff;
}
.ui-dialog {
    background-color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{
    font-weight: normal;
    color: #fff;
    border: none;
    background: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #e5e5e5;
    background: #004f56; 
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: none;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-datepicker.ui-widget {
    background-color:#f5f5f5;
    border-radius:3px;
    border:none;
    -webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
    -webkit-transition:-webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition:-webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition:box-shadow .2s cubic-bezier(.55,0,.1,1);
    transition:box-shadow .2s cubic-bezier(.55,0,.1,1),-webkit-box-shadow .2s cubic-bezier(.55,0,.1,1);
}

.ui-datepicker .ui-state-default {
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid #f5f5f5;
}
.ui-datepicker .ui-state-default.ui-state-hover { color:#ffffff; }

.ui-timepicker-wrapper { font-family: "Nunito Sans", sans-serif; }


.gridAltRows {
    background: rgba(0, 0, 0, 0.08);
}

.Crumb {
    height: 15px;
    font-size: 12px;
    margin: 5px;
    margin-bottom: 0px;
}

.Crumb > div {
    display: inline-block;
    padding-right: 3px;
    cursor: pointer;
}