body 
{
    background:white url('../Content/imageLib/Background1.gif');
}

#divLoaderWrapper
{
    position:fixed;
    top:3em;
    display:none;
}

.divMainContentWrapper 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 72em;
}
    
#divLoginTitle 
{
    background-position: center top;
    background-image: url('../../imageLib/LoginBackground.png');
    background-repeat: no-repeat;
    background-size:cover;
    height: 33em;
    text-align: center;
    padding-top:6em;
}

#txtsysname
{
    font-size: 4.5em;
    color: #02629b;
    font-family: 'Carter One', cursive;
}

#txtLoginTitle 
{
    font-size: 3.5em;
    color: #fd8700;
    font-family: 'Staatliches', cursive;
}

#divLinkToOtherSystem 
{
    background-color:white;
    text-align:center;
    border-bottom:1px solid #e5e5e5;
}

.divSystemLink 
{
    cursor:pointer;
    color:#25de8f;
    display:inline-block;
    padding-left:1em;
    padding-right:1em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    margin-left:4em;
    margin-right:4em;
}

.divSystemLink:hover
{
    color:#86eec2;
}



/*for tablets*/
@media screen and (max-width:959px) {
    
}

@media screen and (max-width:700px) {

}

/*for phones*/
@media screen and (max-width:640px) {
    
}

@media screen and (max-width:500px) {
    #divLoginTitle 
    {
        height:23em;
        padding-top:3em;
    }

    #txtsysname
    {
        font-size: 3.5em;
    }

    #txtLoginTitle 
    {
        font-size: 2.5em;
    }
}

/*smallest screen for phones*/
@media screen and (max-width:420px) {
    
}

/*smallest screen for phones*/
@media screen and (max-width:320px) {
    
}