/* ----------------------------------------------------------- 
Meyer Reset
----------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- 
Clearfix workaround
----------------------------------------------------------- */
.clearfix:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0;
}
.clearfix{display:inline-block;} /* for IE/Mac */
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- 
Global Styles
----------------------------------------------------------- */
body#my-wp-login{
    background: #051048 url('../images/my-wp-login-bg-2.jpg') repeat-x top center;
    font:normal normal 1em/1.5 arial, sans-serif;
}
#my-wp-login a{
    border-bottom:1px dashed #fff;
    color:#fff;
    text-decoration:none;
}
    #my-wp-login a:hover{
        border-bottom:none;
    }
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- 
Layout Styles (box-models)
----------------------------------------------------------- */
#my-wp-login .my-wp-login-box{
    background: transparent url('../images/my-wp-login-form-bg-repeat.jpg') repeat-y top center;
    margin:0 auto;
    text-align:center;
    width:600px;
}
    #my-wp-login .my-wp-login-box .my-wp-login-form-top{
        background:transparent url('../images/my-wp-login-form-bg-top.jpg') no-repeat top center;
        min-height:440px;
        width:600px;
    }
    #my-wp-login .my-wp-login-box .my-wp-login-form-bottom
    {
        background:transparent url('../images/my-wp-login-form-bg-bottom.jpg') no-repeat top center;
        height:50px;
        width:600px;
    }
/* ----------------------------------------------------------- */

/* ----------------------------------------------------------- 
Typography Styles
----------------------------------------------------------- */
/* h1 title style */
#my-wp-login .my-wp-login-box .my-wp-login-form-top h1.my-wp-title{
    background:transparent url('../images/MyWPbanner-logo-1.jpg') no-repeat top center;
    color:#b2b2f2;
    font-size:2.4em;
    font-weight:bolder;
    margin:0 auto;
    padding:2em 0 0;
    text-align:center;
    text-transform:lowercase;
}
/* ---------------------- */
/* p details style */
#my-wp-login .my-wp-login-box .my-wp-login-form-top p.my-wp-form-details{
    background: #4855c5 url('../images/my-wp-login-p-bg.jpg') repeat-x top center;
    border-top:1px dashed #b2b2f2;
    border-bottom:1px dashed #b2b2f2;
    color:#b2b2f2;
    font-size:.8em;
    min-height:40px;
    margin:1em 80px 0;
    padding:1em;
    text-align:center;
}
    #my-wp-login .my-wp-login-box .my-wp-login-form-top p.my-wp-form-details em{
        font-size:.85em;
        font-style:italic;
    }
/* ---------------------- */
/* form style */  
#my-wp-login .my-wp-login-box .my-wp-login-form-top form{
    color:#fff;
    font-size:1.2em;
    margin:1em 80px 0;
}
    /* input Container Styles */
        #my-wp-login .my-wp-login-box .my-wp-login-form-top form > div{
            clear:both;
            display:block;
            padding:0 0 .6em 0;
        }
    /* ---------------------- */
        /* label styles */
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div label{
                display:inline;
                float:left;
                font-size:1em;
                line-height:1.8em;
                margin:0;
                padding:0 10px 0 0;
                text-align:left;
                width:80px;
            }
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div label.right-label {
              width: auto;
              
            }
        /* ---------------------- */
        /* input styles */
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div input[type="text"],
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div input[type="password"] {
                border:3px solid #333377;
                color:#000;
                display:inline;
                float:left;
                font-size:1em;
                margin:0;
                padding:3px 5px;
                width:334px;
            }
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div input.password-input{
                display:inline;
                float:left;
                width:150px;
            }
        /* ---------------------- */
        #my-wp-login .my-wp-login-box .my-wp-login-form-top form div a.forgot-password-link{
            display:inline;
            float:left;
            font-size:.6em;
            margin:0 0 0 10px;
            padding-top:.8em;
        }
        /* Alert Styles */
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div input.alert-input{
                background-color:pink;
                border:3px solid red;
            }
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div span.alert-text{
                clear:both;
                color:pink;
                display:block;
                font-size:.6em;
                margin:0 0 0 95px;
                padding:.5em 0 0 0;
                text-align:left;
            }
            
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div span.message-text{
                clear:both;
                display:block;
                font-size:.6em;
                margin:0 0 0 95px;
                padding:.5em 0 0 0;
                text-align:left;
            }
        /* ---------------------- */
        /* input Submit Button Styles */
            #my-wp-login .my-wp-login-box .my-wp-login-form-top form div.submit-btn{
                border-top:1px dashed #b2b2f2;
                margin:0 auto;
                padding:.5em 0;
                text-align:center;
            }
                #my-wp-login .my-wp-login-box .my-wp-login-form-top form div.submit-btn input.login-btn,
                #my-wp-login .my-wp-login-box .my-wp-login-form-top form div.submit-btn input.request-password-btn{
                    background:transparent url('../images/my-wp-login-submit-btn-login-up.png') no-repeat 100% 0;
                    border:none;
                    color:#fff;
                    cursor:pointer;
                    display:block;
                    float:none;
                    height:60px;
                    margin:.6em auto 0;
                    padding:0;
                    text-align:center;
                    text-indent:-9999px;
                    width:260px;
                }
                    #my-wp-login .my-wp-login-box .my-wp-login-form-top form div.submit-btn input.login-btn{
                        background:transparent url('../images/my-wp-login-submit-btn-login-up.png') no-repeat 100% 0;
                    }
                    #my-wp-login .my-wp-login-box .my-wp-login-form-top form div.submit-btn input.request-password-btn{
                        background:transparent url('../images/my-wp-login-submit-btn-request-password-up.png') no-repeat 100% 0;
                    }
                #my-wp-login .my-wp-login-box .my-wp-login-form-top form div.submit-btn a.back-to-login-link{
                    font-size:.6em;
                }
        /* ---------------------- */