﻿.gradientBackgroundLoginView
{
    background-image: url(/images/noncmspages/coupons/CouponsLoginRegisterBackground.jpg);
    background-repeat: no-repeat;
    height: 305px;
    width: 718px;
    padding: 10px;
    margin-bottom: 12px;
}
.gradientBackgroundJustRegisteredView
{
    background-image: url(/images/noncmspages/coupons/BrandNewRegBackground.jpg);
    background-repeat: no-repeat;
    height: 155px;
}
.gradientBackgroundLoggedInView
{
    background-image: url(/images/noncmspages/coupons/LoggedInBackground.jpg);
    background-repeat: no-repeat;
    height: 89px;
    padding: 10px;
    width: 718px;
    margin-bottom: 12px;
}
.gradientBackgroundHelp
{
    background-image: url(/~/media/images/noncmspages/coupons/coupons_help_savings_background.ashx);
    background-repeat: no-repeat;
    padding: 20px 20px 0px 15px;
    height: 115px;
}

#backgroundInstallCouponPrinter
{
    background-image: url(/~/media/images/noncmspages/coupons/InstallCouponPrinter.ashx);
    background-repeat: no-repeat;
    height: 180px;
    margin-left: 100px;
    text-align: center;
}

.gradientBackgroundLoggedInView .utility_links
{
    width: 200px;
}
.copyStdFont
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
}
#NewsletterSubHeading
{
    padding: 14px 0px 6px 15px;
    width: 240px;
    font-size: 12px;
}
.moveOnTop
{
    clear: right;
    float: left;
}
.leftText
{
    margin-left: 12px;
    height: 280px;
    width: 435px;
}

#CouponSavings, #SavingAmountLoggedIn
{
    font-size: 20px;
    font-weight: bold;
}

.SavingsAmount
{
    font-size: 34px;
    font-weight: bold;
    font-family: arial, Sans-Serif;
    color: #2c9ecf;
}

#CouponSaverSubheading
{
    font-size: 14px;
}
#Questions
{
    position: relative;
    left: 0px;
    margin-top: 0px;
    top: -11px;
}
#Questions p
{
    display: inline;
}

.RegisterSection
{
    background-image: url(/images/noncmspages/coupons/CouponRegisterBackground.jpg);
    background-repeat: no-repeat;
    height: 265px;
    left: 440px;
    position: relative;
    top: -112px;
}
.Email, .EmailText
{
    margin-left: 42px;
}

.Password
{
    margin-left: 15px;
    font-weight: bold;
}
.DataEntryLogin
{
    line-height: 2.25em;
    font-weight: bold;
    padding-top: 30px;
}

.DataEntry
{
    line-height: 2.25em;
    font-weight: bold;
    padding-top: 20px;
}


.LoginRegisterHeading
{
    font-size: 17px;
    font-weight: bold;
    padding-left: 40px;
}
.LoginButton
{
    padding-left: 159px;
}

#LoginFooter
{
    position: relative;
    left: 14px;
    top: 13px;
}
.FirstName
{
    padding-left: 15px;
}

.LastName
{
    padding-left: 15px;
}

.Salutation
{
    padding-left: 19px;
}
.LoginError
{
    color: Red;
    font-weight: bold;
    left: 91px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 47px;
}

.NextButtonPageBirthdate
{
    padding-left: 125px;
    margin-top: -10px;
}
.NextButtonPageName
{
    padding-left: 160px;
}

.RegisterPage1Heading
{
    font-size: 20px;
    font-weight: bold;
    padding-left: 15px;
    padding-top: 15px;
}

.RegisterPage1SubHeading
{
    font-size: 13px;
    font-weight: bold;
    margin-top: -23px;
    padding-left: 24px;
}

.ProgressMeter
{
    padding-left: 15px;
}

.AllFieldsRequired
{
    padding-left: 15px;
}
.Month
{
    padding-left: 26px;
}
.Day
{
    padding-left: 40px;
}
.Year
{
    padding-left: 35px;
}
.BirthDateList
{
    width: 150px;
}
.SalutationDropDownList
{
    width: 130px;
}
.BackLink
{
    display: block;
    margin-right: 10px;
    margin-top: 8px;
    width: 30px;
    float: left;
}
.StateList
{
    width: 150px;
}
.State
{
    padding-left: 35px;
}
.Zipcode
{
    padding-left: 48px;
}
.NextButtonPageLocation
{
    margin-top: -7px;
    margin-left: 135px;
}

.AllFieldsRequired span
{
    font-weight: bold;
}

AllFieldsRequired p
{
    font-size: 9px;
}
.DataEntry a
{
    margin-left: 10px;
}

.Newsletters
{
    line-height: 0.75em;
    padding: 0px 0px 17px 20px;
}
.CreateText
{
    left: 47px;
    margin-top: -10px;
    position: relative;
    top: -4px;
}

.PasswordText
{
    margin-left: 13px;
}

.CreatePassword
{
    font-weight: bold;
    margin-left: -15px;
}
.SubmitButtonLoginCreate
{
    margin-left: 135px;
    margin-top: 5px;
}

#LegalNotice
{
    font-size: 10px;
    margin-bottom: 0;
    padding-left: 15px;
    width: 250px;
}

.AdjustUpdatePanel div
{
    height: 0px;
}
.CouponAvailableNotice
{
    color: gray;
    float: left;
    font-size: 9px;
    padding-left: 50px; /*left:0; 	margin-top:-30px; 	 	padding-right:30px; 	position:relative; 	top:0px;*/
    width: 600px;
}
.Newsletters a, #LegalNotice a, #Questions a
{
    cursor: pointer;
}

#Questions a
{
    padding-left: 5px;
}

.CouponHelpVisibleHack
{
}

.CouponHelpVisibleHack input
{
    display: none;
}
.NoData
{
    font-weight: bold;
    margin: 10px;
}
.ValidationSummary
{
    color: Red;
    left: 20px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    position: relative;
    top: -9px;
}

.ValidationSummaryAdjustment
{
    margin-top: -5px;
    font-weight: bold;
}

.ClearBoth
{
    clear: both;
}

.utilityLinks
{
    position: absolute;
    top: -155px;
    left: 587px;
    width: 130px;
}



.couponcheckbox
{
    color: Red;
    font-size: 11px;
}

.couponcheckbox label
{
    padding-left: 4px;
    vertical-align: 3px;
    font-weight: bold;
}

.couponLoginBox
{
    position: relative;
    top: -3px;
    font-size: 10px;
    line-height: 12px;
}

.CouponsSavingsAmount
{
    left: 286px;
    _left: 28px;
    position: absolute;
    top: 15px;
    color: White;
    font-size: 14px;
    font-weight: bold; /*     height: 10px;     width: 20px; */
}


#InstallContainer
{
    padding-bottom: 30px;
    text-align: center;
}
#InstallContainer #InstallButton
{
    margin-top: -52px;
}

#LoadingContainer img
{
    height: 24px;
    padding-right: 10px;
}

#PrintingContainer img
{
    height: 24px;
    padding-right: 10px;
}

.ActiveCouponContainer
{
    background: url(/images/noncmspages/coupons/coupons_background.jpg) no-repeat;
    width: 345px;
    height: 132px;
}

.PrintedExpiredContainer
{
    background: url(/images/noncmspages/coupons/Expired_coupons_background.jpg) no-repeat;
    width: 345px;
    height: 132px;
}



.ClipAllCheckBox
{
    float: left;
    width: 85px;
    color: Red;
    padding-top: 3px;
}

.ClipAllCheckBox label
{
    padding-left: 2px;
    vertical-align: 3px;
    font-weight: bold;
}

.LogInLink
{
    float: left;
    padding-left: 15px;
    width: 636px;
    color: #666666;
    font-size: 15px;
}

.LoggedInViewHelpButton
{
    float: left;
    width: 120px;
    padding-left: 15px;
}

.CouponErrorContainer
{
    width: 360px;
    float: left;
}

.CouponError
{
    display: none;
    font-weight: bold;
    color: Red;
    font-size: 15px;
}

.ClipBox
{
    height: 10px;
    top: 103px;
    left: 275px;
    _left: 15px;
    position: absolute;
    text-align: center;
    width: 54px;
}
.PrintedExpiredClipBox
{
    height: 10px;
    left: 258px;
    _left: 11px;
    position: absolute;
    top: 99px;
    _top: 98px;
    text-align: center;
    width: 93px;
    _width: 65px;
    color: Red;
    font-size: 10px;
    line-height: 12px;
}

.LoginSection
{
    float: right;
}

.utility_links
{
    margin-bottom: 10px;
    float: right;
}

.couponSection
{
    border-right: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    padding: 2px;
    width: 730px;
}
.printedExpiredSection
{
    background-color: #f1efef;
}
.printedExpiredHeader
{
    padding-left: 15px;
    height: 50px;
    font-size: 11px;
}
.printedExpiredTitle
{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    padding-right: 8px;
}

.coupon_list
{
    list-style: none;
    margin: 0px;
    overflow: auto;
    padding-top: 10px;
    clear: both;
}
.coupon_list li
{
    float: left;
    padding-bottom: 15px;
    padding-left: 13px;
}
.couponItem
{
    padding: 15px;
    position: relative;
}
.couponImage
{
    float: left;
    width: 78px;
    height: 88px;
    padding-right:10px;
}
.couponImage img
{
    width: 78px;
    height: 88px;
}
.couponInfo
{
    float: left;
    width: 145px;
    height: 100px;
    font-weight: bold;
}
.couponInfoTitle
{
    color: #3088b5;
    font-size: 12px;
}
.couponInfoBody
{
    color: #333333;
    font-size: 11px;
}

.NotMember
{
    font-size: 11px;
}

.CouponAvailableNotice
{
    color: gray;
    float: left;
    font-size: 9px;
    padding-left: 50px;
    width: 600px;
}

hr
{
    background: #CCCCCC none repeat scroll 0 0;
    color: #CCCCCC;
    height: 1px;
    margin: 15px 3px 15px 0px;
    width: 750px;
}

#helpSection h2
{
    margin-bottom: 0px;
}

.CouponPrintHelpDetail
{
    padding-left: 20px;
}
.CouponHelpStep
{
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}
.CouponHelpStepNumber
{
    float: left;
    width: 20px;
    font-weight: bold;
    padding-left: 20px;
}
.CouponHelpStepTitle
{
    float: left;
    width: 140px;
    font-weight: bold;
}
.CouponHelpStepText
{
    float: left;
    width: 500px;
}

/* disabled style for coupons */
#CouponContainer.disabled #ShowHide
{
    display: none;
}

#ReturnContainer .TroubleHelpButton
{
    position: relative;
    top: +8px;
    left: +8px;
}
.BackToCoupons
{
    height: 40px;
    float: left;
}
.BackToCoupons img
{
    vertical-align: middle;
}
.ReloadLink
{
}
.PrintClipped
{
}

/* Thank You styles (in ReturnContainer) */
.ThankYouBackground
{
    background-image: url(/~/media/images/noncmspages/coupons/bgThankYou.ashx);
    background-repeat: no-repeat;
    height: 252px;
}
#ErrorResponseContainer
{
    text-align: center;
}

.ErrorBackground
{
    background-image: url(/~/media/images/noncmspages/coupons/ErrorBackground.ashx);
    background-repeat: no-repeat;
    height: 181px;
    width: 692px;
    text-align: center;
}
.ThankYouUtilityLinks
{
    float: right;
    padding: 15px 15px 0px 0px;
    width:200px;
}
.ThankYouContent
{
    padding: 1px 30px 0px 35px;
}
.ErrorContent
{
    padding: 10px 30px 15px 35px;
    text-align: left;
}
.ErrorNavigation
{
    margin-top: 20px;
}
.ErrorHelp
{
    float: right;
}
.ThankYouTitle
{
    color: #158fda;
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.ThankYouText
{
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 1px;
    margin-bottom: 0px;
}
.ThankYouHelp
{
    height: 40px;
    font-weight: bold;
    margin-top:15px;
}
.ThankYouHelp img
{
    vertical-align: middle;
    margin-left: 15px;
}
.ThankYouHelp .BackToCoupons img
{
    vertical-align: middle;
    margin-left: 0px;
}

#ThankYouFeedback
{
    clear: both;
    padding: 10px 0px 10px 40px;
}
#ThankYouFeedback a
{
    font-weight: bold;
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .ClipAllCheckBox label
    {
        padding-left: 3px;
        vertical-align: 0px;
    }

    .couponcheckbox label
    {
        padding-left: 4px;
        vertical-align: 0px;
    }
}

.white_top
{
    background: url(/images/noncmspages/coupons/coupons_border_top.gif) no-repeat;
    height: 10px;
    width: 736px;
    font-size:1px;
}

.white_bottom
{
    background: url(/images/noncmspages/coupons/coupons_border_bottom.gif) no-repeat;
    height: 11px;
    width: 736px;
      clear:both;
}

.grey_top
{
    background: url(/images/noncmspages/coupons/coupons_grey_border_top.jpg) no-repeat;
    height: 10px;
    width: 736px;
    font-size:1px;
}

.grey_bottom
{
    background: url(/images/noncmspages/coupons/coupons_grey_border_bottom.gif) no-repeat;
    height: 8px;
    width: 736px;
    clear:both;
}


