/* Generic */
#modal div.container {
    font-size: 14px;
    min-width: 400px;
}

#modal div.container h1 {
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 0 10px 0;
    padding-bottom: 5px;
}

#modal div.container h1 a {
    float: right;
    margin-right: 10px;
}

#modal div.container h3 {
    margin: 0;
}

#modal .bottom {
    border-top: 1px solid #CCC;
    margin-top: 10px;
    padding-top: 10px;
    position: relative;
    text-align: right;
}

#modal .bottom .links {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: left;
}

/* Login/Register popups */
#modal .login_modal,
#modal .register_modal,
#changeCountryFrm,
#changeEmailFrm,
#changePasswordFrm {
    width: 400px;
}

#modal .loginPart {
      float: left;
      max-width:500px;
}

#modal .twoFa {
    max-width:900px;
}

#modal .loginPart .msg-error {
    display:block;
    color: #ff0000;
}

#modal .after_checkbox {
    display: inline;
}

#username {
    background: url(../images/icons/user.png) no-repeat 6px center;
    padding-left: 30px;
}

#password,
#passconf,
#oldpass {
    background: url(../images/icons/pass.png) no-repeat 6px center;
    padding-left: 30px;
}

#twofactor {
    background: url(../images/icons/smartphone.gif) no-repeat 6px center;
    padding-left: 26px;
}

#email {
    background: url(../images/icons/email.png) no-repeat 6px center;
    padding-left: 30px;
}

#subject {
    padding-left: 30px;
}

.securityQuestion {
    font-size: 11px;
}

.referral {

}

.shares_total {
    margin-top: 10px;
}

/* Non popup part */
/* Generic */
#main_content div.container {
    font-size: 14px;
    min-width: 400px;
}

#main_content div.container h1 {
    background: url(../images/popup_bg.jpg) repeat-x #FFFFFF;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 20px;
    margin: 0 0 10px 0;
    padding: 10px;
}

#main_content div.container h1 a {
    float: right;
    margin-right: 10px;
}

#main_content div.container h3 {
    margin: 0;
}

#main_content .bottom {
    border-top: 1px solid #CCC;
    margin-top: 10px;
    padding-top: 10px;
    position: relative;
    text-align: right;
}

#main_content .bottom .links {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: left;
}

#main_content .login_modal,
#main_content .register_modal {
    /*width: 100%;*/
}

#main_content .loginPart {
    float: left;
}

#main_content .after_checkbox {
    display: inline;
}

#pinFrm {
    max-width: 500px;
}