<%@ page language="C#" autoeventwireup="true" inherits="Pages_Recruitment_AdmissionFormLogin, App_Web_124ncvvl" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href='<%# ResolveUrl("~/App_Themes/BlackTheme/bootstrap/css/bootstrap.min.css")%>' rel="Stylesheet" type="text/css" />
    <link href="~/App_Themes/BlackTheme/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        label {
            font-size: medium !important;
        }
        input[type=text], input[type=password] {
            width: 150% !important;
            height: 40px !important;
        }
        input[type=password] {
            display: initial;
            padding: 0px 6px;
            padding-right: 2px !important;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }
        input[type=password]:disabled {
            cursor: not-allowed;
            background-color: #eee;
            opacity: 1;
        }
        input[type=password]:read-only {
            cursor: not-allowed;
            background-color: #eee;
            opacity: 1;
        }
        input[type=password]:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        }
        input[type=password]:hover {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        }
        .null-message {
            color: #ed1c24;
            font-size: 12px;
            padding-top: 5px;
        }
        select {
            width: 150% !important;
            height: 40px !important;
        }
        input[type=date] {
            line-height: normal !important;
            font-size: 16px !important;
            border-radius: 5px;
        }
        input[type="submit"] {
            background: #A62A2A;            
            color: white;
            width: 100%;
            font-size: medium;
            font-weight: 600;
            border-bottom: 5px solid #8B2323;
        }
        input[type="submit"]:hover {
            transition: all 0.2s linear;
            background: #8B2323;
            color: white;
        }
    </style>
</head>
<body style="background-image: url(../../App_Themes/Recruitment/images/Background.png);background-repeat: no-repeat; background-size: cover;">
    <form id="form1" runat="server">
        <div style="padding-top: 10px;" runat="server" id="failuremessagediv" visible="false">
            <div class="alert alert-danger" style="margin-bottom: 0px !important; font-size: small">
                <strong>
                    <asp:Label runat="server" ID="FailureMessageLabel"></asp:Label></strong>
            </div>
        </div>
        <div>
            <div class="form-group" style="top: 50%; left: 50%; position: fixed; margin-top: -100px; margin-left: -200px;">
               <%-- <div class="row">
                    <div class="col-md-6" style="padding-top: 10px">
                        <label for="InputEmail">School</label>
                    </div>
                    <div class="col-md-6">
                        <div class="input-group" style="margin-bottom: 10px">
                            <asp:DropDownList ID="OrgDropDownList" runat="server" AutoPostBack="true" OnSelectedIndexChanged="OrgDropDownList_SelectedIndexChanged">
                            </asp:DropDownList>
                        </div>
                    </div>
                </div>--%>
                <div class="row">
                    <div class="col-md-6" style="padding-top: 10px">
                        <label for="InputEmail">Application No.</label>
                    </div>
                    <div class="col-md-6">
                        <div class="input-group">
                            <asp:TextBox ID="FormNoTextBox" runat="server" style="width: 150% !important; height: 40px !important; border-radius: 4px !important; 
                             border: 1px solid #ccc;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); padding: 0px 6px; padding-right: 2px !important;"></asp:TextBox>
                            <div id="formnonull" class="null-message" style="display: none">Form No. is required</div>
                        </div>
                    </div>
                </div>
                <div class="row" style="padding-top: 10px">
                    <div class="col-md-6" style="padding-top: 10px">
                        <label for="InputEmail">Password</label>
                    </div>
                    <div class="col-md-6">
                        <div class="input-group">
                            <asp:TextBox ID="PasswordTextBox" runat="server" TextMode="Password"></asp:TextBox>
                            <div id="passwordnull" class="null-message" style="display: none">Form No. is required</div>
                        </div>
                    </div>
                </div>
                <div class="row" style="padding-top: 10px">
                    <div class="col-md-6">
                        <asp:Button ID="LoginButton" OnClick="LoginButton_Click" runat="server" Text="Login" />
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
<script src='<%# ResolveUrl("~/App_Themes/BlackTheme/plugins/jQueryUI/jquery-ui.min.js")%>' type="text/javascript"></script>