.loginbox{
	position:fixed;
	top: 35%;
	left: 40%;
	width:20%;
	display:none;
	height:28%;
	background-color:white;
	border-style:solid;
	border-color:#f887ff;
	border-width:1px;
	min-height:160px;
	min-width:270px;
	z-index:999;
}
.close{
	background-image:url(../Images/close.png);
	background-size:contain;
	float:right;
	width:30px;
	height:30px;
}
.close:hover{
	cursor:pointer;	
}
.loginheadtext{
	width:100%;
	pointer-events:none;
	height:30px;
	position:absolute;	
	line-height:30px;
}
.loginhead{
	text-align:center;
	height:30px;
	width:100%;
	background-color:#69429b;
	color:white;
	line-height:30px;
}
.loginform{
	width:170px;
	margin:auto;
	text-align:left;
	height:	80px;
}
#OutputLogin{
	width:270px;
	text-align:center;
	height:20px;
	padding-top:3px;
}
.loginregisterbuttons{
	width:170px;
	height:30px;
	margin:auto;	
}
.register{
	float:left;
	height:30px;
	width:65px;	
	background-color:#69429b;
	color:white;
	line-height:30px;
	margin-left:19px;
	text-align:center;
	font-size:16px;
}
#LoginButton{
	background-color:#69429b;
	color:white;
	text-align:center;
	line-height:30px;
	float:right;
	width:65px;
	height:30px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	border-style:none;
	margin-right:19px;
		
}
#LoginButton:hover{
	background-color:#418fcf;
	cursor:pointer;
}
.register:hover{
	cursor:pointer;
	background-color:#418fcf;
}
.forgotpass{
	width:132px;
	height:30px;
	color:white;
	margin:auto;
	margin-top:1px;
	text-align:center;
	background-color:#69429b;
	line-height:30px;
}
.forgotpass:hover{
	cursor:pointer;
	background-color:#418fcf;
}