/* Wrapping Login table */
.Login1
{
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.logoDisp
{
    position:absolute;
    top:212px;
    left:20%;
    width:60%;
    height:216px;
}
.loginUser,.loginPass
{
 	    border: 0px solid #000033;
	    border-bottom-width: 2px;
	    background-color: #A9BACE;
	    width:45%;
	    font-size:1.6em;
	    text-align:center; 
}



.loginUser
{
    position:absolute;
    top:15px;
    left:27.5%;
}
.loginPass
{
    position:absolute;
    top:70px;
    left:27.5%;
}
.rememberMe
{
    position:absolute;
    top:170px;
    left:20%;
}
.rememberMeLabel
{
    position:absolute;
    top:170px;
    left:26%;
    color:#000;
    font-weight:700;
}

/* Login User required marker */
#Login1_UserNameRequired
{
    color: Red;
    visibility: hidden;
}
/* Login Password required marker */
#Login1_PasswordRequired
{
    color: Red;
    visibility: hidden;
}

/* Login Button */
.buttonLogin
{
    position:fixed;
    top:120px;
    width:25%;
    left:37.5%;
    height:32px;
    border: 1px solid #000033;
    padding-left:1%;
    padding-right:1%;
    font-weight:600;
}
/* Login error labels for error messaging */
.errorLabel
{
    display: block;
    clear: right;
}
@media screen and (min-aspect-ratio: 13/9)
{
    .loginUser
    {
        top:5px;
        left:2%;
        width:30%;

    }
    .loginPass
    {
        top:5px;
        width:30%;
        left:35%;
    }
    .rememberMe
    {
        top:58px;
        left:32%;

    }
    .rememberMeLabel
    {
        top:58px;
        left:35%;

    }
    .buttonLogin
    {
        top:5px;
        height:9%;
        min-height:31px;
        left:67%;
    }
    .logoDisp
    {
        width:40%;
        left: 30%;
        top:100px;
        min-height:108px;
    }
}