function buildLogInForm() {
	var form = document.getElementById('logInForm');
	if (!form) return;
	var defaultNameValue = '<Enter Name>';
	var defaultPassWord	 = '<Enter password>';
	
	//var userNameLabel = document.createElement('text');
	//userNameLabel.innerHTML = 'Rider Id:';
	//form.appendChild(userNameLabel);
	var nameInput = document.createElement('input');
	nameInput.setAttribute('type','text');
	nameInput.value = defaultNameValue;
	nameInput.onclick = function() {
		
		
		//if (this.value == defaultNameValue) {
			
			this.focus();
			this.select();

		//}
	}
	form.appendChild(nameInput);
	var passWrdInput = document.createElement('input');
	// passWrdInput.value = defaultPassWord;
	passWrdInput.setAttribute('type','password');
	passWrdInput.onclick = function() {
			this.focus();
			// this.setAttribute('type','password');
			this.select();
	}
	form.appendChild(passWrdInput);
	var logInBtn = document.createElement('href');
	logInBtn.innerHTML = 'Sign In';
	logInBtn.className = 'logInBtn';
	logInBtn.onmouseover = function() {
		
		if (this.className == 'logInBtn') {
			this.className = 'logInBtnActive';
		} else {
			this.className = 'logInBtn';
		}
		
	}
	logInBtn.onmouseout = function() {
		
		if (this.className == 'logInBtn') {
			this.className = 'logInBtnActive';
		} else {
			this.className = 'logInBtn';
		}
		
	}
	var btnDiv = document.createElement('div');
	btnDiv.setAttribute('id','loginBtnDiv');
	btnDiv.appendChild(logInBtn);
	form.appendChild(btnDiv);
}