/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/*---------------------------------------------------------
Browser Update Banner
---------------------------------------------------------*/
.buorg {
    color: #ffffff !important;
    background-color: #760505 !important;
}


    /* Changes for mobile browsers          */
    /*@media screen and (max-width: 768px) {*/
@media screen and (300px <= width <= 1000px) {

    /* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

    /* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
    .page {
        position: absolute;
        left: 5px;
        right: 5px;
        margin-left: auto;
        margin-right: auto;
        min-width: 750px;
    }

/*    #header-image {
        background-image: url(Images/header.jpg);
        height: 100px;
        width: 750px;
    }*/

    #header-image {
        float: left;
        width: 114px;
        height: 114px;
        padding: 5px;
    }

    #header-wrapper {
        background-image: url(Images/ex_header-repeater.png);
        background-repeat: repeat;
        height: 100px;
        width: 100%;
    }

    #newheaderwrapper {
        width: 100%;
        padding: 0px;
        margin: 0px;
        position: relative;
        text-align: center;
        height: 130px;
    }

    #header {
        position: relative;
        margin-bottom: 0px;
        color: #000;
        padding: 0;
    }

    #newheader {
        position: absolute;
        top: 0px;
        width: 100%;
        left: 0px;
        margin: 0px;
        padding: 0px;
        height: 120px;
        background-color: #043E6C;
    }

    #header-text {
        font-size: 1rem;
        text-align: left;
        color: #ffffff;
        /*font-weight: bold;*/
        padding: 5px 10px 10px 10px;
        width: 550px;
    }

    #header h1 {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 32px !important;
    }

    #main {
        background-color: #fff;
        padding: 5px;
        _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    }

    #footer {
        color: #999;
        padding: 10px 0;
        text-align: center;
        line-height: normal;
        margin: 0;
        font-size: .9em;
    }

    /* MISC  
----------------------------------------------------------*/
    .clear {
        clear: both;
    }

    .error {
        /*color:#CD0A0A*/;
        color: #760505;
    }

    #menucontainer {
        margin-top: 40px;
    }

    div#title {
        display: block;
        float: left;
        text-align: left;
    }

    #logindisplay {
        font-size: 1.1em;
        display: block;
        text-align: right;
        margin: 10px;
        color: White;
        position: absolute;
        top: 0px;
        right: 0px;
    }

        #logindisplay a:link {
            color: white;
            text-decoration: underline;
        }

        #logindisplay a:visited {
            color: white;
            text-decoration: underline;
        }

        #logindisplay a:hover {
            color: white;
            text-decoration: none;
        }

    #HouseholdIncome {
        color: #0236B1;
        text-decoration: underline;
        font-size: 1.3em;
    }

    /* DROP DOWN MENU   
----------------------------------------------------------*/

    /* Dropdown Button */
    .dropbtn {
        /*background-color: #4CAF50;*/
        color: white;
        /*padding: 16px;
font-size: 16px;*/
        border: none;
        text-decoration: none !important;
    }

    /* The container <div> - needed to position the dropdown content */
    .dropdown {
        position: relative;
        display: inline-block;
    }

    /* Dropdown Content (Hidden by Default) */
    .dropdown-content, .dropdown-content2 {
        display: none;
        position: absolute;
        background-color: #848484;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    /* Dropdown Content (Hidden by Default) */
    .dropdown-content2 {
        right: -15px;
    }

        /* Links inside the dropdown */
        .dropdown-content a, .dropdown-content2 a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left !important;
        }

            /* Change color of dropdown links on hover */
            .dropdown-content a:hover, .dropdown-content2 a:hover {
                background-color: #ddd;
            }

    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content2 {
        display: block;
    }

    /* Change the background color of the dropdown button when the dropdown content is shown */
    /*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/


    /* Styles for validation helpers
-----------------------------------------------------------*/
    .field-validation-error {
        /*color: #CD0A0A;*/
        color: #760505;
    }

    .field-validation-valid {
        display: none;
    }

    .input-validation-error {
        /*border: 1px solid #CD0A0A;*/
        border: 1px solid #760505;
        background-color: #ffeeee;
    }

    .validation-summary-errors {
        font-weight: bold;
        /*color: #CD0A0A;*/
        color: #760505;
        padding: 10px 10px 10px 10px;
    }

    .validation-summary-valid {
        display: none;
    }


    /*---------------------------------------------
    -------------------Navigation buttons--------*/

    div.buttons {
        /*width: 100%; position: absolute; bottom: 0;*/
        width: 100%;
        margin-top: 10px;
        min-height: 70px;
    }

    a#back {
        /*width: 196px;*/
        width: 245px;
        height: 75px;
        margin-left: 5px;
        margin-bottom: 5px;
        overflow: hidden;
    }

    a#next {
        float: right;
        width: 196px;
        height: 75px;
        margin-right: 5px;
        margin-bottom: 5px;
        overflow: hidden;
    }

        a#next span.ui-button-text {
            margin-top: 2px;
            margin-right: 35px;
            font-size: 28px;
        }

        a#next span#next-arrow {
            margin-top: 3px;
            margin-right: -12px;
            outline: none;
            display: inline-block;
            /*            transform: scale(4);
            -webkit-transform: scale(4);*/
            /*            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;*/
        }


    a#back span.ui-button-text {
        margin-top: 2px;
        margin-left: 5px;
        padding-bottom: 10px;
        font-size: 28px;
    }

    a#back span#back-arrow {
        margin-top: -8px;
        margin-left: -5px;
    }

    .center-buttons {
        text-align: center;
    }

    .ui-icon {
        zoom: 200%;
        -moz-transform: scale(2);
        -webkit-zoom: 2;
        -ms-zoom: 2;
    }

    /*--------------------------------
        ---------General styling-----*/

    body {
        background-color: #848484;
        /*font-size: 2rem;*/
        font-family: Verdana, Helvetica, Sans-Serif;
        margin: 0;
        padding: 0;
        color: #696969;
    }

    a:link {
        /*color: #034af3;*/
        color: #0236B1;
        text-decoration: underline;
    }

    h1 {
        font-size: 2.7rem;
        padding-bottom: 0;
        margin-bottom: 0;
        font-weight: bold;
    }

    h2 {
        font-size: 2.6rem;
        padding-bottom: 0;
        margin-bottom: 0;
        font-weight: bold;
    }

    h3 {
        font-size: 2.5rem;
        font-weight: bold;
    }

    h4 {
        font-size: 2.4rem;
    }

    h5, h6 {
        font-size: 2.3rem;
    }

    p {
        font-size: 2rem;
        margin-left: 4px;
    }

    label {
        font-size: 2rem;
    }

    button {
        font-size: 2rem !important;
    }

    input {
        font-size: 1.5rem !important;
    }

        input[type="text"] {
            width: 400px;
            border: 1px solid #CCC;
        }

        input.decimal {
            width: 70px;
        }

        input[type="password"] {
            width: 400px;
            border: 1px solid #CCC;
        }

        input[type="radio"] {
            height: 35px;
            width: 35px;
        }

    #logon-button {
        margin-top: 4em;
        margin-bottom: 1em;
    }

    #disagree-button {
        font-size: 2rem;
    }

    .g-recaptcha {
        transform: scale(2);
        -webkit-transform: scale(2);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    div.g-recaptcha {
        width: 320px;
    }

    #zoomInfo {
        width: 125px;
        margin: 1px 5px 1px auto;
        position: relative;
        float: right;
    }

    .puApplicantNotice {
        width: auto !important;
    }

    li {
        font-size: 2rem;
    }

    thead {
        font-size: 2rem;
    }

    th {
        font-size: 2rem;
    }

    td {
        font-size: 2rem;
    }

    .ui-button-text {
        font-size: 2rem;
    }

    ul.subtabs {
        padding-left: .1em;
        margin-top: -.05em;
    }

        ul.subtabs li {
            list-style-type: none;
            display: inline;
            padding-left: .3em;
            font-size: 1.2em;
        }

        ul.subtabs a {
            text-decoration: underline;
            color: Blue;
        }

    .radio-class {
        border: solid 1px #a94442;
    }

    .hide {
        display: none;
        visibility: hidden;
    }

    .italics {
        font-style: italic;
    }

    .bold {
        font-weight: bold;
    }

    .underline {
        text-decoration: underline;
    }

    .red, a.red {
        /*color: #d60b0b;*/
        color: #ae0909;
    }

    .center {
        text-align: center;
    }


    /*----------------------------
        ---------CSS table styles---*/
    .borderless-table-wrapper {
        display: table;
        height: 100%;
        width: 100%;
    }

    .row-wrapper {
        display: table-row;
    }

    .table-data {
        padding: 4px 4px 4px 5px;
        vertical-align: middle;
        display: table-cell;
    }

    /*--------------- Responsive helpers -----
        ----------------------------------------*/

    .responsive-hint {
        display: block;
    }

    .responsive-hide {
        display: none;
    }



    /*--------------------QTip----------------------
        -----------------------------------------------*/

    .qtip-content {
        font-size: 24px;
    }

    /*----------------------Styling borrowed from desktop version -----------
        -----------------------------------------------------------------------*/
    label.nocolon:after {
        content: "";
    }

    .ui-button-icon-primary.ui-icon.ui-icon-32 {
        height: 32px;
        width: 32px;
        margin: 10px 0px 1em 5px;
        top: 12px;
    }

    .ui-button-icon-secondary.ui-icon.ui-icon-right-arrow {
        width: 32px;
        height: 32px;
        background-image: url("Images/right_arrow.png") !important;
    }


    .ui-button-icon-secondary.ui-icon.ui-icon-loading {
        width: 32px;
        height: 32px;
        background-image: url("Images/ajax-loader.gif") !important;
    }

    .ui-button-icon-primary.ui-icon.ui-icon-left-arrow {
        width: 26px;
        height: 26px;
        background-image: url("Images/left_arrow.png") !important;
        outline: 0;
    }

    .ui-button-icon-primary.ui-icon.ui-icon-down-arrow {
        width: 32px;
        height: 32px;
        background-image: url("Images/down_arrow.png") !important;
    }

    .ui-icon-32 .ui-button-text {
        display: block;
        position: static;
        margin-left: 5px;
        vertical-align: middle;
        font-size: 1.4em;
    }

    div.submitBar {
        text-align: right;
    }

    /* USE THIS IF WE WANT ALL CHECKBOXES TO BE SCALED */
    /*input[type="checkbox"] {
        -ms-transform: scale(2);*/ /* IE */
        /*-moz-transform: scale(2);*/ /* FF */
        /*-webkit-transform: scale(2);*/ /* Safari and Chrome */
        /*-o-transform: scale(2);*/ /* Opera */
    /*}*/

    .CheckBoxBig {
        -ms-transform: scale(2); /* IE */
        -moz-transform: scale(2); /* FF */
        -webkit-transform: scale(2); /* Safari and Chrome */
        -o-transform: scale(2); /* Opera */
    }

    #attention-getter {
        text-align: center;
        position: absolute;
        top: 650px;
        left: 180px;
        width: 110px;
    }

    #attention-getter-text {
        font-size: 2rem;
        font-weight: 700;
        line-height: 80%;
        color: #ae0909;
    }

    #attention-getter-arrow {
        width: 0;
        height: 0;
        border-bottom: 30px solid #ae0909;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        margin-left: 30px;
    }

    ul.arrow-list {
        list-style: none;
    }

        ul.arrow-list li:before {
            content: "\27A2";
        }


}


    /*-------------Common CSS--------------
    -------------------------------------*/

/*.arrow {
    width: 60px;
    height: 30px;
    display: flex;
    background: linear-gradient(currentColor 0 0) center/calc(100% - 30px) 10px, conic-gradient(from -136deg at right,#0000,currentColor 1deg 90deg,#0000 91deg) right/15px 100%, conic-gradient(from 44deg at left,#0000,currentColor 1deg 90deg,#0000 91deg) left /15px 100%;
    background-repeat: no-repeat;
    animation: a1 .5s infinite linear alternate;
}

@keyframes a1 {
    0% {
        transform: translate(-30px)
    }

    100% {
        transform: translate( 30px)
    }
}*/

.arrow {
    width: 60px;
    height: 30px;
    transform: rotate(270deg);
}

    .arrow span {
        display: block;
        width: 3vw;
        height: 3vw;
        border-bottom: 8px solid white;
        border-right: 8px solid white;
        transform: rotate(45deg);
        /*margin: -10px;*/
        animation: animate 2s infinite;
    }

        .arrow span:nth-child(2) {
            animation-delay: -0.2s;
        }

        .arrow span:nth-child(3) {
            animation-delay: -0.4s;
        }

.residencyClass {
    font-size:12px !important;
}


@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }

}



    @media screen and (1000px <= width) {

        body {
            background-color: #848484;
            /*background-color: #737373;*/
            font-size: 62.5%;
            font-family: Verdana, Helvetica, Sans-Serif;
            margin: 0;
            padding: 0;
            color: #696969;
            min-height: 900px;
        }

        a:link {
            /*color: #034af3;*/
            color: #0236B1;
            text-decoration: underline;
        }

        a:visited {
            color: #505abc;
        }

        a:hover {
            color: #1d60ff;
            text-decoration: none;
        }

        a:active {
            color: #12eb87;
        }

        p {
            line-height: 1.4em;
            margin: 2px;
        }

            p ul {
                margin-top: 20px;
                margin-left: 40px;
                margin-bottom: 20px;
            }

            p span.title {
                font-weight: bold;
                display: block;
            }

        /* HEADINGS   
----------------------------------------------------------*/
        h1, h2, h3, h4, h5, h6 {
            /*font-size: 1.5em;*/
            color: #000;
            font-family: Arial, Helvetica, sans-serif;
        }
        /**/
        h1 {
            font-size: 1.5em;
            padding-bottom: 0;
            margin-bottom: 0;
            font-weight: bold;
        }

        h2 {
            font-size: 1.3em;
            padding-bottom: 0;
            margin-bottom: 0;
            font-weight: bold;
        }

        h3 {
            font-size: 1.2em;
            font-weight: bold;
        }

        h4 {
            font-size: 1.1em;
        }

        h5, h6 {
            font-size: 1em;
        }

        /* this rule styles <h2> tags that are the 
first child of the left and right table columns */
        .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
            margin-top: 0;
        }

        /* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

        /* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
        .page {
            position: absolute;
            left: 5px;
            right: 5px;
            margin-left: auto;
            margin-right: auto;
            min-width: 750px;
        }

/*        #header-image {
            background-image: url(Images/header.jpg);
            height: 100px;
            width: 750px;
        }
*/

        #header-image {
            float: left;
            width: 114px;
            height: 114px;
            padding: 5px;
        }

        #header-wrapper {
            background-image: url(Images/ex_header-repeater.png);
            background-repeat: repeat;
            height: 100px;
            width: 100%;
        }

        #newheaderwrapper {
            width: 100%;
            padding: 0px;
            margin: 0px;
            position: relative;
            text-align: center;
            height: 130px;
        }

        #header {
            position: relative;
            margin-bottom: 0px;
            color: #000;
            padding: 0;
        }   

        #newheader {
            position: absolute;
            top: 0px;
            width: 100%;
            left: 0px;
            margin: 0px;
            padding: 0px;
            height: 120px;
            background-color: #043E6C;
        }

        #header-text {
            font-size: 1rem;
            text-align: left;
            color: #ffffff;
            /*font-weight: bold;*/
            padding: 5px 10px 10px 10px;
            width: 550px;
        }

        #header h1 {
            font-weight: bold;
            padding: 5px 0;
            margin: 0;
            color: #fff;
            border: none;
            line-height: 2em;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 32px !important;
        }

        #main {
            background-color: #fff;
            padding: 5px;
            _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
        }

        #footer {
            color: #999;
            padding: 10px 0;
            text-align: center;
            line-height: normal;
            margin: 0;
            font-size: .9em;
        }

        /* TAB MENU   
----------------------------------------------------------*/
        ul#menu {
            border-bottom: 1px #5C87B2 solid;
            padding: 0 0 2px;
            position: relative;
            margin: 0;
            text-align: right;
        }

            ul#menu li {
                display: inline;
                list-style: none;
            }

                ul#menu li#greeting {
                    padding: 10px 20px;
                    font-weight: bold;
                    text-decoration: none;
                    line-height: 2.8em;
                    color: #fff;
                }

                ul#menu li a {
                    padding: 10px 20px;
                    font-weight: bold;
                    text-decoration: none;
                    line-height: 2.8em;
                    background-color: #e8eef4;
                    color: #034af3;
                }

                    ul#menu li a:hover {
                        background-color: #fff;
                        text-decoration: none;
                    }

                    ul#menu li a:active {
                        background-color: #a6e2a6;
                        text-decoration: none;
                    }

                ul#menu li.selected a {
                    background-color: #fff;
                    color: #000;
                }

        /* DROP DOWN MENU   
----------------------------------------------------------*/

        /* Dropdown Button */
        .dropbtn {
            /*background-color: #4CAF50;*/
            color: white;
            /*padding: 16px;
font-size: 16px;*/
            border: none;
            text-decoration: none !important;
        }

        /* The container <div> - needed to position the dropdown content */
        .dropdown {
            position: relative;
            display: inline-block;
        }

        /* Dropdown Content (Hidden by Default) */
        .dropdown-content, .dropdown-content2 {
            display: none;
            position: absolute;
            background-color: #848484;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
        }

        /* Dropdown Content (Hidden by Default) */
        .dropdown-content2 {
            right: -15px;
        }

            /* Links inside the dropdown */
            .dropdown-content a, .dropdown-content2 a {
                color: black;
                padding: 12px 16px;
                text-decoration: none;
                display: block;
                text-align: left !important;
            }

                /* Change color of dropdown links on hover */
                .dropdown-content a:hover, .dropdown-content2 a:hover {
                    background-color: #ddd;
                }

        /* Show the dropdown menu on hover */
        .dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content2 {
            display: block;
        }

        /* Change the background color of the dropdown button when the dropdown content is shown */
        /*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/

        /* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

        fieldset {
            margin: 1em 0;
            padding: 1em;
            border: 1px solid #CCC;
        }

            fieldset p {
                margin: 2px 12px 10px 10px;
            }

        legend {
            font-size: 1.1em;
            font-weight: 600;
            padding: 2px 4px 8px 4px;
        }

        input[type="text"] {
            width: 200px;
            border: 1px solid #CCC;
        }

        input.decimal {
            width: 70px;
        }

        input[type="password"] {
            width: 200px;
            border: 1px solid #CCC;
        }

        .display-panel-header {
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        .display-panel-body {
            padding: 5px 10px 5px 10px;
            min-height: 550px;
            /*position: relative;*/
        }

        .display-panel-body-scrollable {
            padding: 5px 10px 5px 10px;
            position: relative;
            /*overflow-y: auto;
overflow-x: hidden;*/
        }

        /* TABLE
----------------------------------------------------------*/

        .display-panel-body .detail-table {
            width: 100%;
        }

        table {
            border: solid 1px #e8eef4;
            border-collapse: collapse;
        }

            table td {
                border: solid 1px #e8eef4;
            }

            table.field-layout td {
                padding-left: 5px;
                padding-right: 5px;
                padding-top: 2px;
                padding-bottom: 2px;
            }


        tr.deleted-item {
            text-decoration: line-through;
        }

        tr.updated-item {
            font-weight: bold;
        }

        td.links-field {
            text-decoration: none;
        }

        table.field-layout, table.field-layout td {
            border-style: none;
        }

        .css_right {
            float: right;
        }

        .fg-toolbar {
            display: none;
        }

        div.DataTables_sort_wrapper {
            cursor: pointer;
        }
        /* MISC  
----------------------------------------------------------*/
        .clear {
            clear: both;
        }

        .error {
            /*color:#CD0A0A*/;
            color: #760505;
        }

        #menucontainer {
            margin-top: 40px;
        }

        div#title {
            display: block;
            float: left;
            text-align: left;
        }

        #logindisplay {
            font-size: 1.1em;
            display: block;
            text-align: right;
            margin: 10px;
            color: White;
            position: absolute;
            top: 0px;
            right: 0px;
        }

            #logindisplay a:link {
                color: white;
                text-decoration: underline;
            }

            #logindisplay a:visited {
                color: white;
                text-decoration: underline;
            }

            #logindisplay a:hover {
                color: white;
                text-decoration: none;
            }

        #HouseholdIncome {
            color: #0236B1;
            text-decoration: underline;
            font-size: 1.3em;
        }

        /* Styles for validation helpers
-----------------------------------------------------------*/
        .field-validation-error {
            /*color: #CD0A0A;*/
            color: #760505;
        }

        .field-validation-valid {
            display: none;
        }

        .input-validation-error {
            /*border: 1px solid #CD0A0A;*/
            border: 1px solid #760505;
            background-color: #ffeeee;
        }

        .validation-summary-errors {
            font-weight: bold;
            /*color: #CD0A0A;*/
            color: #760505;
            padding: 10px 10px 10px 10px;
        }

        .validation-summary-valid {
            display: none;
        }

        /* Styles for editor and display helpers
----------------------------------------------------------*/
        .display-label,
        .display-label-collapsible,
        .editor-label,
        .display-field,
        .display-field-collapsible,
        .editor-field {
            margin: 0.5em 0;
        }

        .text-box {
            width: 30em;
        }

            .text-box.multi-line {
                height: 6.5em;
            }

        .tri-state {
            width: 6em;
        }

        .display-field,
        .display-label {
            min-height: 15px;
        }

        .label-block {
            float: left;
            margin-right: 15px;
        }


        .icon-message {
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .icon-message p.icon-message-caption {
                font-weight: bold;
                margin: 0px;
            }

            .icon-message p.icon-message-text {
                margin: 0px 0px 0px 19px;
            }

            .icon-message .ui-icon {
                float: left;
                margin-right: .3em;
                margin-top: -1px;
            }

        .center-buttons {
            text-align: center;
        }

        .ui-button-text.ui-link-text {
            text-decoration: underline;
        }

        .ui-widget {
            /*margin-bottom: 10px;*/
        }

        span.toolbar {
            padding: 10px 4px;
        }

        div.toolbar {
            padding-top: 10px;
        }


        div.fileinputs {
            position: relative;
        }

        div.fakefile {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1;
        }

        input.file {
            position: relative;
            text-align: right;
            -moz-opacity: 0;
            filter: alpha(opacity: 0);
            opacity: 0;
            z-index: 2;
            /*width:355px;*/
            height: 20px;
        }

        /*#file-display {width:250px;}*/


        #Message {
            width: 450px;
            height: 150px;
        }

        tr.ui-widget {
            height: 45px;
        }

            tr.ui-widget th {
                font-size: 1.1em;
                text-align: left;
            }

            tr.ui-widget th, table.detail-table td {
                padding-left: 10px;
            }

        table.side-by-side-layout {
            width: 100%;
            border: transparent;
        }

            table.side-by-side-layout td.half-width-layout {
                width: 50%;
                border: transparent;
                vertical-align: top;
                padding-top: 10px;
                padding-bottom: 10px;
                padding-left: 10px;
            }
            /*table.side-by-side-layout h2
{
text-transform: uppercase;
}*/
            table.side-by-side-layout td.border-right {
                border-right: 1px solid black;
            }

        div.side-by-side-layout {
            padding-left: 0px;
        }

        li {
            line-height: 1.2em;
        }

        div.indent {
            margin-left: 40px;
        }

        label:after {
            content: ":";
        }

        label.nocolon:after {
            content: "";
        }

        .ui-button-icon-primary.ui-icon.ui-icon-32 {
            height: 32px;
            width: 32px;
            margin: 10px 0px 2em 5px;
            top: 12px;
        }

        .ui-button-icon-secondary.ui-icon.ui-icon-right-arrow {
            width: 32px;
            height: 32px;
            background-image: url("Images/right_arrow.png") !important;
        }


        .ui-button-icon-secondary.ui-icon.ui-icon-loading {
            width: 32px;
            height: 32px;
            background-image: url("Images/ajax-loader.gif") !important;
        }

        .ui-button-icon-primary.ui-icon.ui-icon-left-arrow {
            width: 26px;
            height: 26px;
            background-image: url("Images/left_arrow.png") !important;
            outline: 0;
        }

        .ui-button-icon-primary.ui-icon.ui-icon-down-arrow {
            width: 32px;
            height: 32px;
            background-image: url("Images/down_arrow.png") !important;
        }

        .ui-icon-32 .ui-button-text {
            display: block;
            position: static;
            margin-left: 5px;
            vertical-align: middle;
            font-size: 1.4em;
        }

        div.submitBar {
            text-align: right;
        }

        input.address1, input.address2, input.county {
            width: 250px;
        }

        input.city {
            width: 138px;
        }

        input.state {
            width: 40px;
        }

        input.zip {
            width: 60px;
        }

        .hidden {
            display: none;
            visibility: hidden;
        }


        table.address-layout > tbody > tr > td {
            padding: 0px;
        }

        table.field-layout > tbody > tr > td > label {
            position: relative;
        }

        label.applicant-complete {
            color: #0DBA21;
            text-transform: capitalize;
        }

        label.applicant-incomplete {
            /*color: #CD0A0A;*/
            color: #760505;
            text-transform: capitalize;
        }

        div.content {
            /*height : 690px;*/
        }

        div#tabs {
            /*height: 402px;*/
            min-height: 507px;
            margin-left: -5px;
            margin-right: -5px;
        }

        div.buttons {
            /*width: 100%; position: absolute; bottom: 0;*/
            width: 100%;
            margin-top: 10px;
            min-height: 40px;
        }

        a#back {
            width: 160px;
            height: 40px;
            margin-left: -5px;
            margin-bottom: 5px;
            overflow: hidden;
        }

        a#next {
            float: right;
            width: 160px;
            height: 40px;
            margin-bottom: 5px;
            overflow: hidden;
        }

            a#next span.ui-button-text {
                margin-top: 2px;
                margin-right: 15px;
                font-size: 14px;
            }

            a#next span#next-arrow {
                margin-top: 3px;
                margin-right: -12px;
                outline: none;
                display: inline-block;
            }



        a#back span.ui-button-text {
            margin-top: 2px;
            margin-left: 5px;
            font-size: 14px;
        }

        a#back span#back-arrow {
            margin-top: -8px;
            margin-left: -20px;
        }

        .ui-widget-content {
            /*font-size: 0.9em;*/
            font-size: 1em;
        }

            .ui-widget-content p {
                font-size: 1.2em;
            }

            .ui-widget-content ul {
                font-size: 1.2em;
            }

        ul.subtabs {
            padding-left: .1em;
            margin-top: -.05em;
        }

            ul.subtabs li {
                list-style-type: none;
                display: inline;
                padding-left: .3em;
                font-size: 1.2em;
            }

            ul.subtabs a {
                text-decoration: underline;
                color: Blue;
            }

        .radio-class {
            border: solid 1px #a94442;
        }

        .hide {
            display: none;
            visibility: hidden;
        }

        .italics {
            font-style: italic;
        }

        .bold {
            font-weight: bold;
        }

        .underline {
            text-decoration: underline;
        }

        .red, a.red {
            /*color: #d60b0b;*/
            color: #ae0909;
        }

        .center {
            text-align: center;
        }

        #zoomInfo {
            width: 75px;
            margin: 1px 5px 1px auto;
            position: relative;
            float: right;
        }

        /*----------------------------
        ---------CSS table styles---*/
        .borderless-table-wrapper {
            display: table;
            height: 100%;
            width: 100%;
        }

        .row-wrapper {
            display: table-row;
        }

        .table-data {
            padding: 4px 4px 4px 5px;
            vertical-align: middle;
            display: table-cell;
        }


        #getStarted {
            font-size: 1.5rem;
        }

        .responsive-hint {
            display: none;
        }

        .responsive-hide {
            display: block;
        }

        /* USE THIS IF WE WANT ALL CHECKBOXES TO BE SCALED */
        /*input[type="checkbox"] {
            -ms-transform: scale(2);*/ /* IE */
            /*-moz-transform: scale(2);*/ /* FF */
            /*-webkit-transform: scale(2);*/ /* Safari and Chrome */
            /*-o-transform: scale(2);*/ /* Opera */
        /*}*/

        .CheckBoxBig {
            -ms-transform: scale(2); /* IE */
            -moz-transform: scale(2); /* FF */
            -webkit-transform: scale(2); /* Safari and Chrome */
            -o-transform: scale(2); /* Opera */
        }

        .hcolor {
            color: #043e6c;
        }

        #attention-getter {
            text-align: center;
            position: absolute;
            top: 320px;
            left: 80px;
            width: 110px;
        }

        #attention-getter-text {
            font-size: 2rem;
            font-weight: 700;
            line-height: 80%;
            color: #ae0909;
        }

        #attention-getter-arrow {
            width: 0;
            height: 0;
            border-bottom: 30px solid #ae0909;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            margin-left:30px;
        }

        ul.arrow-list {
            list-style: none;
        }

            ul.arrow-list li:before {
                content: "\27A2";
            }

    }