/* MembershipServiceSerice related*/
body{
    margin-left: 15px;
 background: none;
}

.login-fields {
    margin-top: 10px;
    background-color: rgb(220,220,220);
    padding: 20px 30px 10px 30px;
    border-radius: 2px;
    width: 290px;
    min-width: 290px;
    max-width: 29px;
}

.login-field {
    /*float: left;*/
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
}

.login-field-label {
    display: block;
    clear: both;
    font-size: 9pt;
    font-weight: normal;

    letter-spacing: 0px;
}

.login-field-input {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
}

.login-buttons {
    /*float: right;*/
    clear: both;
    text-align: right;
    width: 280px;
    min-width: 280px;
    max-width: 280px;
}

.login-errors {
    /*float: left;*/
    clear: both;
    color: red;
    font-size: 9pt;
    font-weight: normal;

}

.logged-MembershipService {
    font-weight: bold;
}

.apply-title {
    clear: both;
    font-size: 22pt;
    font-weight: bold;

    letter-spacing: -2px;
}

.apply-banner {
    margin-top: 10px;
    width: 600px;
    min-width: 600px;
    max-width: 600px;
}

.apply-fields {
    margin-top: 10px;
    background-color: rgb(220,220,220);
    padding: 20px 30px 10px 30px;
    border-radius: 2px;
    width: 600px;
    min-width: 600px;
    max-width: 600px;
    height: 220px;
    min-height: 220px;
    max-height: 220px;
}

.apply-field {
    float: left;
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    height: 60px;
    min-height: 60px;
    max-height: 60px;
}

.apply-field-label {
    display: block;
    clear: both;
    font-size: 9pt;
    font-weight: normal;

    letter-spacing: 0px;
}

.apply-field-input {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
}

.apply-buttons {
    float: right;
    clear: both;
    text-align: right;
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}
.apply-buttons-inner {
    float: right;
}

.apply-buttons-inner label > p{
    display: inline;
}

.apply-errors {
    float: left;
    clear: both;
    color: red;
    font-size: 9pt;
    font-weight: normal;

}

/*customer club bonus box */
.membershipservice-container {
    margin-bottom: 20px;
}

.bonus-container {
    width: 100%;
    background: rgb(220,220,220);
    border-radius: 2px;
}

.info-container {
    background: rgb(220,220,220);
    width: 100%;
    border-radius: 2px;
}

.endAccount-container {
    background: rgb(220,220,220);
    border-radius: 2px;
    width: 100%;
}

.info-rightSide-container {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.info-leftSide-container {
    display: inline-block;
    width: 48%;
    border-right: 1px solid gray;
}

.float-right-container {
    float: right;
}

.padding-wrapper {
    padding: 10px;
    overflow: hidden;
}

.header-text {
    font-weight: bold;
}

.membershipservice-welcomeHeader {
    margin-bottom: 20px;
    font-weight: bold;
}

.membershipservice-welcomeHeader p {
        display: inline-block;
}

.divWaiting {
    position: absolute;
    background-color: #FAFAFA;
    z-index: 2147483647 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 20%;
}

.changePassword-container {
    margin-bottom: 20px;
}

#changePasswordLink {
    text-decoration: underline;
}

#changePasswordLinkContainer {
    margin-top: 20px;
}
.end-account-mss {
  float: left;
}
.membershipservice-welcomeHeader, .membershipservice-container {
  margin-left: 10px;
  margin-right: 10px;
}
.info-leftSide-container > div, .info-rightSide-container > div {
  padding-bottom: 10px;
}

.bonuspoints-label-container {
   display: inline-block; vertical-align: top;
}

.bonus-points-container {
   display: inline-block; width:48%;
}