
function renderPPLoginOverlay () {
	
	//alert('login');
	
	var formBlockHTML = '';
	var loginDivElem = document.getElementById('loginDiv'); 
	
	
	formBlockHTML = formBlockHTML + '<div><div style="padding:15px;" align="left">';
	formBlockHTML = formBlockHTML + '<a href="#" onclick="return closePPLoginOverlay();">close</a><br><br>';
	formBlockHTML = formBlockHTML + 'Please login here <br><br>';
	formBlockHTML = formBlockHTML + '<form action="/physicians-portal" method="post">';
	formBlockHTML = formBlockHTML + '<div style="margin-bottom:5px;"> Login: <input type="text" name="LOGIN" value="" /> <br> </div>';
	formBlockHTML = formBlockHTML + '<div style="margin-bottom:5px;"> Password: <input type="password" name="PASSWORD" value="" /> <br> </div>';
	formBlockHTML = formBlockHTML + '<div style="margin-bottom:5px;"> <input type="submit" name="loginbutton" value="LOGIN" /> <br> </div>';
	formBlockHTML = formBlockHTML + '</form></div></div>';
	
	loginDivElem.innerHTML = formBlockHTML;
	
	loginDivElem.style.display = 'block';
	loginDivElem.style.height = '200px';
	loginDivElem.style.width = '300px';
	loginDivElem.style.position = 'absolute';
	loginDivElem.style.zIndex = '10';
	loginDivElem.style.top = '45px';
	loginDivElem.style.margin = '0px 0px 0px 543px';
	loginDivElem.style.backgroundColor = 'white';
	loginDivElem.style.border = '4px solid gray';
	
	return false;
}


function closePPLoginOverlay() {
	
	var loginDivElem = document.getElementById('loginDiv'); 
	
	loginDivElem.style.display = 'none';
	loginDivElem.innerHTML = '';
	
	return false;
}