/*  -----------   Login box ------------ */


.loginbox
{
    color: #555555;  
    top: 30%;
    position: absolute;
    left: 35%;
}
.loginPanel
{
	width: 40em;
	height: 20em;
}
.loginInnerBox, .loginInnerBox table
{
	width: 35em;  
	height: 18em;
}
.loginInnerBox input[type=text], .loginInnerBox input[type=password]
{
	width: 20em;
}
.loginInnerBox .ui-widget-header
{
	height: 2em;
	font-size: 1.3em;
	border: none;
    background: none;
}

#login_link_panel
{
    text-align: left;
    padding-left: 2.6em;
    padding-top: 0.4em;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #aaaaaa;
}

#login_links
{    
   /* vertical-align:middle;*/
    font-color: #ffffff;
}
#login_terms
{
    position: absolute;
    top: 15em;
    /*margin-left: 8.6em;*/
    width: 0em;
}
#login_welcome_message_container {
    position: absolute;
    top: 7em;
    width: 100%;
    height: 30px;
    background-color: #002459;
    text-align: justify;
   
}

#login_welcome_message
{
    position: absolute;
    left: 40em;
	top: 3em;
}


#login_panel_container
{
	position: absolute;
    top: 25em;
    width: 100%;   
    height: 40em;
	background-image: url("$background.png");    
    background-size: 100% 100%;
    background-repeat: no-repeat;
	
}
#login_disclaimer_message_container
{
	position: relative;
    top: 65em;
/*    text-align: justify; */
    background-color: #008c99;
    height: 3em;
    padding: 3em 25em;
    width: auto;
    overflow: hidden;

}

#login_disclaimer_message
{
    font-size: 1.3em;
    color: white;
}
#login_disclaimer_message a, 
#login_disclaimer_message a:active, 
#login_disclaimer_message a:hover,
#login_disclaimer_message a:visited
{
    color: white;	
}

#ELUALink
{
    font-color: #ffffff;	
    width: 0;
}



#login_disclaimer_message_container {
    position: relative;
    top: 70em;
    text-align: center;
    background-color: #008c99;
    height: 3em;
    padding: 3em 25em;
    width: auto;
    overflow: hidden;
    background-color: #002459;
}

#login_panel_container {
    position: absolute;
    top: 10em;
    /* width: 100%; */
    height: 60em;
    background-image: url($background.png);
    background-size: cover;
    /* background-size: 100% 100%; */
    background-repeat: no-repeat;
}
#login_logo_container {
    position: absolute;
    top: 0em;
    height: 12em;
    width: 100%;
    color: darkgray;
}

#login_logo {
    vertical-align: center;
    position: absolute;
    left: 1em;
    top: 4px;
    z-index: 2;
    max-height: 60px;   
}


#login_logo_2 {
    vertical-align: center;
    position: absolute;
    right: 1em;
     top: 5px;
    z-index: 2;
}



/*----------- End of login box ----------*/