.default .login
{
    float: left;
}

    .default .login .title
    {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
    }

   .default .login .error
    {
        max-width: 350px;
        color: #a01515;
        text-align: left;
    }

   .default .login .login-top
    {
        position: relative;
        width: 400px;
        height: 19px;
        background: url(/common/images/security/bg-login-top.png) no-repeat left top;
        z-index: 9;
    }

   .default .login .login-middle
    {
        position: relative;
        width: 400px;
        min-height: 150px;
        background: url(/common/images/security/bg-login-middle.png) repeat-y left top;
        z-index: 9;
        text-align: left;
        color: #666;
        padding: 0 20px 0 20px;
    }

     .default   .login .login-middle .tdClass
        {
            padding: 5px;
        }

      .default  .login .login-middle .btn-forgot-pw
        {
            position: relative;
            color: #666;
            text-decoration: none;
        }

       .default     .login .login-middle .btn-forgot-pw:hover
            {
                color: green;
                text-decoration: underline;
            }
        .default  .login .login-middle .btn-login
    {
        position: relative;
        width: 100px;
        height: 31px;
        z-index: 3;
        background: url(/Common/images/security/btn-login1.png) no-repeat left top;
    }

  .default  .login .login-bottom
    {
        position: relative;
        width: 400px;
        height: 20px;
        background: url(/common/images/security/bg-login-bottom.png) no-repeat left top;
        z-index: 9;
    }

.default .register
{
    float: left;
}

  .default  .register .title
    {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
    }

  .default  .register .error
    {
        max-width: 350px;
        color: #a01515;
        text-align: left;
    }

  .default  .register .register-top
    {
        position: relative;
        width: 400px;
        height: 19px;
        background: url(/common/images/security/bg-login-top.png) no-repeat left top;
        z-index: 9;
    }

  .default  .register .register-middle
    {
        position: relative;
        width: 400px;
        min-height: 150px;
        background: url(/common/images/security/bg-login-middle.png) repeat-y left top;
        z-index: 9;
        text-align: left;
        padding: 0 20px 0 20px;
        color: #666;
        float: none;
    }

   .default .register .register-bottom
    {
        position: relative;
        width: 400px;
        height: 20px;
        background: url(/common/images/security/bg-login-bottom.png) no-repeat left top;
        z-index: 9;
    }

  .default  .register .register-middle .tdClass
    {
        padding: 5px;
    }

  .default  .register .register-middle .btn-register
    {
        position: relative;
        width: 100px;
        height: 31px;
        z-index: 3;
        background: url(/common/images/security/btn-register.png) no-repeat left top;
    }

.myaccount
{
}

    .myaccount .title
    {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
    }

    .myaccount .error
    {
        max-width: 350px;
        color: #a01515;
        text-align: left;
    }

    .myaccount #myaccount-top
    {
        position: relative;
        width: 400px;
        height: 19px;
        background: url(/common/images/security/bg-login-top.png) no-repeat left top;
        z-index: 9;
    }

    .myaccount #myaccount-middle
    {
        position: relative;
        width: 400px;
        min-height: 150px;
        background: url(/common/images/security/bg-login-middle.png) repeat-y left top;
        z-index: 9;
        text-align: left;
        padding: 0 20px 0 20px;
        color: #666;
        float: none;
    }

    .myaccount #myaccount-bottom
    {
        position: relative;
        width: 400px;
        height: 20px;
        background: url(/common/images/security/bg-login-bottom.png) no-repeat left top;
        z-index: 9;
    }

.myaccount-native #native-top
{
    position: relative;
    width: 400px;
    height: 19px;
    background: url(/common/images/security/bg-login-top.png) no-repeat left top;
    z-index: 9;
}

.myaccount-native #native-middle
{
    position: relative;
    width: 400px;
    min-height: 150px;
    background: url(/common/images/security/bg-login-middle.png) repeat-y left top;
    z-index: 9;
    text-align: left;
    padding: 0 20px 0 20px;
    color: #666;
    float: none;
}

.myaccount-native #native-bottom
{
    position: relative;
    width: 400px;
    height: 20px;
    background: url(/common/images/security/bg-login-bottom.png) no-repeat left top;
    z-index: 9;
}

.myaccount-native .div1
{
    margin-bottom:10px;
    margin-left:2px;
    margin-right:2px;
  
}

 .myaccount-native  .title
    {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
    }
.myaccount #myaccount-middle .tdClass
{
    padding: 5px;
}


#lostpassword
{
    max-width: 350px;
}

    #lostpassword .title
    {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 5px;
    }

    #lostpassword .error
    {
        max-width: 350px;
        color: #a01515;
    }

#lostpassword-top
{
    position: relative;
    width: 400px;
    height: 19px;
    background: url(/common/images/security/bg-login-top.png) no-repeat left top;
    z-index: 99!important;
}

#lostpassword-middle
{
    position: relative;
    width: 400px;
    min-height: 150px;
    background: url(/common/images/security/bg-login-middle.png) repeat-y left top;
    z-index: 9;
    text-align: left;
    color: #666;
}

#lostpassword-bottom
{
    position: relative;
    width: 400px;
    height: 18px;
    background: url(/common/images/security/bg-login-bottom.png) no-repeat left top;
    z-index: 9;
}

#lostpassword-middle #lostpassword
{
    position: relative;
    top: 0px;
    left: 20px;
}

    #lostpassword-middle #lostpassword td
    {
        padding: 5px;
    }

#shareEmail
{
}

    #shareEmail .error
    {
        max-width: 550px;
        color: #a01515;
    }

    #shareEmail .instructions
    {
        font-size: 10px;
        color: #00573d;
        width: 550px;
        margin-top: 20px;
    }

#shareEmail-top
{
    position: relative;
    width: 600px;
    height: 38px;
    background: url(/common/images/main/sendtoafriend/bg-top.png) no-repeat left top;
    z-index: 99!important;
}

#shareEmail-middle
{
    position: relative;
    width: 600px;
    min-height: 150px;
    background: url(/common/images/main/sendtoafriend/bg-middle.png) repeat-y left top;
    z-index: 9;
    text-align: left;
    color: #666;
}

#shareEmail-bottom
{
    position: relative;
    width: 600px;
    height: 16px;
    background: url(/common/images/main/sendtoafriend/bg-bottom.png) no-repeat left top;
    z-index: 9;
}

#shareEmail-middle #shareEmail
{
    position: relative;
    top: 0px;
    margin-left: 20px;
    margin-right: 20px;
}

    #shareEmail-middle #shareEmail td
    {
        padding: 5px;
    }

#shareEmail-middle .btn-shareEmail-cancel
{
    position: relative;
    top: -15px;
    cursor: pointer;
}

    #shareEmail-middle .btn-shareEmail-cancel:hover
    {
        text-decoration: underline;
    }

#shareEmail-middle .btn-shareEmail
{
    position: relative;
    width: 93px;
    height: 37px;
    z-index: 3;
    background: url(/common/images/btn-submit.gif) no-repeat left top;
}

.field-error
{
    border: 3px solid #a01515!important;
}

.modal-popup-background
{
    background-color: #221100;
    filter: alpha(opacity=60);
    opacity: 0.6;
}