body
{
    background: white; /*#699bc9;*/
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    font: 75%/160% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

table, td, input, textarea, select, li
{
    font: 100% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    /*line-height: 160%;*/
}

a
{
    color: #21759b;
    text-decoration: none;
    font-weight: bold;
}

    a:link, a:visited, a:active
    {
        color: #699BC9;
        font-weight: bold;
    }

    a:visited
    {
        color: #4ca6cf;
    }

.tenantname
{
    color: Black;
}

#header
{
    background: white;
    padding: 5px 15px 15px 15px;
    margin: 0;
    color: white;
}

    #header h1, .vertical-centered-header
    {
        color: #fff;
        font-size: 140%;
        font-weight: bold;
        margin: 0;
        padding: 0;
        margin-top: -5px;
        width: 50%;
        padding-top: 4px;
        font-family: tahoma,arial,verdana,sans-serif;
    }

        #header h1 span
        {
            font-weight: normal;
        }

    #header h2
    {
        color: #fff;
        font-size: 100%;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

.vertical-centered-child
{
    line-height: 30px;
}

#main-nav
{
    background: white;
    display: block;
    min-width: 500px;
    height: 45px;
    width: auto;
}

    #main-nav ul
    {
        list-style: none;
        padding: 0px;
        margin: 0px 15px 0 15px;
        padding: 6px 0px 0px 0px;
    }

        #main-nav ul li
        {
            float: left;
            position: relative;
        }

            #main-nav ul li a
            {
                font-weight: bold;
                line-height: 39px;
                padding: 13px 25px 13px 25px;
                margin-right: 2px;
                color: white;
                background-color: #8db4d5;
                border: 1px solid #9fbedb;
                border-left: none;
                border-bottom: none;
            }

                #main-nav ul li a:hover
                {
                    background-color: #9fbedb;
                }

                #main-nav ul li a.current, #main-nav ul li a.current:hover
                {
                    color: black;
                    background-color: #D0D0D0;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0D0', endColorstr='white');
                    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D0D0', endColorstr='white')";
                    background: white -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(white));
                    background: white -moz-linear-gradient(top, #D0D0D0, white);
                    border-top: 1px solid white;
                    border-left: none;
                    border-right: none;
                    border-bottom: none;
                }


                #main-nav ul li a img
                {
                    vertical-align: middle;
                    border: none;
                    margin: 10px 0px 13px 0;
                }

.hoverNav
{
    background-color: #8db4d5;
    width: 300px;
}

    .hoverNav div
    {
        border-style: solid;
        border-width: thin;
        border-color: White;
    }

#account-nav
{
    display: block;
    position: absolute;
    right: 15px;
    text-align: right;
    top: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    #account-nav li
    {
        display: block;
        float: left;
        margin-left: 18px;
        font-weight: bold;
    }

#log-off-link
{
    background-image: url('/img/icons/door_in.png');
    background-color: transparent;
    background-repeat: no-repeat;
    padding: 0 0 5px 18px;
    height: 20px;
}

#account-nav li a
{
    color: Black;
}

    #accout-nav li a:active, #account-nav li a:hover
    {
        color: #BBBBBB;
    }

#top-nav
{
    background: white;
    color: #7DA4C5;
    font-weight: bold;
    padding-top: 5px;
    padding-left: 15px;
}

#content
{
    background-color: #E0E0E0;
    background: white -webkit-gradient(linear, left top, left bottom, from(#D0D0D0), to(white));
    background: white -moz-linear-gradient(top, #D0D0D0, white);
    padding: 2px 15px 15px 15px;
}

#admin-nav
{
    background: white;
    /*display: block;*/
    min-width: 500px;
    height: 35px;
    width: 300;
}

    #admin-nav ul li
    {
        float: left;
        position: relative;
    }

        #admin-nav ul li a, #admin-nav ul li a.current, #admin-nav ul li a.current:hover
        {
            font-weight: bold;
            line-height: 39px;
            padding: 5px 13px 5px 13px;
            margin-right: 2px;
            background-color: #8d74d5;
            border: 3px solid;
        }

            #admin-nav ul li a:hover
            {
                background-color: #9f7edb;
            }

        #admin-nav ul li a
        {
            color: white;
            border-top-color: #af94db;
            border-left-color: #af94db;
            border-bottom-color: #6d54b5;
            border-right-color: #6d54b5;
        }

            #admin-nav ul li a.current, #admin-nav ul li a.current:hover
            {
                color: black;
                border-top-color: #6d54b5;
                border-left-color: #6d54b5;
                border-bottom-color: #af94db;
                border-right-color: #af94db;
            }

/* TEXT */
p, h1, h2, h3, h4, h5, h6
{
    margin: 1em 0;
}

h2
{
    border-bottom: 1px solid #ddd;
    color: #111;
    font-size: 140%;
    font-weight: normal;
    padding-bottom: .3em;
}

    h2#pageTitle
    {
        color: #111;
        font-size: 180%;
        font-weight: normal;
        line-height: 150%;
        margin-top: 1em;
    }

    h2 span
    {
        color: #699bc9;
        font-weight: bold;
    }

h3
{
    color: #111;
    font-size: 120%;
    margin-bottom: .5em;
}

    h3 span
    {
        color: #699bc9;
    }

h4
{
    color: #111;
    font-size: 110%;
}

h5
{
    color: #111;
    font-size: 100%;
}

/* LINKS --------------------------------------*/
a:link, a:visited, a:active
{
    color: #699bc9;
    font-weight: bold;
    text-decoration: none;
}

a:hover
{
    color: #486a8a;
    text-decoration: none;
}

/* regular tables */

table.regular, table.authorization
{
    background: #f1f5f9;
    border: 1px solid #d2e1ee;
    border-collapse: collapse;
    line-height: 160%;
    margin: 0 0 10px 0;
}

table.regular
{
    width: 100%;
}

.regular th
{
    background: #c3d6e9;
    border-bottom: 1px solid #99bbda;
    padding: 5px 10px;
    vertical-align: middle;
    font-weight: bold;
}

.itemcycleheader
{
    background: #c3d6e9;
    border-bottom: 1px solid #99bbda;
    padding: 5px 10px;
    vertical-align: middle;
    font-weight: bold;
}

.regular td, .transit td, .authorization td
{
    border-bottom: 1px solid #d2e1ee;
    padding: 5px 10px; /* bjk -- vertical-align: middle; */
    vertical-align: top;
}

    .regular td.first
    {
        width: 20%;
    }

.regular th a:link, th a:visited, th a:active
{
    color: #486a8a;
    font-weight: bold;
    text-decoration: none;
}

.regular th a:hover
{
    color: #111;
    text-decoration: none;
}

.regular td label
{
    text-align: right;
}

.regular th.date
{
    width: 100px;
}

.regular th.cycle
{
    width: 70px;
}

.regular th.leftMed, td.leftMed
{
    font-weight: bold;
    text-align: right;
    width: 110px;
}

.authorization th
{
    background: #c3d6e9;
    border-bottom: 1px solid #99bbda;
    padding: 5px 10px;
    vertical-align: middle;
    font-weight: bold;
}

/* insurance tables */
table.insurancetable
{
    background: #f1f5f9;
    border: 1px solid #d2e1ee;
    border-collapse: collapse;
    line-height: 160%;
    margin: 0 0 0 0;
    width: 100%;
}

.insurancetable td, .insurancetable th
{
    width: 10%;
}

    .insurancetable td label
    {
        text-align: right;
    }

.insurancetable th
{
    background: #c3d6e9;
    border-bottom: 1px solid #99bbda;
    vertical-align: middle;
    font-weight: bold;
}

span.leftMed
{
    font-weight: bold;
    text-align: right;
}

span.grpOption
{
    padding: 1px;
    padding-right: 315px;
    background: url(../graphics/line.gif) repeat-x;
}

span.emphasizedNonTitle
{
    font-size: 130%;
    font-weight: bold;
}

th.rightMed, td.rightMed
{
    text-align: left;
    width: 110px;
}

td.leftLong
{
    text-align: right;
    width: 150px;
}

td.leftMax
{
    text-align: right;
    width: 230px;
}

td.alRight, .alRight
{
    text-align: right;
}

td.centre
{
    text-align: center;
}

td.totals
{
    background: #fff;
    font-weight: bold;
    font-size: 110%;
}

td.date
{
    width: 84px;
}

td.apt
{
    width: 24px;
}

table.authorization
{
    width: 1060px;
}

td.authButton, th.authButton
{
    width: 60px;
}

td.authNo, th.authNo
{
    width: 80px;
}

td.authTotalR, th.authTotalR
{
    width: 80px;
}

td.authRemain, th.authRemain
{
    width: 80px;
}

td.authFreq, th.authFreq
{
    width: 83px;
}

td.authFrom, th.authFrom
{
    width: 84px;
}

td.authTo, th.authTo
{
    width: 84px;
}

td.authCode, th.authCode
{
    width: 356px;
}

table.datagrid
{
    border: 1px solid #000000;
    background: #D0D0D0;
    border-collapse: collapse;
    line-height: 100%;
}

.datagrid td, .datagrid th
{
    border: 1px solid black;
    padding: 0px 2px 0px 2px;
}

.datagrid th
{
    line-height: 140%;
}

.reportsummary td
{
    border-top-style: solid;
    font-weight: bold;
}

.reportsubtotal td
{
    border-top-style: double;
    font-weight: bold;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field, .editor-date-label, .editor-date-field,
.editor-address-field, .authNo-field, .authTotalR-field
{
    margin: 0.5em 0;
    height: 14px;
}

.editor-field
{
    color: Black;
}

.editor-date-field, .editor-date-label
{
    width: 80px;
}

input.date-textbox
{
    width: 74px;
}

.escort-textbox
{
    width: 20px;
}

.note-textbox
{
    width: 300px;
}

.display-field, .display-list
{
    font-weight: bold;
}

.authNo-field
{
    width: 74px;
}

.authTotalR-field
{
    width: 74px;
}

.servicecode-dropdown
{
    margin: 0.5em 0;
    width: 350px;
}

.frequency-dropdown
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

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

.tri-state
{
    width: 6em;
}

.wide
{
    width: 100%;
}

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

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

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
/* Tweaks 
-------------------------------------*/
fieldset
{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

legend
{
    font-size: larger;
    font-weight: bold;
    font-family: Tahoma;
    padding-left: 10px;
    padding-right: 10px;
}

.required
{
    font-weight: bold;
}

/*Modal Popup
------------------------------------*/
.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.origaddress
{
    font-size: 9pt;
    color: #ccc;
}

/* Customer Page
------------------------------------*/
#toolbar-input
{
    font-size: 15px !important;
    height: 17px !important;
    margin-left: 20px;
}

.address-list-item
{
    border-bottom: 1px solid #DFE8F6 !important;
    padding: 4px;
}

.contact-container
{
    border-bottom: 1px solid #DFE8F6 !important;
}

.column-header
{
    font-size: small;
    font-weight: bold;
    vertical-align: bottom;
    margin-top: 3px;
}

/* Dashboard
-------------------------*/
.row-and-column-of-selected-cell
{
    background-color: #E0E0E0;
}

.time-off
{
    background-image: url('/img/time-off.png');
}

.partial-time-off
{
    background-image: url('/img/partial-time-off.png');
}

.textfield-as-label,
.textfield-as-label .x-form-item-body,
.textfield-as-label .x-form-text,
.textfield-as-label .x-item-disabled
{
    color: Black;
    border-color: transparent;
    background-image: none;
    background-color: transparent;
}

    .textfield-as-label .x-form-trigger-wrap
    {
        visibility: hidden;
    }

.x-grid3-summary-row TD
{
    font-weight: bold !important;
}


.alert-button button
{
    
}