/* password strength css */
.password-strength-holder{
    
    width: 100%;
}
.strength {
position: absolute;
top: 5px;
right: 5px;
}
.weak span.strength,.fair span.strength,.good span.strength,.great span.strength{
    background: url("/images/branding/globals/validation.png") no-repeat top left;
    width: 27px;
    height: 15px;
    background-position: 0px -30px;

}
.fair span.strength,.good span.strength,.great span.strength{
    
    background-position: 0px 0px;

}
.password-strength {
    display:block;
    vertical-align:top;    
    color:#9EA0A3;
    font-size:11px;
    font-weight:700;
    
    overflow:hidden;
    position:relative;
    width:100%;
    zoom:1;    
    padding:3px 0px 0px 0px;
    
}



.weak .indicator {
    background-color: #D5281F;
    height: 6px;
    width:25%;
}



.fair .indicator {    
    background-color: #FBD277;
    height: 6px;
    width:50%;
}



.good .indicator {    
    height: 6px;
    background-color: #88CE92;
    width:75%;
}



.great .indicator {    
    height: 6px;
    background-color: #39AD4A;
    width:100%;
    
}

 .indicator {
    display:block;
    height:6px;
    width: 100%;
    background-color: #ffffff;    
    top: 3px;
}
.form-wrap DIV.input-wrap{
    *text-align: left;
}
.password-strength-bg{
    display:block;
    height:6px;
    width: auto;
    background-color: #D6D6DA;
}
.password_strength_separator {
    background: none repeat scroll 0 0 #ffffff;
    height: 6px;
    position: absolute;
    top: 3px;
    width: 3px;
    z-index: 10;
}
.acc-details{
    width: 200px;
    
}

.password-strength-holder.cust-register{
    width: 304px;
}
.password-wrapper {
    margin-top: 10px;
    clear: both;
}

.quick{
    margin-bottom: 10px;
     margin-left: 0px;
}
.quick .strength{
    position: relative !important;
    float: left;
    top: 0;
     
}
.form-help-img {
background: #FFF;
font-size: 12px;
box-shadow: 0px 4px 10px #dadada;
right: -319px;
padding: 15px;
position: absolute;
text-align: left;
top: -57px;
border: 1px solid #d6d6da;
z-index: 100;
word-wrap: break-word;
border-radius: 6px;
}

.arrow-left{
background-image: url("/images/branding/pwd-help-arrow.png");
width: 20px;
height: 20px;
position: absolute;
left: -13px;
top: 58px;
*display: none !important;
}

.show-password{
    text-align: left;
}
/*Download Pack AB test starts*/
.ndp-exp-panel {background-color: #EAF4FF;border:1px dashed #268EFC;padding:16px}
.new-red { color: #ff202e;}
.dp-msg {font-size:18px;}
#discount-btn,#BackToImg-btn {border: 1px solid #268efc;font-size: 14px;height: 32px;border-radius: 4px;background-color: #FFF;color: #268efc;}
#discount-btn:hover {color: #1661a5!important;text-decoration: none;border: 1px solid #1661a5;}
#BackToImg-btn:hover {color: #1661a5!important;text-decoration: none;border: 1px solid #1661a5;}
/*Download Pack AB test ends*/

@media all and (max-width: 1024px) {
    .form-help{
        width: 150px;       
    }
}




.indicator-text{
    padding: 10px 0 0 0;
float: left;
clear: both;
font-size: 11px;

width: auto;
text-align: left;
}
h3.pwd-tips{
    color: #323248;
    font-size: 14px;
    padding: 0px 0px 10px 0;
    font-weight:normal;
    margin:0px;
}
p.pwd-tips-text,p.pwd-tips-text-last{
    max-width: 269px;
    line-height: 1.5em;
    padding: 0px 0px 13px !important;
    font-size: 12px;
    color:#323248;
    margin:-4px 0 -3px;

}
p.pwd-tips-text-last{
    padding: 0px !important;
}
.outertbl td p.pwd-tips-text{margin:-4px 0 0;}
.outertbl td p.pwd-tips-text-last{margin:-4px 0px -2px;}
#new_pswd_focus.form-help-img{top: -48px;right:-320px;}

.indicator-icon.tick-green,.indicator-icon.tick-yellow,.indicator-icon.cross-red{
    background: url("/images/branding/globals/sprite-password-strength.png") no-repeat scroll center 0 transparent;
    width: 22px;
    height: 14px;
    margin: 8px 0 0 5px;
    float: left;
    
}
.indicator-icon.tick-green{
    background-position: 0px -18px;
}
.indicator-icon.tick-yellow{
    background-position: 0px 0px;
}
.indicator-icon.cross-red{
    background-position: 0px -35px;
}
.width-auto{
    width: auto !important;
}
.pt-20{
    padding-top: 20px;
}
.pt-10{
    padding-top: 10px;
}
.pb-0{
    padding-bottom: 0px;
}
.pb-10{
    padding-bottom: 10px;
}
.p-0{
    padding: 0px !important;
}
.pb-30{
    padding-bottom: 30px;
}
.fix-clear{
    clear: both;
}
#helptext{
    font-size:12px;
    padding-top:5px;
    line-height:18px;
}
.social-icons i {
    color: #848491!important;
}
.social-icons i:after {
    color: #fff;
}
.social-icons i.icon-twitter:hover {
    color: #38a8e0!important;
}
@media only screen and (min-width : 767px){
.purchase-postit {
    float: right;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){
    .form-help-img{
        right: -210px;
        width: 155px;
        top: -75px;
    }
    
}
.lh-15 {
    line-height: 1.5;
}
/*ref frnd banner */
.ref-frnd-bnr{
    height: 64px;
    width: 100%;
    display: block;
    background: url(/images/ref-frnd-banner.jpg) no-repeat;
}
@media screen and (max-width : 991px){
    .ref-frnd-bnr{
    background-size: contain;
}
}
.ref-frnd-bnr:hover{
    background: url(/images/ref-frnd-banner-hover.jpg) no-repeat;
}
/*ref frnd banner ends*/