<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>blaze - Advaya</title>
<link rel="shortcut icon" href="img/advaya_ico.png"/>
<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script src="lib/jquery/jquery-1.7.1.min.js"></script>
<script src="lib/jquery/jquery-ui-1.8.20.custom.min.js"></script>
<script>
window.onload = function() {
document.getElementById("userId").focus();
};
</script>
<style>
body {
margin: 0;
pading: 0;
color: white;
font-size: 14px;
text-shadow: #050505 0 -1px 0;
font-weight: bold;
}
#login-top {
height: 50px;
padding-top: 120px;
text-align: center;
}
input.text-input {
width: 200px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #EFEFEF;
border: solid 1px transparent;
color: #555;
padding: 8px;
font-size: 13px;
text-align:center;
margin-bottom: 15px;
}
#footer {
width:99%;
text-align: center;
padding:5px;
color:white;
bottom:0;
position:absolute;
font-size: 11px;
color:#3a5795;
font-family:serif;
}
input.text-input:focus {
box-shadow: 0 0 10px #FFFFFF;
-webkit-box-shadow: 0 0 10px #FFFFFF;
-moz-box-shadow: 0 0 10px #FFFFFF;
}
.buttonCls {
margin-top : 15px;
margin-bottom : 15px;
width: 200px;
padding: 6px 10px;
color: white;
font-size: 14px;
background: green;
text-shadow: #050505 0 -1px 0;
background-color: #459300;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 1px lime;
font-weight: bold;
cursor: pointer;
letter-spacing: 0.1em;
text-align : center;
font-family : verdana;
text-transform : uppercase;
}
.buttonCls:hover {
box-shadow: 0 0 10px #FFFFFF;
-webkit-box-shadow: 0 0 10px #FFFFFF;
-moz-box-shadow: 0 0 10px #FFFFFF;
}
.buttonCls:focus {
box-shadow: 0 0 10px #FFFFFF;
-webkit-box-shadow: 0 0 10px #FFFFFF;
-moz-box-shadow: 0 0 10px #FFFFFF;
}
#logincontent {
border-radius : -0.5em;
border : 1px solid #cccccc;
box-shadow: 0 0 10px #FFFFFF;
-webkit-box-shadow: 0 0 10px #FFFFFF;
-moz-box-shadow: 0 0 10px #FFFFF;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
padding-left: 20px;
margin: -47px 0 0 -68px;
padding: 20px;
width: 110%;
height:103%;
background-color: #3686be;
border-radius: 1em;
-webkit-box-shadow: inset 0px 0px 26px 1px rgba(41,41,41,0.76);
-moz-box-shadow: inset 0px 0px 26px 1px rgba(41,41,41,0.76);
box-shadow: inset 0px 0px 26px 1px rgba(41,41,41,0.76);
}
#login-wrapper {
margin: 0 0 0 -180px;
text-align: center;
z-index: 99;
position: absolute;
top: 0;
left: 53%;
}
#background {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
z-index: -1;
background-color: white;
/* background-image: url(img/blue.jpeg)*/
}
#logo_content {
margin: 0px 0px 0px 50px;
padding:1%;
}
#company_name {
text-align: center;
color: rgb(20, 98, 214);
margin-top: 50px;
font-size: 36px;
text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
0px -5px 35px rgba(255,255,255,0.3);
}
#logo_content a {
margin: 0px 10px;
color: #FFFFFF;
text-decoration: none;
font-size : 18px;
text-transform : uppercase;
letter-spacing : 0.5em;
font-weight : bold;
}
.login {
position: relative;
margin: 80px auto;
width: 400px;
padding-right: 32px;
font-weight: 10%;
color: #a8a7a8;
margin: 10px -8px -4px -23px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}
.login-submit {
position: absolute;
top: 35%;
right: 0;
padding: 2%;
border-radius: 50%;
-webkit-box-shadow: 0px -3px 4px rgba(249, 236, 236, 0.35);
box-shadow:0px -3px 4px rgba(249, 236, 236, 0.35)
}
.login-button {
position: relative;
z-index: 2;
width: 48px;
height: 48px;
padding: 0 0 48px;
/* Fix wrong positioning in Firefox 9 & older (bug 450418) */
text-indent: 120%;
white-space: nowrap;
overflow: hidden;
background: none;
border: 0;
border-radius: 24px;
cursor: pointer;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
/* Must use another pseudo element for the gradient background because Webkit */
/* clips the background incorrectly inside elements with a border-radius. */
}
.login-button:before {
content: '';
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
background: none repeat scroll 0 0 #3686be;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 1px #3686be, 0 0 0 5px rgba(0, 0, 0, 0.16);
box-shadow: inset 0 0 0 1px #3686be, 0 0 0 5px rgba(0, 0, 0, 0.16);
}
.login-button:active:before {
background: #D3D8E8;
background-image: -webkit-linear-gradient(top, #D3D8E8, #D3D8E8);
background-image: -moz-linear-gradient(top, #D3D8E8, #D3D8E8);
background-image: -o-linear-gradient(top, #D3D8E8, #D3D8E8);
background-image: linear-gradient(to bottom, #D3D8E8, #D3D8E8);
}
.login-button:after {
content: '';
position: absolute;
top: 15px;
left: 12px;
width: 25px;
height: 19px;
background: url(img/arrow1.png) 0 0 no-repeat;
}
.stretch {
width:100%;
height:100%;
}
.errMsg {
width : 240px;
text-align : center;
font-family : verdana;
text-transform : uppercase;
color : oldlace;
font-size : 11px;
margin-left: 25%;
font-weight : lighter;
}
a.LoginPageActionLink
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: nroaml;
color: #f4f4f4;
text-decoration: none;
padding:2px;
white-space:nowrap;
margin: 10px 0px 10px 70px;
}
a.LoginPageActionLink:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: nroaml;
color: #ffffff;;
text-decoration:underline;
padding:2px;
white-space:nowrap;
}
.homeButton{
margin: 10px 10px 10px 10px;
}
</style>
<script type="text/javascript">
function onLoginLoad()
{
if( false == true)
{
document.forms["relogin"].submit();
}else{
document.ncap-login.userId.focus();
}
}
YAHOO.util.Event.addListener(window, "load", onLoginLoad);
</script>
</head>
<body id="login">
<div id="background">
</div>
<div id="company_name" class="retro">
NUMANN INDUSTRIES
</div>
<div id="login-wrapper">
<div id="login-top">
</div>
<div id="logincontent">
<form name="ncap-login" class="login" action="login.action" method="post">
<div id="logo_content">
<img src="img/logo.png" alt="NadGap" title="Powered By Advaya" width="200px" height="80px"/>
</div><!--
<div style="width: 240px">
--> <p>
<label for="login"><span style="color: #f4f4f4">User-ID :</span></label>
<input value="" id="userId" name="userId" placeholder="User Id" tabindex="1" class="text-input" type="text" />
</p>
<p>
<label for="password"><span style="color: #f4f4f4">Password:</span></label>
<input id="password" name="password" placeholder="Password" class="text-input" type="password" tabindex="2" />
</p>
<p class="login-submit">
<button type="submit" class="login-button" title="Click to Login">Login</button>
</p>
<div style="width: 400px;padding-bottom: 10px;">
<a href="newForgotPwd.jsp" class="LoginPageActionLink" title="Forgot Password">Forgot password?</a>
<a href="../" class="homeButton"> <img src="img/home.png" height="27" width="27"/></a>
</div>
<div id="loginerrdiv" name="loginerrdiv" class="errMsg" > </div>
</form>
<form name="relogin" action="relogin.action" />
</div>
</div>
<div id="footer">
<div><img src="img/advaya.png"/></div>
<span style="color: rgba(14, 14, 12, 0.56);">@ Powered By <a href="http://www.advayasoftech.com" target="_blank" style="color:rgba(14, 14, 12, 0.56);text-decoration:none"> Advaya Softech.</a> All Rights Reserved.</span>
</div>
<script>
var errImg = document.getElementById("loginerrdiv");
if(errImg) {
if("" != "") {
errImg.style.display = "block";
$("#logincontent").effect("shake", { times:3 }, 100);
}else{
errImg.style.display = "none";
}
}
</script>
</body>
</html>