/*****************************************
           Default Quote Styles
 *****************************************/
.quote {
}
    /* TABLES
        Default styling for all tables of quote data. Removes default spacing and
        ensures all cells are displayed... Aligns all data to the top.

        NOTE: Nearly all tabular portions of the quote are implemented using tables so that
        older browsers will display columnar data correctly (such as for coinsurance). This
        also prevents relying on "floating" divs left and right which can make wrapping text
        difficult.
    */

    .quote table {
        border-spacing: 0px;
        empty-cells: show;
        border-collapse: collapse;
    }

    .quote td {
        vertical-align: top;
    }

    /* QUOTE SECTION 
        Default styling for sections of a quote such as transaction info, product
        rate, etc. Basically put border around sections and space after them.
    */

    .quote .quote-section {
        border: 1px solid gray;
        margin-bottom: 14px;
    }

    /* SECTION HEADER
        Default styling for headers that appear before sections. Most headers get their
        background color from themes using and additional class named "quoteHeaderBackground"
    */

    .quote .section-header {
        display: table;
        width: 100%;
        border-bottom: 1px solid gray;
    }

        .quote .section-header .header-line {
            display: table-row;
            color: white;
        }

            .quote .section-header .header-line > .label {
                display: table-cell;
                font-weight: bold;
                padding: 4px;
            }

    /* QUESTIONS HEADER
        Default styling for the questions header line of information. (e.g. lines
        that display "Transaction Question(s) and "Policy Question(s)").
    */

    .quote .questions-header {
        display: table;
        width: 100%;
        border-bottom: 1px solid gray;
    }

        .quote .questions-header .header-line {
            display: table-row;
            background-color: #dcdcdc;
        }

            .quote .questions-header .header-line > .label {
                display: table-cell;
                font-weight: bold;
                padding: 2px 10px;
            }

    /* QUESTIONS
        Default styling for portions of the quote that display a list of questions.
        Other sections provide custom styling for questions that modify this default style.
    */

    .quote .questions {
        display: table;
        width: 100%;
    }

        .quote .questions .question {
            display: table-row;
            background-color: white;
        }

            .quote .questions .question > .indicator {
                display: table-cell;
                width: 1px;
                padding: 2px 10px;
                font-weight: bold;
            }

            .quote .questions .question > .content {
                display: table-cell;
                padding: 2px 10px 2px 4px;
            }

                .quote .questions .question > .content .text {
                    font-weight: bold;
                }

                .quote .questions .question > .content .answer-value {
                    font-style: italic;
                }

                .quote .questions .question > .content .ref-mark {
                    font-size: smaller;
                    position: relative;
                    top: -0.4em;
                    padding-left: 2px;
                }

    .quote .product-section .CustomerProtection-Items {
        background-color: white;
    }

    .quote .line-items .CustomerProtection-Item {
        display: table-row;
        background-color: #dcdcdc;
        border-bottom: 1px solid gray;
        
    }

        .quote .line-items .CustomerProtection-Item > .label {
            font-style: italic;
            display: table-cell;
            width: 80px;
            padding: 2px 10px;
            border-bottom: 1px solid gray;
            text-align: left;
        }

 

    /* LINE ITEMS
        Default styling for all quote lines that display LineItem information
        from the service (e.g. GrandTotal, ProductCharge, AncillaryLineItems etc.)
    */

    .quote .line-items {
        display: table;
        width: 100%;
    }

    .quote .line-items .line-item.alternate {
        background-color: white;
    }

        .quote .line-items .line-item {
            display: table-row;
            background-color: #dcdcdc;
        }



          .quote .line-items .Amendmentline-item > .label {
                display: table-cell;
                padding: 2px 10px;
                border-bottom: 1px solid gray;
            }

            .quote .line-items .Amendmentline-item > .content {
                display: table-cell;
                width: 80px;
                padding: 2px 3px;
                border-bottom: 1px solid gray;
                text-align: right;
            }

        .quote .line-items .line-item > .label {
            display: table-cell;
            font-weight: bold;
            padding: 2px 10px;
            border-bottom: 1px solid gray;
        }
            .quote .line-items .line-item > .content {
                display: table-cell;
                width: 80px;
                padding: 2px 3px;
                border-bottom: 1px solid gray;
                text-align: right;
            }

                .quote .line-items .line-item > .content .ref-mark {
                    font-size: smaller;
                    position: relative;
                    top: -0.4em;
                }

                .quote .line-items .line-item > .content.additional-amount {
                    border-left: 1px solid gray;
                    width: 90px;
                }

            .quote .line-items .line-item.blank-line {
                background-color: white;
                height: 14px;
            }

            .quote .line-items .line-item.blank-line.section-footer {
				border-top: 1px solid gray;
				border-bottom: 1px solid gray;
            }

            .quote .line-items .line-item.product-ancillary {
                background-color: white;
            }

            .quote .line-items .line-item.product-ancillary.alternate {
                background-color: #dcdcdc;
            }

            .quote .line-items .line-item.product-ancillary-suppressed {
                visibility: collapse;
            }

            .quote .line-items .line-item.product-ancillary.alternate-suppressed {
                visibility: collapse;
            }

            .quote .line-items .line-item.product-ancillary > .label {
                border-bottom: none;
            }
            .quote .line-items .line-item.product-ancillary > .label-indent {
                border-bottom: none;
                padding: 0px 0px 0px 30px;
            }
			
			.quote .line-items .line-item.product-ancillary > .content {
                border-bottom: none;
            }

    .quote .rate-header {
        text-align: center;
        margin-bottom: 14px;
    }

        .quote .rate-header .header-line > .label {
            text-align: center;
            padding: 14px;
        }

    /* GENERAL INFO SECTION
        Custom styling for the first section of the quote that displays the quote number,
        client reference number, and special questions.
    */

    .quote .general-info-section .section-header .header-line > .label {
        width: 35%;
    }

    .quote .general-info-section .ref-num {
        display: table-cell;
        width: 45%;
        padding: 4px 0px;
    }

        .quote .general-info-section .ref-num > .label {
            text-decoration: underline;
            font-weight: bold;
        }

        .quote .general-info-section .ref-num > .text {
            font-weight: bold;
        }

    .quote .general-info-section .quote-num {
        display: table-cell;
        width: 20%;
        text-align: right;
        padding: 4px 4px 4px 0px;
    }

        .quote .general-info-section .quote-num > .label {
            text-decoration: underline;
            font-weight: bold;
        }

        .quote .general-info-section .quote-num > .text {
            font-weight: bold;
        }

    .quote .general-info-section .question.alternate {
        background-color: #dcdcdc;
    }

    .quote .general-info-section .question .text {
        display: table-cell;
        width: 35%;
        font-weight: bold;
        padding: 1px 0px 1px 10px;
    }

    .quote .general-info-section .question .ref-mark {
        font-size: smaller;
        position: relative;
        top: -0.4em;
        padding-left: 2px;
        font-weight: normal;
    }

    .quote .general-info-section .question .answer-value {
        display: table-cell;
        width: 65%;
        padding: 1px 10px 1px 0px;
        font-style: normal;
    }

    /* TRANSACTION SECTION
        Custom styling for the Transaction Information section
    */

    .quote .transaction-section .question.alternate {
        background-color: #dcdcdc;
    }

    /* PRODUCT SECTION
        Custom styling for product sections
    */

    .quote .product-section .questions.product {
        border-bottom: 1px solid gray;
    }

	.quote .product-section .question.alternate {
		background-color: #dcdcdc;
    }

    .quote .product-section .product-total > .label {
        border-bottom: none;
    }

    .quote .product-section .product-total > .content {
        border-bottom: none;
    }

    /* ADDITIONAL AMOUNTS HEADER
        Custom style for the headers that are displayed when additional
        LineItemAmounts are returned from the service. This occurs when additional
        coinsurance-related amounts are returned.
    */

    .quote .additional-amounts-header {
        display: table;
        width: 100%;
    }

        .quote .additional-amounts-header .header-line {
            display: table-row;
        }

            .quote .additional-amounts-header .header-line .label {
                display: table-cell;
                font-weight: bold;
                color: white;
                text-align: center;
                vertical-align: middle;
                padding: 3px;
                border-bottom: 1px solid gray;
            }

                .quote .additional-amounts-header .header-line .label.additional-amount {
                    width: 90px;
                    border-left: 1px solid gray;
                }

    /* ENDORSEMENTS
        Custom styling for endorsement quote lines, which are contained by
        product sections and also include questions embedded within the quote line
        containing the EndorsementCharge.
    */

    .quote .product-section .endorsements-header .label {
        font-weight: bold;
    }

    .quote .product-section .endorsements-header .value {
        font-weight: bold;
    }

    .quote .product-section .endorsements-default-message {
        background-color: white;
    }

        .quote .product-section .endorsements-default-message > .label {
            border-bottom: none;
            font-weight: normal;
        }

        .quote .product-section .endorsements-default-message > .content {
            border-bottom: none;
        }

    .quote .product-section .endorsement-charge {
        background-color: white;
    }

        .quote .product-section .endorsement-charge > .label {
            font-weight: normal;
            border-bottom: none;
        }

        .quote .product-section .endorsement-charge > .content {
            border-bottom: none;
        }

        .quote .product-section .endorsement-charge.alternate {
            background-color: #dcdcdc;
        }

            .quote .product-section .endorsement-charge.alternate .question {
                background-color: #dcdcdc;
            }

    .quote .product-section .questions.endorsement .question > .indicator {
        font-weight: normal;
    }

    .quote .product-section .questions.endorsement .question > .content > .text {
        font-weight: normal;
    }

    .quote .product-section .endorsements-total > .label {
        border-top: 1px solid gray;
    }

    .quote .product-section .endorsements-total > .content {
        border-top: 1px solid gray;
    }
    
    /* AMENDMENTS
        Custom styling for amendment quote lines, which are contained by
        product sections, similar to but less complex than endorsements
    */

        .quote .product-section .amendments-header .label {
        font-weight: bold;
    }

    .quote .product-section .amendments-header .value {
        font-weight: bold;
    }

    .quote .amendments-header {
        background-color: #dcdcdc;
    }

        .quote .amendments-header > .label {
            font-weight: bold;
        }

        .quote .amendments-header > .value-label {
            font-weight: bold;
        }

    .quote .amendment-charge {
        font-weight: normal;
        background-color: white;
        border-bottom: none;
    }

        .quote .amendment-charge > .label {
            font-weight: normal;
            background-color: white;
        }

    .quote .amendments-total {
        border-top: 1px solid gray;
    }

    /* TRANSACTION ANCILLARY LINE ITEMS SECTION
        Custom styling for the section that is displayed when one or more
        transaction level AncillaryLineItems are return from the service.
    */

    .quote .rate > .ancillary-items-section.alternate {
        background-color: white;
    }

	.quote .product-section .escrow-header .label {
        font-weight: bold;
    }

    .quote .product-section .escrow-header .value {
        font-weight: bold;
    }

    /* RATE SUMMARY SECTION
        Custom styling for the section of the quote that displays the GrandTotal
    */

    .quote .rate-summary-section {
        border-bottom: none;
    }

    .quote .line-items .line-item.grand-total > .label {
        text-align: right;
        padding: 6px 10px;
        vertical-align: middle;
    }

    .quote .line-items .line-item.grand-total > .content {
        vertical-align: middle;
    }

    /* REQUEST DISCLAIMERS
        Custom styling for disclaimers that are returned as part of the RequestForm
    */

    .quote .request-disclaimers {
        display: table;
        width: 100%;
    }

        .quote .request-disclaimers .disclaimer {
            display: table-row;
            background-color: white;
        }

            .quote .request-disclaimers .disclaimer > .content {
                display: table-cell;
                padding: 2px 10px 2px 4px;
            }

                .quote .request-disclaimers .disclaimer > .content > .ref-mark {
                    font-size: smaller;
                    position: relative;
                    top: -0.4em;
                    padding-right: 4px;
                }


        .quote .request-disclaimers .disclaimer-header > .label {
            border-top: 1px solid gray;
            border-bottom: 1px solid gray;
            padding: 2px 10px 2px 4px;
            background-color: #dcdcdc;
            font-weight: bold;
        }

        
    /* RATE DISCLAIMERS
        Custom styling for disclaimers that are returned as part of the Quote
    */

    .quote .rate-disclaimer-section {
        border: none;
    }

    .quote .rate-disclaimers {
        display: table;
        width: 100%;
    }

        .quote .rate-disclaimers .disclaimer {
            display: table-row;
        }

            .quote .rate-disclaimers .disclaimer > .content {
                display: table-cell;
                padding: 7px 0px;
            }

                .quote .rate-disclaimers .disclaimer > .content > .ref-mark {
                    font-size: smaller;
                    position: relative;
                    top: -0.4em;
                    padding-right: 4px;
                }

                
    /* GFE CUSTOM DISCLAIMERS
        Custom styling for disclaimers that are "special" and related to GFE. The
        GFE Reallocation disclaimer must be displayed with emphasis and seperate from
        other disclaimers and its Header must be repeated at the quote of the Quote.
    */
    .quote .gfe-reallocation-disclaimer-section .disclaimer > .content {
        background-color: white;
        padding: 6px;
    }

        .quote .gfe-reallocation-disclaimer-section .disclaimer > .content > .ref-mark {
            font-weight: bold;
        }

        .quote .gfe-reallocation-disclaimer-section .disclaimer > .content > .text {
            font-weight: bold;
        }

    .quote .gfe-reallocation-disclaimer-title {
        display: table;
        width: 100%;
    }

        .quote .gfe-reallocation-disclaimer-title > .header-line {
            display: table-row;
        }

            .quote .gfe-reallocation-disclaimer-title > .header-line > .label {
                display: table-cell;
                font-weight: bold;
                padding-bottom: 10px;
                text-align: center;
                font-size: 13pt;
                font-weight: bold;
                padding-left: 2px;
                color: #494949;
            }