<%@ page language="C#" autoeventwireup="true" inherits="html_AdminLogin, App_Web_skjuqpmq" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<!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 runat="server">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link href="CSS/ForButton.css"type="text/css" rel="Stylesheet" />
     <%-- <link href="CSS/style2.css"type="text/css" rel="Stylesheet" />--%>
          <link href="css/buttoncss.css" type="text/css" rel="Stylesheet"/>
    
    <link href="css2/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
    <link href="css2/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css2/style1.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
                
.example3 {
	background: white;
	border: 1px double #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #333;
	color: #666;
	float: left;
	padding: 5px 10px;
	width: 165px;
	outline: none;
}

.example2 {
	background: url('Images/password.png') no-repeat scroll right center #FFFFFF;
	border: 1px solid #ffa853;
	border-radius: 5px;
	box-shadow: 0 0 5px 3px #004A95;
	color: #666;
	float: left;
	padding: 5px 10px;
	width: 165px;
	outline: none;
}
        .style12
        {
            width: 17px;
        }
     .example4 {
   	background: url('Images/icon-user.png') no-repeat scroll right center #FFFFFF;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #888;
	color: #666;
	float: left;
	padding: 5px 27px 5px 10px;
	width: 165px;
	outline: none;
}
  .example5 {
   	background: url('Images/password.png') no-repeat scroll right center #FFFFFF;
	border: 1px solid #DDD;
	border-radius: 5px;
	box-shadow: 0 0 5px #888;
	color: #666;
	float: left;
	padding: 5px 27px 5px 10px;
	width: 165px;
	outline: none;
}
button.awesome, .button.awesome {
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}
.magenta.awesome {
	background-color: #a9014b;
            top: 0px;
            left: 2px;
            width: 167px;
        }
        .orange.awesome {
            background-color: #FF7C35;
            top: 0px;
            left: 2px;
            width: 163px;
            padding:2px 2px 2px 2px;
        }
        .yellow.awesome {
            background-color: #77ADFF;
            top: 0px;
            left: 0px;
            width: 143px;
        }
           .shadow_five2 {
            background-color: #FFF0DB;      
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px;
            -moz-box-shadow: 0px 0px 0px #B1A59A;
            -webkit-box-shadow: 0px 0px 0px #B1A59A;
            -o-box-shadow: 0px 0px 0px #B1A59A;
            -ms-box-shadow: 0px 0px 0px #B1A59A;
            box-shadow: 0px 0px 0px #B1A59A;
            padding: 10px;
            width: 580px;
        }
        
.glass_effect
{
 border: 5px solid #FFFFFF;
 margin: 50px;
 box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.3), 
             0px 20px 15px 0px rgba(0, 0, 0, 0.6); 
}

.glass {
    position: relative;
}

.glass:after{
    content: " "; 
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    border: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 0;
    -webkit-background-origin: border-box;
    -moz-background-origin: border;
    background-origin: border-box;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .15)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
    background: linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
}

        .style13
        {
            width: 376px;
        }

       .modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;
}

.GridviewDiv {font-size: 100%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helevetica, sans-serif; color: #303933;}
Table.Gridview{border:solid 1px #df5015;}
.Gridview th{color:#FFFFFF;border-right-color:#abb079;border-bottom-color:#abb079;padding:0.5em 0.5em 0.5em 0.5em;text-align:center}
.Gridview td{border-bottom-color:#f0f2da;border-right-color:#f0f2da;padding:0.5em 0.5em 0.5em 0.5em;}
.Gridview tr{color: Black; background-color: White; text-align:left}
:link,:visited { color: #DF4F13; text-decoration:none }



   
    .myButton2 {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        box-shadow:inset 0px 1px 0px 0px #ffe0b5;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e88b09), color-stop(1, #c47c18));
        background:-moz-linear-gradient(top, #e88b09 5%, #c47c18 100%);
        background:-webkit-linear-gradient(top, #e88b09 5%, #c47c18 100%);
        background:-o-linear-gradient(top, #e88b09 5%, #c47c18 100%);
        background:-ms-linear-gradient(top, #e88b09 5%, #c47c18 100%);
        background:linear-gradient(to bottom, #e88b09 5%, #c47c18 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88b09', endColorstr='#c47c18',GradientType=0);
        
        background-color:#e88b09;
        
        -moz-border-radius:7px;
        -webkit-border-radius:7px;
        border-radius:7px;
        
        border:1px solid #c97e1c;
        
        display:inline-block;
        color:#ffffff;
        font-family:Trebuchet MS;
        font-size:17px;
        font-weight:bold;
        padding:6px 11px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #8f7f24;
        cursor:pointer;
        
    }
    .myButton2:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c47c18), color-stop(1, #e88b09));
        background:-moz-linear-gradient(top, #c47c18 5%, #e88b09 100%);
        background:-webkit-linear-gradient(top, #c47c18 5%, #e88b09 100%);
        background:-o-linear-gradient(top, #c47c18 5%, #e88b09 100%);
        background:-ms-linear-gradient(top, #c47c18 5%, #e88b09 100%);
        background:linear-gradient(to bottom, #c47c18 5%, #e88b09 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c47c18', endColorstr='#e88b09',GradientType=0);
        
        background-color:#c47c18;
    }
    .myButton2:active {
        position:relative;
        top:1px;
    }
    
      .buttons1 {
              border-top: 1px solid #ddd;
            
              height: 29px;
              margin-right: 0px;
          
              background-color: #FF3535;
              border-top-width: 0px;
          }
.my 
{
	width:100%;
	
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
}

</style>
        <script language="javascript" type="text/javascript">
    function closepopup() {
        $find('ModalPopupExtender1').hide();
    }
</script>
</head>
<body style="width:100%;background-color: #C1C1C1;">
    <form id="form1" runat="server">
    <p style='display:none'>d517b17765d4c489fbc32f0715d64bf300472beb</p>
      <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    <Scripts>
    <asp:ScriptReference Path="~/js/webkit.js" />
    <asp:ScriptReference Path="~/js/JScript.js" />
    </Scripts>
    </cc1:ToolkitScriptManager>
    <div>
    <div style="background-color:White;">
       <img id="Img1" src="images/Konark (Projects) -Top Image.png" runat="server" alt="Project Monitor" style="width:100%;"/>
        </div>
       
   <div>
   <div id="New" style=" margin-top:30px; margin-bottom:50px;" class="my" align="center" > 
  
    </div>

    <fieldset style="margin-top:0px;">

<!-- Form Name -->
<legend>&nbsp;&nbsp;&nbsp;Login to your account</legend>

<!-- Text input-->
<div class="control-group">
  <label class="control-label" for="textinput">User Name</label>
  <div class="controls">
      <asp:HiddenField ID="hf_flag" runat="server" />
       <asp:HiddenField ID="hf_eid" runat="server" />
      <asp:HiddenField ID="hf_user_id" runat="server" />
  <asp:TextBox ID="txtUser" runat="server" AutoCompleteType="Email" 
              MaxLength="100" class="input-xlarge" Width="215px"></asp:TextBox>
              <br />
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUser" ErrorMessage="Enter User Name" ValidationGroup="10"></asp:RequiredFieldValidator>    
    </div>
</div>

<!-- Password input-->
<div class="control-group">
  <label class="control-label" for="passwordinput">Password</label>
  <div class="controls">
  <asp:TextBox ID="txtPass" runat="server" MaxLength="15" TextMode="Password" 
              class="input-xlarge" Width="215px"></asp:TextBox>
               <br />
 <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPass" ErrorMessage="Enter Password" ValidationGroup="10"></asp:RequiredFieldValidator>    

      </div>
</div>

<!-- Button -->
<div class="control-group">
  <div class="controls">

          
           <asp:Button ID="btnSubmit" runat="server" Text="Login" 
          onclick="btnSubmit_Click" ValidationGroup="10" class="btn btn-primary"  Font-Bold="True" 
          ForeColor="White" Height="32px" Width="165px" CssClass="myButton" />
          <br />
  <asp:Label ID="lblMatch" runat="server" ForeColor="#990033" Font-Bold="True" Font-Size="12px"></asp:Label>
   
  </div>
 
</div>
<div class="control-group">
<div class="controls">
  <a href="ForgotPassword.aspx"  style="color:Blue;" > Forgot Password</a>
</div>
</div>
<div class="control-group2" >

  <div class="controls" >
   
      
  </div>
</div>
</fieldset>
      

    </div>

    </div>
    
    
<div class="control-group" align="center" style="margin-top:15px;">
    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://projects.konarkglobal.com/_Konark_9219551.apk"  ForeColor="Blue" Font-Underline="false" >Download Mobile App
  </asp:HyperLink>
  <br />
  <div style="margin-top:0px;color:Black;">
  (For employee login)
  </div>
</div>

 
    </form>
</body>
</html>
