/*
Trick IDE to thinking this is a css file, but actually this is a comment! ha ha!
<style>
/**/

/* COPY EVERYTHING ABOVE THIS LINE FOR NEW CSS FILES */

/* Base Netdirect Theme */
*
{
  margin: 0;
  padding: 0;
}

body
{
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

html, body
{
    min-height: 100%;
    width: 100%;
    height: 100%;
}

/*-- Common Styles --------------------------------------------------*/

    .help_text{ color: #009191; font-style: italic; font-size:smaller;}
    
    .watermark,
    .watermark:disabled {
        color: #d0d0d0;
        font-weight: bold;
    }

    /*-- Common Styles > h1, h2, h3...etc --*/
        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: Arial, Helvetica, sans-serif;
            margin: 2px 0;
            padding: 1px 0;
            color: #333;
        }

        .footnotes,
        p.footnotes,
        div.footnotes {
            margin:3px 0;
            padding:0;
            font:12px Helvetica, Arial, Verdana;
            color:#f00;
        }
            div.footnotes {display: inline-block; }

    /*-- Common Styles > Anchor Tags --*/
        a {
            color: #2D56A8;
        }

            a img {
                border: 0;
            }

            a:focus {
                outline: none; /*hide dotted line that appears around anchor tags being pressed*/
            }

/*-- Main Section ------------------------------------------------------------*/

    html > body,
    html > body #main
    {
        /* This is used to help with the sticky footer */
        height: auto;
    }

    #main {
        border: 0px solid red;
        height: 100%;
        left: 0;
        min-height: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
    }

    #content {
        border: 0;
        margin: 0 auto;
        margin-bottom: 150px;
        padding: 4px 0 4px 0;
        text-align: left;
        width: 980px;
    }
    
    .display_inline_block_float_left {
        display: inline-block;
        float: left;
    }

    /*-- Main Section > #header --*/
        #header {
            display: block;
            /*width:100%;*/
            background: #333 url('/netdirect/themes/common/images/headers/header.jpg') repeat-x top left;
            margin: 0;
            text-align: left;
            max-height:100px;
            vertical-align: middle;
            padding: 7px 15px;
        }
            #header div.container {

            }

            #header h1 {
                display: inline;
                margin-left: 1em;
                font-size: x-large;
            }

            #header a {
                color: #fff;
            }

            #header p {
                color: #fff;
                float: left;
            }

            #header span {
                font-family: arial, sans-serif;
            }
                #header span#window_name
                {
                    color: #ccc;
                    font-size: 14px;
                    font-weight: bold;
                    margin-left: 6px;
                }

            #header img {
                margin-right: 10px;
                vertical-align: middle;
            }

            #header br {
                margin-bottom: 12px;
            }

        /*-- Main Section > #header > Client --*/
            #header img#client_logo {
                border: none;
                margin: 6px;
            }

            #header #client_name {
                display:inline-block;
                margin-top:7px;
                font-size: 18px;
            }

        /*-- Main Section > #header > User --*/
            #header #user {
                font-size: 11px;
                position: absolute;
                right: 4px;
                text-align: right;
                top: 4px;
            }
                #header #user a {
                    text-decoration: underline;
                }

            #header #date {
                font-size: 11px;
                position: absolute;
                right: 4px;
                text-align: right;
                top: 26px;
            }

    /*-- Main Section > #footer --*/
        #pre_footer
        {
            /*
            keep in sync with height of #footer.
            this pre_footer is an empty div that should make sure the footer bar does not cover up the content at the end of the page ever.
            25 height + 5 padding top + 5 padding bottom = 30px height
            */
            height: 30px;
            clear: both;
        }
        #footer {
            height: 25px;
            background: #333 url('/netdirect/themes/common/images/osis/footer_bg.png') repeat-x top left;
            padding: 5px 0;
            color: #FFF;
            font-weight: bold;
            font-size: 11px;
            text-align: center;
            position: fixed;
            clear: both;
            bottom: 0;
            left: 0;
            width: 100%;
        }
            #footer p {
                padding: 2px 0 3px;
            }
            #footer p img {
                margin: 4px 3px -2px 3px;
            }
            #footer a {
                color: #FFF;
            }

    /*-- Main Section > #program_actions --*/
        #program_actions {
            display: block;
            height: 34px; /* Leave this as 34px for FF2 */
            margin: 0;
        }

        #program_actions ul.submenu {
            border-top: 1px solid #678;
            display: none;
            list-style-type: none;
            margin-top: 0;
            padding: 0;
            position: absolute;
            z-index: 999;
        }

        #program_actions ul.submenu li {
            background-color: #eee;
            border-bottom: 1px solid #678;
            border-left: 1px solid #678;
            border-right: 1px solid #678;
            color: #000;
            cursor: pointer;
            display: block;
            font-size: 9pt;
            padding: 2px 4px;
            text-decoration: none;
            width: 140px;
        }
            #program_actions ul.submenu li:hover {
                background-color: #678;
                color: #fff;
            }

            #program_actions ul.submenu li.disabled,
            #program_actions ul.submenu li.disabled:hover,
            #program_actions ul.submenu li.parent.disabled,
            #program_actions ul.submenu li.parent.disabled:hover
            {
                background-color: #ccc;
                color: #666;
                cursor: default;
            }

            #program_actions ul.submenu li.parent {
                background: #eee url('/netdirect/themes/common/images/icons/basics/arrow_right.gif') center right no-repeat;
            }

            #program_actions ul.submenu li.parent.disabled,
            #program_actions ul.submenu li.parent.disabled:hover
            {
                background-image: url('/netdirect/themes/common/images/icons/basics/arrow_right.gif');
            }

            #program_actions ul.submenu li.parent.active,
            #program_actions ul.submenu li.parent:hover
            {
                background-color: #678;
                background-image: url('/netdirect/themes/common/images/icons/basics/arrow_right_over.gif');
                color: #fff;
            }

        #program_actions ul.submenu li ul.submenu {
            display: none;
            font-size: 1em;
            left: 149px;
            position: absolute;
            top: 0;  /* This is needed to reset all browsers default positioning when absolute-positioned */
        }


/*-- Progress Bar (#progressBar) ----------------------------------------------------------------*/

    div#progressBar {
        display: block;
        width: 100%;
        height: 45px;
        border-top: 3px solid #FFF;
        background: #D5D5D5;
    }

    #progressBar ul,
    #progressBar li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
        #progressBar ul {
            display: block;
            height: 45px;
            /*width: 60%;*/
            min-width: 760px;
            padding-left: 40px;
            margin: 0 auto;
        }
            #progressBar ul li {
                display: inline-block;
                height: 35px;
                float: left;
                padding: 5px 20px;
                position: relative;
                background: #CCC url('/netdirect/themes/common/images/progressBar/pb_arrowRight_normal.png') 100% -3px no-repeat;
            }
                #progressBar ul li span {
                    display: inline-block;
                    height: 40px;
                    margin: -5px -3px 0 -39px;
                    padding: 5px 8px 0 30px;
                    background: url('/netdirect/themes/common/images/progressBar/pb_arrowRight_ccave_normal.png') 0 -3px no-repeat;
                }
                /* -- Progress Bar (#progressBar) > Statuses of each step -- */
                    #progressBar ul li:hover,
                    #progressBar ul li.current {
                        background: #66CCCC url('/netdirect/themes/common/images/progressBar/pb_arrowRight_current.png') 100% -3px no-repeat;
                        /*cursor: pointer;*/
                    }
                        #progressBar ul li.last {
                            background: #CCC;
                            padding-right: 10px;
                        }
                            #progressBar ul li.last.current {
                                background: #66CCCC;
                            }
                    #progressBar ul li.visited {
                        background: #999 url('/netdirect/themes/common/images/progressBar/pb_arrowRight_visited.png') 100% -3px no-repeat;
                    }
                            #progressBar ul li.last.visited,
                            #progressBar ul li.last.visited:hover {
                                background: #999;
                            }
                            #progressBar ul li.visited a {
                                color: #CCC;
                            }

                    #progressBar ul li:hover span,
                    #progressBar ul li.current span {
                        /*background: #66CCCC;*/
                        background: url('/netdirect/themes/common/images/progressBar/pb_arrowRight_ccave_current.png') 0 -3px no-repeat;
                    }
                    #progressBar ul li.visited span {
                        background: url('/netdirect/themes/common/images/progressBar/pb_arrowRight_ccave_visited.png') 0 -3px no-repeat;
                    }
                        #progressBar ul li.first span,
                        #progressBar ul li.visited.first span {
                            background: none;
                        }

                    #progressBar ul li.last:hover {
                        background: #66CCCC;
                    }

                #progressBar ul li.first {
                    border-left: 3px solid #FFF;
                }
                #progressBar ul li.last {
                    border-right: 3px solid #FFF;
                }

                    #progressBar ul li em {
                        font: normal 32px Arial, Helvetica, sans-serif;
                        color: #FFF;
                        padding-right: 3px;
                    }
                    #progressBar ul li a {
                        display: inline-block;
                        height: 25px;
                        position: relative;
                        top: -5px;
                        font: normal 18px Arial, Helvetica, sans-serif;
                        color: #FFF;
                        text-decoration: none;
                    }

                    #progressBar ul li.visited em {
                        color: #CCC;
                    }
                    #progressBar ul li.visited a {
                        cursor: auto;
                    }

/*-- Cheerleader Bar (.cheerleaderBar) ----------------------------------------------------------------*/

    div.cheerleaderBar {
        display: block;
        width: 100%;
        height: 30px;
        border-top: 3px solid #FFF;
        background: #8d8d8d;
    }
        div.cheerleaderBar span.wrap {
            display: block;
            width: 800px;
            margin: 0 auto;
        }
        div.cheerleaderBar ul,
        div.cheerleaderBar li {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        div.cheerleaderBar ul {
            display: block;
            height: 30px;
            width: 60%;
            min-width: 760px;
            padding-left: 40px;
            margin: 0 auto;
        }
        div.cheerleaderBar li {
            display: inline-block;
            float: left;
            position: relative;
            padding: 0;
            background: #CCC;
            border-right: 1px solid #FFF;
        }
            div.cheerleaderBar li.head {
                height: 20px;
                padding: 7px 20px 3px;
                color: #FFF;
                font: bold 12px Arial;
                text-transform: uppercase;
                border-right: 0;
                background: #8d8d8d;
            }
                div.cheerleaderBar li.head#checkout {
                    background: #8d8d8d url('/netdirect/themes/common/images/icons/16x16_w/w_arrow_right_box.png') left center no-repeat;
                    padding-left: 25px;
                }
                div.cheerleaderBar li.head#checkout_complete {
                    background: #8d8d8d url('/netdirect/themes/common/images/icons/16x16_w/w_checkmark.png') right center no-repeat;
                    padding-left: 5px;
                }
            div.cheerleaderBar li.progress {
                width: 500px;
                height: 30px;
                background: #828d8d url('/netdirect/themes/common/images/cheerleaderBar/textured_bluegray_bg.jpg');
            }
                div.cheerleaderBar li.progress span#progressPercent {
                    display: block;
                    /*width: 30%;  changes */
                    height: 20px;
                    color: #FFF;
                    background: #66CCCC;
                    text-align: right;
                    padding: 5px;
                }
            div.cheerleaderBar li.first {
                border-left: 1px solid #FFF;
            }
            div.cheerleaderBar li.last {
            }
            div.cheerleaderBar li a {
                color: #FFF;
                font: 12px Arial;
                height: 20px;
                padding: 7px 20px 3px;
                display: block;
                text-decoration: none;
                background: #688181;
            }
                div.cheerleaderBar li a:hover,
                div.cheerleaderBar li a.current {
                    background: #66CCCC;
                }

/*-- Messages ----------------------------------------------------------------*/

    #messages p {
        clear: both;
        display: none;
        font: normal 14px Arial;
        margin: 4px auto;
        padding: 6px 0;
        text-align: center;
    }
        #messages p.visible {
            display: block;
        }
        #messages p.notice { /* pale blue-green */
            background: #dfd;
            border-top: 1px solid #9C9;
            border-bottom: 1px solid #9C9;
            color: #090;
        }
        #messages p.warning { /* yellow */
            background: #FFEA60;
            border-top: 1px solid #FFE325;
            border-bottom: 1px solid #FFE325;
            color: #666;
        }
        #messages p.error { /* red */
            background: #BE4C4C;
            border-top: 1px solid #AF3131;
            border-bottom: 1px solid #AF3131;
            color: #fff;
        }
            #messages p.error a {
                color: #FFF;
                border-bottom: 1px solid #813030;
            }
                #messages p.error a:hover {
                    border-bottom: 1px solid #FFF;
                }
        #messages p a {
            color: #2D56A8;
            text-decoration: none;
            border-bottom: 1px solid #5680d4;
        }
            #messages p a:hover {
                border-bottom: 1px solid #2D56A8;
            }

    #messages h4
    {
        background-color: #c00;
        color: #fff;
        padding: 3px 0;
        text-align: center;
    }

    /* Messages > blockquote */
        blockquote {
            display:block;
            padding:5px 7px;
            margin: 3px 0;
            background:#DDD;
            border:1px solid #666;
            text-align:left;
            font: 12px Arial;
        }
            blockquote.green {
                background:#ccffcc;
                border:1px solid #669966;
            }
            blockquote.yellow {
                background:#f4ca87;
                border:1px solid #cca066;
            }
            blockquote.red {
                background:#ffcccc;
                border:1px solid #cc6666;
            }
            
            blockquote hr{ margin-bottom: 5px; }

            blockquote ul,
            blockquote ol {
                margin-left: 20px;
            }
                blockquote ul li,
                blockquote ol li {
                    color: #333;
                    margin: 3px 0;
                }


/*-- Lists -----------------------------------------------------------------*/

    ul.checklist,
    ul.checklist>li {
        list-style: none;
    }
        ul.checklist {

        }
        ul.checklist img {
            margin-bottom: -4px !important;
        }
            /* Checklist defaults to green checkmarks if no other class given */
                ul.checklist>li {
                    list-style-image: url('/netdirect/themes/common/images/icons/checklist_checkmark.png');
                    margin: 2px 0px 2px 30px;
                    font-weight: bold;
                    color: #666;
                }
                    /* ul.checklist.g_signature */
                        ul.checklist.g_signature>li,
                        ul.checklist>li.g_signature {
                            background:url('/netdirect/themes/common/images/icons/16x16_g/g_signature.png') no-repeat;
                            background-position: left top;
                        }
                    /* ul.checklist.r_signature */
                        ul.checklist.r_signature>li,
                        ul.checklist>li.r_signature {
                            background:url('/netdirect/themes/common/images/icons/16x16_r/r_signature.png') no-repeat;
                            background-position: left top;
                        }
                    /* ul.checklist.g_arrow_right */
                        ul.checklist.g_arrow_right>li,
                        ul.checklist>li.g_arrow_right {
                            background:url('/netdirect/themes/common/images/icons/16x16_g/g_arrow_right.png') no-repeat;
                            /*background-position: left top;*/
                            background-position: 5px 2px;
                            padding-top: 0;
                        }

                        /* ul.checklist > sublists (supports 3 levels total) */
                            ul.checklist li>ul,
                            ul.checklist li>ul li>ul,
                            ul.checklist li>ul li>ul li>ul {
                                margin-left: 10px;
                                list-style: none;
                            }

/*-- Buttons -----------------------------------------------------------------*/

    button {
        background: url('/netdirect/themes/common/images/buttons/square_button_enabled_bg.png') repeat-x;
        border: 1px solid #AAAAAA;
        cursor: pointer;
        display: block;
        float: left;
        font-family: arial, sans sans-serif;
        font-size: 11px;
        height: 26px;
        margin: 0;
        outline-width: 0;
        overflow: visible;
        padding: 5px;
        text-decoration: none;
        vertical-align: middle;
        /*width: auto;*/
    }
        button:active,
        button.active {
            background-image: url('/netdirect/themes/common/images/buttons/square_button_disabled_bg.png');
            padding: 6px 4px 4px 6px;  /*  +1 -1 -1 +1  */
        }

        button.disabled {
            background: url('/netdirect/themes/common/images/buttons/square_button_disabled_bg.png') repeat-x;
            padding: 5px;
            color: #888;
        }

        button img
        {
            margin: -5px 0 0 0;
            padding: 0;
            border: none;
            vertical-align: middle;
        }
            button img.icon {
                margin-right: 6px;
            }
            button img.arrow {
                margin-left: 6px;
                margin-right: -4px;
            }

    /* simpleAction : input buttons, and link buttons (links pretending to be buttons) */

        .simpleActions_wrap {
            display: block;
            min-height: 20px;
            margin: 5px 0;
        }

            .simpleActions_wrap a,
            .simpleActions_wrap button,
            .simpleActions_wrap input {
                display: inline-block;
                float: left;
                margin-right: 1px !important;
                margin-left: 1px !important;
            }

        /* simpleAction: <a, button, or input> */
            a.simpleAction,
            input.simpleAction,
            button.simpleAction {
                display:inline-block;
                height: 16px;
                float:left;
                font:14px Helvetica, Arial, Verdana;
                text-transform:none;
                color:#FFF;
                cursor:pointer;
                text-decoration: none;

                /* Blue simpleAction by default */
                    background: #66A9CC;

                margin: 0;
                padding:10px 20px;
            }

            button.simpleAction { /* Remove pre-defined default button styles */
                border: 0;
                /*min-width:136px;  Doesn't work in IE...*/
                height:36px; /* customize height of larger simpleActions */
                padding:9px 20px;
            }

            input.simpleAction {
                height:36px; /* customize height of larger simpleActions */
                padding:9px 20px;
                border: 0;
            }

                a.simpleAction:hover,
                input.simpleAction:hover,
                button.simpleAction:hover {
                    color:#FFF;
                    /* Blue simpleAction by default */
                        background: #3B95C4;
                }

                input.simpleAction:focus {
                    border: 0;
                }

                button.simpleAction:disabled {
                    color: #CCC;
                    background: #7d95a2 !important;
                    cursor: auto;
                }

                /* simpleAction: <a, button, or input>: green, red, (blue by default) */

                    /* simpleAction: <a, button, or input>: Green */
                        a.simpleAction.green,
                        input.simpleAction.green,
                        button.simpleAction.green {
                            background: #54AD6B;
                        }
                            a.simpleAction.green:hover,
                            input.simpleAction.green:hover,
                            button.simpleAction.green:hover {
                                    background: #299845;
                            }

                    /* simpleAction: <a, button, or input>: Red */
                        a.simpleAction.red,
                        input.simpleAction.red,
                        button.simpleAction.red {
                            background: #BE4C4C;
                        }
                            a.simpleAction.red:hover,
                            input.simpleAction.red:hover,
                            button.simpleAction.red:hover {
                                    background: #AF3131;
                            }


            /* simpleAction: <a, button, or input>.small */
                a.simpleAction.small,
                input.simpleAction.small,
                button.simpleAction.small {
                    padding:5px 10px;
                    font-size:12px;
                }
                a.simpleAction.small {
                    /*line-height: 16px;*/
                    padding-top: 4px;
                    padding-bottom: 6px;
                    /*color: #CC0000*/
                    /*border: 1px solid #CC0000*/
                }
                button.simpleAction.small,
                input.simpleAction.small {
                    height:26px;
                    /*background:#CC0000*/
                }
                /*button.simpleAction.small.active {
                    padding: 0;
                }*/

            /* <a, button, or input>.simpleAction span */
                a.simpleAction.small span,
                button.simpleAction.small span,
                input.simpleAction.small span {
                    display: inline-block;
                    float: left;
                    height: 26px;
                    line-height: 16px;
                    margin: 0 0 0 1px;
                    padding: 0;
                }
                a.simpleAction.small span {
                    padding-top: 1px;
                }
                button.simpleAction.small span,
                input.simpleAction.small span {

                }

            /* <a, button, or input>.simpleAction.icon */

                a.simpleAction.icon.small {
                    padding:5px 10px;
                }

            /* <a, button, or input>.simpleAction.icon img */
                a.simpleAction.icon img,
                button.simpleAction.icon img,
                input.simpleAction.icon img {
                    display: inline-block;
                    float: left;
                    width: 16px;
                    height: 16px;
                    margin: 0 0 -2px -1px;
                    padding: 0;
                    border: 0;
                }
                    a.simpleAction.icon.small img {
                        margin: 0 -5px 1px 0;
                    }
                    button.simpleAction.icon.small img,
                    input.simpleAction.icon.small img {
                        margin: 0 -5px 0 -5px;
                        padding-left: 4px;
                    }

            /* <a, button, or input>.simpleAction.icon.icon_only img */
                    a.simpleAction.icon_only.small img {
                        margin-left: -5px;
                    }
                    button.simpleAction.icon_only.small img,
                    input.simpleAction.icon_only.small img {
                        padding-left: 0;
                    }

                /* <a, button, or input>.simpleAction.icon span */
                    a.simpleAction.icon span,
                    button.simpleAction.icon span,
                    input.simpleAction.icon span {
                        display: inline-block;
                        float: left;
                        height: 26px;
                        margin: 0 0 0 6px;
                        padding-top: 0;
                    }
                        a.simpleAction.icon.small span,
                        button.simpleAction.icon.small span,
                        input.simpleAction.icon.small span {
                            padding-left: 5px;
                        }
                        a.simpleAction.icon.small span {

                        }
                        button.simpleAction.icon.small span,
                        input.simpleAction.icon.small span {
                            padding-top: 1px;
                            line-height: 14px;
                        }

                        /* .data_table <a, button, or input>.simpleAction.icon span */
                        .data_table a.simpleAction.icon span {
                            padding: 0;
                            height: auto;
                            margin: -4px 0 0 8px;
                        }


/*-- Form Styles ------------------------------------------------------------------*/

    fieldset{
        margin: 10px 0 0 0;
        padding: 6px;
        display: block;
        clear: both;
        border: 0;
    }
    
    fieldset:empty{
        /* if there is no content dont have any padding/margin so that it does not affect spacing on page */
        /* This does not work at time of writing but is supposed to be fixed with next round of css updates by browsers. */
        /* Well it does work but only if there is no whitespace at all in node and that isnt gonna happen; the fix will apply :empty if there is only whitespace like a sane person would expect*/
        margin:0px;
        padding:0px;
    }
    
        fieldset.grey {
            border: 1px solid #ccc;
            background: #f0f0f0;
        }
        
        
        fieldset h1,
        fieldset h2,
        fieldset h3,
        fieldset h4,
        fieldset h5 {
            color: #525252;
            margin: 5px 0;
        }

    label {
        text-align: right;
        display: block;
        color: #333;
        font-size: 14px;
        font-weight: bold;
    }

    legend {
        font-weight: bold;
        color: #111111;
        font-size: 16px;
    }

    input,
    textarea,
    select
    {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        border: 1px solid #ccc;
        padding: 3px;
    }
        input:disabled,
        textarea:disabled,
        select:disabled {
            background: #fff;
            color: #777;
        }
        input:focus,
        textarea:focus,
        select:focus {
            border: 1px solid #777;
        }
        .select { width: 50px; }

    .hiddenBox {
        display: none;
    }

    /*-- Form Styles > Radios --*/
        div.radio_group_item_wrapper {
            padding-top: 2px;
            padding-left: 3px;
        }
            div.radio_group_item_wrapper label {
                display: inline;
            }

        div.radio_name_wrapper {
            font-size: 14px;
            font-weight: bold;
            color: #222222;
        }

    /*-- Form Styles > Inputs --*/

        input[type="radio"] {
            border: none;
        }

        input.percentage_format {
            text-align: right;
        }

        input.currency_format {
            text-align: right;
        }

        input.phone_3_digit {
           width: 22px;
        }

        input.phone_4_digit {
           width: 33px;
        }

        input.phone_ext {
           width: 55px;
        }

        input.zip_5_digit {
            width: 33px;
        }

        input.zip_ext {
            width: 28px;
        }


/*-- Audit Fields ------------------------------------------------------------*/

    #audit fieldset, #audit_fields fieldset {
        border: 1px solid #ddd;
    }

    #audit legend, #audit_fields legend {
        color: #777;
    }

    #audit label, #audit_fields label {
        color: #999;
        font-size: small;
        width: 6em;
    }


/*-- Table Styles ----------------------------------------------------------*/

    th a {
        display: block;
        width: 100%;
        height: 100%;
    }

    td a {
        color: #000;
        display: block;
        width: 100%;
        height: 100%;
    }

    tr.even td {
        background-color: #FFFFFF;
    }

    tr.odd td {
        background-color: #EEEEF0;
    }

    table.info_table
    {
        width:100%;
        border: none;
        margin: 0px;
        padding: 0px;
        font:12px Helvetica, Arial, Verdana;
    }
    
    /* Table Styles : Tables (data) */

        /* Table Styles : Tables : data-table
        * Generic table style, used for new business summary pages to display data, etc
        */
            table.data_table {
                width:100%;
                border:0;
                margin:0;
                padding:0;
            }
                table.data_table th,
                table.data_table td {
                    margin:0;
                    padding:10px;
                    border:0;
                    border-bottom:1px solid #FFF;
                    font:12px Helvetica, Arial, Verdana;
                    vertical-align:top;
                }
                    table.data_table th {
                    }
                table.data_table th,
                table.data_table tfoot.header td,
                table.data_table tfoot.header:hover td {
                    /*min-width:90px;*/
                    background:#7f7f7f;
                    border-right:1px solid #FFF;
                    color:#FFF;
                }
                    table.data_table th,
                    table.data_table thead.header th,
                    table.data_table tfoot.header th {
                        text-align:center;
                    }
                        table.data_table thead.header th {
                            font-size: 13px !important;
                        }
                        table.data_table .header th,
                        table.data_table .header:hover th,
                        table.data_table .header td,
                        table.data_table .header:hover td {
                            background:#555555;
                        }
                        table.data_table tbody td {
                            border-right:1px solid #FFF;
                        }
                        table.data_table tfoot.header td {
                            text-align:left;
                        }
                    table.data_table td {
                        background:#CCC;
                        color:#333;
                    }
                        table.data_table td,
                        table.data_table td a {
                            font-size:12px; 
                           /* text-transform:uppercase; */
                        }

        /* Table Styles : Tables : data_rows
        * Should inherit .data_table
        * Styled for easy lookup through lots of data, focusing on rows
        * Includes: Hover effects, thead/tfoot/th styles
        * May be used for search results, report results, etc
        */
            table.data_rows {
                font:12px Arial,Helvetica,sans-serif;
                margin:10px auto;
                text-align:left;
                border-collapse:collapse
            }

                /* Table Styles : Tables : data_rows : headers */
                    table.data_rows th {
                        font:13px;
                        padding:8px;
                        /*background:#7f7f7f;*/
                        border-bottom:1px solid #fff;
                        color:#FFF;
                        vertical-align:bottom;
                    }

                /* Table Styles : Tables : data_rows : fancy rows */
                    table.data_rows tr.alt td {
                        background:#EEE;
                    }

                table.data_rows td {
                    padding:8px;
                    background:#FFF;
                    border-bottom:1px solid #CCC;
                    color:#333;
                    border-top:1px solid transparent /* removes pre-existing */
                }

                table.data_rows td sup {
                    color:#333;
                    padding-left:0
                }

        /**Table Styles : Tables : vertical
        * Should inherit .data_table OR .data_table.data_rows
        * Vertically-oriented tables
        */
            /* data_table (patch) */
                table.data_table.vertical tr th,
                table.data_table.vertical thead th,
                table.data_table.vertical tfoot th {
                    vertical-align:top;
                    text-align:right;
                }
                    table.data_table.vertical thead.header th {
                        text-align:center;
                    }

        /* Table Styles : Tables : clear
        * Should inherit .data_table OR .data_table.vertical
        * Applies to <th> tags: Clears up bg colors, created specifically for polsum but also used other places
        */
            table.data_table.clear tr th {
                background:none;
                font-weight:bold;
                color:#333;
                border-bottom:1px solid #CCC;
            }
                table.data_table.vertical.clear tr th {
                    border-right:1px solid #DDD;
                }
                /*table.data_rows tr.alt td,*/
                table.data_table.vertical.clear tr.alt th {
                    background:#EEE;
                }
            table.data_table.clear thead th,
            table.data_table.clear tfoot th {
                background:#666;
                font-weight:normal;
                color:#FFF;
            }

        /* Table Styles : Tables : min
        * Should inherit .data_table
        * Reduces padding per td/th ("minimizes" spacing)
        */
            table.data_table.min td,
            table.data_table.min tr th {
                padding:3px;
            }
                table.data_table.min thead th,
                table.data_table.min tfoot th {
                    padding:5px;
                }
            table.data_table.min th,
            table.data_table.min thead.header th,
            table.data_table.min tfoot.header th {
                font-size:11px;
                text-transform:uppercase;
            }

        /* Table Styles : Tables : link_rows
        * Should inherit .data_table
        * For tables where <tr> tags are links (i.e. js-based links, open in new window)
        */
            table.link_rows tr:hover td,
            table.link_rows tr.alt:hover td {
                background:#CCC;/*#afafaf*/
                color:#333;
                cursor:pointer;
            }
            table.link_rows.vertical tr:hover th {
                cursor:pointer;
            }

        /* Table Styles : Tables : tbody
        * Should inherit .data_table
        * Applies extra styles to groups of tr's and td's
        */
            table.data_table tbody.gray td {
                background:#EEE;
            }

/*-- Calendar Widget Styles ------------------------------------------------*/

    input.calendar_text {
        width: 6em;
        text-align: center;
        margin-right: 0; /* for consistent appearance with the image icon */
    }
    span.calendar_span {
        cursor: pointer;
    }
    img.calendar_button {
        padding-left: 2px;
    }


    .caps {
        text-transform: uppercase;
    }

    .hl,
    .linked,
    .pointer {
        cursor: pointer;
    }

    .first {
        margin-top: 0;
    }

    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    .sub_arrow {
        position: absolute;
        right: 2px;
    }

    .main_menu_icon {
        height:16px;
        margin-right: 6px;
        vertical-align: top;
        width: 16px;
    }

    .instructions {
        color: #16A8AE;
        font-size: 11px;
        font-weight: 700;
        padding-left: 5px;
    }
    .warnings {
        color: #FF0000;
        font-size: 11px;
        font-weight: 700;
        padding-left: 5px;
    }


/*----Data View--------------------------------------------------------------*/

    div.data_set {
        float: left;
        margin-bottom: 2px;
        font-family: Arial, Helvetica, sans-serif;
    }

    div.data_set div {
        clear: right;
        float: left;
    }

    div.data_title {
        margin-right: 4px;
    }
        .data_set .data_title label,
        data_set .data_input input {
            padding: 4px;
            color: #666
        }
        .data_set .data_title label {
            color: #666;
        }
        .data_set .data_input input {
            padding: 5px;
        }

    div.data_value {
        background-color: #fff;
        font-size: 11px;
        padding-top: 1px;
        padding-bottom: 1px;
        min-height: 12px;
        line-height: 12px;
        border-style: solid;
        border-color: #CCC;
        border-width: 1px;
        padding-left: 2px;
        margin-bottom: 2px;
    }

    .search label {
        font-size: 12px;
    }

/*----Data/Record Results------------------------------------------------------*/

    #result_status {
        text-align: center;
        font-weight: bold;
        font-size: 0.8em;
        width: 100%;
        height: 20px;
        margin-top: 10px;
    }

    #report_header {
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        text-align: left;
        color: #222222;
        margin-bottom: 5px;
    }

    #report_header span {
        margin-right: 5px;
    }

    #report_header span.policy {
        color: #222222;
        font-size: 14px;
    }

    #report_header span.loss_seq,
    #report_header span.clmt_seq,
    #report_header span.header_title {
        color: #222222;
        font-size: 14px;
        margin-left: 10px;
    }

    #report_header span.id_field {
        font-size: 12px;
        color: #666666;
    }

    #pagination_wrapper {
        margin-bottom: 10px;
        font-size: 12px;
        width: 100%;
        text-align: right;
    }

    .arrow {
        color: #C6C6C6;
    }
        .arrow a {
            color: #2D56A8;
        }

    #pagination {
        display: inline;
        color: #16A8AE;
        font-weight: bold;
    }

    #offset_string {
        font-size: 12px;
        color: #16A8AE;
        font-weight: bold;
        float: left;
    }


/*----Main Menu---------------------------------------------------------------*/

    #main_menu_icon_wrapper {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 47px;
        right: 0px;
        list-style-type: none;
    }

    #main_menu_icon_wrapper li {
        cursor: pointer;
        margin-right: 10px;
        width: 16px;
        height: 16px;
        float: left;
    }

    li#debug_icon {
        background: #faa url('/netdirect/themes/common/images/icons/basics/bug.png') no-repeat center center;
        opacity: 0.7;
    }

    li#debug_icon.enabled {
        background-color: #afa;
    }

    li#debug_icon:hover {
        opacity: 1.0;
    }

    li.main_menu_icon {
        background: url('/netdirect/themes/common/images/icons/basics/application_view_list.png') no-repeat 0 0;
    }

    li.main_menu_icon:hover {
        background: url('/netdirect/themes/common/images/icons/basics/application_view_list_hover.png') no-repeat 0 0;
    }

    li#printer_icon {
        background: url('/netdirect/themes/common/images/icons/basics/printer.png') no-repeat 0 0;
    }

    li#printer_icon:hover {
        background: url('/netdirect/themes/common/images/icons/basics/printer_hover.png') no-repeat 0 0;
    }

    li#favorites_icon {
        background: url('/netdirect/themes/common/images/icons/basics/star.png') no-repeat 0 0;
    }

    li#favorites_icon:hover {
        background: url('/netdirect/themes/common/images/icons/basics/star_hover.png') no-repeat 0 0;
    }

    li#help_icon {
        background: url('/netdirect/themes/common/images/icons/basics/help.png') no-repeat 0 0 ;
        cursor: default; /* while help icon currently is doing nothing */
    }

    li.waiting {
        background: url('/netdirect/themes/common/images/icons/basics/spinner.gif') no-repeat 0 0;
    }

    ul#favorites_list {
        width: 200px;
        list-style-type: none;
        border-top: 1px solid #555;
        border-right: 1px solid #555;
        border-left: 1px solid #555;
    }

    ul#favorites_list li {
        font-size: 9pt;
        background-color: #313131;
        border-bottom: 1px solid #555;
        padding: 2px 4px;
        color: #FFF;
        cursor: pointer;
    }

    ul#favorites_list li a {
        text-decoration: none;
        color: #FFF;
    }

    ul#favorites_list li.enabled:hover {
        background-color: #636363;
    }

    ul#favorites_list li.disabled {
        cursor: default;
    }

    div#osis_menu_modal_div {
        padding: 1.0em 0 0.1em 1.0em;
        width: 980px;
        height: 550px;
        color: #666;
        background-color: #F8F8F8;

        /*IE Hack - else relative elments inside won't follow scrolling */
        position: relative;
        top: 0;
        left: 0;
    }

    div#osis_menu_main_wrapper
    {
        width: 950px;
        height: 510px;
        margin-top: -10px;
    }

    div#osis_menu_main_columns_wrapper
    {
        width: 100%;
        height: 100%;
        position: relative;
    }

    div#osis_menu_favs_wrapper
    {
        width: 130px;
        padding-right: 0;
    }

    div#osis_menu_favs_nodes
    {
        width: 100%;
        height: 440px;
        border: 1px solid #F8F8F8; /* border required for sortable 'intersect' to behave properly */
        border-top: 1px solid #555;
    }

    div#osis_menu_favs_nodes.drop_me
    {
        border: 1px dashed #aeaeae;
    }

    div#osis_menu_favs_nodes.over_drop_me
    {
        border: 1px dashed #000000;
    }

    div.node_dragging a
    {
        font-weight: bold;
        font-size: 15px;
        color: #333333;
    }

    div#osis_menu_favs_wrapper div.osis_menu_favs_trash
    {
        position: absolute;
        bottom: 2px;
        height: 41px;
        width: 130px;
        overflow: hidden;
        background: url('/netdirect/themes/common/images/icons/basics/bin_closed.png') no-repeat;
        background-position: center right;
        border: 1px solid #F8F8F8; /* border required for sortable 'intersect' to behave properly */
    }

    div#osis_menu_favs_wrapper div.osis_menu_favs_trash_hover
    {
        background: url('/netdirect/themes/common/images/icons/basics/bin_empty.png') no-repeat;
        background-position: center right;
    }

    div#osis_menu_favs_wrapper div.fav.node
    {
        margin-bottom: 10px;
        width: 127px;
    }

    div#osis_menu_favs_wrapper div
    {
        width: 100%;
        padding-right: 0;
    }

    div#osis_menu_favs_wrapper div.node, div#osis_menu_favs_wrapper div.osis_menu_column_head
    {
        padding-left: 3px;
    }

    div#osis_menu_favs_wrapper div.osis_menu_link_wrapper
    {
        width: 100px;
    }

    div.osis_menu_column
    {
        height: 100%;
        width: 157px;
        float: left;
        padding-right: 6px;
    }

    div.osis_menu_column div
    {
        font-size: 11px;
    }

    div.osis_menu_column div.node
    {
        clear: both;
        font-weight: bold;
    }

    div.osis_menu_column div.osis_menu_column_head
    {
        font-size: 13px;
        font-weight: bold;
        text-align: left;
    }

    div#osis_menu_legend_wrapper
    {
        margin-bottom: 8px;
        width: 937px;
    }

    div#osis_menu_legend_wrapper fieldset
    {
        padding: 5px;
        width: 100%;
    }

    div#osis_menu_legend_wrapper fieldset span
    {
        margin-right: 20px;
        padding-left: 13px;
        font-weight: bold;
    }

    div#osis_menu_legend_wrapper fieldset span#osis_menu_legend_add
    {
        background: url('/netdirect/themes/common/images/icons/basics/add.png') no-repeat 0 0;
    }

    div#osis_menu_legend_wrapper fieldset span#osis_menu_legend_remove
    {
        background: url('/netdirect/themes/common/images/icons/delete.png') no-repeat 0 0;
    }

    div#osis_menu_legend_wrapper fieldset span#osis_menu_legend_expand
    {
        background: url('/netdirect/themes/common/images/icons/basics/arrow_right.gif') no-repeat 2px 1px;
    }

    div#osis_menu_legend_wrapper fieldset span#osis_menu_legend_collapse
    {
        background: url('/netdirect/themes/common/images/icons/basics/arrow_down.gif') no-repeat 1px 3px;
    }

    div#osis_menu_legend_wrapper fieldset legend
    {
        font-size: 13px;
        font-weight: bold;
    }

    div#osis_menu_legend_wrapper p
    {
        margin-top: 8px;
    }

    div.osis_menu_column div.osis_menu_img_wrapper
    {
        width: 11px;
        height: 11px;
        margin-right: 1px;
        background: url('/netdirect/themes/common/images/icons/basics/add.png') no-repeat;
        background-position: 0 1px;
        cursor: pointer;
    }

    div.osis_menu_column div.osis_menu_img_remove
    {
        background: url('/netdirect/themes/common/images/icons/basics/delete.png') no-repeat;
        background-position: 0 1px;
    }

    div.osis_menu_column a
    {
        text-decoration: none;
    }

    div.osis_menu_column a:hover
    {
        text-decoration: underline;
    }

    div.osis_menu_column div.node_sub
    {
        padding: 5px 0;
    }

    div.osis_menu_column div.node_sub div.node_wrapper div.node_sub div.node_wrapper
    {
        margin-left: 11px;
    }

    div.osis_menu_column div.node_wrapper span.expander
    {
        cursor: pointer;
        background: url('/netdirect/themes/common/images/icons/basics/arrow_right.gif') no-repeat 2px 2px;
        padding-left: 11px;
        font-weight: bold;
    }

    div.osis_menu_column div.node_wrapper span.expanded
    {
        background: url('/netdirect/themes/common/images/icons/basics/arrow_down.gif') no-repeat 0 4px;
    }

    div.osis_menu_column div.expandable div.node
    {
        padding-left: 12px;
    }

    div.osis_menu_column div.disabled
    {
        color: #c1c1c1;
    }

    div.osis_menu_column div.node_root
    {
        padding-top: 5px;
        border-top: 1px solid #555;
    }

    /** Mode Indicator **/

    #mode
    {
        background: #ddd;
        border-color: #666;
        cursor: default;
        float: right;
        font-weight: bold;
        padding: 5px;
    }

    #mode span
    {
        color: #050;
    }

    #mode.view
    {
        background: #dfd;
    }
    #mode.view span
    {
        color: #050;
    }

    #mode.add,
    #mode.edit
    {
        background: #ffd;
    }
    #mode.add span,
    #mode.edit span
    {
        color: #660;
    }

    /** Unprocessed image output listings **/

    tr.unprocessed,
    tr.unprocessed a
    {
        color: #a00;
    }


    /** Read-only Input Fields **/

    .readonly
    {
        color: #666;
    }

    input.readonly:focus, textarea.readonly:focus
    {
        border: 1px solid #CCC;
    }
/*----------------------------------------------------------------------------*/
    /* Select Option styling for NonStandard values.*/
    select.nonstandard_select_option        {background-color:#FBB;}
    select.nonstandard_select_option option {background-color:#FFF;}
    select option.nonstandard_select_option {background-color:#FBB;}


    /** Installment Recalc dialog styling **/

    #plinst fieldset
    {
        margin: auto;
        padding: 5px;
        width: 800px;
    }

    #plinst #plinst_info
    {
        margin-bottom: 10px;
    }

    #plinst fieldset > div
    {
        border: 1px solid #aaa;
        display: inline-block;
        margin: 5px 0;
        padding: 5px;
        vertical-align: top;
    }

    #plinst div.left  { width: 340px }
    #plinst div.right { width: 432px }

    #plinst label { display: inline-block }

    #plinst_info_1 label { width: 109px }
    #plinst_info_1 input { width: 196px }

    #plinst_info_2 label { width: 138px }
    #plinst_info_2 input { width: 226px }
    #plinst_info_2 label#ISTMST_POL_EXP_label { width: 80px }
    #plinst_info_2 p.combined input { width: 68px }

    #plinst_info_3 label { width: 201px }
    #plinst_info_3 input { border-color: #080; width: 70px }
    #plinst_info_3 input#ISTMST_BILL_DATE { text-align: left }

    #plinst_info_4 label { text-align: left }
    #plinst_info_4 label#NSF_label { width: 39px }
    #plinst_info_4 label#PRIOR_BALANCE_label { width: 105px }
    #plinst_info_4 label#ADDITIONAL_DOWN_label { width: 113px }
    #plinst_info_4 label#ENDORSEMENT_DOWN_label { width: 165px }

    #plinst_istdtl input { border-color: #080 }
    #plinst_istdtl div { text-align: center }
    #plinst_istdtl p { margin: auto; text-align: left }

    #plinst_istdtl_left p { width: 130px }

    #plinst_istdtl div#plinst_istdtl_right { padding: 18px 0 }
    #plinst_istdtl_right p { vertical-align: middle; width: 196px }
    #plinst_istdtl_right p:first-child { margin-bottom: 12px }
    #plinst_istdtl_right label { width: 64px }
    #plinst_istdtl_right input#plinst_istdtl_net_due { width: 84px }