






<?xml-stylesheet type="text/xsl" href="/dxoapp/framework/xml.xsl"?>
<ez:html xmlns:ez="http://www.ez-data.com/" contextPath="/dxoapp/">
    <head>
			<title>Welcome</title>
			<script src="framework/base.js">//</script>
			<script src="/dxoapp/login.js">//</script>
    </head>    
<link href="./styles/style.css" rel="stylesheet" type="text/css"/>
	<style type="text/css">
		.divVisible {
			display: block;
		}
		.divHidden {
			display: none;
		}
		.errorMsg {
			color:red;
			font-size:15px;
		}
		.successMsg {
			color:green;
			font-size:15px;
		}
		#login{
			margin-left: -215px;
			margin-right: 30px;
		}
	</style>
	<body>

	<!-- GLOBAL NAV -->

	<table width="100%" cellpadding="0" cellspacing="0" border="0"
		height="80%" style="margin-top: 90px">
		<tr>
			<td width="20%" valign="top"></td>
			<td width="60%" valign="top" align="center">
			<table width="442" cellpadding="18" cellspacing="1" border="0"
				bgcolor="#CCCCCC">
				<tr>
					<td bgcolor="#FFFFFF"><a
						href="/dxoapp/about.jsp"  style="float: right" tabindex="5"><font size="2">About</font></a> <br />
					<br />
					<!-- /PAGE TITLE --> <!-- BODY CONTENT -->
					<table width="404" cellpadding="0" cellspacing="0" border="0">
						<tr>
							<td>
							<p />
							<p />
							<p />
							<div align="center">
							<table border="1" id="table4" cellspacing="0" cellpadding="5"
								style="border-style: dotted; border-width: 0;" bgcolor="#FFFFFF"
								width="70%">
								<tr>
									<td bgcolor="#2F5B99"><b><font color="#FFFFFF">Login</font></b></td>
								</tr>
								<tr>

								<p class="errorMsg"></p>
								<p class="errorMsg"></p>
								<p class="errorMsg"></p>
								
								
								
									<td>
									<div align="left">
									<form method="post" id="loginForm"
										action='/dxoapp/j_security_check'>
									<table border="0" cellpadding="2" cellspacing="0" id="table5">
										<tr>
											<td colspan="2"></td>
										</tr>
										<tr>
											<td>
											<p align="right"><font size="2"><b>UserName</b> </font></p>
											</td>
											<td><input type="text" name="j_username" id="j_username"
												size="25" tabindex="1"
												title='Your username is Case-sensitive.' required='true' /></td>
										</tr>
										<tr>
											<td>
											<p align="right"><font size="2"><b>Password</b> </font></p>
											</td>
											<td><input type="password" name="j_password"
												id="j_password" size="25" tabindex="2"  required='true'/></td>
										</tr>
										<tr>
											<td></td>
											<td><input type="hidden" name="j_uri"
												id="j_uri" value="" /></td>
											<td><!-- for Resin --> <input type="submit" class="button"
												name="login" id="login" value="Login" tabindex="3"/><input
												type="reset" class="button" name="reset" id="reset"
												value="Reset" tabindex="4"
												onclick="document.getElementById('j_username').focus()" /></td>
										</tr>
									</table>
									</form>
									</div>
									</td>
								</tr>
							</table>
							</div>

							</td>
						</tr>
					</table>
					<p />
					<center>
					<ul class="small">
						<a href="/dxoapp/jsp/forgotpwd.jsp"><font
							size="2"> Click here if you forgot your password.</font></a>
						<br />
						<a href="/dxoapp/jsp/forgotusername.jsp"><font
							size="2"> Click here if you forgot your username.</font></a>
					</ul>
					</center>
					<br />

					<br />
					<br />
					<div id="AboutFrame" class="divHidden"><iframe width="120%"
						name="AboutInLogin" style="position: absolute; top: 430px;"
						scrolling="no" frameborder="0"></iframe></div>
					<!-- /BODY CONTENT --></td>
				</tr>
			</table>

			</td>
			<td width="20%"></td>

		</tr>
		<!-- /BODY CONTENT -->
		<!-- FOOTER -->
		<tr>
			<td></td>
			<td>
			<table width="50%" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td colspan="10" bgcolor="#CCCCCC"><img src="./image/framework/clear.png" width="1" height="1" alt="" /></td>
				</tr>
				<tr>
					<td colspan="10"><img
						src="./image/framework/clear.png" width="1" height="7"
						alt="" /></td>
				</tr>
				<tr>
					<td><img src="./image/framework/clear.png"
						width="31" height="1" alt="" /></td>
					<td style="display: ruby-text;border-bottom-width:1px;width:100%;">Copyright &#169; <span id="year"></span> Zinnia Distributor Solutions LLC</td>
					<td><img src="./image/framework/clear.png"
						width="353" height="1" alt="" /></td>
					<td><a href="https://zinnia.com/terms-of-use/"><img
						src="./image/framework/ft_terms.png"
						alt="Terms of Use" width="47" height="8" border="0" /></a></td>
					<td><img src="./image/framework/clear.png"
						width="19" height="1" alt="" /></td>
					<td><a href="https://www.smartofficecrm.com/privacy-statement"><img
						src="./image/framework/ft_privacy.png"
						alt="Privacy Policy" width="49" height="8" border="0" /></a></td>
					<td><img src="./image/framework/clear.png"
						width="18" height="1" alt="" /></td>
					<td><img src="./image/framework/clear.png"
						width="18" height="1" alt="" /></td>
					<td><a href="mailto:do-not-reply@zinnia.com?subject=feedback"><img
						src="./image/framework//ft_feedback.png"
						alt="Send us Feedback" width="68" height="8" border="0" /></a></td>
				</tr>
			</table>
			</td>
			<td></td>
		</tr>
	</table>
	<!-- /FOOTER -->
	<script language="JavaScript" type="text/JavaScript">
	  const date = new Date();
	     let year = date.getFullYear();
	     document.getElementById("year").innerText = year;
	</script>
	</body>
<ez:actionNotify></ez:actionNotify></ez:html>