<div class="modal fade" id="pnAddDoctor" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header text-center">
                                                    <h4 class="modal-title" id="myModalLabel">Create New Record</h4>
                                                    <font color="red">
                                                        <p><b>Please ensure that all fields are filled in correctly as the record will not be added to the system if all records are not fillled in.</b></p>
                                                    </font>
                                                </div>
                                                <div class="modal-body">



                                                            <asp:Panel class="" runat="server" Style="width: 100%; height: 100% auto; margin: 0 auto; float: left;">

                                                                <ul id="tabsdiv" class="nav nav-tabs nav-justified">
                                                                    <li runat="server">
                                                                        <a href="#li1" data-toggle="tab">
                                                                            <%--<i class="fa fa-search" aria-hidden="true"></i>--%>

                            &nbsp;Personal Information</a>
                                                                    </li>
                                                                    <li runat="server">
                                                                        <a href="#Address" data-toggle="tab">
                                                                            <%--<i class="fa fa-table" aria-hidden="true"></i>--%>
                            &nbsp;Address</a>

                                                                    </li>
                                                                    <li runat="server">
                                                                        <a href="#ContentPlaceHolder1_Emergency_Contact" data-toggle="tab">
                                                                            <%--<i class="fa fa-pencil" aria-hidden="true"></i>--%>
                            &nbsp;Emergency Contact Details</a>

                                                                    </li>
                                                                    <li runat="server">
                                                                        <a href="#ContentPlaceHolder1_Notes" data-toggle="tab">
                                                                            <%--<i class="fa fa-pencil" aria-hidden="true"></i>--%>
                            &nbsp;Notes</a>

                                                                    </li>
                                                                </ul>
                                                            </asp:Panel>








                                                    <asp:Panel ID="PanelCNR" class="" runat="server" Style="width: 100%; height: 100%; margin: 1px auto;">
                                                        <div class="tab-content">


                                                            <form role="form" action='#' method="post">
                                                                <div class="tab-pane fade active in" runat="server" id="li1">
                                                                    <label>Forename(s):</label>
                                                                    <asp:TextBox runat="server" ID="txtForename" CssClass="form-control" />
                                                                    <label>Surname:</label>
                                                                    <asp:TextBox runat="server" ID="txtSurname" CssClass="form-control" />
                                                                    <label>Date of Birth:</label>
                                                                    <asp:TextBox runat="server" ID="txtDOB" CssClass="form-control" />
                                                                    <ajaxToolkit:CalendarExtender ID="ajaxDOB" runat="server" TargetControlID="txtDOB" Format="dd/MM/yyyy"></ajaxToolkit:CalendarExtender>
                                                                    <label>Gender:</label>
                                                                    <asp:DropDownList runat="server" ID="ddlGender" CssClass="form-control">
                                                                        <asp:ListItem Text="Male" Value="1"></asp:ListItem>
                                                                        <asp:ListItem Text="Female" Value="2"></asp:ListItem>
                                                                        <asp:ListItem Text="Other" Value="3"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <label>Resident of BTH?:</label>
                                                                    <asp:DropDownList runat="server" ID="ddlBTHResident" CssClass="form-control">
                                                                        <asp:ListItem Text="No" Value="1"></asp:ListItem>
                                                                        <asp:ListItem Text="Yes" Value="2"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <label>Telephone Number:</label>
                                                                    <asp:TextBox runat="server" ID="txtTel" CssClass="form-control" />
                                                                </div>
                                                            </form>

                                                        </div>
                                                    </asp:Panel>

                                                    <div class="modal-footer">
                                                        <asp:Button runat="server" CssClass="btn btn-success" Text="Insert Record" OnClick="btnAddDoctor_Click" ID="btnInsertRecord" />
                                                        <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>