﻿body
{
    font-size: 14px;
}

.header
{
    height: 5.83em;
    border: 1px solid #465258;
    font-size: 1em;
}

    .header .left-side
    {
        float: left;
    }

        .header .left-side .logo-wrapper
        {
            margin: 2.08em 0 2.08em 1.67em;
        }

    .header .right-side
    {
        float: right;
    }

        .header .right-side .account-wrapper
        {
            margin: 9px 20px 9px 0;
            line-height: 1.17em;
            height: 52px;
        }

            .header .right-side .account-wrapper .logo-wrapper
            {
                margin-right: 10px;
                max-width: 300px;
                display: inline-block;
            }

                .header .right-side .account-wrapper .logo-wrapper,
                .header .right-side .account-wrapper .logo-wrapper img
                {
                    height: 52px;
                }

            .header .right-side .account-wrapper .account-info
            {
                min-width: 185px;
                display: inline-block;
            }

    .header .left-side,
    .header .right-side
    {
        height: 100%;
    }

.content
{
    background-color: #00445c;
    font-size: 1em;
    padding-bottom: 2px;
}

    .content .content-header
    {
        height: 2.39em;
        padding: 0 1.2em;
        line-height: 2.39em;
    }

        .content .content-header .page-title
        {
            float: left;
            width: 50%;
        }

        .content .content-header .client-title
        {
            float: right;
            width: 50%;
            text-align: right;
        }

    .content .form-data
    {
        margin: 0 8px;
        border-top-width: 5px;
    }

        .content .form-data .form-content
        {
            margin: 14px 15px 0 15px;
        }

            .content .form-data .form-content .section
            {
                margin-bottom: 24px;
            }

                .content .form-data .form-content .section .title
                {
                    font-size: 1.17em;
                }

                .content .form-data .form-content .section hr
                {
                    margin: 0 0 20px 0;
                }

                .content .form-data .form-content .section .input-row
                {
                    min-height: 1em;
                    line-height: 1em;
                    white-space: nowrap;
                    margin-bottom: .75em;
                }

                    .content .form-data .form-content .section .input-row input
                    {
                        width: 150px;
                    }

                        .content .form-data .form-content .section .input-row input.money
                        {
                            text-align: right;
                        }

                        .content .form-data .form-content .section .input-row input.money,
                        .content .form-data .form-content .section .input-row input.date-field
                        {
                            width: 100px !important;
                        }

                        .content .form-data .form-content .section .input-row input.date-field
                        {
                            margin-right: -18px;
                        }

                    .content .form-data .form-content .section .input-row div
                    {
                        display: inline-block;
                        width: 135px;
                        margin-right: 1em;
                        text-align: right;
                        vertical-align: middle;
                        white-space: normal;
                    }

                    .content .form-data .form-content .section #pnlJobNotes.input-row div,
                    .content .form-data .form-content .section #pnlWorkPerformed.input-row div{
                        vertical-align: top;
                    }

                        .content .form-data .form-content .section .input-row div.no-indent
                        {
                            width: auto;
                            margin-left: 1em;
                        }

                    .content .form-data .form-content .section .input-row > span.inline-text
                    {
                        margin-left: 10px;
                        margin-right: 10px;
                    }

                .content .form-data .form-content .section .facility-info .input-row .title
                {
                    margin-left: 147px;
                    line-height: 28px;
                    font-weight: 600;
                    width: auto;
                    text-align: left !important;
                }
                .content .form-data .form-content .section .input-row .error-message 
                {
                     color:#eca300 !important;
                     font-family: Open Sans !important;
                     font-size: 1.1em !important;
                     display: none;
                     margin-left:135px;
                     padding-left:1em;
                     text-align: left;
                     white-space: nowrap;
                     margin-top: 5px;

                }

                .content .form-data .form-content .section .input-row input.client,
                .content .form-data .form-content .section .input-row select.client,
                .content .form-data .form-content .section .input-row textarea.client
                {
                    margin-left: -3px;
                }

                .content .form-data .form-content .section .input-row > span
                {
                    margin-left: 10px;
                }

                    .content .form-data .form-content .section .input-row > span.client
                    {
                        margin-left: 7px;
                    }



            .content .form-data .form-content .button-row
            {
                margin: 34px 8px 34px 147px;
            }

                .content .form-data .form-content .button-row div
                {
                    font-size: 1em;
                    height: 2em;
                    line-height: 2em;
                    display: inline-block;
                }

.footer
{
    height: 55px;
    padding: 12px 23px;
    line-height: 14px;
}

    .footer .left-side
    {
        float: left;
    }

        .footer .left-side .upper-text
        {
            font-size: 1em;
        }

        .footer .left-side .lower-text
        {
            font-size: .83em;
        }

    .footer .right-side
    {
        float: right;
        line-height: 55px;
    }

        .footer .right-side img
        {
            vertical-align: middle;
            max-width:227px
        }

.loading-dialog .ui-dialog-titlebar
{
    display: none;
}

.loading-dialog img
{
    vertical-align: middle;
    margin-right: 20px;
}

#divAlert .ui-icon
{
    display: inline-block !important;
    vertical-align: middle;
}

input#txtEmail
{
    width: 225px;
}

#pnlJobInformation input
{
    width: 300px;
}

#pnlJobInformation #txtZip
{
    width: 75px;
    text-align: right;
}

#pnlAdditionalInformation input
{
    width: 300px;
}

.WordBreak
{
    max-width: 1000px !important;
    width:1000px;
    word-break: break-all;
    white-space: normal;
}

