/* Override some defaults */
html, body 
{
    background-color: #eee;
}

.alert {
    top: -10px;
    position: relative;
}
   
.login-dialog 
{
    padding: 10px 15px;    
    width: 600px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.login-image {
    width: 250px;
    float: left;
}

.login-image img {
    margin-top: 20px;
}

.login-form {
    width: 350px;
}

.login-header {
    margin-top: 15px;
	margin-bottom: 45px;
	color: #006DCC;
}

.login-fields {
    margin-top: 26px;
}

.login-fields p {
    margin-top: 42px;
}

.field-validation-error {
    display: block;
}

footer {
      border-top: 1px solid #ccc;
}

.footertext { 
color: #666666;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 11px;
margin-top: 60px;
margin-bottom: 0px;
}

.footerlogo { 
margin-top: 3px;
}
@media (max-height: 800px) {
    .login-dialog {
        margin-top: 0;
    }
}

@media (max-width: 767px)
{
    .login-dialog {
        width: 300px;
        margin-top: 20px;
    }

    .login-image {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .login-image img {
        margin-top: 0;
    }

    .login-form {
        width: 100%;
    }

    .login-header {
        margin-top: 0;
    }

    .login-fields input[type="text"],
    .login-fields input[type="password"]
    {
        width: 286px;
    }

    .login-fields p {
        margin-top: 8px;
        float: right;
    }

    .login-form.error {
        width: 300px;
        margin-left: 0;
    }

    footer {
        margin-top: 10px;
    }
}