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

#PleaseWait
{
    background-color:#fc6b45;
    /* CSS3 Stripes */
    background-image: linear-gradient(135deg, #fc6b45 25%, #fc6b45 25%, #fc6b45 50%, #fc6b45 50%, #fc6b45 75%, #fc6b45 75%, #fc6b45 100%);
    background-image: -moz-linear-gradient(135deg, #fc6b45 25%, #fc6b45 25%, #fc6b45 50%, #fc6b45 50%, #fc6b45 75%, #fc6b45 75%, #fc6b45 100%);
    background-image: -ms-linear-gradient(135deg, #fc6b45 25%, #fc6b45 25%, #fc6b45 50%, #fc6b45 50%, #fc6b45 75%, #fc6b45 75%, #fc6b45 100%);
    background-image: -o-linear-gradient(135deg, #fc6b45 25%, #fc6b45 25%, #fc6b45 50%, #fc6b45 50%, #fc6b45 75%, #fc6b45 75%, #fc6b45 100%);
    background-image: -webkit-gradient(linear, 100% 100%, 0 0,color-stop(.25, #fc6b45), color-stop(.25, #fc6b45),color-stop(.5, #fc6b45),color-stop(.5, #fc6b45),color-stop(.75, #fc6b45),color-stop(.75, #fc6b45),color-stop(1, #fc6b45));
    background-image: -webkit-linear-gradient(135deg, #fc6b45 25%, #fc6b45 25%, #fc6b45 50%, #fc6b45 50%, #fc6b45 75%, #fc6b45 75%, #fc6b45 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:#fc6b45;
        color:#FFFFFF;
    }
    #mobileSidebar a {
        color: #FFFFFF;
    }
    #mobileSidebar #infoButton {
        background: url("/CoreQuote/shared/responsive/images/sidebar_ghosting.png") -200px -120px no-repeat, #fc6b45;
        border-bottom:0.188em solid #fc6b45;
    }
    #sbQuoteSummary, #sbQuotePolDocs, #sbContactInfo, #sbHelpInfo, #sbSubOurWebsiteLogos {
        background-color: #fc6b45;
        background-image: -moz-linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc6b45) color-stop(100%,#fc6b45));
        background-image: -webkit-linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        background-image: -o-linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        background-image: -ms-linear-gradient(top, #fc6b45 0%, ##fc6b45 100%);
        background-image: linear-gradient(top, #fc6b45 0%, #fc6b45 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6b45', endColorstr='#fc6b45',GradientType=0 );
        text-shadow: 0 1px 0 #fc6b45;
        filter: dropshadow(color=#fc6b45, offx=0, offy=1);
    }
    #sbQuoteSummary h1, #sbQuotePolDocs h1, #sbContactInfo h1, #sbHelpInfo h1 {
        border-bottom:0.125em groove #fc6b45;
    }
    #policyInfoLink:link, #policyInfoLink:visited {
        color:#FFFFFF;
    }
    .revealToggleWrap {
        border-left:0.125em groove #fc6b45;
    }
    .ms_sbDocLink:link, .ms_sbDocLink:visited {
        color:#FFFFFF;
    }

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

        -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, #fc6b45;
        text-shadow: 0 1px 0 #fc6b45;
        filter: dropshadow(color=#fc6b45, offx=0, offy=1);
        border-bottom: 0.188em solid #fc6b45;
    }

    /* 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 #fc6b45;
        background: #fc6b45; /* Old browsers */
        background: -moz-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc6b45), color-stop(60%, #FFFFFF)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* IE10+ */
        background: linear-gradient(to bottom, #fc6b45 0%, #FFFFFF 60%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6b45', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    }
    #containSidebar .sbSubSection {
        border-top: 1px solid #fc6b45;
    }
}

@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 #fc6b45;
        background: #fc6b45; /* Old browsers */
        background: -moz-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fc6b45), color-stop(60%, #FFFFFF)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fc6b45 0%, #FFFFFF 60%); /* IE10+ */
        background: linear-gradient(to bottom, #fc6b45 0%, #FFFFFF 60%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc6b45', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
    }

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

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