<%@ page language="C#" autoeventwireup="true" inherits="Pages_OnlineAdmission_RegistrationDetails, App_Web_2btk1e3d" 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">
        .auto-style1 {
            width: 100%;
        }

        .auto-style2 {
            height: 23px;
        }

        .auto-style1 tr td {
            border-style: outset;
            border-width: thin;
            margin-left: 80px;
        }

        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);
            }

        label {
            font-size: 12px !important;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            padding-left: 2px;
            padding-right: 2px;
            font-weight: 600;
            color: #333;
        }

        .detail-label {
            font-size: 12px !important;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-weight: 500;
            padding-top: 10px;
            padding-left: 2px;
            padding-right: 2px;
            color: #333;
        }

        .gridview-textbox {
            width: 150% !important;
            height: 40px !important;
        }

        legend {
            border-bottom: 1px !important;
        }

        input[type=text], input[type=password] {
            width: 100% !important;
            height: 22px !important;
            background: transparent !important;
            border: 1px solid;
            border-color: #ccc !important;
            color: #333 !important;
        }

            input[type=text]:disabled, select:disabled {
                background-color: pink !important;
                opacity: 0.5 !important;
            }

        .null-message {
            color: #ed1c24;
            font-size: 12px;
            padding-top: 5px;
        }

        select {
            width: 100% !important;
            height: 22px !important;
            background: transparent;
            border: 1px solid;
            border-color: #ccc !important;
        }

        input[type=date] {
            line-height: normal !important;
            font-size: 16px !important;
            border-radius: 5px;
        }

        img {
            border: 1px solid black;
        }

        input[type="submit"] {
            /*background: url(../../Images/form-background.jpg);*/
            color: white;
            width: 100%;
            font-size: medium;
            font-weight: 600;
            background-color: #337ab7;
        }

            input[type="submit"]:hover {
                transition: all 0.2s linear;
                background: #337ab7;
                color: white;
            }

        .ui-datepicker {
            font-size: 11pt !important;
        }

        .mTop15 {
            margin-top: 15px;
        }

        .page-header {
            background-color: #337ab7;
            color: white;
            position: fixed;
            z-index: 2;
            text-align: center;
            width: 100%;
        }

        .well {
            background-color: gainsboro;
        }

        .divbg:hover {
            box-shadow: 0px 0px 0px 1px black;
            transition: all 0.5s ease;
        }

        .divbg {
            box-shadow: 0px 0px 2px 2px #337ab7;
            transition: all 1s ease;
        }

        .form-background {
            /*background: url(../../Images/form-background.jpg);*/
            background: url(../../Images/container-background.png);
            /*background-color: white;*/
        }

        .container {
            padding-left: 0px !important;
        }

        .container-background {
            /*background: url(../../Images/container-background.png);*/
            background-color: white;
            box-sizing: border-box;
        }

        .container-box {
            box-shadow: 0px 0px 2px 2px rgba(1,1,1,0.5);
            box-sizing: border-box;
        }

        .container-box-button {
            box-shadow: 0px 2px 2px rgba(1,1,1,0.5), -1px 2px 2px rgba(1,1,1,0.5), 2px 2px 2px rgba(1,1,1,0.5);
        }

        .box-gridview {
            box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
        }

        textarea {
            background: transparent;
            border: 1px solid black;
        }

            textarea:hover {
                border: 1px solid black;
            }

        .header {
            padding: 1px;
            padding-left: 9px;
            background: #337ab7;
            color: white;
            border-radius: 4px;
        }

        .table-striped > tbody > tr:nth-of-type(odd) {
             background-color: white !important;
            color: #333;
        }

        .table-striped > tbody > tr:nth-of-type(even) {
             background-color: white !important;
            color: #333;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server" class="form-background">
        <div class="form-group">
            <div class="row">
                <div class="col-lg-12">
                    <div class="page-header" style="margin-top: 0; font-size: 24px; z-index: 2; font-weight: bold;">
                        <h3>
                            <asp:Label ID="OrgNameLabel" runat="server" Style="font-weight: 500; text-align: center;" Text=""></asp:Label></h3>

                    </div>
                </div>
            </div>
        </div>
        <div class="row">
        </div>

        <legend class="col-md-10 col-md-offset-1"></legend>
        <legend class="col-md-10 col-md-offset-1"></legend>
        <legend class="col-md-10 col-md-offset-1"></legend>
        <div>
            <div class="container container-background container-box">
                <div style="padding-top: 10px;" runat="server" id="failuremessage" visible="false">
                    <div class="alert alert-danger" style="margin-bottom: 0px !important; font-size: small">
                        <span class="glyphicon glyphicon-remove"></span><strong>Error! Please try again.</strong>
                    </div>
                </div>
                <legend class="col-md-10 col-md-offset-1"></legend>

                <div class="col-md-10 col-md-offset-1">
                    <div class="header" style="margin-top: 0px; background-color: #333;">
                        <h4>Registration details</h4>
                    </div>
                </div>
                 <legend class="col-md-10 col-md-offset-1"></legend>
                <div class="">
                    <div class="">
                        <div class="col-lg-12">
                            <div class="col-md-10 col-md-offset-1">
                                <div class="well well-sm divbg">
                                    <strong>
                                        <h5><strong>- Following details have been registered with our website.
                                        <br />
                                            <br />
                                            - The User id and password will be required for further 
                                        application procedure.You are requested to take a note of it.
                                        </strong>
                                        </h5>
                                    </strong>
                                </div>
                            </div>

                            <div class="col-md-10 col-md-offset-1">
                                <div class="well well-sm divbg">
                                    <strong>
                                        <h5><strong>
                                            <asp:Label ID="FormDetailLabel" runat="server" Text="Label"></asp:Label>
                                        </strong>
                                        </h5>
                                    </strong>
                                </div>
                            </div>

                           
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="header">
                                            <strong>
                                                <h5>
                                                    <strong>
                                                        <asp:Label ID="ApplicationFormNoHeaderLabel" runat="server" Text="Login Information"></asp:Label>
                                                    </strong>
                                                </h5>
                                            </strong>
                                        </div>
                                    </div>
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">User Id</label>
                                            <div class="input-group">
                                                <asp:Label ID="formnolabel" class="detail-label" Style="padding-top: 0px;" runat="server"></asp:Label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Password</label>
                                            <div class="input-group">
                                                <asp:Label ID="passwordlabel" class="detail-label" runat="server"></asp:Label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <legend class="col-md-10 col-md-offset-1"></legend>
                            <div class="form-group">
                                <div class="row">
                                    <div>
                                        <div class="col-md-10 col-md-offset-1">
                                            <div class="header">
                                                <strong>
                                                    <h5>
                                                        <strong>
                                                            <asp:Label ID="SchoolInformationHeaderLabel" runat="server" Text="School Information"></asp:Label>
                                                        </strong>
                                                    </h5>
                                                </strong>
                                            </div>
                                        </div>
                                        <div class="col-md-10 col-md-offset-1">
                                            <div class="col-md-4 mTop15">
                                                <label for="InputName">School Name</label>
                                                <div class="input-group">
                                                    <asp:Label ID="schoolnamelabel" class="detail-label" runat="server"></asp:Label>
                                                </div>
                                            </div>
                                            <div class="col-md-4 mTop15">
                                                <label for="InputName">Batch</label>
                                                <div class="input-group">
                                                    <asp:Label ID="batchnamelabel" class="detail-label" runat="server"></asp:Label>
                                                </div>
                                            </div>
                                            <div class="col-md-4 mTop15">
                                                <label for="InputName">Standard </label>
                                                <div class="input-group">
                                                    <asp:Label ID="standardnamelabel" class="detail-label" runat="server"></asp:Label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <legend class="col-md-10 col-md-offset-1"></legend>
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="header">
                                            <strong>
                                                <h5>
                                                    <strong>
                                                        <asp:Label ID="StudentNameHeaderLabel" runat="server" Text="Student Information"></asp:Label>
                                                    </strong>
                                                </h5>
                                            </strong>
                                        </div>
                                    </div>
                                    <div class="col-md-10 col-md-offset-1">
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Name </label>
                                            <div class="input-group">
                                                <asp:Label ID="firstnamelabel" class="detail-label" runat="server"></asp:Label>
                                                <asp:Label ID="middlenamelabel" class="detail-label" runat="server"></asp:Label>
                                                <asp:Label ID="lastnamelabel" class="detail-label" runat="server"></asp:Label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Gender </label>
                                            <div class="input-group">
                                                <asp:Label ID="genderlabel" class="detail-label" runat="server"></asp:Label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Birth Date </label>
                                            <div class="input-group">
                                                <asp:Label ID="birthdatelabel" class="detail-label" runat="server"></asp:Label>
                                            </div>
                                        </div>
                                        <div class="col-md-4 mTop15">
                                            <label for="InputName">Mobile No. </label>
                                            <div class="input-group">
                                                <asp:Label ID="mobilenolabel" class="detail-label" runat="server"></asp:Label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <legend class="col-md-10 col-md-offset-1"></legend>
                        </div>
                        <div class="col-md-2 col-md-offset-5">
                            <asp:Button ID="ProceedButton" runat="server" OnClick="ProceedButton_Click" Text="Proceed" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
<script src='<%# ResolveUrl("~/App_Themes/BlackTheme/plugins/jQueryUI/jquery-ui.min.js")%>' type="text/javascript"></script>
