<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<title>UbuildIt : University Login</title>

<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script type="text/javascript">
<!--
function setEmail(){
		document.login_form.email.value = document.login_form.preEmail.value;
}
function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
		if (pair[0] == variable) {
			return true;
		}
	}
	return false;
}

function checkPageType(){
	var isSessionTimeout = getQueryVariable("st");
	var isLoginFailure = getQueryVariable("lf");
	var isLockOut = getQueryVariable("lo");
	var message = false;
	if(isSessionTimeout != false){
		message ="<p><img src='alert.gif' align='left'/>Your session has timed out, please login again.</p>";
	}else
	if(isLoginFailure != false){
		message ="<p><img src='alert.gif' align='left'/>You have entered an invalid learner ID or password!  Please try again.</p>";
	}else
	if(isLockOut != false){
		message ="<p><img src='alert.gif' align='left'/>Sorry, your account has been locked because of too many unsuccessful attempts.  Your account will be unlocked after 15 minutes.</p>";
	}
	if(	message != false ){
		document.write(message);	
		var id = "fieldsContainer";
		var obj = document.getElementById(id);
		obj.className = "fcWrong";	
	}
}

function init(){
	document.login_form.preEmail.focus();
}
-->
</script>
<style type="text/css">
<!--
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
input.tField {
	border: 0px;
	background-color: #ffffff;	
	font-size:14px;
	font-weight:bold;
	color:#000000;
	width: 240px;
}
div#fieldsContainer{
	height: 200px;
	width: 430px;
	left: 85px;
	top: 315px;
	position: absolute;
	background:url(fields.gif) no-repeat;
	z-index: 10;
}
.fcRight{
	left: 40px;
	top: 182px;
}
.fcWrong{
	left: 40px;
	top: 182px;
}
div#emailContainer {
	height: 26px;
	width: 242px;
	left: 160px;
	top: 7px;
	position: absolute;
}
div#passwordContainer{
	height: 26px;
	width: 250px;
	left: 160px;
	top: 58px;
	position: absolute;
}

div#submitContainer{
	height: 35px;
	width: 100px;
	left: 345px;
	top: 95px;
	position: absolute;
}
div#massage{
	height: 20px;
	width: 600px;
	left: 85px;
	top: 250px;
	position: absolute;
	color:#282828;
	font-family: "Arial";
	font-size: 13px;
}
div#massage p{
	margin:0;
	padding:0;
	color:#282828
	font-family: "Arial";
	font-weight: bold;
	vertical-align: middle;
}
div#message{
	height: 60px;
	width: 500px;
	left: 110px;
	top: 275px;
	position: absolute;
	color:#bf0000;
	font-size:13px;
	z-index: 5;
	vertical-align: middle;
}
div#message p{
	margin:0;
	padding:0;
	color:#e00909;
	font-family: "Arial";
	font-weight: bold;
	vertical-align: middle;
}
div#linkContainer{
	height: 28px;
	width: 206px;
	top: 102px;
	left: 130px;
	position: absolute;
	font-family: "Arial";
	color:#000000;
	text-align:right;
	font-size:11px;
}
#linkContainer a{
	font-size: 13px;
	color:#000000;
	text-decoration:none;
}
#linkContainer a:hover{
	text-decoration:underline;
}
div#ePathContainer{
	height: 15px;
	width: 500px;
	top: 440px;
	left: 80px;
	position: absolute;
	font-family: "Verdana";
	text-align: center;
	font-size: 11px;
}
#ePathContainer a{
	font-size: 11px;
	color:#000000;
	text-decoration:none;
}
#ePathContainer a:hover{
	text-decoration:underline;
}

div#container {
	background:url(background.jpg) no-repeat;
	width: 687px;
	height: 500px;
	margin: 0 auto;
	position: relative;
}
.hidden{
	display:none;
}
-->
</style>
</head>
<body  onload="init();">

<div id="container">
  <form name="login_form" target="_top" onsubmit="setEmail()" action="http://www.epathcampus.com/servlets/Campus" method="post">
    <input name="disp" value="CourseList" type="hidden" />
    <input name="proc" value="Login" type="hidden" />
    <input name="organization" value="UBU33723" type="hidden" />

	<input name="loginPortal" value="http://www.epathcampus.com/ubuildit/index.html?st" type="hidden" />
	<input name="errorURL" value="http://www.epathcampus.com/ubuildit/index.html?lf" type="hidden" />
	<input name="lockedURL" value="http://www.epathcampus.com/ubuildit/index.html?lo" type="hidden" />
	
	<input name="logoutPortal" value="http://www.epathcampus.com/ubuildit/index.html" type="hidden" />
	<input name="email" type="hidden" value="" />
	
    <input name="rememberemail" value="no" type="hidden" />
    <input name="hideRemember" value="no" type="hidden" />
    <input name="rememberorg" value="yes" type="hidden" />
	<input name="externalPasswordManagement" value="no" type="hidden" />
    
    <h1 class="hidden">Welcome to the UbuildIt University!</h1>
    <p class="hidden">Please enter your learner ID and password to launch your personalized campus.</p>
	
	<div id="fieldsContainer" class="fcRight">

		<div id="emailContainer"> <span class="hidden">Email:</span>
		  <input name="preEmail" type="text" class="tField" id="preEmail" />
	  </div>

		<div id="passwordContainer"> <span class="hidden">Password:</span>
		  <input name="password" type="password" class="tField" id="password" />
	  </div>

		<div id="submitContainer">
		  <input type="image" name="submit" src="button_normal.gif" />
	  </div>
    </b>
		<div id="linkContainer"><a href="http://epathcampus.com/servlets/Campus?disp=AccountHelp&organization=UBU33723
&email=null&mode=full">Get Help</a></div>
	</div>
	<div id="massage"><p>Please enter your learner ID and password to launch your personalized campus.</p>
	</div>
	  <div id="ePathContainer"><a href="http://epathlearning.com">Powered by ePath Learning, Inc.</a></div>
	<div id="message">
    <script type="text/javascript"> checkPageType(); </script></div> 
  </form>
  

</div>
</body>
</html>�