.loginDialog .closeBtn {
    background: url("../img/core_signin_signup/icon-close-login.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px
}
.loginDialog .bg-login-register {
    background: none repeat scroll 0 0 #037ba8;
    height: 337px;
    width: auto
}
.loginDialog .title-login {
    color: #FFF;
    font-size: 16px;
    padding: 14px 60px;
    text-align: center
}
.loginDialog .content-login {
    background: none repeat scroll 0 0 #f6f6f6;
    min-height: 285px
}
.loginDialog .posi {
    margin: 0 auto
}
.loginDialog .remember {
    width: 345px;
    margin: 3px auto;
}
.loginDialog .remember a {
    color: #7B7B7B;
    text-decoration: underline
}
.loginDialog .remember a:hover {
    color: #E24E32
}
.loginDialog .remember .forgot-pass {
    float: right;
    text-decoration: underline
}
.btn-signin-register {
    text-align: center
}
.btn-signin-register .page-signin {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    padding: 10px 15px;
    width: 185px
}
.btn-signin-register .page-register {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    padding: 10px 15px;
    width: 185px
}
.btn-signin-register span,
.btn-signin-register span {
    color: #037ba8;
    font-size: 14px;
    font-weight: bold
}
.btn-signin-register .unactive {
    background: none repeat scroll 0 0 #ddd
}
.btn-signin-register .unactive span {
    color: #999
}
.loginDialog .login-passport,
.loginDialog .register-passport {
    padding-top: 15px;
    text-align: center
}
.loginDialog .title-loginwith {
    padding: 15px
}
.loginDialog .login-passport span,
.loginDialog .register-passport span {
    color: #7B7B7B;
    font-size: 16px;
    font-weight: 500
}
.loginDialog .login-passport .or-login,
.loginDialog .register-passport .or-login {
    height: 32px;
    margin: 0 auto 10px;
    width: 150px
}
.or-login .log_face,
.or-login .log_google {
    display: inline-block;
    height: 38px;
    width: 41px;
    background: url("../img/core_signin_signup/icon-social.png");
    // margin-left: 23px
}
.or-login{
    text-align:center;
}
.or-login .log_face {
    background-position: 0px 0px
}
.or-login .log_google {
    background-position: 104px 0px
}
.loginDialog .title-loginwith1 {
    padding: 10px;
    background: url("../img/core_signin_signup/line-or.png") center center no-repeat;
    margin: 8px 0px 0px 0px
}
.left{
    float:left;
}
.right{
    float:right;
}
.loginDialog .login-passport .cont,
.loginDialog .register-passport .cont {
    font-size: 13px;
    padding: 8px 45px;
    position: relative;
    // height: 45px
}
.loginDialog .login-passport .cont input,
.loginDialog .register-passport .cont input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-clip: padding-box;
    background-color: #FFF;
    border-color: #BDC3C7;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    height: 35px;
    padding: 0 40px;
    position: relative;
    width: 258px;
    font-style: italic;
    color: #999;
    transition: height 4.5s ease-in-out;
    -webkit-transition: height 4.5s ease-in-out;

}
.loginDialog .login-passport .cont .error,
.loginDialog .register-passport .cont .error {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e24e32;
    transition: height 4.5s ease-in-out;
    -webkit-transition: height 4.5s ease-in-out;
}
.loginDialog .login-passport .cont label.error,
.loginDialog .register-passport .cont label.error {
    color: #e24e32;
    font-weight: 500;
    font-size: 13px;
    float: left;
    padding: 4px 13px;
    transition: height 4.5s ease-in-out;
    -webkit-transition: height 4.5s ease-in-out;
    display:none;
    /*   opacity: 0;
        height: 0px*/
}
.loginDialog .login-passport .cont img,
.loginDialog .register-passport .cont img {
    left: 65px;
    position: absolute;
    top: 20px
}
.loginDialog .disable {
    display: none
}
.loginDialog .login-passport .btn-signin,
.loginDialog .register-passport .btn-signin {
    padding: 20px
}
.loginDialog .login-passport .btn-signin input,
.loginDialog .register-passport .btn-signin input {
    background: url("../img/core_signin_signup/btn-login.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFF;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 4px 10px 0px 44px;
    text-decoration: none;
    width: 170px;
    height: 35px;
    border: none;
    outline: none;
    cursor: pointer;
}
.loginDialog .register-passport .remmember .check {}.loginDialog .login-passport .remmember span,
.loginDialog .register-passport .remmember span {
    color: #7B7B7B;
    font-size: 12px;
    font-weight: normal
}
.loginDialog input.white {
    background: #FFF !important
}
.loginDialog {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    margin: 0 auto;
    position: relative;
    width: 430px;
    -webkit-transform: translateZ(0);
}
.loginDialog .remember a {
    font-size: 12px;
}
.error-common{
      color: #e24e32;
    font-weight: 500;
    font-size: 13px;
    padding: 4px 22px;
    transition: height 4.5s ease-in-out;
    -webkit-transition: height 4.5s ease-in-out;  
}