#JoinPage {}
#JoinPage .message-bar{
    padding:7px 0;
    text-align: center;
    background:#F2F2F2;
}

#JoinPage .message-bar .message {
    font-weight: bold;
}

#JoinPage .join-page-area {
    padding:20px 60px;
}
#JoinPage .left-panel {
    float:left;
    width:520px;
}
#JoinPage .right-panel {
    float:right;
    width:320px;
}

#JoinPage .login-box, #JoinPage .signup-box {
    background: white;
    border: 1px solid #F8F8F8;
    border-radius: 3px;    
    -webkit-border-radius: 3px;    
    -moz-border-radius: 3px;    
    box-shadow: 0 3px 8px rgba(0, 0, 0, .30);

}

#JoinPage .login-box .form-box {
    padding:20px 45px;
}

.JoinPageArea {
    background:#f9f9f9;
}

.login-panel .header-text {
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
}

.login-panel .header-text h3 {
    font-size: 22px;   
}

.login-panel .ui-login-form {
    width:410px;
}

.login-panel .ui-login-form tr td{ padding:5px 0;}
.login-panel .ui-login-form tr td.label{ font-weight: bold; padding-right:50px; }

.ui-login-form .ui_field {
    width:259px;
}

.form-box-header-text {
    text-align: center;
    font-size:16px;
    font-weight: bold;
    margin-bottom:10px;
}

.signup-box .form-box{ padding:20px; }
.signup-box .signup-box-header-text{
    text-align:center;
    margin-bottom:10px;
   
}

.signup-box .signup-box-header-text .text {
    background:url(img/lock_32.png) no-repeat;
    padding-left:25px;
    font-weight: bold;
    font-size:18px;
    display:inline-block;
    padding: 3px 0 3px 32px;
}

#JoinPage .signup-box {
    background: white;
    border: 1px solid #F8F8F8;
    border-radius: 3px;    
    -webkit-border-radius: 3px;    
    -moz-border-radius: 3px;    
    box-shadow: 0 3px 8px rgba(0, 0, 0, .30);

}

.ui-grid-signup-form{}
.ui-grid-signup-form .br {
    margin:10px 0px 0px 0px;
}

.signup-error-box {
    margin:5px 0;
    text-align: center;
    color: #D33B3B;
    font-weight: bold;
    height: 20px;
}

.ui-grid-signup-form .label{
    font-weight: bold;
}

.ui-grid-signup-form .hint-text {
    font-weight: normal;
}

.ui-grid-signup-form .ui_field {
    width:265px;
}


.signup-box .privacy-policy, .signup-box .action-bar {
    text-align: center;
    position: relative;
}

.signup-box .action-bar  .wait-loading {
    position: absolute;
    top: 5px;
    left: 75%;
    display:none;
}

.ui-icon-refresh {
    background:url(img/refresh.gif) no-repeat;
    padding-left:17px;
}

.signup-success-msg-box {}
.signup-success-msg-box h3 { margin-top:10px; }
.signup-success-msg-box p { 
   margin: 10px 0;
   line-height: 2.0;
   text-align: justify;
}



#ResetPasswordPage {}
#ResetPasswordPage .header-block{
    padding: 30px 0;
    background: #F2F2F2;
    border-bottom: 1px solid #DBDBDB;
    text-align: center;
    font-size: 14px;
    line-height: 2.0;
}

#ResetPasswordPage .header-block h2 {
    font-size:26px;
}
#ResetPasswordPage {}

.forgot-password-form-area {
    padding:40px 0;
}
.forgot-password-box {
    background: white;
    border: 1px solid #F8F8F8;
    border-radius: 3px;    
    -webkit-border-radius: 3px;    
    -moz-border-radius: 3px;    
    box-shadow: 0 3px 8px rgba(0, 0, 0, .30);
    
    width: 320px;
    margin: auto;
}

.forgot-password-form-area .form-box{
    padding:20px;
}

.forgot-password-box .ui-grid-signup-form .br {
    margin-top:25px;
}

.forgot-password-box .action-bar {
    text-align: center;
}

.reset-password-success-msg-box {}
.reset-password-success-msg-box h3{ margin-top:10px;}
.reset-password-success-msg-box p{ margin:10px 0;}