@charset "iso-8859-1";
/*
    * Copyright 2015 1fb.net Financial Services.
    *
    * This document may not be reproduced, distributed or used
    * in any manner whatsoever without the expressed written
    * permission of 1st Financial Bank USA.
*/
/*
    * Style for all the account activation pages.
    * 
    * @author Bunny Huang, Jimmy Mi
    * @version 1.0, 2015-8-21
    * @since 9.40
*/

/* The Account Activation Pages Style Started */
.activeInfo{
    margin: 10px 0px 0px;
    padding: 0px;
    width: 705px;
}

.activeInfo p{
    font-size: 14px;
    line-height: 17px;
    color: #000;
}

.activeInfo a{
    color: #333;
}

.activeInfo .fontBlod{
    font-weight: bold;
}

.iframeBody{
    border: none; 
    width: 300px;
    height: 197px; 
}

#badAccountActivationLink .gray_bar,
#alreadyActivated .gray_bar,
#correctEmailAddress .gray_bar,
#accountActivationSuccess .gray_bar,
#accountPendingActivation .gray_bar{
    display: none;
}

#badAccountActivationLink .wrap,
#alreadyActivated .wrap,
#correctEmailAddress .wrap,
#accountActivationSuccess .wrap,
#accountPendingActivation .wrap{
    margin-top: -148px;
}

/* LightBox Start */
.activationLightBox{
    background: #fff;
    padding: 0px;
    width: 344px;
    height: 99px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 0px 1px 1px #b8b8b8;
    margin: 1px;        
}
 
.activationLightBox div{
    margin-top: 32px;
    width: 289px;
    float: right;
}

.activationLightBox div p{
    font-size:12px;
    line-height: 17px;
    font-weight: bold;
}

.activationLightBox img{
    float: right;
        margin: 10px;
    cursor: pointer;
}

.thanksActLightBox{
    background: #fff;
    padding: 0px;
    width: 424px;
    height: 83px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0px 0px 1px 1px #b8b8b8;
    margin: 1px;
}
 
.thanksActLightBox div{
    margin-top: 32px;
    width: 369px;
    float: right;
}

.thanksActLightBox div p{
    font-size:12px;
    line-height: 17px;
    font-weight: bold;
}

.thanksActLightBox img{
    float: right;
        margin: 10px;
    cursor: pointer;
}

#home #fancybox-overlay{
    width: 1359px !important;
}
/* LightBox  End */    

#accountPendingActivation .activeInfo p{ 
    padding: 10px 0px 7px;
    color: #333;
}

#accountActivationSuccess .content{
    padding-bottom: 0px;
    height: 312px;
}

#alreadyActivated .activeInfo p,
#accountActivationSuccess .activeInfo p,
#correctEmailAddress .activeInfo p{ 
    padding: 5px 0px 4px;
}

#alreadyActivated #embeddedIframe{
    margin: 0px 0px -17px;
}

#alreadyActivated #embeddedIframe p{
    padding-bottom: 14px;
}
#accountActivationSuccess #loggedIn{
    height: 82px;
    padding-top: 5px;
}

#correctEmailAddress #mailCorrection{
    margin: 0px 0px 21px;
}
#correctEmailAddress #mailCorrection li {
    margin: 0px;
}

#correctEmailAddress #mailCorrection li label{
    top: 35px;
}

#correctEmailAddress #mailCorrection p{
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0px;
    color: #333;
    padding: 4px 0px 6px 0px;
}

#correctEmailAddress #mailCorrection #marginForbtn{
    padding-top: 8px;
}

#correctEmailAddress .loginBoxCommon .correctEmailFocus input:focus{
    outline: 1px dotted #000;
}

#badAccountActivationLink .activeInfo { 
    margin-bottom: 34px;
}

#badAccountActivationLink .activeInfo p{ 
    padding: 11px 0px 6px;
}

#accountPendingActivation .content{
    padding-bottom: 5px;
}

/* The Account Activation Login Iframe Start */
 #activationLoginIframe{
    margin: 0px;
    padding: 0px;
}

#activationLoginIframe li{
    margin: 1px 0px 6px 0px;
}

#activationLoginIframe .error{
    margin: 0px;
}

#activationLoginIframe .loginButtonLi{
    margin: 8px 0px 5px 0px;

}

#activationLoginIframe #linkForForgoten{
    padding-top: 5px;
}

#accountActivationLoginInc{
    margin: 0px;
    width: 300px; 
    height: 190px;
}
/* The Account Activation Login Iframe End */

/* The accountActivationSuccess page style For FF Start */
@-moz-document url-prefix(){
    #accountActivationSuccess .activeInfo p{
        padding: 3px 0px 7px;
    }
    #accountActivationSuccess #loginIFrameContainer{
        margin: 8px 0px 0px;
    }

    #activationLoginIframe #emailaSpan{
        padding-bottom: 5px;
        margin-bottom: -1px;
    }
    #activationLoginIframe #linkForForgoten{
    padding-top: 3px;
    }
}
/* The accountActivationSuccess page style For FF Start */

#login .loginBoxCommon{
    margin: 0px;    
}

#login #loginFormbox{
    padding: 0px;
}

#accountPendingActivation #fancybox-wrap{
    top: 238px !important;
}

#loginIFrameContainer{margin-top: 0px;}

/* Account Activation Pages End */