/* Start of payment redirect animation */
#PleaseWaitWrapper {
    background-color:#DDDDDD;
    border-bottom:1px solid #1C4166;
}

#PleaseWait
{
    background-color:#2A639A;
    /* CSS3 Stripes */
    background-image: linear-gradient(135deg, #2A639A 25%, #245483 25%, #245483 50%, #2A639A 50%, #2A639A 75%, #245483 75%, #245483 100%);
    background-image: -moz-linear-gradient(135deg, #2A639A 25%, #245483 25%, #245483 50%, #2A639A 50%, #2A639A 75%, #245483 75%, #245483 100%);
    background-image: -ms-linear-gradient(135deg, #2A639A 25%, #245483 25%, #245483 50%, #2A639A 50%, #2A639A 75%, #245483 75%, #245483 100%);
    background-image: -o-linear-gradient(135deg, #2A639A 25%, #245483 25%, #245483 50%, #2A639A 50%, #2A639A 75%, #245483 75%, #245483 100%);
    background-image: -webkit-gradient(linear, 100% 100%, 0 0,color-stop(.25, #245483), color-stop(.25, #2A639A),color-stop(.5, #2A639A),color-stop(.5, #245483),color-stop(.75, #245483),color-stop(.75, #2A639A),color-stop(1, #2A639A));
    background-image: -webkit-linear-gradient(135deg, #2A639A 25%, #245483 25%, #245483 50%, #2A639A 50%, #2A639A 75%, #245483 75%, #245483 100%);
}
/* End of payment redirect animation */


@media screen and (max-width: 1025px) {
    .headItemsLink .sumDetailHead, .sbSubSection h1 {
        color: inherit !important;
    }
    #mobileSidebar #sbInfo {
        float: left;
    }
    #containSidebar #mobileSidebar .sbSubSection {
        border-top: none;
    }
    #sbInsurerDocs {
        padding-top: 0 !important;
    }
    .moreinfoWrapper .sumDetailPnl {
        padding: 0;
    }
    .sumDetailPnl {
        padding: 6em 0;
    }

    /* SlideOver sidebar for moble devices */

    #mobileSidebar {
        background-color:#1C4166;
        color:#FFFFFF;
    }
    #mobileSidebar a {
        color: #FFFFFF;
    }
    #mobileSidebar #infoButton {
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") -200px -120px no-repeat, #607A94;
        border-bottom:0.188em solid #1C4166;
    }
    #sbQuoteSummary, #sbQuotePolDocs, #sbContactInfo, #sbHelpInfo, #sbSubOurWebsiteLogos {
        background-color: #607A94;
        background-image: -moz-linear-gradient(top, #8EA0B3 0%, #607A94 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8EA0B3) color-stop(100%,#607A94));
        background-image: -webkit-linear-gradient(top, #8EA0B3 0%, #607A94 100%);
        background-image: -o-linear-gradient(top, #8EA0B3 0%, #607A94 100%);
        background-image: -ms-linear-gradient(top, #8EA0B3 0%, ##607A94 100%);
        background-image: linear-gradient(top, #8EA0B3 0%, #607A94 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8EA0B3', endColorstr='#607A94',GradientType=0 );
        text-shadow: 0 1px 0 #1C4166;
        filter: dropshadow(color=#1C4166, offx=0, offy=1);
    }
    #sbQuoteSummary h1, #sbQuotePolDocs h1, #sbContactInfo h1, #sbHelpInfo h1 {
        border-bottom:0.125em groove #8EA0B3;
    }
    #policyInfoLink:link, #policyInfoLink:visited {
        color:#FFFFFF;
    }
    .revealToggleWrap {
        border-left:0.125em groove #8EA0B3;
    }
    .ms_sbDocLink:link, .ms_sbDocLink:visited {
        color:#FFFFFF;
    }

    .telButton, #refButton, .accountButton {
        color:#FFFFFF;
        text-shadow: 0 0.063em 0 #1C4166;
        background: #245483;
        background: -moz-linear-gradient(center top, #245483 0%, #2A639A 100%);
        background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #245483), color-stop(100%, #2A639A));
        background: -webkit-linear-gradient(center top, #245483 0%, #2A639A 100%);
        background: -o-linear-gradient(center top, #245483 0%, #2A639A 100%);
        background: -ms-linear-gradient(center top, #245483 0%, #2A639A 100%);
        background: linear-gradient(center top, #245483 0%, #2A639A 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#245483', endColorstr='#2A639A', GradientType=0 );
        border: 0.063em solid #2A639A;

        -webkit-box-shadow: 0.063em 0.125em 0.313em rgba(0,0,0,0.3), 0 0.063em 0 rgba(225,225,225,0.5) inset;
        -moz-box-shadow: 0.063em 0.125em 0.313em rgba(0,0,0,0.3), 0 0.063em 0 rgba(225,225,225,0.5) inset;
        o-box-shadow: 0.063em 0.125em 0.313em rgba(0,0,0,0.3), 0 0.063em 0 rgba(225,225,225,0.5) inset;
        box-shadow: 0.063em 0.125em 0.313em rgba(0,0,0,0.3), 0 0.063em 0 rgba(225,225,225,0.5) inset;
    }

    /* EOF SlideOver sidebar for moble devices */

    /* Info button definition */

    #infoButton {
        color: #FFFFFF;
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") -200px -120px no-repeat, #3F73A4;
        text-shadow: 0 1px 0 #000000;
        filter: dropshadow(color=#000000, offx=0, offy=1);
        border-bottom: 0.188em solid #1C4166;
    }

    /* EOF Info button definition */

    .sbSection h1 {
        color: #FFFFFF;
    }

    #sbSubOurWebsiteLogos img {
	background: #fff;
	padding: 5px;
	border-radius: 3px;
	margin: 0 20px 0 0;
    }
    #sbSubOurWebsiteLogos h1 {
            display:none
    }

}

@media screen and (min-width: 700px) and (max-width: 1025px) {
    /* sidebar on tablet portrait mode becomes footer */
    #containSidebar {
        border-top: 5px solid #1C4166;
        background: #E8ECF0; /* Old browsers */
        background: -moz-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E8ECF0), color-stop(60%, #FFFFFF)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* IE10+ */
        background: linear-gradient(to bottom, #E8ECF0 0%, #FFFFFF 60%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8ECF0', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    }
    #containSidebar .sbSubSection {
        border-top: 1px solid #1C4166;
    }
}

@media screen and (max-width: 700px) {
    .qpgHeader h2, .addCompHeader h2, .payHeader h2 {
        text-shadow: 0 0.059em 0 #FFFFFF;
    }
    .payIntro p, .addCompIntro p, .qpgIntro p {
        text-shadow: 0 0.077em 0 #FFFFFF;
    }

    /*
        Start Price Breakdown
    */
    .qpgPricePnl_title, .qpgPricePnl_title_monthly {
        text-shadow: 0 0.071em 0 #FFFFFF;
    }
    /*
        End Price Breakdown
    */

    .qpgErrorMsgShown {
        color:#CC0000;
    }

    /* sidebar on mobile becomes footer */
    #containSidebar {
        border-top: 5px solid #1C4166;
        background: #E8ECF0; /* Old browsers */
        background: -moz-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E8ECF0), color-stop(60%, #FFFFFF)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #E8ECF0 0%, #FFFFFF 60%); /* IE10+ */
        background: linear-gradient(to bottom, #E8ECF0 0%, #FFFFFF 60%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8ECF0', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    }

    .payMethodSelected {
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") no-repeat scroll right -100px, #2A639A;
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") no-repeat scroll right -100px, -moz-linear-gradient(center top , #2A639A 0%, #245483 82%, #245483 100%) repeat scroll 0 0 transparent;
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") no-repeat scroll right -100px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2A639A), color-stop(82%,#245483), color-stop(100%,#245483)) repeat scroll 0 0 transparent;
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") no-repeat scroll right -100px, -webkit-linear-gradient(top, #2A639A 0%,#245483 82%,#245483 100%) repeat scroll 0 0 transparent;
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") no-repeat scroll right -100px, -o-linear-gradient(top, #2A639A 0%,#245483 82%,#245483 100%) repeat scroll 0 0 transparent;
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") no-repeat scroll right -100px, -ms-linear-gradient(top, #2A639A 0%,#245483 82%,#245483 100%) repeat scroll 0 0 transparent;
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") no-repeat scroll right -100px, linear-gradient(to bottom, #2A639A 0%,#245483 82%,#245483 100%) repeat scroll 0 0 transparent;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A639A', endColorstr='#245483',GradientType=0 );
    }
}

@media screen and (max-width: 550px) {
    .addonMore {
        background-color:#CCCCCC;
        border-bottom: 0.063em solid #999999;
    }
    .addonSelected .addonMore {
        background-color:#245483;
        border-bottom: 0.063em solid #1C4166;
    }
}