/* -----------------------------  top header div ----------------------- */

.welcomeImageDiv {
    position:relative; 
	width:auto; 
	height: 20vh;
	margin:auto;  
	margin-bottom:2vh;  
	margin-top:5vh; 
	text-align:center;
} 

	   .welcomeImage {
			position:relative; 
			width:auto; 
			height: 100%;
			margin:auto;  
	   } 



.welcomeDiv {
    position:relative; 
	width:100%; 
	height:auto;
	margin:auto;  
	text-align:center;
	margin-top:4vh;  
	margin-bottom:2vh;  
}  

    .welcomeText {
		position:relative; 
		width:auto; 
		height: auto;
		margin:auto;  
		text-align: center;
		font-size: 5vh;
		color: SteelBlue;
		margin-top:2vw;
   } 






.loginContainer {
    position:relative;
	font-size:1em; 
	font-weight: bold; 
	text-align:center; 
	margin:auto;
	width:auto;
	background-color:transparent; 
	margin-top:5vh; 
}

	   .loginContainerRow {
			height:30px;  margin:auto; margin-bottom:1% ; vertical-align: middle; text-align:center;  width:100%; margin-top:1%; 
		}

				.usernameIcon {
					  height:100%;  vertical-align: bottom;
				}


				.usernameText {
					 background-color:transparent;   margin-left:5px;	 font-size:20px;    height:100%; vertical-align: bottom;
				} 


				.passwordIcon {
					height:100%;  vertical-align: bottom;
				}

				.passwordText {
					position:relative;background-color:transparent;  margin-left:5px;	font-size:20px;  height:100%; vertical-align: bottom;
				}
				

				.simpleLoginButton {
					width:auto; border-radius:5px; background-color:#50B7BC; height:140%;   width:20vw; 
					font-family:Helvetica;  position:relative;  	margin-left:5px; cursor:pointer; font-size:20px; 
				}
			
			

.registrationDIVMainframe {
    position:relative;
	background-color:transparent;
	width:100%;
	text-align:center; 
}