/*  Calendario Default CSS */
@font-face {
  font-family: 'fontawesome-selected';
  src: url("../font/fontawesome-selected.eot");
  src: url("../font/fontawesome-selected.eot?#iefix") format('embedded-opentype'), url("../font/fontawesome-selected.woff") format('woff'), url("../font/fontawesome-selected.ttf") format('truetype'), url("../font/fontawesome-selected.svg#fontawesome-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}

.fc-calendar-container {
    position: relative;
    height: 400px;
    width: 400px;
}

.fc-calendar {
    width: 100%;
    height: 100%;
}

.fc-calendar .fc-head {
    height: 30px;
    line-height: 30px;
    background: #ccc;
    color: #fff;
}

.fc-calendar .fc-body {
    position: relative;
    width: 100%;
    height: 100%;
    height: -moz-calc(100% - 30px);
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    border: 1px solid #ddd;
}

.fc-calendar .fc-row {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.fc-four-rows .fc-row  {
    height: 25%;
}

.fc-five-rows .fc-row  {
    height: 20%;
}

.fc-six-rows .fc-row {
    height: 16.66%;
    height: -moz-calc(100%/6);
    height: -webkit-calc(100%/6);
    height: calc(100%/6);
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
    float: left;
    height: 100%;
    width:  14.28%; /* 100% / 7 */
    /*width: -moz-calc(100%/7);
    width: -webkit-calc(100%/7);*/
    /* width: calc(100%/7); */ 
    position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
    width:  14.2%;
}

.fc-calendar .fc-row > div {
    border-right: 1px solid #ddd;
    padding: 4px;
    overflow: hidden;
    position: relative;
}

.fc-calendar .fc-head > div {
    text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
    position: absolute;
    width: 30px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #ddd;
    text-shadow: 0 -1px 0 rgba(255,255,255,0.8);
    bottom: 5px;
    right: 5px;
    text-align: right;
}

.fc-calendar .fc-row > div time {
    display: none;
}

.fc-calendar .fc-row > div > span.fc-weekday {
    padding-left: 5px;
    display: none;
}

.fc-calendar .fc-row > div.fc-today {
    background: #fff4c3;
}

.fc-calendar .fc-row > div.fc-out {
    opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
    border-right: none;
}

.fc-calendar .fc-row:last-child {
    border-bottom: none;
}
/* Calendario Default CSS */

/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
hr.darker {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #555;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.stagebanner {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: grey;
    /*background: silver url(../../images/stage_bg.gif) repeat-y;*/
    background-color: silver;
    padding: 5px;
}

.stagebanner:before,.stagebanner:after {
    content: '\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0Stage\00a0\00a0\00a0\00a0';
}

/* ===== Initial Styles ==================================================
   
   ========================================================================== */


/** Some universal settings **/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
} 
* {
  position: relative;
}
a {text-decoration: none;}
a:hover{text-decoration:underline;}
select {padding:2px;}




body {
    /* font: 16px/26px Helvetica, Helvetica Neue, Arial;
    line-height: 26px;
    line-height: 1.4; */
    /*font-size: 1em;*/
    /* font-size: .875em;*/ /* scale down to 14px? *//*
    line-height: 1.5;*/
    line-height: 1.4;
    font-family: Helvetica, Helvetica Neue, Arial;
}

.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.italic {font-style: italic;}
.center {text-align: center;}
.blue {color: blue;}
.red {color: #EB0000;}
.darkRed {color: #AA0000;}
.black {color: black;}
.right {text-align: right;}
hr.pageNavHR { display: none; }

.editIcon {
    width: 25px;
}

.printIcon, .emailIcon {
    width:  25px;
    height: 25px;
    cursor: pointer;
}

.cursorPointer {
    cursor: pointer;
}

.largedot{font-weight: bold;font-size: 1.5em;line-height: 0.75em;vertical-align: sub;}

.tableCell150 {width: 150px;}

.material-icons {
    content:"";
    background: transparent url(../img/left-arrow-black.svg) no-repeat;
    height: 1em;
    width: 1em;
    margin-right: 2px;
    vertical-align: text-top;
    display: inline-block;
}

.wrapper {
    width: 95%;
    margin: 0 2.5%;
}

/* ===================
    ALL: Color Theme
   =================== */

.errorMessage {
    font-size: 1.3em;
    text-align: center;
    margin: 1em;
    color: red;
}
.red {color: #EB0000;}

.header-container {
    /*border-bottom: 4px solid #00468C;*/
}

.footer-container,
.main aside,
.main nav.sidenav {
    /*border-top: 4px solid #00468C;*/
}

.main aside,
.main nav.sidenav  {
    margin-bottom: 20px;
}

.header-container,
.footer-container,
.main aside  {
    /*background: #1188FF;*/
}

.main nav.sidenav  {
    /*background: #1188FF;*/
}

.main nav.sidenav .ui-menu .ui-menu  {
    /*background: #1188FF;*/
    width: 100%;
}

a.nav-skip {
    position: absolute;
    top:2px;
    left: -9999px;
}

a.nav-skip:focus {
    left: 15PX;
    z-index: 100;
}

article header h1 {margin-top: 0}
article header .webpageHeadImage {
    margin: 0 auto;
    display: block;
}

.title {
    color: #00468C;
    line-height: .875;
    display: inline-block;
    text-align: center;
    width:79%;
}

.title a {color: inherit;}

.head-icon {display: inline-block;width:7%;/*top:-5px;*/}

/*#menu-trigger*/ 
#home-icon {text-align: right;}
#search-trigger {text-align: right;}
.title{width: 79%;margin:0;padding:0;}
#headermain {
    background-image: url("/images/siteheader-m1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% ;
    height: 80px;
    /*text-indent: -9999px;*/
    display:block;
    border-radius: 20px
}

.header-container {background-color: white;}
.header-container .utilities {
    text-align: center;
}
#googleContainer {
    width: 100%;
    margin: auto;
    display:  flex;
    justify-content:  end;
    align-items: center;
}
.utilityIcons {
    padding: 6px;
    background: white;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
#google_translate_element {
    width: 335px;
    padding: 3px;
    /*margin: 0 0 0 auto;*/
    background: none;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.goog-te-gadget{color: #555 !important}

.head-icon {top: 25px;}

.linkButton {
    color: white;
    background: #00468C;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}
/* ==============
    MOBILE: Menu
   ============== */
/*
header nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header nav a {
    display: block;
    margin-bottom: 3px;
    padding: 10px 0;

    text-align: center;
    text-decoration: none;
    font-weight: bold;

    color: white;
    background: #00468C;
}

header nav a:hover,
header nav a:visited {
    color: white;
}

header nav a:hover {
    text-decoration: underline;
}
*/

/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 25px 0;
    min-height: 500px;
}
/* for ie */
/*.main article h1 {
    font-size: 2em; 
    font-size: 2rem;
}
*/
.main aside  {
    color: white;
    padding: 0 15px 10px;
}

.main nav.sidenav  {
    color: white;
    padding: 0;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
}

.main nav.sidenav  {
    -webkit-box-shadow: 0 5px 10px #aaa;
       -moz-box-shadow: 0 5px 10px #aaa;
            box-shadow: 0 5px 10px #aaa;
            top: 55px;
            left:0;
            position: fixed;
            width: 60%;
            display:none;}            

/*#menu-container {display:none;}*/
/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}
/* ==========================================================================
   Social Media
   ========================================================================== */
    
    

    .socialMediaImg {
        width: 50px;
        margin-right: 20px;
    }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* =======  Header Defauls ================
==========                 ===============*/
#header_default {
    display: none;
}

#header_fullImage {
    display: none;
}

.utilities {
    width: 100%;
    text-align: right;
}

.headerbg, .headerbgl2, .headerbgl3 {display: none;}

/* ==========================================================================
    Commerce & Commerce Admin styles
   ========================================================================== */

    .pageHeader {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
   }

    .modcommerceadmin select {
        width: 400px;
   }

    .logIn {
        width: 325px;
        margin: auto;
        margin-top: 20px;
   }

   .changePW {
    width: 400px;
    margin: auto;
    margin-top: 20px;
   }

    .logIn label, .changePW label {
        display: inline-block;
        width: 85px;
        margin-bottom: 5px;
   }

    .logIn #submitLogIn, .changePW #submitPW {
        margin-left: 40%;
   }

    article section {
        padding-top: 20px;
   }

    .ckGroup {
        display: flex;
        flex-direction:column;
    }

    .cke {
        width: 80% !important;
        margin-left: 10% !important;
    }

    .memberImage {
        width: 40%;
        padding: 10px;
    }

    .imageFloatRight {
        float: right;
    }

/* ==========================================================================
   home page stuff
   ========================================================================== */

.plus {font-size: 1.2em}
.minus {font-size: .85em}

div.menubox, div.menubox1 {
        border: 1px solid lightgrey;
        border-radius: 8px;
        box-shadow: 5px 5px 5px #888888;
        padding: 5px 15px 8px;
        background:white;
        margin: 0px 1% 15px;
        /*width: 200px;
        position: relative;*/
        display:block;
       /* width:45%;
        vertical-align: top;*/

       
    } 
    .hp0_main {display:block;vertical-align: top;}
    .hp0_right {display:block;z-index:5;vertical-align: top;}

    div.menubox1 {
        margin-top: 50px;
    } 
    /*.menubox p{
        margin:0;
    }*/
    .menubox h2, .menubox1 h2{
        text-align:center;
        color:#ffb200;
        margin:0 0 5px;
        font-size: 14px
    }
    div.imagebox {text-align:center;padding:10px;} 
    div.menubox .morelink {text-align: right}
    #widgetnews li {list-style-position: outside; text-indent: 0;margin-left:8px;padding-left:0}
    #widgetnews ul {padding:0;margin:0;}


/* ==========================================================================
   Home Page Items Defaults
   ========================================================================== */
   .meetingsContainer {
        margin-bottom:  1em;
   }

   .meetingsContainer .meetingTitle {
        margin:  0;
   }

    .eventsListContainer #eventsSeeMore a:after {
        content: 'View Events Calendar...';
    }

    .eventsCalContainer #seeMore a:after {
        content: 'View Full Calendar...';
    }

    .newsListContainer #seeMore a:after {
        content: 'View More...';
    }
    
    .contentHR:last-of-type {
        display: none;
    }

    .rslides {
        position: relative;
        list-style: none;
        overflow: hidden;
        width: 100%;
        padding: 0;
        margin: 0;
        /*background: #004730;*/
    }

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

    .rslides li:first-child {
        position: relative;
        display: block;
        float: left;
    }

    .rslides .slides {
        width:  100%;
    }

    .rslides img {
        display: block;
        height: auto;
        border: 0;
        margin: auto;
    }

    .callbacks_nav {
        position: absolute;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        top: 54%;
        left: 0;
        opacity: 0.7;
        z-index: 3;
        text-indent: -9999px;
        overflow: hidden;
        text-decoration: none;
        height: 61px;
        width: 38px;
        background: transparent url("../../images/themes.gif") no-repeat left top;
        margin-top: -45px;
    }

    .callbacks_nav:active {
        opacity: 1.0;
    }

    .callbacks_nav.next {
        left: auto;
        background-position: right top;
        right: 0;
    }

/* ==========================================================================
   module stuff
   ========================================================================== */
    /* Reg User */
    .enabledStatus{color:green;font-weight: bold}
    .disabledStatus{color:red;font-weight: bold}
    
    /*town council*/
    .tcnameinfo {text-align:center;/*width:auto;margin: 0 auto;*/}
    .tcdetailimage {display:block;margin:0 auto;text-align:center;}
    .tcdetailimage img{max-width: 100%;}
    .tccontactinfo {text-align:center;}
    .tcbio {margin:2em 0;}

    .modtownboardinfo .councilName {
        font-weight: bold;
        font-size: 1.5em;
    }


    /* Email a friend function*/
    .emailpage_dialog {font-size:0.8em; /*0.9090909090909091em; to get font-size back to 1em in dialog*/ text-align: center;display: none;}
    .error {/*color: white;*/ background-color: #ffe6e6; }/*background: #dc5959*/
    .error-popup { font-size: 0.9em; line-height: 1.1; display: none; color: red; font-weight: bold; position: absolute;  left: 2em; vertical-align: top}
    .error-popup-active { display: block; }

    /* Emergency Message*/

    .emergency-message-holder{
        width:100%;
        overflow:hidden;
        display: table;
    }

     .emergency-message-holder-sparta {
        padding-top: 15px;
    }

    .emergency-message-holder:hover .ani1, .emergency-message-holder:hover .ani2 {
        animation-play-state: paused;
    }

    .emergency-message {
        width: 100%;
        height: 2.5em;
        white-space: nowrap;
        text-align: center;
    }
    
    .ani1 {
        animation: slide-left 50s linear infinite; padding: 0 10%;
    }
    .ani2 {
        animation: slide-left-alt 50s linear infinite; padding: 0 10%; margin-top: -2.5em;
    }

    .emergency-message-holder span {
        color:red;
        /*background:#FF9999;*/
        display:inline-block;
        height: 2.5em;
        font-size: 2em;
        font-weight: bold;
    }
    .overflow-wrap{overflow: hidden;}
    @keyframes slide-left {
        0% {
            margin-left: 100%;
        }
        100% {
            margin-left:-100%;
        }
}
    @keyframes slide-left-alt {
        0% {
            margin-left: 0%;
        }
        49.9999% {
            margin-left: -100%;
        }
        50% {
            margin-left: 100%;
        }
        100% {
            margin-left: 0%;
        }
    }

    /*mailing list*/
    .actiontitle {font-weight:normal;font-size:100%;padding:4px}
    .actiontitleselected {font-weight:bold;text-decoration: underline;font-size:100%;padding:4px}

    .frmlabel {text-align:left;padding: 0 5px 0 0;font-weight:bold;display:block;vertical-align: top}
    .frmlabelline{width:100%;display: block;font-weight:bold;}
    .formelement{padding: 8px 0;text-align:left;border-bottom: 1px dotted silver;}
    .formelement input, .formelement select, .formelement .formelementgroup, .formelement .formdata{margin-left:2em;max-width: calc(100% - 2em);}

    .formelement textarea {max-width: 100%;}

    .formwrapper .required {color: #EB0000;}

    input[type=submit].displayaslink { border: none; background: none; display: inline; color: blue; text-decoration: underline; }

    /* remove left margin for sub fields */
    #SubBlock, #SubLot {margin-left: 0;}

    .formelement .formelementgroup{display: inline-block;}
    /*.formelement input {width: 100%;}*/
    .formactions{padding: 3px 0;text-align:center;}
    .formfieldwrapper {display: inline-block;padding-left: 0px}
    .formdivider {text-align: center;font-weight: bold;}
    .fieldivider{color: #666666;border-top: 1px solid #666666;}
    /*.formelementgroup, */
    .elementcaption {display: block; margin-left: 2em}
/*    .formelement input#ExpYear{margin-left: 0}*/
    .formelement .formelementgroup input, .formelement .formelementgroup select{margin-left: 0}
    .formelement .frmparablock {margin-left: 2em;display: block;}
    
    .formelement input.f-valign-bottom, .formelement select.f-valign-bottom {vertical-align: bottom;}

    .formimage{max-width: 100%}

    .subinfo {font-style: italic;margin: 0 0 1em 1em;}

    .frmradioindent, .formselectindent{margin-left:2em;}
    .frmradioindent .frmlabel{width:auto;}
    .recaptchablock {padding: 10px 0;}
    /*.g-recaptcha {margin-left:2em;width: 305px;}*/
    .g-recaptcha {margin:0 auto;width: 305px;}

    .formreview h3{margin-bottom: .5em}
    .formreview ul{margin-top: .5em;}
    .formreview ul.formreview{padding-left: 1.5em}
    .formreview li{margin-bottom:.5em;list-style-image: url('../../images/sub_bullet2.gif') }
    .formreview .label{display:block;width:auto;font-weight:bold;vertical-align: top;}
    .formreview .value{display:block;margin-left: 3em;vertical-align: bottom;}

    .formelement input#accountNum, .formelement input#accountNum2, .formelement input#BankAccountNumber, .formelement input#BankAccountNumber2, .formelement input#accountNumber1, .formelement input#accountNumber2 {
        /*background-color: black;*/
        /*color: black;*/
        width: 30px;
    }
    .formelement input#accountNum:focus, .formelement input#accountNum2:focus, .formelement input#BankAccountNumber:focus, .formelement input#BankAccountNumber2:focus, .formelement input#accountNumber1:focus, .formelement input#accountNumber2:focus {
        /*background-color: white;*/
        width: auto;
    }


    ul.l2 {list-style-image: none;margin-top: 0}
    ul.l2 li {list-style-image: none;list-style-type: none;margin-bottom:.5em;}
    ul.l2 li .qtrlabel {width:7em;display: inline-block;}
    ul.l2 li .amtlabel {width:9em;display: inline-block;}
    ul.l2 li .amtvalue {width:7em;display: inline-block;text-align: right}

    ul.l2.orgininaltaxamount li {margin-bottom: .1em}
    .selectedqtr{font-weight: bold;font-style: italic;}
    .highlight{color: red;font-weight: bold;}
    .l2label{font-weight: bold;}
    .terms-wrapper{padding: 5px; height:300px;overflow: auto;border: 1px solid black;margin-bottom: 2em;}

    .terms-wrapper-new-payments {
        padding: 5px;
/*        height: 300px;*/
        max-height: 300px;
        overflow: auto;
        border: 1px solid black;
        max-width: 750px;
        margin-left: 1em;
        margin-right: 1em;
        margin-bottom: 10px;
    }

    .newPaymentsAgreeTermsContainer {
        max-width: 750px;
        margin-left: 1em;
        margin-right: 1em;
        text-align: center;
    }

    .divDisabled{color: grey;}

    .payamountform {border-top: 2px solid grey;border-bottom: 2px solid grey}

    .paymethodgroup .paymeth {/*border-top: 2px solid grey;*/border-bottom: 2px solid silver;padding: .5em 1em;}
    .paymethodgroup .paymeth input[type=submit] {display: block;margin: 0 0 auto auto;}
    .paymethodgroup .paymeth .instruction{padding: 0;}
    .paymethodgroup .paymeth .ccformbutton {display: block; padding-bottom: 5px;}
    .paymethodgroup .paymeth .ccform {
      border: 1px solid grey;
    padding: 5px;
    margin:0 0 0 0;
    display: block;
    }

    .paymethodgroup .paymeth:last-of-type {border: none;}

    .superindex {vertical-align: super;color: red;font-weight: bold;}
    .bottombreak {color: #666666;border-top: 1px solid #666666;margin-top: 1em}

    /*  Search Module  */
    .modsearch .buttonTable {
        border-spacing: 0;
        padding: 0;
    }

    .modsearch .tableCell23 {
        width: 23px;
    }

    .modsearch .searchResultTable {
        border-spacing: 0;
        padding: 0;
        border: 0;
    }

    .foundSearchTerm {font-weight: bold;}

    #conFeeConfirmationContainer {
        list-style: none;
    }
    #conFeeConfirmation {
        margin-left: 11.4em;
    }

    .mod_utilmeter .meterReadingHeader {
        position: sticky;
        top: 0;
        z-index: 5;
        display: table-row-group;
    }
    .mod_utilmeter .datalist {vertical-align:top;max-height: 400px;overflow-y: scroll;}
    .mod_utilmeter .usageChart {display: block; page-break-before: auto;page-break-after: auto; page-break-inside: avoid;}
    .mod_utilmeter .usageChart img, .mod_utilmeter .usageChart svg {display: block; page-break-before: auto;page-break-after: auto; page-break-inside: avoid;}

    .mod_utilmeter .usageForm {margin:0.5em}

    .mod_utilmeter .alarm-type .alarmlabel {font-weight: bold}
    .mod_utilmeter .alarm-type .actionlabel {font-style: italic;font-weight: bold}
    .mod_utilmeter .alarm-type .alarm-descrip {margin: 1em 1em 0.25em 3em;text-indent: -2em;}
    .mod_utilmeter .alarm-type .action {margin: 0.25em 1em 1em 3em;text-indent: -2em;}
    .mod_utilmeter #table-alarm-def {padding: .25em 1em 1em;}
    .mod_utilmeter label.frmlabel.labelInner {width: auto;}
    .mod_utilmeter #contactInfoForm .frmlabel {width: 7.5em;text-align: left;}

    .mod_utilmeter .formelement {border-bottom: none;}

    .mod_utilmeter .meterAccountHead {display: flex;flex-direction: column;}
    .mod_utilmeter .meterAccountHead .contactFormContainer {border-top: 2px solid gray;padding-top: 1em;}
    .mod_utilmeter .meterAccountHead .contactFormContainer .labelradio {margin-left: 0;max-width: 100%;}


    .modtaxstd_taxamt .formelement, .modedmutil_taxamt .formelement, .modvitalutil_taxamt .formelement {border-bottom: none}

    .modtaxstd .formactions, .modedmutil .formactions {max-width: 28em;}

    /*.modvitalutil_clientinfo .ccseccode,
    .modvitalutil_clientinfo #ccexpiration {margin-left: 2em;}*/

    .modtaxstd_taxamt .misctop1,.modtaxstd_taxamt .misctop2, .modtaxstd_taxamt section p,  
    .modtaxstd_viewbill .misctop1,.modtaxstd_viewbill .misctop2, .modtaxstd_viewbill section p, 
    .modvitalutil_taxamt .misctop1,.modvitalutil_taxamt .misctop2, .modvitalutil_taxamt section p,
    .modvitalutil_viewbill .misctop1,.modvitalutil_viewbill .misctop2, .modvitalutil_viewbill section p
    {margin:0;} /* do we need to add other pages in checkout? */

    .modtaxstd_index .misctop1,.modtaxstd_index .misctop2, .modtaxstd_index section h3, 
    .modvitalutil_index .misctop1,.modvitalutil_index .misctop2, .modvitalutil_index section h3
    {margin-top:0;} /* do we need to add other pages in checkout? */

    .modtaxstd_viewbill .paymentCheckbox {
        margin-left: 20px;
    }

    .billCustomNote {margin: .5em 0 .5em 0;max-width: 31em}

    /*.modtaxinquiry_index label {
        font-weight: bold;
        width: 130px;
        text-align: right;
        margin-right: 3px;
        display: inline-block;
    }*/
    .modtaxinquiry_index p {
        text-align: center;
        margin: 0;
    }
    .modtaxinquiry_index .multiInput, .modpayment_index .multiInput {
        display: inline-block;
    }

    .modtaxinquiry .bottomBorder {
        height: 34px;
        background: #808080;
    }
/*    .modtaxinquiry_index #accountform, .modtaxinquiry_index #blockform, .modtaxinquiry_index #streetform {
        margin-bottom: 40px;
    }*/

    .modtaxinquiry_index .searchContainer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .modtaxinquiry_index .formwrapper {
        margin-bottom: 20px;
        border: 1px  solid lightslategray;
        width: 28em;
        padding: 10px;
        min-width: 48%;
   }

    .modtaxinquiry_index .formelement input[type="button"], .modtaxinquiry_index .formelement input[type="submit"] {
        display: block;
        margin-top: .25em;
    }
    .modtaxinquiry_itemDetail .propInfo, .modtaxinquiryEDM_itemDetail .propInfo {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        width: 100%;
        margin: auto;
        border: 2px solid #eeeeee;
        padding: 10px;
        margin-bottom: 10px;
    }

    .modtaxinquiry_itemDetail .infoGroup, .modtaxinquiryEDM_itemDetail .infoGroup {
        width: 100%;
        margin: 0;
    }

    .modtaxinquiry_itemDetail .infoLine:nth-child(even) {
        background: #eeeeee;
    }
    .modtaxinquiryEDM_itemDetail .infoLine:nth-child(even) {
        background: #eeeeee;
    }
/*    .modtaxinquiry_itemDetail .label, .modtaxinquiryEDM_itemDetail .label { font-weight: bold; width: 40%; display: inline-block; vertical-align: top;}
    .modtaxinquiry_itemDetail .data, .modtaxinquiryEDM_itemDetail .data { display: inline-block; width: 55%; }
*/


    .modtaxinquiry_itemDetail .label, .modtaxinquiryEDM_itemDetail .label {font-weight: bold; display: block; width: 100%;vertical-align: top;}
    /*.modtaxinquiry_itemDetail .blankLabel, .modtaxinquiryEDM_itemDetail .blankLabel { display: none; }*/
    .modtaxinquiry_itemDetail .data, .modtaxinquiryEDM_itemDetail .data { padding-left: 20px; width: 100%;}



    .mod_reguseradmin .tabContainer, .modtaxinquiry_itemDetail .tabContainer, .modtaxinquiryEDM_itemDetail .tabContainer, .mod_utilmeter .tabContainer {
        /*height: 40px;*/
        padding-top: 10px;
        background: #ddd;
        display: flex;
    }

    .mod_reguseradmin .tab, .modtaxinquiry_itemDetail .tab, .modtaxinquiryEDM_itemDetail .tab, .mod_utilmeter .tab {
        margin: 0 5px;
        background: white;
        width: auto;
        min-width: 50px;
        text-align: center;
        border-radius: 5px 5px 0 0;
        /*height: 30px;*/
        padding: 5px;
        cursor: pointer;
    }

    .mod_reguseradmin .tab, .modtaxinquiryEDM_itemDetail .tab {
        background: #00468C;
        color: white;
    }

    .mod_reguseradmin .inactiveTab, .modtaxinquiry_itemDetail .inactiveTab, .modtaxinquiryEDM_itemDetail .inactiveTab, .mod_utilmeter .inactiveTab {
        background: #eeeeee;
        color: black;
    }

    .mod_utilmeter .tabContainer {background: #ccc;}
    .mod_utilmeter .tab {font-weight: bold;}
    .mod_utilmeter .inactiveTab {font-weight: normal;border: 1px solid #ccc;}
    .mod_utilmeter .tableContainer {border: 1px solid #ccc;border-top: none}

    .modtaxinquiry_itemDetail form.inlineForm {
        display: inline-block;
    }

    form.inlineForm {
        display: inline-block;
    }

    .modtaxinquiryEDM_itemDetail .record03_group {
        display: flex;
        flex-direction: column;
    }

    .modtaxinquiryEDM_itemDetail #table-special {
/*        display: flex;
        flex-direction: column;
        */
        padding: 10px;
        border: 3px solid #00468C;
    }

    .mod_reguseradmin .inactiveTable, .modtaxinquiry_itemDetail .inactiveTable, .modtaxinquiryEDM_itemDetail .inactiveTable, .mod_utilmeter .inactiveTable  {
        display: none;
    }

    .modtaxbill .formwrapper {
        width: 95%;
        margin: auto;
    }

    .modtaxbill label {
        font-weight: bold;
        width: 190px;
        display: inline-block;
    }

    .modtaxbill .data {
        display: block; 
        margin-left: 2em;
    }

    .modtaxbill2 label {
        font-weight: bold;
        width: 150px;
        text-align: left;
        margin-right: 10px;
        display: inline-block;
    }

    .modtaxbill .smaller {font-size: 12px;}

    #table-tax {
        display: block;
        vertical-align: text-top;
    }

    #amtSelect ul.l2 {
        padding: 0 0 0 1.5em;
    }

    .moddept .listwrapper, .modorgs .listwrapper {text-align: center;}
    .moddept .itemlist, .modorgs .itemlist {text-align: left;display: inline-block;}

    .modforms .cat-list.notAll {
        display: none;
    }

    .modforms .cat-head {
        cursor: pointer;
    }

    .modforms .cat-list li {
        list-style-type: disc;
        margin-bottom: 0.5em;
    }

    .modforms .return {
        margin-bottom: 10px;
    }

    .onlineInfoContainer {
        text-align: left;
    }

    /* Changes for Financial doc/formcenter module */
    .modforms ul.dept-list {
        padding: 0;
    }

    .modforms li.cat-item{
        list-style-type: none;
        /*cursor:  pointer;*/
    }

/*    .modforms .cat-head {
        background: lightgray;
        border: 1px solid darkgray;
        margin: 3px 0;
        padding: 3px 0 0;
    }*/

    .modforms .cat-item .cat-head:before {
        content: "+";
        padding: 0 4px 0 6px;
        font-weight: bold;
    }

    .modforms .cat-item.Expanded .cat-head:before {
        content:  "-";
    }

    .mod_reguseradmin .loginFormContainer {
        width: 430px;
        margin: auto;
        display: flex;
        flex-direction: column;
        max-width: 100%;
    }
    .mod_reguseradmin .formhead {
        text-align: center;
        margin: 0 0 .25em;

    }
    .mod_reguseradmin .logoContainer, .regUserLoginForm .logoContainer {
        width: 180px;
        margin: auto;
        margin-bottom: 1em;
    }

    .mod_reguseradmin .poweredByContainer, .regUserLoginForm .poweredByContainer {
        width: 180px;
        margin: auto;
        margin-top: 1em;
    }

    .mod_reguseradmin .logoContainer img, .regUserLoginForm .logoContainer img{
        width: 100%;
    }

    .mod_reguseradmin .loginForm, .mod_reguseradmin .regForm, .mod_reguseradmin .resetForm {
        display: flex;
        flex-direction: column;
        border: 1px solid lightgrey;
        border-radius: 7px;
        background: lightgrey;
        padding: 1em;
    }

    .mod_reguseradmin .toggleContainer {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .mod_reguseradmin .RegisterButton, .mod_reguseradmin .LoginButton {
        background-color: #0054a2;
        color: white;
        padding: 5px;
        border-radius: 5px;
        cursor: pointer;
    }
    .mod_reguseradmin .tabContainer{
        background: none;
    }
    .mod_reguseradmin .tab {
        background: #fff;
        color: #000;
        font-weight: bold;
        border: 2px solid gray;
        border-bottom: none;
        margin-bottom: -2px;
        z-index: 1;
    }    

    .mod_reguseradmin .tab:first-child {
        margin-left: 10px;
    }
    .mod_reguseradmin .inactiveTab {
       /* border-bottom: 3px solid lightgray;*/
       /* background: #e8e8e8;*/
       background: #ddd;
        margin-bottom: 0;
    }
    /* .mod_reguseradmin .toggleText {
       font-size: 12px;
    }*/

    .mod_reguseradmin .formlabel, .regUserLoginForm .formlabel {
        font-weight: bold;
        width: 10em;
        display: inline-block;
        margin-bottom: 1em;
        text-align: left;
    }

    .mod_reguseradmin .tableContainer .table {
        min-height: 400px;
        border: 2px solid gray;
/*        border-top: none;*/
        padding: 10px;
    }

    .inputDisplayAsText {border: 1px solid lightgrey;}
    
    div.reserveLookupResults {
        display: none;
        border: 1px solid gray;
        position: absolute;
        right:0;
        width: 364px;
        max-width: 100%;
        z-index: 2;
        background: white;
        padding: 3px;
        box-shadow: 5px 5px 10px #aaa;
        max-height: 300px;
        overflow-y: scroll;
    }
    div.reserveLookupResults .reserveResultItem {
        border-bottom: 1px solid lightgray;
        padding: 2px;
        cursor: pointer;
    }
    div.reserveLookupResults .reserveResultItem:hover {
        background-color: #ccc;
    }
    /*.contact_dialog{display: none;}*/

    #mailformdiv {border: medium solid Gray;min-width:306px;padding: 1px;display:inline-block;margin-left:-4px;}
    .mailactionchoices{width:100%;display:inline-block;vertical-align: top;margin:0 0 20px 0;}
    .modmailinglist .frmlabel {width:4em;text-align: right; display:inline-block;}


    ul.maillist {list-style-image: url('../../images/discuss.gif');}
    ul.maillist li div {margin-bottom: 1em}

    .terms-container {margin:.5em;max-width: 500px;}
    .terms-container h2{text-align: center;}
    .terms-text{border: 2px solid grey; width:95%;height:300px;overflow-y:scroll;padding: .5em;margin: .5em auto;}
    .terms-buttons {width: 95%;max-width: 300px;margin:0 auto;}
    .terms-buttons input {width: 100%;max-width: 300px;margin:0 auto;}

    .moddatasearch .form-container {width:100%}
    .moddatasearch .formelement input, .moddatasearch .formelement select{width:94%;margin-left: 5%;}    
    .dsicon {cursor: pointer;}

    .dept-header {padding:5px 3px;background-color: #00468C;font-size: 1.3em;font-weight: bold;color: white}
    .cat-head {font-size: 1.2em;font-weight: bold}
    .archive-link {float:right;padding: 3px 5px 0 0;font-size: .8em}
    .archive-link a{color:white;}
    .cat-list {margin-bottom: 1em;}
    /*.dept-list {}
    .cat-item {}
    .cat-desc {}
    .item-desc {}*/

    .faq-question {font-weight: bold;}
    .faq-text{display: none;margin-bottom: 1em}
    .faq-text p:first-child {margin-top: .2em;/*margin-left: 1em;*/}

    .modfaq .cat-list li {padding-top: 3px;padding-bottom: 3px;}
    .modlinks .cat-item {padding: 5px 0;}
    .mayorinfo {text-align: center;}
    .mayor-archive-link{/*text-align: right;*/clear: both;padding:5px 0;}
    
    .pollansweritem div {display: inline-block;}
    .pollwrapper {border:1px solid silver;border-radius: 8px;margin:1em .2em;}
    .posteddate {text-align: right;background-color: silver;border-radius: 8px 8px 0 0;padding: 2px 5px;font-size: .9em;}
    .pollquestion {font-weight: bold;padding: 5px 3px;font-size: 1.2em}
    .pollansweritem {border-top:1px solid silver;}
    .pollanswertext {padding: 3px;width:90%;}
    .pollradio{padding:0 8px;width:10%;text-align: center;vertical-align: top;vertical-align: top}
    .pollradio input[type="radio"] {top:8px;}
    .pollbutton {padding:5px; text-align: center;width:10%;min-width: 70px}
    .pollbar {width: 65%;padding:0 10px 3px 2px;}
    .pollpercent {width: 12%;}
    .pollvotes {width: 23%;font-style: italic;}
    .pollanswertext-result {padding: 3px;width:100%}
    .polltotalrow {text-align: right;background-color: silver;border-radius: 0 0 8px 8px ;padding: 2px 0;font-size: 1em;}
    .polltotalrowtext {width: 77%;text-align: right;font-weight: bold; display: inline-block;}
    .polltotal {width:23%;text-align: left;font-weight: bold; display: inline-block;}
    
    .modlogin .pagewrapper {margin: 0 auto;  max-width: 400px;}

    .photoalbumlist {list-style-image: url('../../images/image_icon.gif');}
    .photoalbumlist li {margin-bottom: 1em}
    .photothumbnail {
        padding: 10px;
        vertical-align: top;
        display: inline-block;
        text-align: center
    }
    .photothumbnail .title {font-size: 1.2em;font-weight: bold;text-align: center}
    .photothumbnail .blurb {font-size: 1em;text-align: center;font-style: italic;}
    
    /* New Photo Journal*/
/*    .modphotojournal .thumbnailContainer {display: flex; fleex-wrap: wrap;}
    .thumnbailContainer .photothumbnail {flex: 1 1 25%;}*/

    /*.misctop{}*/
    .misctop1, .misctop2{display: block; margin-top: 1em}
    .contactus {/*width:270px;*/padding:5px;background-color: #e7e7c7;border: 1px solid silver;border-radius: 5px;display: inline-block;text-indent: -1em;padding-left: 1.2em;}
    .contactus:hover{background-color: #CCCCA9;cursor: pointer;}
    .contactus img.contacticon{vertical-align: baseline; display:inline}


    .returnlink {float:right;z-index: 2;}
    .returnlink .material-icons, .returnlink2 .material-icons, .modforms .material-icons {font-size: inherit;}
    .returnlink2 {float:none;z-index: 2;}

    .info-label {font-weight: bold;width:10em;display:inline-block;}
    .info-label:after {content: ":";}

    h3.filelist {margin-bottom: .5em;}
    ul.filelist {list-style-type: decimal; margin-top: 0;}

    .yearselection div {border: 1px outset #aaa; padding: 4px 5px;display:inline-block;margin:3px 1px;border-radius: 4px;}
    .yearselection div:hover {background-color: #00468C;color:#fff;}
    .yearselection div:hover a {color:#fff;}
    .yearselection .yearlistselected {background-color: #00468C;color:#fff;}
    .yearselection .yearlistselected a {color:#fff;}
    
    .articletitle {margin-bottom: 0;}

    .tcthumblist {text-align: center;}
    .tcthumbitem {text-align: center; padding: 10px; display: inline-block;font-weight: bold}
    .tcthumblist .termtext {font-size: .9em;font-weight: normal;}

    .jobname {margin-bottom: 0;}
    /*.jobblurb {}*/
    .jobemail {margin-bottom: 2em;}
    .jobtypecontainer {margin-left: 2em;}
    .jobinquire {text-align: center;border: 1px inset black; width: 100px; vertical-align: middle;margin:0 auto;padding:5px;border-radius: 5px;background-color: #dddddd}
    .datalabel {display:inline-block;width:8em;font-weight: bold;padding-right: 1em;}
    .datavalue {display:inline-block;}

    .jump{margin:0 0 20px;text-align: right;}
    .jumpselect {cursor:pointer;font-weight: bold;padding:5px;font-size: 1.0em;font-weight: normal;border-radius: 5px 5px}
    .jumpselect {background-color: #030652;color: white;}
    .jumplist {text-align: left;display: none; z-index: 20; position: absolute; right: 0px; top: 21px; width: 300px; 
                border: 1px solid Gray; 
                background: white; 
                padding: 3px 3px;
                box-shadow: 5px 5px 10px #aaa;
                border-radius: 5px 0 5px 5px
            }
    .jumplist ul {padding-left: 2em;}

    .jumpclose {float:right;display: block;cursor:pointer;}

    .childselect {list-style-type: disc;font-weight: normal;}
    .childselect .currentpage {font-weight: bold}
    .parentlist .material-icons {/*font-size: inherit;*/ font-size: 1.3em; }
    .jumplist ul.parentlist {list-style-type: none;padding-left: .6em;}
    .parentlist li{list-style-type: none;}
    /*.parentlist li:before {content: "\e800";font-family: bullets;}*/


    .paystepgroup {margin-bottom: 1em;}
    .stepline {display: block;background: silver;font-weight: bold;}
    .stepnumber {display: inline-block;/*width:4.5em;*//*border-right: 1px solid black;*/padding:5px;}
    .steptitle {display: inline-block;;padding:5px 5px 5px 15px;}
    .stepdescrip {margin:0.5em 0 1.5em 0;padding:0 .5em;}
    .paystartform {text-align: center;font-weight: bold;}

    ul.l2 li .qtrlabel {width:7em;display: inline-block;}
    .selectedqtr{font-weight: bold;font-style: italic;}
    #currentqtr{color:#008000;font-weight: bold;}


    .livesearchresults {text-align: left;display: none; z-index: 20; position: absolute; left: 0px; top: 21px; width: 100%; 
                border: 1px solid Gray; 
                background: white; 
                padding: 3px 3px 3px;
                box-shadow: 5px 5px 10px #aaa;
                /*border-radius: 0 0 5px 5px*/
            }
     .livesearchresults .searchitem{margin:0 0 .5em 0; font-weight: normal;font-size: 1em;border-bottom: 1px solid gray;padding-bottom: .5em}

    .datadisplay {margin: 0 0 1em 0;}
    .datadisplay .label{
        display: inline-block;
        width: 9em;
        vertical-align: top;
        font-weight: bold;}
    .datadisplay .value{
        display: inline-block;
    }

    .rsslist dd{padding-bottom: 20px;}
    .payment-paused {color: red;}

.articleasidemobile {
    display:block;
} 

.articleasidefloat {
    display:none;
} 

.modPaymentsDonations #TermsAndConditions {
    height: 200px;
    overflow: auto;
    border: 1px solid black;
    padding: 5px;
}
.modPaymentsDonations #msg {
    display: none;
}
.modPaymentsDonations .paymodbar {
    border-top-left-radius: .6em;
    border-top-right-radius: .6em;
    width: 100%;
    padding:2px;
    margin: 10px 0 5px;
    background-color: #6699CC; 
    color: #FFFFFF; 
    font-weight: bold;
}
.modPaymentsDonations .stepLine {
    background: #d7e5ea;
    font-weight: bold;
    width: 100%;
    padding: 2px;
    margin: 10px 0 5px;
}
.modPaymentsDonations .formelement.feecontainer {
    display: none;
    padding: 0;
    margin-top: -5px;
    border: none;
}
.modPaymentsDonations .formelement.firstPayment {
    padding-bottom: 2px;
}
.modPaymentsDonations .formelement.secondPayment {
    padding-top: 2px;
}
.modPaymentsDonations .formelement.feecontainer span {
    font-size: 14px;
}
.modPaymentsDonations .contactInfo span {
    display: block;
    margin-left: 15px;
}
.modPaymentsDonations .formelement.formelementRadio input {
    margin: 0;
}
.modPaymentsDonations .formelementRadio {
    margin-left: 20px;
    text-indent: -19px;
}
.modPaymentsDonations #CustomPaymentAmount1 {
    margin: 0;
}

.modPaymentsDonations .tblForm tr.after-label td{
    padding-bottom: 1em;
}

.modnews .articleasidemobile, .modnews .articleasidefloat {
    font-size: .9em;
   /* font-size: .8rem;*/
}

.modnews .articleasidemobile h3, .modnews .articleasidefloat h3 {
   margin: 10px 0;
}

.modnews .articleasidemobile a, .modnews .articleasidefloat a {
   color:#F4F27C;
}
.modnews .articleasidemobile ul, .modnews .articleasidefloat ul {
   margin:0 0 0 12px;
   padding:0;
}
.modnews .articleasidemobile li, .modnews .articleasidefloat li {
   margin:0 0;
   padding:0;
}
.newsimage-left, .newsimage-right {display: block;margin:10px auto;}
.printable-icon {vertical-align: baseline;top: 2px}

.modmeetingsdetail .tbl td{padding: 3px; vertical-align: top;}
.modmeetingsdetail .tbl td:first-of-type {white-space: nowrap;}
.modmeetings hr.meetingsHR {
    border-top: 5px solid #CCC;
    margin: 0;
}
.modmeetings .filterselect {
    margin: 0;
    margin-bottom: 1em;
}

.modmeetings .tabContainer {
    /*height: 40px;*/
    padding-top: 10px;
    background: #ddd;
    display: flex;
}

.modmeetings .tab {
    background: #00468C;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 20px;
    width: auto;
    min-width: 50px;
    text-align: center;
    border-radius: 12px 12px 0 0;
    /*height: 30px;*/
    padding: 10px;
    cursor: pointer;
}

.modmeetings .inactiveTab {
    background: #eee;
    color: black;
}

.modmeetings .tableContainer .inactiveTable {
    display: none;
}

.modmeetings .emptyTabTable {
    display: none;
    text-align: center;
    color: red;
    font-weight: bold;
    margin-top: 15px;
}

.modmeetings .archiveFilter {
    display: flex;
    justify-content: space-between;
    font-size: 1.1em;
}

.modkvstax .formreview .value {
    vertical-align: top;
}

.browsebox {border: 2px solid silver;
    padding: .5em;
    /*clear: both;*/
    margin-bottom: 1em;
   /* width: auto;
    display: inline-block;*/
    border-radius: 8px;
}

/*Remodal Options*/
.remodal {
    width: auto;
}

.regUserLoginForm {
    width:  350px;
    background-color: lightgrey;
    border-radius: 7px;
}

.regUserLoginMsgBox {
    border: 2px solid darkgray;
    padding: 0;
    margin: 1em auto 1em;
    border-radius: 5px;
    max-width: 600px;
}
.regUserLoginMsgBox #imgFastLane{width:100px;}

.regUserLoginMsgHead {
    padding: 5px;
    font-weight: bold;
    background: silver;
    border-bottom: 2px solid darkgray;
}

.regUserLoginMsgBody {
    padding: 0 1em;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: center;
    justify-content: center;
}

/* MCANJ */
.regOptions {
    width: 100%;
}

.regOptions .type {
    display: flex;
    margin-bottom: 20px;
}

.regOptions .option {
    width: 100px;
    font-weight: bold;
}

.regOptions .description {
    width: 80%;
}

.mcanj .formbuttons {
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mcanj .formbuttons input {
    width: 175px;
}

.mcanj .formbuttons input:first-of-type {
        margin-right: 0;
        margin-bottom: 15px;
    }

.formbuilderwrapper {
    width: 90%;
    margin: auto;
}

.formbuilderwrapper .frmlabel {
    width: 15em;
}
.formbuilderwrapper .paymentType#cc_payment.inactive {
    display: none;
}

.formbuilderwrapper .frmlabel.required {
    color: #EB0000;
}

.formbuilderwrapper div.required {
    color: #EB0000;
}

.formbuilderwrapper .yesnoContainer {
    width: 90%;
    margin: auto;
}

.formbuilderwrapper .radioContainer {
    margin-left: 20px;
    margin-top: 4px;
}

.formbuilderwrapper .formBuilderNote {
    font-size: .85em;
}

.formbuilderwrapper .radioYes {
    margin-right: 10px;
}

.formbuilderwrapper .labelfull {
    font-weight: bold;
    margin-bottom: 5px;
}

.formbuilderwrapper .spanlabelfull {
    margin-left: 20px;
}

.formbuilderwrapper .jst_formtable {font-size:0.85em;}
.formbuilderwrapper .jst_formtable thead {vertical-align: bottom;}

/*box-shadow: 5px 5px 12px 0 rgba(0,0,0,0.5);*/



.browsebox h3 {margin-top: 0;}
.buscontent {display: block;width: 100%;vertical-align: top;}
.backlink {z-index: 10;}
.busnav {
    width: 100%;
    display: block;
    vertical-align: top;
    border-top: 2px solid gray;
    padding-top: 25px;
    margin-top: 25px;
}

/* ==========================================================================
   Universal Payment
   ========================================================================== */
.paymentType#cc_payment.inactive {
    display: none;
}

/* ==========================================================================
   Table stuff
   ========================================================================== */
/*.ui-menu { width: 150px; }*/
.filterselect {padding:3px 0;margin:3px 0;}
.tablefilterselect{max-width: 100%;}

/* Responsive table defaults */
.res_table_def { width: 100%; border-collapse: collapse; }
/*.res_table_def tbody tr:nth-child(even) {background:#eeeeee;}*/
.res_table_def tbody tr:nth-child(even) td {background:#eeeeee;background-clip: padding-box;}/*-webkit-background-clip: padding-box;*/


/*.res_table_def tbody tr:nth-child(odd) {background:#ffffff;}*/
/*.res_table_def tbody tr:hover {background: #dddddd;}*/
.res_table_def tbody tr.rowspacer {background:unset;}
.res_table_def td, .res_table_def th {padding: 6px; border: 1px solid #ccc; text-align: left; }
.res_table_def td.right {text-align: right;}
.res_table_def td.center {text-align: center;}
.res_table_def .labelrow {background: #ddd;}
.res_table_def .collabels {font-weight: bold; }

.res_table_def .nameline {display:inline-block;}
.res_table_def .customlabel {display:inline-block;}
.res_table_def .addrline {display:inline-block;}
.res_table_def .phoneline {display:block;}
.res_table_def .phoneline .celllabel {padding-right:4px;}
.res_table_def .phoneline .celldata {padding-right:10px;}
.res_table_def .cat1 {background: #00468C; color: white; font-weight: bold; }
.res_table_def caption {background: #00468C; color: white; font-weight: bold;padding: 6px;text-align: left;}
.res_table_def .cat1spacer {display:none;} 
.res_table_def .phonecell a {color: inherit;}
.res_table_def .totalamt {text-align: right}
/*.res_table_def .totalrow .totallabel {text-align: right;font-weight: bold;border:none;}*/
.res_table_def .totalrow .totalamt {font-style: italic;font-weight: bold;background: #eee;background-clip: padding-box;}

.modkvstax .res_table_def td {padding: 10px;}
.modkvstax .res_table_def {width: unset;}

.res_table_def td.iconCell {
    width: 35px;
}


#bidlisttable tr.rowspacer, .meetinglisttable tr.rowspacer,.datasearch-list-table tr.rowspacer {display:none;}
.meetinglisttable .meetdate {white-space: nowrap;}
.meetinglisttable th {white-space: nowrap;}
/*.meetinglisttable .filelist {padding-left: 15px;padding-right: 15px;}*/
.meetinglisttable .filelist a {padding-left: 10px;display:block;}
.meetinglisttable .filelist a:before {
    content: "\25CF";
    position: absolute;
    /*top: 0;*/
    left:-1px;
}

.modtaxinquiry_findItems .taxinquiry_table tbody tr:nth-child(even) td {background:#eeeeee;background-clip: padding-box;}
.modtaxinquiry_findItems .taxinquiry_table tbody tr:nth-child(odd) td {background:#ffffff;background-clip: padding-box;}
.modtaxinquiry_findItems .taxinquiry_table tbody tr:hover td {background: #dddddd;background-clip: padding-box;}

.modfirepay_viewBill .taxinquiry_table tbody tr:nth-child(even) {background:#eeeeee;background-clip: padding-box;}
.modfirepay_viewBill .taxinquiry_table tbody tr:nth-child(odd) td {background:#ffffff;background-clip: padding-box;}
.modfirepay_viewBill .taxinquiry_table tbody tr:hover td {background: #dddddd;background-clip: padding-box;}

.modtaxinquiryEDM .itemDetail_table {
    /*max-width: 960px;*/
    margin: auto;
}
.modtaxinquiryEDM .itemDetail_table td, .modtaxinquiryEDM .itemDetail_table th {
    text-align: right;
    width: 14.3%;
}
.itemDetail_table tbody tr:nth-child(even) td {background:#eeeeee;background-clip: padding-box;}
.itemDetail_table tbody tr:nth-child(odd) td {background:#ffffff;background-clip: padding-box;}
.itemDetail_table .totalrow {font-weight: bold;font-style: italic;}
.itemDetail_table tbody tr:hover td {background: #dddddd;background-clip: padding-box;}


.itemDetail_table tbody tr td {
    text-align: right;
/*    padding-top: 4px;
    padding-bottom: 4px;*/
}
.itemDetail_table tbody tr.totalrow td:first-child {
    text-align: left;
}


.colName {width: 30%;}
.colAdd {width: 30%;}
.colPhone {width:25%;}

.commercetable tbody tr:nth-child(even) {background: #eeeeee;}
.commercetable tbody tr:nth-child(odd) {background: #ffffff;}

 #taxamounttable {width: auto;}
 #inquirytable {width: auto;}
#inquirytable tbody tr:nth-child(even) {background: #eeeeee;}
#inquirytable tbody tr:nth-child(odd) {background: #ffffff;}

/***************
    CSS GRID
***************/
.grid-container {
    display: grid;
    grid-template-columns: repeat(12, 8.33%);
    grid-template-columns: repeat(12, calc(100% / 12));
    align-content: start;
    justify-items: stretch;
    width: 100%;
}
.grid-container .item{
    margin: 10px;
}
.grid_row_1 {
    grid-row: span 1;
}
.grid_row_2 {
    grid-row: span 2;
}
.grid_row_3 {
    grid-row: span 3;
}

.xs-col-25, .xs-cols-3 {
    grid-column: span 3;
}
.xs-col-33, .xs-cols-4 {
    grid-column: span 4;
}
.xs-col-50, .xs-cols-6 {
    grid-column: span 6;
}
.xs-col-67, .xs-cols-8 {
    grid-column: span 8;
}
.xs-col-75, .xs-cols-9 {
    grid-column: span 9;
}
.xs-col-100, .xs-cols-12 {
    grid-column: span 12;
}


/* some extra cols - col-% | cols-# */
.xs-col-8, .xs-cols-1 {
    grid-column: span 1;
}
.xs-col-17, .xs-cols-2 {
    grid-column: span 2;
}
.xs-col-42, .xs-cols-5 {
    grid-column: span 5;
}
.xs-col-58, .xs-cols-7 {
    grid-column: span 7;
}
.xs-col-83, .xs-cols-10 {
    grid-column: span 10;
}
.xs-col-92, .xs-cols-11 {
    grid-column: span 11;
}


/* for responsive tables (only section not mobile first/progressive enhancement) *//* (min-device-width: 768px) and (max-device-width: 1024px)*/
@media (max-width: 480px) {

    /* Force table to not be like tables anymore */
    .res_table, .res_table thead, .res_table tbody, .res_table th, .res_table td, .res_table tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .res_table .labelrow { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    /* Behave  like a "row" */
    .res_table td { 
        border: none;
        border-bottom: 1px solid #ddd; 
        position: relative;
        padding-left: 100px; 
    }
   

    .res_table td.blankLabel {display: none;}
    .res_table td.blanktd {display: none;}

    /* Now like a table header */
    .res_table td:before { 
        position: absolute;
        top: 6px;/* Top/left values mimic padding */
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
        content:" "attr(data-label);
    }

    #inquirytable .totalamt:before {text-align: left;}

    .modkvstax .res_table td {padding: 6px 6px 6px 120px;}
    .modkvstax .res_table tbody tr:nth-child(even) td {background: #eeeeee;background-clip: padding-box;}
    .modkvstax .res_table tbody tr:nth-child(odd) td {background: #ffffff;background-clip: padding-box;}
    /*.modkvstax .blankLabel { display: none; }*/
    .modkvstax .res_table td:before { 
        /* Now like a table header */
        text-align: left;
    }

    .res_table .nameline:first-child {font-weight: bold;}

    .res_table .phonecell {border-bottom: 2px solid #ccc;}
    .res_table td.cat1{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px}
    .res_table caption{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px;display: block;}    
    .res_table td.cat1spacer{border-bottom-left-radius: .6em;border-bottom-right-radius: .6em;height: 15px;margin: 0 0 10px 0;display:block;background: #00468C;border: none;} 

    .res_table.itemDetail_table td, .res_table.itemDetail_table th {text-align: left;width: auto;}

    .res_table#bidlisttable tr, .res_table.datasearch-list-table tr{border: 2px solid #00468C;/*border-radius: 1em;*/}
    .res_table#bidlisttable tr.rowspacer, .res_table.meetinglisttable tr.rowspacer, .res_table.datasearch-list-table tr.rowspacer {border:none;display:block;}/*table-row*/
    .res_table#bidlisttable tr.rowspacer td, .res_table.meetinglisttable tr.rowspacer td, .res_table.datasearch-list-table tr.rowspacer td{border:none;}
    .res_table#bidlisttable td {padding-left: 120px;}

    .res_table.meetinglisttable td.cat1,.res_table.meetinglisttable caption {border-radius: 0;padding-left: 5px;}

    .res_table.meetinglisttable .filelist {/*min-height: 32px;*/margin-bottom: 25px;border:none;}
    .res_table.meetinglisttable td {min-height: 32px;padding-left: 115px;}
    .res_table.meetinglisttable .rowspacer td {min-height: 16px;}
    .res_table.meetinglisttable .meetdate {background-color: #ccc;font-weight: bold;}

    .res_table.commercetable tbody tr {border-bottom: 2px solid grey;}
    .res_table.commercetable tbody tr:nth-child(even) {background: #dddddd;}

    .res_table.datasearch-list-table td {padding-left: 12em;}

    .res_table#taxamounttable .totallabel {position: absolute;top: -9999px;left: -9999px;}
    .res_table#taxamounttable .totalrow .totalamt {background: #eee;}
    .res_table#taxamounttable .totalrow .totalamt:before {left:0;}
    .res_table#taxamounttable td {padding-left: 7em;}
    
    .res_table#taxamounttable td:before {top: 6px;left: 3em;content:" "attr(data-label)":";}
    .res_table#taxamounttable .totalamt:before {text-align: left;}
    .res_table#taxamounttable .paytype {font-weight: bold;padding-left: 0;background: #eee;}
    .res_table#taxamounttable .paytype:before {content:"";}

}

@media (max-width: 767px) {
    /* Force table to not be like tables anymore */
    .res_table_768, .res_table_768 thead, .res_table_768 tbody, .res_table_768 th, .res_table_768 td, .res_table_768 tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .res_table_768 .labelrow { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    /* Behave  like a "row" */
    .res_table_768 td {
        border: none;
        border-bottom: 1px solid #ddd; 
        position: relative;
        padding-left: 120px; 
    }

    .modtaxinquiry_findItems .res_table_768.taxinquiry_table td {padding-left: 115px;}

    .res_table_768 td.blankLabel {display: none;}
    .res_table_768 td.blanktd {display: none;}
 
    /* Now like a table header */
    .res_table_768 td:before {
        position: absolute;
        top: 6px;/* Top/left values mimic padding */
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
        content:" "attr(data-label);
    }

    .modkvstax .res_table_768 td {padding: 6px 6px 6px 120px;}
    .modkvstax .res_table_768 tbody tr:nth-child(even) {background: #eeeeee;}
    .modkvstax .res_table_768 tbody tr:nth-child(odd) {background: #ffffff;}
    /*.modkvstax .blankLabel { display: none; }*/
    .modkvstax .res_table_768 td:before { 
        /* Now like a table header */
        text-align: left;
    }

    .res_table_768 .nameline:first-child {font-weight: bold;}

    .res_table_768 .phonecell {border-bottom: 2px solid #ccc;}
    .res_table_768 td.cat1{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px}
    .res_table_768 caption{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px;display: block;}    
    .res_table_768 td.cat1spacer{border-bottom-left-radius: .6em;border-bottom-right-radius: .6em;height: 15px;margin: 0 0 10px 0;display:block;background: #00468C;border: none;} 

    .res_table_768.itemDetail_table td, .res_table_768.itemDetail_table th {text-align: left;width: auto;}

    .res_table_768#bidlisttable tr, .res_table_768.datasearch-list-table tr{border: 2px solid #00468C;/*border-radius: 1em;*/}
    .res_table_768#bidlisttable tr.rowspacer, .res_table_768.meetinglisttable tr.rowspacer, .res_table_768.datasearch-list-table tr.rowspacer {border:none;display:block;}/*table-row*/
    .res_table_768#bidlisttable tr.rowspacer td, .res_table_768.meetinglisttable tr.rowspacer td, .res_table_768.datasearch-list-table tr.rowspacer td{border:none;}
    .res_table_768#bidlisttable td {padding-left: 120px;}

    .res_table_768.meetinglisttable td.cat1,.res_table_768.meetinglisttable caption {border-radius: 0;padding-left: 5px;}

    .res_table_768.meetinglisttable .filelist {/*min-height: 32px;*/margin-bottom: 25px;border:none;}
    .res_table_768.meetinglisttable td {min-height: 32px;padding-left: 115px;}
    .res_table_768.meetinglisttable .rowspacer td {min-height: 16px;}
    .res_table_768.meetinglisttable .meetdate {background-color: #ccc;font-weight: bold;}

    .res_table_768.commercetable tbody tr {border-bottom: 2px solid grey;}
    .res_table_768.commercetable tbody tr:nth-child(even) {background: #dddddd;}

    .res_table_768.datasearch-list-table td {padding-left: 12em;}

    .res_table_768#taxamounttable .totallabel {position: absolute;top: -9999px;left: -9999px;}
    .res_table_768#taxamounttable .totalrow .totalamt {background: #eee;}
    .res_table_768#taxamounttable .totalrow .totalamt:before {left:0;}
    .res_table_768#taxamounttable td {padding-left: 7em;}
    
    .res_table_768#taxamounttable td:before {top: 6px;left: 3em;content:" "attr(data-label)":";}
    .res_table_768#taxamounttable .totalamt:before {text-align: left;}
    .res_table_768#taxamounttable .paytype {font-weight: bold;padding-left: 0;background: #eee;}
    .res_table_768#taxamounttable .paytype:before {content:"";}

    .formbuilderwrapper {width: 100%;}

}

@media (max-width: 820px) {

    /* Force table to not be like tables anymore */
    .res_table_8xx, .res_table_8xx thead, .res_table_8xx tbody, .res_table_8xx th, .res_table_8xx td, .res_table_8xx tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    .res_table_8xx .labelrow { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    /* Behave  like a "row" */
    .res_table_8xx td {
        border: none;
        border-bottom: 1px solid #ddd; 
        position: relative;
        padding-left: 100px; 
    }

    .res_table_8xx td.blankLabel {display: none;}
    .res_table_8xx td.blanktd {display: none;}

    .res_table_8xx.itemDetail_table td {padding-left: 140px;}
    
    /* Now like a table header */
    .res_table_8xx td:before { 
        position: absolute;
        top: 6px;/* Top/left values mimic padding */
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
        content:" "attr(data-label);
    }

    .res_table_8xx .nameline:first-child {font-weight: bold;}
    .res_table_8xx .phonecell {border-bottom: 2px solid #ccc;}
    .res_table_8xx td.cat1{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px}
    .res_table_8xx caption{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px;display: block;}    
    .res_table_8xx td.cat1spacer{border-bottom-left-radius: .6em;border-bottom-right-radius: .6em;height: 15px;margin: 0 0 10px 0;display:block;background: #00468C;border: none;} 

    .res_table_8xx.itemDetail_table td, .res_table_8xx.itemDetail_table th {text-align: left;width: auto;}

    .mcanj .formelement label{
        /*display: flex;*/
        display: block;
    }
}

/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this , (min-device-width: 768px) and (max-device-width: 1024px)*/
@media (max-width: 480px)  {
    .lt-ie10 .res_table td,
    .lt-ie10 .res_table th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}
@media (max-width: 767px)  {
    .lt-ie10 .res_table_768 td,
    .lt-ie10 .res_table_768 th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}

@media (max-width: 820px)  {
    .lt-ie10 .res_table_8xx td,
    .lt-ie10 .res_table_8xx th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}

@media (max-width: 767px) {
    .lt-ie10 #taxamounttable td,
    .lt-ie10 #taxamounttable th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
    
    #taxamounttable tr {background-color: unset;}
    #taxamounttable td {background-color: unset;}
    /* Force table to not be like tables anymore */
    #taxamounttable, #taxamounttable thead, #taxamounttable tbody, #taxamounttable th, #taxamounttable td, #taxamounttable tr { 
        display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    #taxamounttable .labelrow { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    
    /*table#taxamounttable tr { border-bottom: 2px solid #ccc; }*/

    #taxamounttable td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #ddd; 
        position: relative;
        padding-left: 100px; 
    }
    
    #taxamounttable td:before { 
        /* Now like a table header */
        position: absolute;
        top: 6px;/* Top/left values mimic padding */
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
        content:" "attr(data-label);
    }
    #taxamounttable .nameline:first-child {font-weight: bold;}

    #taxamounttable .phonecell {border-bottom: 2px solid #ccc;}
    /*#taxamounttable .phonecell {font-weight: bold;}*/
    #taxamounttable td.cat1{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px}
    #taxamounttable caption{background: #00468C; color: white; font-weight: bold; border-top-left-radius: .6em;border-top-right-radius: .6em;border: none;padding-left: 30px;display: block;}    
    #taxamounttable td.cat1spacer{border-bottom-left-radius: .6em;border-bottom-right-radius: .6em;height: 15px;margin: 0 0 10px 0;display:block;background: #00468C;border: none;} 

    

    #taxamounttable .totalamt {}
    #taxamounttable .totallabel {position: absolute;top: -9999px;left: -9999px;}
    #taxamounttable .totalrow .totalamt {background: #eee;}
    #taxamounttable .totalrow .totalamt:before {left:0;}
    #taxamounttable td {padding-left: 7em;}
    
    #taxamounttable td:before {top: 6px;left: 3em;content:" "attr(data-label)":";}
    #taxamounttable .totalamt:before {text-align: left;}
    #taxamounttable .paytype {font-weight: bold;padding-left: 0;background: #eee;}
    #taxamounttable .paytype:before {content:"";}

/*    #taxamounttable .paynotes {}
    #taxamounttable .paystatus {}*/

    .modtaxbill2 #taxamounttable td:before {top: 6px;left: 0;content:" "attr(data-label)":";}

    /*.modtaxinquiry_index .formwrapper{ width: 90%; margin: auto; margin-bottom: 20px; }*/
    /*.modtaxinquiry_index label{ width: 150px; }*/

    .modmeetings .archiveFilter {
        flex-direction: column-reverse;
    }
    .modmeetings .archiveFilter .archiveContainer {
        margin-bottom: 10px;
    }
}

.articleasidemobile {
    display:block;
} 

.articleasidefloat {
    display:none;
} 


.modnews .articleasidemobile, .modnews .articleasidefloat {
    font-size: .9em;
   /* font-size: .8rem;*/
}

.modnews .articleasidemobile h3, .modnews .articleasidefloat h3 {
   margin: 10px 0;
}

.modnews .articleasidemobile a, .modnews .articleasidefloat a {
   color:#F4F27C;
}
.modnews .articleasidemobile ul, .modnews .articleasidefloat ul {
   margin:0 0 0 12px;
   padding:0;
}
.modnews .articleasidemobile li, .modnews .articleasidefloat li {
   margin:0 0;
   padding:0;
}
.modnews .itemdate {font-style: italic;font-size: .9em;}

.returnlink {float:right;z-index: 2;}
.returnlink .material-icons, .returnlink2 .material-icons {font-size: inherit;}
.returnlink2 {float:none;z-index: 2;}


.info-label {font-weight: bold;width:10em;display:inline-block;}
.info-label:after {content: ":";}

h3.filelist {margin-bottom: .5em;}
ul.filelist {list-style-type: decimal; margin-top: 0;}

.yearselection div {border: 1px outset #aaa; padding: 4px 5px;display:inline-block;margin:3px 1px;border-radius: 4px;}
.yearselection div:hover {background-color: #00468C;color:#fff;}
.yearselection div:hover a {color:#fff;}
.yearselection .yearlistselected {background-color: #00468C;color:#fff;}
.yearselection .yearlistselected a {color:#fff;}

.tcthumblist {text-align: center;}
.tcthumbitem {text-align: center; padding: 10px; display: inline-block;}
.tcthumblist .termtext {font-size: .9em;}

.jobname {margin-bottom: 0;}
/*.jobblurb {}*/
.jobemail {margin-bottom: 2em;}
.jobtypecontainer {margin-left: 2em;}
.jobinquire {text-align: center;border: 1px inset black; width: 100px; vertical-align: middle;margin:0 auto;padding:5px;border-radius: 5px;background-color: #dddddd}
.datalabel {display:inline-block;width:8em;font-weight: bold;padding-right: 1em;}
.datavalue {display:inline-block;}

.jump{margin:0 0 20px;text-align: right;}
.jumpselect {cursor:pointer;font-weight: bold;padding:5px;font-size: 1.0em;font-weight: normal;border-radius: 5px 5px}
.jumpselect {background-color: #030652;color: white;}
.jumplist {text-align: left;display: none; z-index: 20; position: absolute; right: 0px; top: 21px; width: 300px; 
            border: 1px solid Gray; 
            background: white; 
            padding: 3px 3px;
            box-shadow: 5px 5px 10px #aaa;
            border-radius: 5px 0 5px 5px
        }
.jumplist ul {padding-left: 2em;}

.jumpclose {float:right;display: block;cursor:pointer;}

.childselect {list-style-type: disc;font-weight: normal;}
.childselect .currentpage {font-weight: bold}
.parentlist .material-icons {font-size: inherit;}
.jumplist ul.parentlist {list-style-type: none;padding-left: .8em;}
.parentlist li{list-style-type: none;}
/*.parentlist li:before {content: "\e800";font-family: bullets;}*/
/***********************************/
/***     Calendar Styles         ***/
/***********************************/   
.custom-calendar-wrap {
    margin: 10px auto;
    position: relative;
    /*overflow: hidden;*/
   /* width:98%;*/
}

.custom-inner {
    background: #fff;
    -webkit-box-shadow: 5px 5px 10px #aaa;
       -moz-box-shadow: 5px 5px 10px #aaa;
            box-shadow: 5px 5px 10px #aaa;

    border: 2px solid #00468C;
}
/*
.custom-inner:before,
.custom-inner:after  {
    content: '';
    width: 99%;
    height: 50%;
    position: absolute;
    background: #f6f6f6;
    bottom: -4px;
    left: 0.5%;
    z-index: -1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.custom-inner:after {
    content: '';
    width: 98%;
    bottom: -7px;
    left: 1%;
    z-index: -2;
}*/

.custom-header {
    background: #fff;
    padding: 5px 10px 10px 10px;
    height: 70px;
    position: relative;
    border-top: 5px solid #00468C;
    border-bottom: 1px solid #00468C;/*#ddd;*/
}

.custom-header h2,
.custom-header h3 {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
    width:75%;
    margin:0 auto;
}

.custom-header h2 {
    color: #495468;
    font-weight: 400;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 0;
}

.custom-header h2#custom-month {
    margin-top: 0;
    max-width: calc(100% - 70px);
}

.custom-header h3 {
    font-size: .875em;
    font-weight: 700;
    color: #b7bbc2;
    margin-top: 0;
}

.custom-header nav span {
    position: absolute;
    top: 12px;
    width: 30px;
    height: 30px;
    color: transparent;
    cursor: pointer;
    margin: 0 1px;
    font-size: 20px;
    line-height: 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.custom-header nav span:first-child {
    left: 5px;
}

.custom-header nav span:last-child {
    right: 5px;
}

.lt-ie9 #custom-next {right:5px;}

.custom-header nav span:before {
    font-family: 'fontawesome-selected';
    color: #00468C;
    position: absolute;
    text-align: center;
    width: 100%;
}

.custom-header nav span.custom-prev:before {
    content: '\25c2';
}

.custom-header nav span.custom-next:before {
    content: '\25b8';
}

.custom-header nav span:hover:before {
    color: #495468;
}

.custom-content-reveal {
    background: #f6f6f6;
    background: rgba(246, 246, 246, 0.9);
    width: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0px;
    text-align: center;
    border: 2px solid #00468C;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.custom-content-reveal span.custom-content-close {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    background: #ef4f69;
    box-shadow: 0 0 4px grey;
    cursor: pointer;
    line-height: 13px;
    padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
    content: 'x';
    font-size: 1.2em;
    top:2px;
    color: #fff;
    position: relative;
}

.custom-content-reveal a,
.custom-content-reveal span {
    font-size: 1.2em;
    padding: 5px 20px;
    display: block;
    text-align: left;
}

.custom-content-reveal h4 {
    text-transform: uppercase;
    font-size: 1.0em;
    font-weight: 300;
    letter-spacing: 3px;
    color: #777;
    padding: 20px 20px 15px;
    background: #fff;
    border-bottom: 1px solid #00468C;
    border-top: 5px solid #00468C;
    box-shadow: 0 1px rgba(255,255,255,0.9);
    margin-bottom: 10px;
    margin-top:0;
}

.custom-content-reveal span {
    color: #888;
}

.custom-content-reveal a {
    color: #ef4f69;
}

.custom-content-reveal time{
    display: none;
}

.custom-content-reveal a:hover {
    color: #333;
}

/* Modifications */

.fc-calendar-container {
    height: 700px;
    width: auto;
    /*padding: 30px;*/
    background: #f6f6f6;
    box-shadow: inset 0 1px rgba(255,255,255,0.8);
}

.fc-calendar .fc-head {
    background: transparent;
    color: #00468C;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.fc-calendar .fc-row > div {
    background: #fff;
    /*cursor: pointer;*/
}

.fc-calendar .fc-row > .fc-content {
    cursor: pointer;
}

.fc-calendar .fc-row > div:empty {
    background: transparent;
    cursor: default;
}

.fc-calendar .fc-row > div > span.fc-date {
    top: 0;
    left: 0;
    text-align: center;
    margin: 3px 0 0 0;
    color: #686a6e;
    font-weight: 400;
    pointer-events: none;
    position: relative;
   /* display:block;*/
}

.fc-calendar .fc-row > div > span.fc-emptydate {
    color: #ccc;
}

.fc-calendar .fc-row > div.fc-today {
    /*background: silver;*/
    /*background: #1188FF;*/
    box-shadow: inset 0 -2px 2px rgba(0,0,0,0.1);
}

.fc-calendar .fc-row > div.fc-today > span.fc-date {
    /*color: #fff;*/
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.fc-calendar .fc-row > .fc-content-hover {
    overflow: visible;
}


.fc-calendar .fc-calendar-events-hover {
    height: auto;
    width: auto;/*130%;*/
    position: absolute;
    overflow: visible;
    z-index: 100;
    background: #ddd;
    box-shadow: 3px 3px 5px #aaa;
    border: 1px solid #aaa;
    padding: 2px;
    min-width: 100px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {
    font-family: 'Lato', Calibri, Arial, sans-serif;
   /* display: none;*/
    font-size: .8em;
    /*margin-left: 8px;*/
    /*display:inline-block;*/
    color: #495468;

}
/*.fc-calendar .fc-row > div > div a:before,
.fc-calendar .fc-row > div > div span:before*/

.fc-calendar-event {
    padding-left: 8px;
    line-height: 1em;
}

.fc-calendar-event:before {
/*display:block*/
    /*font-family: 'fontawesome-selected';*/
    content: "\25CF";
    position: absolute;
    top: 0;
    left:-1px;
}

.lt-ie9 .fc-calendar .fc-body {height:670px;}



@media (max-width: 600px) {
   /* .modtaxinquiry_index .formwrapper{ width: 98%; margin: auto; margin-bottom: 20px; }

    .modtaxinquiry_index label {
        width: 100%;
        text-align: left;
    }
    .modtaxinquiry_index .formelement input {
        margin-left: 1em;
    }
    .modtaxinquiry_index .formelement .multiInput, .modpayment_index .formelement .multiInput {
        margin-left: 1em;
    }
    .modtaxinquiry_index .formelement .multiInput input, .modpayment_index .formelement .multiInput input {
        margin: 0;
    }

    .modtaxinquiry_index .formelement input[type="button"], .modtaxinquiry_index .formelement input[type="submit"] {
        margin: 0;
    }*/
}

@media (max-width: 480px) {
    .fc-calendar-container {
        height: 300px;
    }
    .fc-calendar .fc-row > div > span.fc-date {
        font-size: 15px;
    }
    .fc-calendar-event {display: none;}

.fc-calendar .fc-row > div > span.fc-date {
    top: 50%;
    left: 50%;
    text-align: center;
    margin:-10px 0 0 -17px;
    position: absolute;
}

.fc-calendar .fc-row > div.fc-content:after {
    content: '\00B7';
    text-align: center;
    width: 20px;
    margin-left: -13px;
    position: absolute;
    /*color: #DDD;*/

    font-size: 70px;
    line-height: 20px;
    left: 50%;
    bottom: 0px;
}
/*.fc-calendar .fc-row > div.fc-today.fc-content:after {
    color: #b02c42;
}

.fc-calendar .fc-row > div.fc-content:hover:after{
    color: #ef4f69;
}

.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{
    color: #fff;
}
*/
.fc-calendar .fc-row > div.fc-content:after {
    color: #b02c42;
}


.fc-calendar .fc-row > div.fc-content:hover:after{
    color: #fff;
}

}





/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 480px) {

    .title{width: 79%;margin:0;padding:0;}

    .header-container {background-color: white;}

    #headermain {
            background-image: url("/images/siteheaderfull.jpg");
            background-repeat: no-repeat;
            background-position: center center;
            /*background-size: contain;*/
            background-size: 100% ;
            height: 90px;
            /*text-indent: -9999px;*/
            display:block;
        }

    .head-icon {top: 25px;}

    .g-recaptcha {margin:0 auto;}

    #mailformdiv {border: medium solid Gray;min-width:320px;padding: 5px;display:inline-block;margin-left:15px;width:450px;}
    .mailactionchoices{width:250px;display:inline-block;vertical-align: top;margin:0 0 20px 0;}
  

    .formwrapper{width:35em;margin:0 auto;max-width: 100%;}
    .frmlabel {text-align: right; width: 11em;display:inline-block;}
    .formelement{border-bottom: none;}
    .formelement input, .formelement select, .formelement .formelementgroup, .formelement .formdata{margin-left:0;max-width: 100%;vertical-align: baseline;}
/*    calc(100% - 11.6em)*/

/*    .formelement .jst_formtable input, .formelement .jst_formtable select, .formelement .jst_formtable .formelementgroup, .formelement jst_formtable .formdata{max-width: 100%;}*/

    .formelement .frmparablock {margin-left: 11em;}

    .formelement input.reserveLookupField {margin-left: 4px;}
    .modreservations .formelement input {max-width: calc(100% - 11.6em);}

    div.reserveLookupResults {right: 16px;top: 31px;}

    .modtaxbill .formelement input, .modtaxbill .formelement select, .modtaxbill .formelement .formelementgroup, .modtaxbill .formelement .formdata {
            max-width: calc(100% - 197px);
        }

    .modtaxbill .data {
        margin-left: 195px;
    }
    .formelement .frmparablock {margin-left: 10em;}

    #yesnoContainer input {vertical-align: baseline;}
    .formdivider {width:10em;}
    .frmradioindent, .formselectindent{margin-left:0;}
    .subinfo {font-style: italic;margin: 0 0 1em 2em;font-weight: bold;}

    .emailpage_dialog .formelement { margin: 0.75em 0; }
    .emailpage_dialog .formwrapper { width: 32em; }
    .emailpage_dialog .frmlabel { width: 12em; }
    .emailpage_dialog .error-popup { left: 14em; padding-bottom: 0.5em; }

    .mod_utilmeter .formwrapper { width: 38em; /* margin: 0 0 0 2em; */}
    .mod_utilmeter .frmlabel { width: 13em; }    
    .mod_utilmeter #table-alarms  {min-height: 500px;}

    .modcommerce .formwrapper { width: 50em; }
    .modcommerce .frmlabel { width: 11em; }
    .modcommerce .formgroup { margin-bottom: 5px; }
    .modcommerce .formgroup label {
        display: inline-block;
        font-weight: bold;
        width: 100px;
    }
    
    .formreview li{margin-bottom:.5em;border-bottom: none;}
    .formreview ul.formreview {padding-left:40px;} 
    .formreview .label{display:inline-block;width:11.5em;}
    .wf_receipt .formreview .label {width: auto;}
    .formreview .value{display:inline-block;margin-left: 0;}


/*    .paymethodgroup .paymeth {border-bottom: 2px solid silver;padding: 30px 5px 30px 50px;}
    .paymethodgroup .paymeth input[type=submit] {isplay: block;margin: 0 0 auto auto;}*/
    .paymethodgroup .paymeth .label {display: block;width: 100%}
    .paymethodgroup .paymeth .frmlabel {width: 9em;}
    .paymethodgroup .paymeth .formelement input {max-width: 11.5em;vertical-align: baseline;}
    .modtaxstd_clientinfo .formwrapper, .modedmutil_clientinfo .formwrapper, .modvitalutil_clientinfo .formwrapper, .modtaxbill2_clientInfo .formwrapper{width:auto;margin:0 auto;}
    .modtaxstd_clientinfo .frmlabel, 
                .modedmutil_clientinfo .frmlabel, 
                .modvitalutil_clientinfo .frmlabel,
                .modtaxbill2_clientInfo .frmlabel {width: 13em;}
    /*.formelementgroup,*/
     .elementcaption {display: inline-block;margin-left: 0}

    .terms-wrapper-new-payments {
        max-width: 750px;
        margin-left: 3em;
        margin-right: 1em;
    }

    .newPaymentsAgreeTermsContainer {
        max-width: 750px;
        margin-left: 3em;
        margin-right: 1em;
    }


    .modservicerequest_p1 .formwrapper, .modservicerequest_p2 .formwrapper {width: auto;}
    .formwrapper .required {color: #EB0000}

    .modvolexpsum .frmlabel {width: 13em;}
    .moddatasearch .formelement input, .moddatasearch .formelement select{width:24em;margin-left:0;}
    .moddatasearch .form-container {width:34em;}

/*    .modvitalutil_clientinfo .ccseccode,
    .modvitalutil_clientinfo #ccexpiration {margin-left: 9em;}

    .modedmutil_clientinfo #securityCode,
    .modedmutil_clientinfo #ccexpiration,
    .modedmutil_clientinfo #ccContainer {margin-left: 9em;}*/

    .searchsuggest {font-style: italic;}

    .modservicerequest_p2 .frmlabel {width: 16em;}

    /*.modtaxstd_taxamt .fieldivider {margin-left: 10em}*/
    .modtaxstd_taxamt .fieldivider, .modedmutil_taxamt .fieldivider, .modvitalutil_taxamt .fieldivider {margin-left: 10em}

    /*.modtaxstd_taxamt .frmlabel */
    .modtaxstd_taxamt .frmlabel, .modedmutil_taxamt .frmlabel, .modvitalutil_taxamt .frmlabel, .modkvstax_taxAmount .frmlabel {width: 10em;}

    #table-tax {
        display: inline-block;
    }
    
    .modPaymentsDonations .formwrapper, .modPaymentsDonations div.formreview {
        width: 80%;
        /*margin: 0 auto;*/
        margin: 0 0 0 4em;
    }
    .modPaymentsDonations .frmlabel {
        width: 15em;
    }

    .modPaymentsDonations .contactInfo .frmlabel {
        width: 9em;
    }
    .modPaymentsDonations .contactInfo span {
        display: inline-block;
        margin: 0;
    }

    .misctop1{width:59%;display: inline-block;}
    .misctop2{width:39%;display: inline-block;}

    .l2 {margin: 0 0 -1.4em 11.5em;padding: 0;top: -1.4em;}
    #amtSelect ul.l2 {
        padding: 0;
    }

    #currentamtduelist  {margin: 0;padding: 0;top: 0;padding-left: 40px}

    /*.billCustomNote {margin-left: 8em}*/

    /* MCANJ */
    .regOptions {
        /*width: 75%;*/
        margin: auto;
    }
    .regOptions .description {
        width: 80%;
    }

    .mcanj .formbuttons {
        font-weight: bold;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .mcanj .formbuttons input:first-of-type {
        margin-right: 30px;
        margin-bottom: 0;
    }

    .modtaxinquiry_itemDetail .propInfo, .modtaxinquiryEDM_itemDetail .propInfo {
       /* flex-wrap: wrap;*/
        flex-direction: row;
        /*width: 80%;*/
    }

    .modtaxinquiry_itemDetail .infoGroup, .modtaxinquiryEDM_itemDetail .infoGroup {
        width: 50%;
        margin: 0;
    }

    .modtaxinquiry_index .formelement input[type="button"], .modtaxinquiry_index .formelement input[type="submit"] {
        margin-left:  0.35em;
    }


    .modtaxinquiry_index .frmlabel {width: 9.5em;display:inline-block;}
    .modtaxinquiry_index .formelement {
        display: flex;
        align-items: baseline;}

    .paymethodgroup .paymeth .ccform {margin:0 0 0 2em;}


    .regUserLoginMsgBody {
        flex-wrap: nowrap;
        padding:0;
    }
    .regUserLoginMsgBody div {
        padding:6px;
    }

    /***************
        CSS GRID
    ***************/
    .sm-col-25, .sm-cols-3 {
        grid-column: span 3;
    }
    .sm-col-33, .sm-cols-4 {
        grid-column: span 4;
    }
    .sm-col-50, .sm-cols-6 {
        grid-column: span 6;
    }
    .sm-col-67, .sm-cols-8 {
        grid-column: span 8;
    }
    .sm-col-75, .sm-cols-9 {
        grid-column: span 9;
    }
    .sm-col-100, .sm-cols-12 {
        grid-column: span 12;
    }


    /* some extra cols - col-% | cols-# */
    .sm-col-8, .sm-cols-1 {
        grid-column: span 1;
    }
    .sm-col-17, .sm-cols-2 {
        grid-column: span 2;
    }
    .sm-col-42, .sm-cols-5 {
        grid-column: span 5;
    }
    .sm-col-58, .sm-cols-7 {
        grid-column: span 7;
    }
    .sm-col-83, .sm-cols-10 {
        grid-column: span 10;
    }
    .sm-col-92, .sm-cols-11 {
        grid-column: span 11;
    }

/* ====================
    INTERMEDIATE: Menu
   ==================== */

   /* header nav a {
       float: left;
       display: inline-block;
        width: 19%;
        margin: 0 .625%;
        padding: 10px 1%;
        margin-bottom: 0;
    }

    header nav li:first-child a {
        margin-left: 0;
    }

    header nav li:last-child a {
        margin-right: 0;
    }*/

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */
/*
    header nav ul li {
        display: inline;
    }

    .oldie header nav a, .lt-ie9 header nav a{
        margin: 0 1.3%;header 
    }*/
}

@media (min-width: 639px) {

    .g-recaptcha {margin-left:180px;}


    .modmailinglist .g-recaptcha, .paymethodgroup .paymeth .g-recaptcha {margin:0 auto;}

    #currentamtduelist  {margin: 0 0 0 11.5em;padding: 0;top: -1.4em;}


    .buscontent {display: inline-block;width: 66%;}

    .busnav {
        width: 33%;
        display: inline-block;
        border: none;
        padding-top: 0;
        margin-top: 0;
    }
    .fullwidth {
        width: 100%;
    }
    /*.paymethodgroup .paymeth {border-bottom: 2px solid silver;padding: 30px 5px 30px 50px;}*/
    .paymethodgroup .paymeth input[type=submit] {display: inline-block;margin: 0;width: auto;}
    .paymethodgroup .paymeth .label {display: inline-block;width: auto;}
    .paymethodgroup .paymeth .instruction {width: 49%;display: inline-block;padding-right: 1em;}

    .paymethodgroup .paymeth .ccform, .paymethodgroup .paymeth .ccformbutton{display: inline-block;margin: 0;width: auto;width: 50%;vertical-align: top;}
}

@media (min-width: 768px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */
    .header-container,
    .main aside,
    .main nav.sidenav  {
        /*-webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;*/
    }

    .main aside,.main nav.sidenav  {
                border-top: none;
                border-radius: 8px;
            }
    .main nav.sidenav > ul{border-radius: 8px}
    .main nav.sidenav > ul > li:first-child{border-radius: 8px 8px 0 0 }
    .main nav.sidenav > ul > li:last-child{border-radius: 0 0 8px 8px}
/*
    .main nav.sidenav > ul > li.ui-state-focus:first-child{border-radius: 8px 8px 0 0 }
    .main nav.sidenav > ul > li.ui-state-focus:last-child{border-radius: 0 0 8px 8px}*/
/* ============
    WIDE: Menu
   ============ */

   /* .title {
        float: left;
    }
*/
 /*   header nav {
        float: right;
        width: 60%;
    }*/

/* ============
    WIDE: Main
   ============ */

    .title{width: 100%;margin:0;padding:0;}

    .header-container {background-color: white;}

    #headermain {
            background-image: url("/images/siteheaderfull.jpg");
            background-repeat: no-repeat;
            background-position: center center;
            height: 134px;
           /* text-indent: -9999px;*/
            display:block;
            margin: 0 auto;
            max-width:779px;
    }
    /*.main article {
        display:inline-block;
        width: 78.5%;
        vertical-align: top;
    }

    .main article.withaside {
        width: 53.5%;
    }
    .main article.nonav {
        width: 100%;
    }*/
    .main aside {
        display:inline-block;
        width: 23.5%;
        margin: 0 0 0 1.5%;
        vertical-align: top;
        float:none;
    }
    .main nav.sidenav {
        display:inline-block;
        width: 20%;
        vertical-align: top;
        margin: 0 1.5% 0 0;
        top: 0;
        left:0;
        position: relative;
    }
    section.withaside {
        display:block;
        width: 100%;
        vertical-align: top;
    }  
    .main aside.articleasidemobile {
        display:none;
    } 
    .main aside.articleasidefloat {
        display:block;
        float:right;
        width:40%;
        margin: 10px 0 10px 10px;
        z-index: 10;
    } 

    .pageaside {margin: 0 0 0 2%}

    .head-icon{display: none;}

 
    .hp0_main {display:inline-block;width:50%;}
    .hp0_right {display:inline-block;width: 49%;}

    div.menubox, div.menubox1 {
        border: 1px solid #aaaaaa;
        border-radius: 8px;
        box-shadow: 5px 5px 5px #aaa;
        padding: 5px 15px 8px;
        background:white;
        margin: 0px 1% 10px;
        /*width: 200px;
        position: relative;*/
        display:inline-block;
        width:47.6%;
        vertical-align: top;

       
    } 

    .hp0_right div.menubox, .hp0_right div.menubox1 {
        width:100%;
    } 

    div.menubox1 {
        margin-top: 50px;
    } 
    /*.menubox p{
        margin:0;
    }*/
    .menubox h2, .menubox1 h2{
        text-align:center;
        color:#ffb200;
        margin:0 0 5px;
        font-size: 14px
    }
    div.imagebox {text-align:center;padding:10px;} 
    div.menubox .morelink {text-align: right}
    #widgetnews li {list-style-position: outside; text-indent: 0;margin-left:8px;padding-left:0}
    #widgetnews ul {padding:0;margin:0;}

    #mailformdiv {border: medium solid Gray;min-width:320px;padding: 5px;display:inline-block;margin-left:15px;width:450px;}
    .mailactionchoices{width:250px;display:inline-block;vertical-align: top;margin:0 0 20px 0;}
    
    .newsimage-left {float:left;margin:10px;display: inline;}
    .newsimage-right {float:right;margin:10px;display: inline;}

    .ckGroup {
        flex-direction: row;
    }

    .cke {
        width: 60% !important;
        margin: 0 !important;
    }
/*    .modtaxinquiryEDM_itemDetail #table-special {
        flex-direction: row;
        justify-content: space-between;
    }*/
    .modtaxinquiryEDM_itemDetail .record03_group {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .header-container .utilities {
        text-align: right;
    }

    .billCustomNote {margin-left: 8em}

    .modtaxinquiry_itemDetail .label, .modtaxinquiryEDM_itemDetail .label { width: 8.5em; display: inline-block;}
    .modtaxinquiry_itemDetail .data, .modtaxinquiryEDM_itemDetail .data { width: calc(100% - 9em); display: inline-block;padding: 0 .2em;}


    .modtaxinquiryEDM_itemDetail .tableContainer .label { width: 9.5em;}
    .modtaxinquiryEDM_itemDetail .tableContainer .data { width: calc(100% - 10em);}

    /***************
        CSS GRID
    ***************/
    .med-col-25, .med-cols-3 {
        grid-column: span 3;
    }
    .med-col-33, .med-cols-4 {
        grid-column: span 4;
    }
    .med-col-50, .med-cols-6 {
        grid-column: span 6;
    }
    .med-col-67, .med-cols-8 {
        grid-column: span 8;
    }
    .med-col-75, .med-cols-9 {
        grid-column: span 9;
    }
    .med-col-100, .med-cols-12 {
        grid-column: span 12;
    }


    /* some extra cols - col-% | cols-# */
    .med-col-8, .med-cols-1 {
        grid-column: span 1;
    }
    .med-col-17, .med-cols-2 {
        grid-column: span 2;
    }
    .med-col-42, .med-cols-5 {
        grid-column: span 5;
    }
    .med-col-58, .med-cols-7 {
        grid-column: span 7;
    }
    .med-col-83, .med-cols-10 {
        grid-column: span 10;
    }
    .med-col-92, .med-cols-11 {
        grid-column: span 11;
    }
}



@media (min-width: 1024px) {

/* ===============
    Maximal Width
   =============== */

    .hp0_main {display:inline-block;width:60%;}
    .hp0_right {display:inline-block;width: 39%;}

    .modtaxinquiry_itemDetail .propInfo, .modtaxinquiryEDM_itemDetail .propInfo {width: 80%;}



    .paymethodgroup .paymeth .frmlabel {width: 11em;}
    .paymethodgroup .paymeth .formelement input {max-width: 100%;}

    /***************
        CSS GRID
    ***************/
    .lg-col-25, .lg-cols-3 {
        grid-column: span 3;
    }
    .lg-col-33, .lg-cols-4 {
        grid-column: span 4;
    }
    .lg-col-50, .lg-cols-6 {
        grid-column: span 6;
    }
    .lg-col-67, .lg-cols-8 {
        grid-column: span 8;
    }
    .lg-col-75, .lg-cols-9 {
        grid-column: span 9;
    }
    .lg-col-100, .lg-cols-12 {
        grid-column: span 12;
    }


    /* some extra cols - col-% | cols-# */
    .lg-col-8, .lg-cols-1 {
        grid-column: span 1;
    }
    .lg-col-17, .lg-cols-2 {
        grid-column: span 2;
    }
    .lg-col-42, .lg-cols-5 {
        grid-column: span 5;
    }
    .lg-col-58, .lg-cols-7 {
        grid-column: span 7;
    }
    .lg-col-83, .lg-cols-10 {
        grid-column: span 10;
    }
    .lg-col-92, .lg-cols-11 {
        grid-column: span 11;
    }

    .mod_utilmeter .meterAccountHead {flex-direction: row;}
    .mod_utilmeter .meterAccountHead .accountInfoContainer {width: 50%}
    .mod_utilmeter .meterAccountHead .contactFormContainer {border-top: none;padding:0 .5em 0 1em;border-left: 2px solid gray;width: 50%}
}

@media (min-width: 1280px) {

/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1152px; /* 1280px - 10% for margins */
        margin: 0 auto;
    }

    /***************
        CSS GRID
    ***************/
    .xl-col-25, .xl-cols-3 {
        grid-column: span 3;
    }
    .xl-col-33, .xl-cols-4 {
        grid-column: span 4;
    }
    .xl-col-50, .xl-cols-6 {
        grid-column: span 6;
    }
    .xl-col-67, .xl-cols-8 {
        grid-column: span 8;
    }
    .xl-col-75, .xl-cols-9 {
        grid-column: span 9;
    }
    .xl-col-100, .xl-cols-12 {
        grid-column: span 12;
    }


    /* some extra cols - col-% | cols-# */
    .xl-col-8, .xl-cols-1 {
        grid-column: span 1;
    }
    .xl-col-17, .xl-cols-2 {
        grid-column: span 2;
    }
    .xl-col-42, .xl-cols-5 {
        grid-column: span 5;
    }
    .xl-col-58, .xl-cols-7 {
        grid-column: span 7;
    }
    .xl-col-83, .xl-cols-10 {
        grid-column: span 10;
    }
    .xl-col-92, .xl-cols-11 {
        grid-column: span 11;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.nowrap{
    white-space: nowrap;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }
/*
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
*/
    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .jumpselect {
        display: none;
    }
    .header-container .utilities {display: none;}
    .hideOnPrint {display:  none;}

    .mod_utilmeter .datalist {max-height: none; overflow-y: auto; display: block;} 
    .mod_utilmeter .meterReadingHeader {position: relative;top: initial;z-index: initial;}

    .main article.mod_utilmeter {padding-top: 0;margin-top: 0;}
    .mod_utilmeter section {margin-top: 0;padding-top: 0;}
    .mod_utilmeter .usage-container {display: block;}

    .mod_utilmeter #table-alarms  {min-height: auto}
    .mod_utilmeter .inactiveTable {display: block;}

    .footer-container{display: none;}
    header #header_default, header #header_fullImage{display: none;}
    header #header_textOnly {display: block;font-size:0.8em;}
    .main-container article header h1 {font-size:1.3em;margin-bottom: 0}
    .main-container .paystepgroup {display: none;}
    article section {padding-top: 0;}
    .formreview ul li {margin-bottom: 0.25em;}
}


/****************************
    IE11 GRID OVERRIDES
*****************************/

@media all AND (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .grid-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;         
    }
    .grid-container .item {
        margin: 0;
        margin-bottom: 10px;
    }

    .xs-col-25, .xs-cols-3 {
        width: 23%;
        max-width: 23%;
    }
    .xs-col-33, .xs-cols-4 {
        width: 30%;
        max-width: 30%;
    }
    .xs-col-50, .xs-cols-6 {
        width: 48%;
        max-width: 48%;
    }
    .xs-col-67, .xs-cols-8 {
        width: 67%;
        max-width: 67%;
    }
    .xs-col-75, .xs-cols-9 {
        width: 74%;
        max-width: 74%;
    }
    .xs-col-100, .xs-cols-12 {
        width: 100%;
        max-width: 100%;
    }

    /* some extra cols - col-% | cols-# */
    .xs-col-8, .xs-cols-1 {
        width: 7%;
        max-width: 7%;
    }
    .xs-col-17, .xs-cols-2 {
        width: 15%;
        max-width: 15%;
    }
    .xs-col-42, .xs-cols-5 {
        width: 40%;
        max-width: 40%;
    }
    .xs-col-58, .xs-cols-7 {
        width: 57%;
        max-width: 57%;
    }
    .xs-col-83, .xs-cols-10 {
        width: 82%;
        max-width: 82%;
    }
    .xs-col-92, .xs-cols-11 {
        width: 90%;
        max-width: 90%;
    }

}

@media all AND (min-width: 480px) AND (-ms-high-contrast:none), (-ms-high-contrast: active) {  
    .sm-col-25, .sm-cols-3 {
        width: 23%;
        max-width: 23%;
    }
    .sm-col-33, .sm-cols-4 {
        width: 30%;
        max-width: 30%;
    }
    .sm-col-50, .sm-cols-6 {
        width: 48%;
        max-width: 48%;
    }
    .sm-col-67, .sm-cols-8 {
        width: 67%;
        max-width: 67%;
    }
    .sm-col-75, .sm-cols-9 {
        width: 74%;
        max-width: 74%;
    }
    .sm-col-100, .sm-cols-12 {
        width: 100%;
        max-width: 100%;
    }

    /* some extra cols - col-% | cols-# */
    .sm-col-8, .sm-cols-1 {
        width: 7%;
        max-width: 7%;
    }
    .sm-col-17, .sm-cols-2 {
        width: 15%;
        max-width: 15%;
    }
    .sm-col-42, .sm-cols-5 {
        width: 40%;
        max-width: 40%;
    }
    .sm-col-58, .sm-cols-7 {
        width: 57%;
        max-width: 57%;
    }
    .sm-col-83, .sm-cols-10 {
        width: 82%;
        max-width: 82%;
    }
    .sm-col-92, .sm-cols-11 {
        width: 90%;
        max-width: 90%;
    }
}


@media all AND (min-width: 768px) AND (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .med-col-25, .med-cols-3 {
        width: 23%;
        max-width: 23%;
    }
    .med-col-33, .med-cols-4 {
        width: 30%;
        max-width: 30%;
    }
    .med-col-50, .med-cols-6 {
        width: 48%;
        max-width: 48%;
    }
    .med-col-67, .med-cols-8 {
        width: 67%;
        max-width: 67%;
    }
    .med-col-75, .med-cols-9 {
        width: 74%;
        max-width: 74%;
    }
    .med-col-100, .med-cols-12 {
        width: 100%;
        max-width: 100%;
    }

    /* some extra cols - col-% | cols-# */
    .med-col-8, .med-cols-1 {
        width: 7%;
        max-width: 7%;
    }
    .med-col-17, .med-cols-2 {
        width: 15%;
        max-width: 15%;
    }
    .med-col-42, .med-cols-5 {
        width: 40%;
        max-width: 40%;
    }
    .med-col-58, .med-cols-7 {
        width: 57%;
        max-width: 57%;
    }
    .med-col-83, .med-cols-10 {
        width: 82%;
        max-width: 82%;
    }
    .med-col-92, .med-cols-11 {
        width: 90%;
        max-width: 90%;
    }
}

@media all AND (min-width: 1024px) AND (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .lg-col-25, .lg-cols-3 {
        width: 23%;
        max-width: 23%;
    }
    .lg-col-33, .lg-cols-4 {
        width: 30%;
        max-width: 30%;
    }
    .lg-col-50, .lg-cols-6 {
        width: 48%;
        max-width: 48%;
    }
    .lg-col-67, .lg-cols-8 {
        width: 67%;
        max-width: 67%;
    }
    .lg-col-75, .lg-cols-9 {
        width: 74%;
        max-width: 74%;
    }
    .lg-col-100, .lg-cols-12 {
        width: 100%;
        max-width: 100%;
    }

    /* some extra cols - col-% | cols-# */
    .lg-col-8, .lg-cols-1 {
        width: 7%;
        max-width: 7%;
    }
    .lg-col-17, .lg-cols-2 {
        width: 15%;
        max-width: 15%;
    }
    .lg-col-42, .lg-cols-5 {
        width: 40%;
        max-width: 40%;
    }
    .lg-col-58, .lg-cols-7 {
        width: 57%;
        max-width: 57%;
    }
    .lg-col-83, .lg-cols-10 {
        width: 82%;
        max-width: 82%;
    }
    .lg-col-92, .lg-cols-11 {
        width: 90%;
        max-width: 90%;
    }
}

@media all AND (min-width: 1280px) AND (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .xl-col-25, .xl-cols-3 {
        width: 23%;
        max-width: 23%;
    }
    .xl-col-33, .xl-cols-4 {
        width: 30%;
        max-width: 30%;
    }
    .xl-col-50, .xl-cols-6 {
        width: 48%;
        max-width: 48%;
    }
    .xl-col-67, .xl-cols-8 {
        width: 67%;
        max-width: 67%;
    }
    .xl-col-75, .xl-cols-9 {
        width: 74%;
        max-width: 74%;
    }
    .xl-col-100, .xl-cols-12 {
        width: 100%;
        max-width: 100%;
    }

    /* some extra cols - col-% | cols-# */
    .xl-col-8, .xl-cols-1 {
        width: 7%;
        max-width: 7%;
    }
    .xl-col-17, .xl-cols-2 {
        width: 15%;
        max-width: 15%;
    }
    .xl-col-42, .xl-cols-5 {
        width: 40%;
        max-width: 40%;
    }
    .xl-col-58, .xl-cols-7 {
        width: 57%;
        max-width: 57%;
    }
    .xl-col-83, .xl-cols-10 {
        width: 82%;
        max-width: 82%;
    }
    .xl-col-92, .xl-cols-11 {
        width: 90%;
        max-width: 90%;
    }
}