﻿/* "login" & "signup" pages shared styles */
.signupland { background:url(images/land/login_land_bg.jpg) top left no-repeat; padding:16px 0 15px 10px; }
.loginland{background-color: #FFFEDD; border-bottom: 1px solid #E5E5E5; height: 93px; position: relative; width: 598px;}
.loginland h2,
.signupland h2 { margin-right:132px; }

.box-popup-content{position:relative; top:0; left:0; width:210px; display:none; z-index:5000; text-align:center;}
    .box-popup-content.display{display:block;}
        .box-popup-arrow{background:url(/App_Themes/SpecialOffers/images/machine-landing/box-popup-left-arrow.png) no-repeat scroll 0 0 transparent; width:34px; height:29px; float:left;}
        .popup-right-box{float:left; position:relative; z-index:1; left: -2px;}
            .box-popup .box-popup-top{background:url(/App_Themes/SpecialOffers/images/machine-landing/box-popup-top.png) no-repeat scroll 0 0 transparent; width:172px; height:6px;}
            .box-popup .box-popup-body{background:url(/App_Themes/SpecialOffers/images/machine-landing/box-popup-body.png) repeat-y scroll 0 0 transparent; width:172px;}
                .popup-body-content{width:148px; min-height:50px; margin-left:8px; padding-bottom:5px; padding-top:5px;}
                .tooltip-title{font-size: 13px; font-weight: bold; margin-bottom: 10px;}
                .tooltip-description{margin-top:margin-top:10px;}
            .box-popup .box-popup-bottom{background:url(/App_Themes/SpecialOffers/images/machine-landing/box-popup-bottom.png) no-repeat scroll 0 0 transparent; width:172px; height:16px;}
.aFlavor{position:relative; z-index:1;}
.aFlavor a{position:relative; z-index:1;}
.spanRadioButton{background-image: url(/App_Themes/Login/images/radios.jpg); background-position:0 0; background-repeat:no-repeat; width:12px; height:12px; cursor:pointer; padding-right:18px;}
.aFlavor .spanRadioButton:hover{background-position:0px -19px;}
.aFlavor .spanRadioButton.active{background-position:0px -37px;}
.password{background:url(/App_Themes/Login/images/reg/password.png) no-repeat scroll 0 0 transparent; width:180px; height:15px;}

/* "login.aspx" page ONLY! */
.loginland .notreg { margin:30px 0 0 24px; }
.loginland fieldset input { width:217px; height:15px; border:1px solid #6d1a42; }
.loginland .login { width:532px;}
.loginland .login img.hdr { padding-bottom:16px; }
.loginland .login .fplink { margin-left:166px; font-size:9px; padding-bottom:12px;}
.loginland .login fieldset { padding-bottom:9px; }
.loginland .login fieldset label { display:block; width:145px; float:left; padding-left:18px; }
.loginland .login .btn { padding:0 0 16px 166px; }
.loginland .login .errors { margin:0 20px 10px 20px; padding:0; }
.loginland .alreg { width:455px; }
.loginland .capsulecopy { padding:0 15px 20px 15px; }

.fromrewards { font-weight:bold; font-size:13px; margin:12px 20px 12px 22px; }

/* "sign-up.aspx" page ONLY! */
.signupland .signupcopy { margin-right:14px; padding:30px 200px 30px 22px; }
.signupland .signupcopy li { list-style-type:none; margin:0 0 10px 18px; background:url(images/yellow_bull.gif) 0 2px no-repeat; padding-left:8px; }
.signupland .signupcopy p { margin-bottom:15px; }
.signupland .signupcopy p.pplink { font-size:9px; padding-top:9px; }
.signupland .signupcopy fieldset label { font-weight:bold; font-size:11px; margin-bottom:9px; display:block; padding-top:15px; }

/* "login-sign-up.aspx" page ONLY! */
.signuploginland { background:url(images/land/commtop_bg.jpg) top left no-repeat; padding:16px 0 0 10px; min-height:430px; }
.signuploginland h2 { margin-right:13px; }
.signuploginland .signupcopy { padding:30px 0 0 0; width:250px; float:left; }
.signuploginland .signupcopy li { list-style-type:none; margin:0 0 10px 18px; background:url(images/yellow_bull.gif) 0 2px no-repeat; padding-left:8px; }
.signuploginland .signupcopy p { margin-bottom:15px; }
.signuploginland .signupcopy p.pplink { font-size:9px; padding-top:9px; }
.signuploginland .signupcopy fieldset label { font-weight:bold; font-size:11px; margin-bottom:9px; display:block; padding-top:15px; }

.signuploginland fieldset input { width:187px; height:15px; border:1px solid #6d1a42; }

.signuploginland .login { width:306px; margin:28px 0 0 267px; background:url(images/land/login_bg.gif) repeat-y; }
.signuploginland .login img.hdr { padding-bottom:16px; }
.signuploginland .login .fplink { margin-left:166px; font-size:9px; padding-bottom:12px; }
.signuploginland .login fieldset { padding-bottom:9px; }
.signuploginland .login fieldset label { display:block; width:85px; float:left; padding-left:18px; margin:4px 0 0 0; }
.signuploginland .login .btn { padding:0 0 16px 166px; background:url(images/land/loginbottom.gif) bottom left no-repeat; }
.signuploginland .login .errors { margin:0 20px 10px 20px; padding:0; }

/* reg */
.reg .register-top{background-color:#fffedd; width:598px; height:93px; border-bottom:solid 1px #e5e5e5; position:relative;}
.reg .register-top-img{position:absolute; right:0; top:0;}
.reg h1{padding-top:10px; margin-left:10px;}
.reg h2 { margin-right:155px; padding-right:112px; margin-bottom:27px;}
.reg h3 {margin-left:20px;}
.reg fieldset label span,
.reg .reqnote span { color:#ea0924; }
.reg .reqnote { padding:22px 0 12px 173px; }
.regintro { margin:0 138px 24px 24px; }
.divisory-line{width:540px; height:3px; border-top:solid 3px #edac00; margin-left:20px;}
.reg .regcontact { padding:20px 0 40px 24px; }
.reg fieldset { padding-bottom:6px; }
.regcontact fieldset label { padding-top:4px; width:165px; display:block; float:left; text-align:right; padding-right:10px; }
.reg .regcontact fieldset input { margin-right:5px; width:232px; height:15px; border:1px solid #6d1a42; }
.reg .regsurvey { border-color:#edac00; border-width:3px 0 0 0; border-style:solid; padding-top:20px; margin-left:22px; }
.reg .regsurvey ol.questions { margin-top:20px; }
.reg .regsurvey ol.questions li { margin-left:20px; margin-bottom:12px; }
.reg .regsurvey ol.questions label.q { display:block; padding-bottom:12px;}
.reg .regsurvey ol.questions label.q span { color:Red; }
.reg .btn {position:relative; padding-bottom:40px;}
.reg .btn input{position:absolute; bottom:10px; right:20px;}
.register-subtitle{font-size:10px; color:#c15017; width:400px;}
.regcontact .privacy{font-size: 9px; margin-left: 175px;}
.regcontact .disclaimer{margin: 20px auto 0; width: 400px;}

.regconfirm { padding:0 0 20px 22px; width:385px; }
.regconfirm p { margin-bottom:12px; }
.confirmintro { padding:20px 40px 13px 0; }
.regconfirm .btns img { padding-right:10px; }

.regborder { background:url(../global/images/purple_dashed.gif) bottom left repeat-x; width:575px; height:1px; }
.regrewards { background:url(images/reg/rewards_register_bg.jpg) no-repeat; padding:25px 0 0 228px; height:210px; }
.regrewards p { margin:16px 0; }
.regrewards .note { font-size:9px; }
.regrewards .note a { color:#C15017; }

/* update */
/*.update { background:url(images/reg/update_bg.jpg) no-repeat scroll 0 0 transparent; min-height:280px; }*/
.update-top{position:relative;}
.update-profile-img{position:absolute; right:0; top:0;}
.reg.update .update-top{background-color:#fffedd; width:598px; height:93px; border-bottom:solid 1px #e5e5e5;}
.reg.update h1{padding-top:10px; margin-left:10px;}
.reg.update h2 { margin-right:155px; padding-right:112px; margin-bottom:27px;}
.reg.update h3 {margin-left:20px;}
.reg .boardinfo h3{margin-left:0;}
.reg.update h3.current-profile{margin-top:20px;}
.update-subtitle{font-size:10px; color:#c15017; width:400px;}
.update  h2 { margin-right:116px; padding-right:36px; }
.regoptins,
.boardinfo { border-color:#edac00; border-width:3px 0 0 0; border-style:solid; padding-top:20px; padding-bottom:12px; margin-left:22px }
.boardinfo .photoup { width:178px; float:left; }
.boardinfo h3 { padding-bottom:16px; }
.boardinfo .filenote { color:#777; padding-bottom:12px; }
.boardinfo fieldset label { display:block; }
.boardinfo fieldset input { width:232px; height:15px; border:1px solid #6d1a42; margin-top:6px; }
.boardinfo .check { padding-bottom:16px; }
.boardinfo .check input { width:auto; float:left; border:0; margin-top:0; }
.boardinfo .check label { margin-left:26px; font-weight:bold; display:block; }
.boardinfo .biright { margin-left:178px; }
.updatebtn { margin-left:200px; padding-bottom:22px; }
p.promosuccess { margin:0 0 20px 0; width:435px; }

/* image cropper */
.croppercontain { position:absolute; z-index:999999; display:none;  }
.cropper { background:#bbaa9b; border:3px solid #9c4012; width:450px; height:420px;  margin-top:-120px; }
.cropperbtns { background:#e4ddd1; padding:4px 6px; text-align:right; }

/* forgot pass */
.forgotpass { background:url(images/forgotpass_bg.jpg) top left no-repeat; padding:16px 13px 180px 12px; }
.forgotpass .fpintro { margin:30px 0 20px 22px; }
.forgotpass fieldset { margin-left:22px; }
.forgotpass fieldset label { font-weight:bold; margin-bottom:9px; display:block; }
.forgotpass fieldset input { width:218px; height:15px; border:1px solid #6d1a42; margin-bottom:17px; vertical-align:top; }
.forgotpass .btns { margin-left:22px; }
.forgotpass .btns img { margin-right:10px; }
.forgotpass .errors { margin:0 0 10px 20px; padding:0; }

/* unsubscribe */
.unsub { min-height:255px; background:url(images/unsub_bg.jpg) top left no-repeat; padding:12px 150px 0 16px; }
.unsub h2 { margin-bottom:30px; }
.unsub fieldset { margin-left:22px; margin-bottom:17px; }
.unsub fieldset label { font-weight:bold; margin-bottom:9px; display:block; }
.unsub fieldset input { width:218px; height:15px; border:1px solid #6d1a42; }
.unsub fieldset.check input { width:auto; border:0; margin-bottom:0; }
.unsub fieldset.check label { margin:0; font-weight:normal; display:inline; }
.unsub .btns { margin-left:22px; }
.unsub .error { margin:0 0 10px 20px; }

.unsubsurvey { padding:0 0 10px 0; }
.unsubsurvey textarea { width:400px; height:70px; }
.unsubsurvey ol { list-style-type:none; margin:15px 0 0 0; }

/*thank you free capsule*/
.capsule-thanks{background-color: #FFFEDD; border-bottom: 1px solid #E5E5E5; height: 58px; width: 598px; padding-top:10px; position:relative;}
.top-image{background:url(/App_Themes/login/images/capsule-thanks/thank-you-capsule-top-img.png) no-repeat scroll 0 0 transparent; width:130px; height:149px; position:absolute; right:10px; top:5px;}
.reg-confirmation{margin-top:20px; margin-left:20px;}
#free-capsule-thank-you p{font-size: 11px; line-height: 15px; margin-left: 20px; margin-top: 20px; width: 360px;}
#free-capsule-thank-you .bold{font-weight:bold;}
#free-capsule-thank-you .thanks-box{width:432px; height:46px; background-color:#fbeecc; border:solid 1px #c15017; margin-left:20px; margin-top:30px;}
#free-capsule-thank-you .thanks-box p{padding-top:10px; margin-top:0; margin-left:10px; width:418px;}
#free-capsule-thank-you #btns{margin-left:20px; margin-top:20px; height:30px;}
#free-capsule-thank-you #btns li{float:left; margin-right:10px; list-style:none;}
#free-capsule-thank-you .divisory-line{width:568px; border-top:dashed 1px #6d1a42; height:1px; margin-top:20px; margin-left:10px;}
#free-capsule-thank-you .thanks-bottom{margin-top:30px; margin-left:20px; margin-bottom:20px;}
#free-capsule-thank-you .thanks-left{float:left; margin-top:30px; width:180px;}
#free-capsule-thank-you .thanks-right{float:left; margin-left:40px; width:324px;}
#free-capsule-thank-you .thanks-right p{margin-left:0; width:324px;}
#free-capsule-thank-you .thanks-right .learn-more-btn{margin-top:20px;}

/* thank you register machine*/
#choosing-capsule-thank-you{padding-bottom:85px;}
#choosing-capsule-thank-you .choose-capsule-thanks{background-color: #FFFEDD; border-bottom: 1px solid #E5E5E5; height: 58px; width: 598px; padding-top:10px; position:relative; padding-bottom:20px;}
#choosing-capsule-thank-you .capsule-image{position:absolute; top:110px; right:5px;}
#choosing-capsule-thank-you h1{padding:0; margin-left:10px; padding-bottom:15px; margin-top:10px;}
#choosing-capsule-thank-you p{font-size: 11px; line-height: 15px; margin-left: 20px; margin-top: 50px; width: 300px;}
#choosing-capsule-thank-you p#thanks-text{height:200px;}
#choosing-capsule-thank-you #thanks-box{margin-left:20px;}
#choosing-capsule-thank-you #thanks-box #box-top{background:url(/App_Themes/login/images/capsule-thanks/choosing-caps-box-top.jpg) no-repeat scroll 0 0 transparent; width:558px; height:6px;}
#choosing-capsule-thank-you #thanks-box #box-body{width:558px; background-color:#f5f5f7; position:relative;}
#choosing-capsule-thank-you #thanks-box #box-body .box-top-left{width:200px; height:65px; padding-top:10px;}
#choosing-capsule-thank-you #thanks-box #box-body .box-title{font-size:14px;}
#choosing-capsule-thank-you #thanks-box #box-body p{margin-top:0;}
#choosing-capsule-thank-you #thanks-box #box-body #capsules{position:absolute; right:20px; top:-30px;}
#choosing-capsule-thank-you #thanks-box #box-body .thanks-box-line{background: url(/App_Themes/login/images/capsule-thanks/thanks-box-line.jpg) repeat-x scroll 0 0 transparent; width:558px; height:2px; margin-top:20px;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom{margin-top:15px;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom a{color:#653600;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom #bottom-left{float:left; width:240px; margin-left:20px;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom #bottom-left .no-thanks{margin-top:10px;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom #bottom-left .no-thanks a{text-decoration:underline; border:none; outline:none;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom #bottom-right{float:left; width:260px;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom #bottom-right p{width:250px; margin-left:0;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom #bottom-right .box-items{margin-top:10px; padding-left:0;}
#choosing-capsule-thank-you #thanks-box #box-body #bottom #bottom-right .box-items li{list-style-position:inside;}
#choosing-capsule-thank-you #thanks-box #box-bottom{background: url(/App_Themes/login/images/capsule-thanks/choosing-caps-box-bottom.jpg) no-repeat scroll 0 0 transparent; width:558px; height:6px;}

/*got free capsules*/
.new-user-shipping-top{background-color: #FFFEDD; border-bottom: 1px solid #E5E5E5; height: 93px; width: 598px; position:relative;}
.new-user-shipping-profile-img{position: absolute; right: 30px; top: 10px;}
.yellow-line{border-color: #EDAC00; border-style: solid; border-width: 3px 0 0; height: 3px; margin: 30px auto 0; width: 560px;}
#newUserShipping .regcontact{padding:0 0 20px 24px;}
#newUserShipping .current-profile{display:none;}
.submit-btn{width:67px; margin-left:200px;}
.privacy-policy a{text-decoration:underline; color:#d0622a; margin-left:202px; font-size:8px;}
.note{margin-bottom: 20px; margin-left: 100px; margin-top: 10px; text-align: center; width: 385px;}
.loginland .register-top h1{margin-left:10px; padding-top:15px;}
.loginland .register-top{position:relative;}
.loginland .register-top-img{position:absolute; right:30px; top:10px;}
.loginland .yellow-line{margin-top:-20px;}
.loginland .sign-into-account{margin-top:30px; margin-left:20px;}
.loginland .text{margin-bottom: 30px; margin-left: 20px; margin-top: 20px; width: 450px;}
