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

    /* General > Text Styles */
        .smaller_text
        {
            font-size: 9px;
        }

        .bold_font
        {
            font-weight: bold;
        }

        .microtext {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 7pt;
            font-style: normal;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-weight: normal;
        }

        .bodyText {
            font-size: 11px;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-weight: normal;
        }

        .smalltext {
            font-weight: normal;
            font-size: 9pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
        }

        .faqtext {
            font-weight: normal;
            font-size: 8pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
        }

        .smalltextbold {
            font-size: 9pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-weight: bold;
        }

        .optionalfield {
            font-weight: normal;
            font-size: 7pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none
        }

        .optionaltext {
            font-weight: bold;
            font-size: 7pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            color: #000000;
        }

        .bindfield {
            font-weight: normal;
            font-size: 7pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
        }

        .bindtext {
            font-weight: bold;
            font-size: 7pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            color: #000000;
        }

        .ratefield {
            font-weight: normal;
            font-size: 7pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
        }

        .ratetext {
            font-weight: bold;
            font-size: 8pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            color: #990000;
        }

        .smallratetext {
            font-weight: bold;
            font-size: 9pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            color: #990000;
        }

        .tinytext {
            font-weight: normal;
            font-size: 7pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }

        .tinytextbold {
            font-size: 7pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-weight: bold;
        }

        .largetext {
            font-weight: normal;
            font-size: 14pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal
        }

        .largetextbold {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 14pt;
            font-weight: bold;
        }

        .medtext {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12pt;
        }

        .medtextbold {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 12pt;
            font-weight: bold;
        }

        .largebutton {
            border: 2px outset #ffffff;
            background-color: #cccccc;
            color: #000000;
            text-align: center;
            font-weight: normal;
            font-size: 7pt;
            font-style: normal;
            font-variant: normal;
            white-space: normal;
            /*width: 120px;*/
            /*height: 40px;*/
            cursor: pointer;
        }

        .footnote {
            font: 11px Arial, Helvetica;
            color: #988F85;
            padding: 3px 2px;
            margin: 1px;
            text-align: left;
        }

    /* General > Table Styles */
        .table {
            border-collapse: collapse;
            border: 2px solid #dddddd;/* light grey */
            font-family: Arial, Helvetica;
            font-size: 10px;
            font-style: normal;
            /*font-weight: bold;*/
            color: #000000;/* black */
            background-color: #0000dd;/* bold blue */
        }
        .tborder {
            border: none #FFFFFF; /* white */
            background-color: #dddddd;/* light grey */
        }
        .tabBorder {
            background-color: #0000CC;/* bold blue */
            border-top: 10px  #0000CC;
            border-right: 10px none #0000CC;
            border-bottom: 12px solid #0000CC;
            border-left: 10px none #0000CC;
            font-size: 7pt;
            font-style: normal;
            font-weight: bold;
            font-variant: normal;
            text-transform: none;
            color: #0000CC;
            font-family: Verdana;
            line-height: normal;
        }
        .noTopBorder {
            border: 1px solid #000000;
            background-color: #ffffff;/*change this back to #eeeeee to get gray background globally*/
        }
        .spacer {
            background-color: #000099;/* navy blue */
            border: 1px solid #000099;
        }

/* -------  Sections ------- */

    /* Sections > Appraisals */
    /* Sections > Producer/Insured */
        /* Sections > Producer/InsInsured > prodnavbar */
        /* Sections > Producer/InsInsured > Login */
        /* Sections > Producer/Insured > Popups */
            .hdrimage { /* used for popup windows */
             margin: 0 auto;
             line-height: 50%;
            }

            .maintable {
             width: 720px;
            }


    /* GENERAL STYLES > Wrappers */
    div.content_wrapper {
        margin: 0 auto;
        margin-bottom: .5em;
        /*width: 990px;*/
        width:1020px;
        padding: 10px;
        background:#FFF;
    }

/* LINKS */
    .link a {
        text-decoration: none;
        color: #0000cc;
        font-family: Arial, Helvetica;
        font-size: 10px;
    }
    .link a:visited {
        text-decoration: none;
        color: #0000cc;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
    }
    .link a:hover {
        color: #cc9966;/* medium dark beige */
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

    /* LINKS > reverseLink */
        .reverseLink A:link {
            font-size: 13pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-weight: bold;
            color: #CCCCFF; /* light blue */
        }
        .reverseLink A:visited {
            font-size: 13pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-weight: bold;
            color: #CCCCFF;/* light blue */
        }
        .reverseLink A:hover {
            font-size: 13pt;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            font-weight: bold;
            color: #cc9966;
        }

/* ------- Layout ------- */
    /* Layout > Top Header */
    /*  Layout > Left Nav  */
         /* Layout > Left Nav > leftnav (v1) */
         /* Layout > Left Nav > sidenav */

         /* Layout > Left Nav > leftnav (v1) */
            td.leftnav {
                width:170px;
                vertical-align:top;
            }

            ul.leftnav,
            ul.leftnav li {
                display:block;
                width:175px;
                margin:0;
                padding:0;
                list-style:none;
            }
                ul.leftnav {
                    /*border:1px solid #CC0000;*/
                }
                    ul.leftnav li {
                        margin-bottom: 1px;
                    }
                        ul.leftnav li.header,
                        ul.leftnav a {
                            display: block;
                            width: 175px;
                            color: #fff;/*ccc*/
                            text-align: center;
                        }

                        ul.leftnav li.header {
                            background: #102f47;/* (was 292a2d black) this is the date box header ***********************************************************/
                            /*font: 11px Palatino Linotype;*/
                            font: bold 11px Arial, Verdana;
                            padding: 6px 0;
                            text-transform: uppercase;
                            /*letter-spacing: 1px;*/
                        }
                        ul.leftnav a {
                            font: 10px Arial, Verdana;
                            padding: 6px 0;
                            text-transform: uppercase;
                            background: #102f47;/* 2666ad blue side nav links - was 63646d dark grey********************************************************/
                            text-decoration: none;
                        }
                            ul.leftnav a:hover,
                            ul.leftnav a.current {
                                color: #FFF;
                                background: #996633;/*darker blue was 4b4c53 darker grey*/
                            }

    ul.sidenav,
    ul.sidenav li {
        margin: 0;
        padding: 0;
        list-style: none;
        font: 12px Arial, Helvetica;
    }
        ul.sidenav li {
            display: block;
            width: 170px;
            margin: 0 0 1px 0;
        }
            ul.sidenav li a {
                display: block;
                width: 175px;
                padding: 6px 0;
                background: #DDD;
                color: #000;
                font: 12px Arial, Helvetica;
                text-decoration: none;
                text-align: center;
            }
                .sidenav a:hover,
                a.sidenav-selected:hover {
                    background: #CCC;
                }
        ul.sidenav a.sidenav-selected {
            color: #FFF;
            background: #666;
        }

    /*  Layout > Left Nav  */
/*****************************all the box headers*****************************/
        .leftNavHead { /* replacing w/ h1 */
            padding:5px;
            border:0;
            color: #FFF;
            font: 10px Arial, Verdana;
            text-transform: uppercase;
            background: #102f47;/*2666ad blue box heads on pages - was 63646d grey ************************************************************************/
         }
/**********************************************************/

    /* CONTENT : Tables (data) */

        /** CONTENT : Tables : data-table
        * Generic table style, used for login account block, account summary, 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 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 .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:11px;
                            text-transform:uppercase;
                        }

        /** CONTENT : 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
        * 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
            }

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

                /* CONTENT : 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
                }

        /** CONTENT : 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;
                    }

        /** CONTENT : 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-table.vertical.clear tr.alt th {
                    background:#EEE;
                }
            table.data-table.clear thead th,
            table.data-table.clear tfoot th {
                background:#555555;
                font-weight:normal;
                color:#FFF;
            }

        /** CONTENT : Tables : min
        * Should inherit .data-table
        * Reduces padding per td/th ("minimizes" spacing)
        */
            table.data-table.min td,
            table.data-table.vertical.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;
            }

        /** CONTENT : 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;
            }

        /** CONTENT : 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;
            }

/* PRODUCER */
    .links {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: italic;
        font-weight: bold;
        color: #000066;
    }
    .inputBox {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 7pt;
        font-weight: bold;
        color: #000000;
        background-color: #ffffff;
    }
/*    .leftNavHead {
        border: none #ffffff;
        font-size: 10px;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        text-align:center;
        color: #ffffff;
        font-family: Verdana;
        line-height: 150%;
        background: #710000 url(/images/button_bg.jpg) 50% 50%;
    }*/

        /* PRODUCER : Messages (blockquotes) */
            blockquote {
                display:block;
                padding:15px;
                background:#DDD;
                border:1px solid #666;
                text-align:left;
                position:relative;
                font: 12px Arial, Verdana;
            }
                blockquote.green {
                    background:#ccffcc;
                    border:1px solid #669966;
                }
                blockquote.yellow {
                    background:#f4ca87;
                    border:1px solid #cca066;
                }
                blockquote.red {
                    background:#ffcccc;
                    border:1px solid #cc6666;
                    margin: 15px;
                }

    /* PRODUCER > resourcesBody */
        .resourcesBody {
        border: none #FFFFFF;
        font-size: .6em;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        font-family: arial;
        text-transform: none;
        color: #0000CC;
        line-height: normal;
        background-color: #fff;/*change back to #eeeeee for gray background*/
        }
        .resourcesBody a:link {
        font: 1.25em Verdana, Arial, Helvetica, sans-serif;
        line-height: 125%;
        color: #993333;
        }
        .resourcesBody a:visited {
        font: 1.25em Verdana, Arial, Helvetica, sans-serif;
        line-height: 125%;
        color: #993333;
        }
        .resourcesBody a:hover {
        font: 1.25em Verdana, Arial, Helvetica, sans-serif;
        line-height: 125%;
        color: #cc9966;
        }

        .date {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: .65em;
        font-weight: bold;
        color: white;
        background: #710000 /*url('/images/button_bg.jpg') 50% 50%*/;
        }
        .signIn
        {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: .75em;
        font-weight: bold;
        text-align:center;
        color: white;
        line-height: 150%;
        background: #5890e5 /*url('/images/button_bg.jpg') 50% 50%*/;
        }

    /* PRODUCER > loginBox */
        .loginBox {
        border: none #FFFFFF;
        font-size: 7pt;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000000;
        font-family: Verdana;
        line-height: normal;
        background-color: #ffffff;/*change back to #eeeeee for gray background*/
        }
        .loginBox a:link {
        font-weight: bold;
        font-style: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-size: 9px;
        text-decoration: none;
        line-height: normal;
        color: #cc9966;
        }
        .loginBox a:visited {
        font-weight: bold;
        font-style: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-variant: normal;
        font-size: 9px;
        line-height: normal;
        text-decoration: none;
        color: #993333;
        }
        .loginBox a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        line-height: normal;
        color: #cc9966;
        border: none;
        }

    /* PRODUCER > Wrappers, Content */
        table.outer_body_content,
        td.outer_body_content,
        div.outer_body_content {
            border: 1px solid #000;
            padding: 0;
            color: #333;
        }
        div.prod_content_wrapper {
            margin: 0 auto;
            margin-bottom: .5em;
            width: 990px;
            padding: 10px;
            background:#FFF;
            min-height: 280px;
        }

        .margin_top_and_bottom {  margin: .1em .1em .1em 0;  }
        .margin_left_and_right {  margin: 0 .1em 0 .1em;  }
        .margin_all {  margin: .1em;  }

    /* PRODUCER > Titles */
        div.content_wrapper h4 {
              font-family: bitstream vera serif;
              font-size: .75em;
              font-weight: bold;
              line-height: 100%;
              text-align: left;
              text-indent: 20px;
              background-position: 0px 3px;
              background-repeat:no-repeat;
              border: 1px solid #000;
              border-left: 4px solid #000;
              background: #ededed url(/images/section_header_bg_r2_c2.jpg) 0 50%;
              padding: .75em;
        }
/**********************************************************/

    /* PRODUCER > Producer tab bar */
        td#prodnavbar a
        {
            display: block;
            width: 100%;
            height: 100%;
            background: #8c5f15;/* unselected prod tab color (was dfdfdf)  *********************************************************/
            color: #fff;
            padding: 5px 0px 2px;
            text-decoration:none;
            font-weight: bold;
            font: 12px Arial, Helvetica;
        }
            td#prodnavbar a:hover {
                background: #5890e5;/* color of hovered over tab **********************************************************************/
                color: #fff;
            }

        td#prodnavbar_selected a
        {
            display: block;
            width: 100%;
            text-decoration: none;
            background: #5890e5;/* selected prod tab color (was 304a63)***********************************************************/
            font: 12px Arial, Helvetica;
            font-weight: bold;
            color: #FFF; /* letters on selected tab */
            padding:5px 0px 2px;
        }
/**********************************************************/

        .prod_tab_border
        {
            background: #000000 /*url('/images/button_bg.jpg') 50% 50%*/;
            border-color: #000000;
            border-width: 0 0 0 0;
            border-style: none none solid none;
            font-size: .75em;
            font-family: Verdana;
            line-height: normal;
        }

        td#prod_tab_spacer
        {
            width: 1px;
            padding:3px 0px 3px 0px;/*top right bottom left*/
            background: #fff;
        }

/**********************************************************/
        div.prod_tab_footer
        {
            line-height: .5em;
            padding: 0;
            background: #8c5f15;/*stripe under producer tabs (was 304a63) ********************************************************/
        }
/**********************************************************/

    /* PRODUCER > Polsum */
        div#logout-mgt
        {
            width: 173px;
            display: block;
            padding: 3px 0;
            margin-bottom: 1px;
            text-align: center;
            border: 1px solid #666;
            font: 12px Arial, Helvetica;
        }
        #logout-mgt a,
        .tinytextbold a,
        .tinytextbold a:active {
                        font-size: 7pt;
                        font-style: normal;
                        font-family: verdana, arial, helvitica, sans-serif;
                        font-variant: normal;
                        line-height: normal;
                        text-decoration: none;
                        font-weight: bold;
        }

        .tinytextbold a:hover {
                        font-size: 7pt;
                        font-style: normal;
                        font-family: verdana, arial, helvitica, sans-serif;
                        font-variant: normal;
                        color: red;
                        line-height: normal;
                        text-decoration: none;
                        font-weight: bold;
        }

    /* PRODUCER > Payment Options */
        div.payment_choice {
            display:inline-block;
            width:65px;
            float:left;
            text-align:right;
        }
            div.payment_choice img {
                margin: 2px auto;
            }

    /* PRODUCER > Quotes */
        .quote_outer_table {
            background: url(/images/quote_bg_fade.jpg) 5% 95%;
            width: 100%;
            border: 0px solid #000;
        }

    /* PRODUCER > Quotes > Summary > Progarm Select */
        .quote_summary_program_select {
            background: url(/images/quote_bg_fade.jpg) 5% 95%;
            width: 100%;
            padding-left:300px;
        }

    /* PRODUCER > acctMgmt */
        .acctMgmtTiny {
            font-size:9px;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            color: #000000;
            }

        .acctMgmtSmall {
            font-size: 10px;
            font-style: normal;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-variant: normal;
            line-height: normal;
            text-decoration: none;
            color: #000000;
            }
            .acctMgmtMed {
                font-size: 11px;
                font-style: normal;
                font-family: Verdana, Arial, Helvetica, sans-serif;
                font-variant: normal;
                line-height: normal;
                text-decoration: none;
                    color: #000000;
                color: #000000;
            }

    /* PRODUCER > weatherAdv */
        .weatherAdv A:link {
            text-decoration: none;
            color: #FF0000;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 7pt;
        }

        .weatherAdv A:visited {
            text-decoration: none;
            color: #FF0000;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 7pt;
        }
        .weatherAdv A:hover {
            color: #0000cc;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 7pt;
        }
        /*.weatherAdv a:active {
            text-decoration: none;
            color: #0000cc;
        }*/

/* APPRAISAL */
    /* APPRAISAL > udd_search_result - undisclosed driver search result css */
        table.udd_search_result {
            border: 0px solid #000000;
            padding: 0px;
            background: url(/images/quote_bg_fade.jpg);
        }

        table.udd_search_result td {
            padding: 3px 1px 3px 1px;
            font-family: Verdana;
            font-size: 9px;
            font-weight: normal;
            text-align: center;
        }

        table.udd_search_result tr.udd_header td {
            background-color: #cccccc;
            padding: 3px 1px 3px 1px;
            font-family: Verdana;
            font-size: 9px;
            font-weight: bold;
            text-align: center;
        }

        table.udd_search_result tr.udd_header th {
            background-color: #cccccc;
            padding: 3px 1px 3px 1px;
            font-family: Verdana;
            font-size: 9px;
            font-weight: bold;
            text-align: center;
        }

        table.udd_search_result select {
            background-color: #ffffff;
            padding: 0px;
            font-family: Verdana;
            font-size: 10px;
            font-weight: normal;
            border: 0px solid #000;
        }

        table.account_mgmt td {
            background-color: #fff;
        }

    /* APPRAISAL > CSS for appraisal tab bar */
        .appraise_top_nav_container {
            width: 990px;
            margin: 0 auto;
            line-height: 100%;
        }

        td#apprnavbar a
        {
            display: block;
            width: 100%;
            background: url(/images/button_bg1.jpg);
            color: #2d2d2d;
            padding: .5em 0 .25em 0;/*top right bottom left*/
            font:  11px Verdana, sans-serif;
        }

        td#apprnavbar_selected a
        {
            display: block;
            width: 100%;
            text-decoration: none;
            background: url(/images/button_bg.jpg) 50% 50%;
            font: 11px Verdana, sans-serif;
            color: #ffffff;
            padding: .5em 0 .25em 0;/*top right bottom left*/

        }

        td#apprnavbar a:hover
        {
            background: url(/images/button_bg3.jpg);
            width: 100%;
            color: #ffffff;
            padding: .5em 0 .25em 0;/*top right bottom left*/
        }

        td#apprnavbar_selected a:hover
        {
            background: url(/images/button_bg.jpg) 50% 50%;
            width: 100%;
            color: #fff;
            padding: .5em 0 .25em 0;/*top right bottom left*/
        }

        .appr_tab_border
        {
            background-color: #710000;
            border-color: #710000;
            border-width: 0 0 0 0;
            border-style: none none solid none;
            font-size: .75em;
            font-family: Verdana;
            line-height: normal;
        }

        td#appr_tab_spacer
        {
            width: .25em;
            display: block;
            background: #fff;
            background-color: #fff;
            padding: .6em 0 .0 0;/*top right bottom left*/
        }

        div.appr_tab_footer
        {
            line-height: .5em;
            padding: 0;
            background-color: #710000;
        }

.helpmark {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: small-caps;
    line-height: normal;
    font-weight: bold;
    height: auto;
    width: auto;
    text-align: center;
    border: 1px solid #000;
}
.bluetext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0000FF;
}


.osisStyleErrorBlock {/*red*/
    background:#BE4C4C;
    border-top: 1px solid #AF3131;
    border-bottom: 1px solid #AF3131;
    color:#fff;
}

.osisStyleNoticeBlock {/*green*/
    background: #dfd;
    border-top: 1px solid #9C9;
    border-bottom: 1px solid #9C9;
    color: #090;
}

.osisStyleWarningBlock {/*yellow*/
    background: #fff3cd;
    border-top: 1px solid #ffeeba;
    border-bottom: 1px solid #ffeeba;
    color: #856404;
}

.osisStyleAlertPrimaryBlock {/*blue/blue*/
    background: #cce5ff;
    border: 1px solid #004085;
    color: #004085;
}

.osisStyleAlertDangerBlock {/*red/red*/
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.osisStyleAlertInfoBlock {/*bluegreen/red*/
    background-color: #d1ecf1;
    border: 1px solid #bee5eb;
    color: #0c5460;
}

.stripedtable
{
    border-collapse: collapse;

}
table.stripedtable tr:nth-child(even){background-color:#CCCCCC;}
table.stripedtable tr:nth-child(odd) {background-color:#eeeeee;}
table.stripedtable tbody tr:hover{background-color: #99ccff;cursor:pointer;} /* only puts the hover color on the table body if this class is applied to the table*/
table.stripedtable tbody tr {height: 18px;}

.bigRedButton{
    background-color:#aa4643;
    line-height: 30px;
    color: #fff;
    border-radius: 10px;
    width: 200px;
}

/* container_search_results */
    .container_search_results
    {
            border-collapse: collapse;
            border: 0px solid #737173;
            font-family: Verdana;
            font-size: 10px;
            font-weight: normal;
    }
    .container_search_results td
    {
            padding: 0px;
            border: 1px solid #737173;
    }

    .container_search_results a
    {
            font-family: Verdana;
            font-size: 9px;
            font-weight: bold;
    }

    .container_search_results td.header
    {
            border-collapse: collapse;
            border: 1px solid #737173;
            padding: 2px;
            font-size: 10px;
            font-weight: bold;
    }

    .container_search_results th
    {
            font-size: 10px;
            background-color: #D7D7D7;
            border: 1px solid #737173;
    }

/* inner_search_results */
    .inner_search_results
    {
            border-collapse: collapse;
            border: 0px solid #737173;
            font-family: Verdana;
            font-size: 10px;
            color: black;
    }

    .inner_search_results td
    {
            padding: 2px;
            border: 0px solid #737173;
    }

/* search_results */
    .search_results
    {
            border-collapse: collapse;
            /*border: 1px solid #BFBFBF;*/
            border: 1px solid #737173;
            background-color: #FFFFFF;
            line-height: 125%;
            font-family: Verdana;
            font-size: 10px;
            font-weight: normal;
            margin: 0;
    }

    .search_results td
    {
            padding-left: 3px;
            padding-right: 3px;
            padding-top: 2px;
            padding-bottom: 2px;

            border: 1px solid #737173;
    }

    .search_results td.no_pad
    {
            padding: 0.1em 0.5em;
    }

    .search_results th
    {
            border-collapse: collapse;
            /*border: 1px solid #BFBFBF;*/
            border: 1px solid #737173;
            font-family: Verdana;
            font-size: 10px;
            font-weight: bold;
            /*background-color: #dddddd;*/
            background-color: #996633;/* was D7D7D7 */

            padding-left: 1px;
            padding-right: 1px;
            padding-top: 3px;
            padding-bottom: 3px;
    }

    .search_results td.header
    {
            border-collapse: collapse;

            padding: 2px;
            font-size: 10px;
            font-weight: bold;
    }


/* PRODUCTS SECTION */
    ul.states,
    ul.states li {
        margin:0;
        padding:0;
        list-style:none;
    }
        ul.states {
            display:block;
            margin-top:20px;
            margin-left:100px;
        }
            ul.states li {
                display:inline-block;
                float:left;
                width:200px;
                margin-right:30px;
            }
                ul.states li a {
                    display:block;
                    width:200px;
                    height:200px;
                    text-align:center;
                    text-decoration:none;
                }
                    ul.states img {
                        width:200px;
                        height:200px;
                        border:0;

                        zoom: 1;
                        filter: alpha(opacity=50);
                        opacity: 0.5;
                    }
                        ul.states li a:hover img {
                            filter: alpha(opacity=100);
                            opacity: 1.0;
                        }