<%@ Page Language="vb" Async="true" AutoEventWireup="true" CodeBehind="FinIQ_PostcardUCPDealEntry.aspx.vb" MasterPageFile="~/FiniqAppMasterPage.Master"
    Inherits="FinIQWebApp.FinIQ_PostcardUCPDealEntry" EnableEventValidation="false" EnableViewState="true" ViewStateEncryptionMode="Always" ValidateRequest="false"%>



<asp:Content runat="server" ContentPlaceHolderID="MainContent">
    <%-- <style>
        .CentreAlign{
            text-align:center!important;
        }
    </style>--%>
    <style>
        .centerAlign input[type="text"] {
            text-align: center !important;
        }


        /*input[type="text"]
       {
           text-align:center !important;
       }*/
        .gbTable {
            /* border-color:rgb(185,185,185);
     border-width:1px;
    */
            border: none 1px #DDDDDD;
            padding-bottom: 0px;
            padding-top: 0px;
            padding-right: 2px;
            padding-left: 2px;
            margin: 0px !important;
            /*width:315px;*/
        }

        .pnlMainClass1 {
            padding: 5px;
            text-align: left;
            border-collapse: collapse;
            background-color: #f1f1f1 !important;
            border: 1px solid darkgray !important;
        }

            .pnlMainClass1:hover {
                background-color: #f1efef !Important;
                background-image: linear-gradient(to top left, #fdecec, 10%, #f7f7f7);
            }

        .ucpctlremoveborder {
            border: none !Important;
        }

        .deliconpadding {
            padding-right: 10px;
            text-align: right !important; /*30-Sep-2019*/
        }

        lbl, .UCPlblHeader {
            padding-left: 2px;
            line-height: 26px;
        }

        .lblTemplateName {
            padding-left: 10px;
            color: #005682;
            /*text-decoration: underline;*/
            font-size: 16px;
        }

        .lblerrorwarningmsg {
            color: #ff0000;
            float: right !important;
        }

        .lblsuccessmsg {
            float: right !important;
            
        }
    </style>
    <%--    <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="upMultiUCPEntry"
        DisplayAfter="0">
        <ProgressTemplate>
     
        </ProgressTemplate>
    </asp:UpdateProgress>--%>
    <link href="../App_Themes/UCPCTL.css" rel="stylesheet" type="text/css" />
    <script src="../UCP/UCPJS/DealEntry.js" type="text/javascript"></script>
    <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server"></asp:ScriptManagerProxy>





    <%--    <link href="../App_Themes/MultiOptionEntry.css" rel="stylesheet" />--%>

    <style type="text/css">
        .lblHeader {
            padding: 10px 0px 10px 30px !important;
        }

            .lblHeader span {
                font: normal 13px/30px Verdana !important;
                color: #333333 !important;
                padding: 10px !important;
            }

        .ConfirmationBoxPos, .UCPanelError_Landscape {
            background-color: #ffffff !important;
            box-shadow: 0 0 10px #000000;
        }

        .UCOverflow {
            background-color: #ffffff !important;
        }

        .overlay {
            min-width: 99vw;
            min-height: 99vh;
            position: fixed;
            z-index: -1;
            background-color: #000 !important;
            opacity: 0.3 !important;
            left: 0px;
            top: 0px;
            display: none;
        }

        /* */ .DateControlWidth {
            width: 180px !important;
            white-space: nowrap !important;
        }

        .lblCustCSS td {
            vertical-align: top !important;
            padding-top: 0px;
        }

        #btnsaveqen {
            background-color: #0A9A46 !important;
            color: #fff !important;
            margin-left: 2px !important;
            cursor: pointer;
        }

        .btnCalculate {
            width: 80px;
            background-color: #0A9A46 !important;
            color: #fff !important;
            margin-left: 2px !important;
            cursor: pointer;
        }

        .Customerstatus td {
            padding: 10px 30px 5px 30px !important;
        }


        .btnCalculate:hover {
            width: 80px;
            background-color: #eaeaea !important;
            color: #333 !important;
            margin-left: 2px !important;
            cursor: pointer;
        }

        .lblinfo_Panel_error {
            color: #ff4e4e;
            font: normal 13px "SC Sans Web","SC Sans",Helvetica,Arial,sans-serif !important;
            white-space: normal !important;
            display: block !important;
            padding: 15px 30px 5px 25px !important;
        }

        .lnkCSS {
            margin-left: 5px;
            text-decoration: none;
        }

        .tbllnkCSS {
            height: 30px;
            width: 2500px;
            background-color: #f2f2f2;
            margin-bottom: 10px;
            margin-top: 10px;
        }

        .UCPanelWorkflow {
            top: 200px !important;
        }


        .btnImage {
            background-image: url("Icons/Swap_Arrow.png" ) !important;
            background-repeat: no-repeat !important;
            background-position: right !important;
        }

        #ctl00_MainContent_chkOverride {
            width: 20px !important;
            height: 20px !important;
        }

        .chkCSS label {
            line-height: 7px;
            height: 20px;
            vertical-align: middle;
            display: inline-block;
        }

        #ctl00_MainContent_txtTradeDate_btnDate,
        #ctl00_MainContent_txtPremiumDate_btnDate,
        #ctl00_MainContent_txtSettlementDate_btnDate {
            background-color: #fff !important;
            height: 22px !important;
            box-shadow: 0px 0px #dddddd !important;
            border: 0px solid #fff !important;
        }

        /*.LPDisableButton {
            box-shadow: none !important;
            background-color: #ffffff !important;
            color: #e6e6e6 !important;
            border: 1px solid #e6e6e6 !important;
        }

            .LPDisableButton:hover {
                box-shadow: none !important;
                background-color: #ffffff !important;
                color: #e6e6e6 !important;
                border: 1px solid #e6e6e6 !important;
            }*/

        .tdbtnWidth {
            width: 125px;
        }

        select:focus, select options:focus {
            background-color: #F5F5F5 !important;
        }

        input[type="submit"]:focus {
            border: 1px solid #bfbfbf !important;
        }

        .UCPlblHeader {
            /*line-height:26px !important;*/
            height: 28px !important;
        }
        /*AkshayD 2-Nov-2019 for alignment issue on multioptionentry page due to ucpctl.css not included in this page*/
        /*.selected {
             padding-bottom: 7px !important;
        }*/


        /*AmolM 28-Jan-2020 for  simulation popup*/
        .ui-widget-overlay {
            opacity: 0.6 !important;
        }

        .ui-dialog {
            margin: auto 0;
            box-shadow: 4px 4px 10px #717171;
        }

            .ui-dialog .ui-dialog-titlebar {
                opacity: 0;
                z-index: 1;
            }

        .ui-dialog-content {
            top: -40px;
        }
        /*AmolM 28-Jan-2020 for simulation popup*/


        .TabButtonsActive1 {
            background: url(../App_Resources/tab-active.gif) repeat-x;
            background-color: #FFFFFF;
            font: normal 12px !important;
            color: #333333;
            /*width: 98px !important;*/
            height: 30px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            -moz-border-top-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            -moz-border-top-right-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            border-top: 1px solid #DDDDDD;
            border-right: 1px solid #DDDDDD;
            border-left: 1px solid #DDDDDD;
            border-bottom: 0px solid #DDDDDD;
            border-top-right-radius: 12px;
            border-top-left-radius: 12px;
            padding: 7px;
            cursor: pointer;
        }
         .TabButtonsActive_Black1 {
    color: #ffffff;
    height: 30px;
    user-select: none;
    border-top: 0px solid #ff8B00 !important;
    border-right: 0px solid #ff8B00 !important;
    border-left: 0px solid #ff8B00 !important;
    border-bottom: 0px solid #ff8B00 !important;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    padding: 6px 10px;
    cursor: pointer;
    background-color: #ff8B00 !important;
}

        .TabButtons1 {
            /*background-color:#FFFFFF;
                    Font:normal 12px !important; 
                    color:#333333; 
                    Width:114px !important;
                    Height:21px;
                    border: 0px solid #FFFFFF;*/
            /*background: url(../App_Resources/submenuBG.jpg) repeat-x;*/
            background: linear-gradient(to bottom, #f9f9f9 0%,#f2f2f2 100%);
            background-color: #FFFFFF;
            font: normal 12px !important;
            color: #333333;
              height: 30px;
            -webkit-touch-callout: none;
            -webkit-user-select: none; 
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px; 
            border-top: 1px solid #DDDDDD;
            border-right: 1px solid #DDDDDD;
            border-left: 1px solid #DDDDDD;
            border-bottom: 0px solid #DDDDDD;
            border-top-right-radius: 12px;
            border-top-left-radius: 12px;
            padding: 7px;
            cursor: pointer;
        }
         .TabButtons_Black1 {
    background: linear-gradient(to bottom, #232323 0%,#232323 100%);
    color: #ff8B00 !important;
    height: 30px;
    user-select: none;
    border-top: 1px solid #575757;
    border-right: 1px solid #232323;
    border-left: 1px solid #232323;
    border-bottom: 1px solid #232323;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    padding: 7px;
    cursor: pointer;
    background-color: #1a1a1a;
}
/*tabbutton related classes shifted to css files*/
        .TabCell {
            padding: 2px;
        }
    </style>




    <asp:UpdatePanel runat="server" ID="upMultiUCPEntry" >
        <ContentTemplate>

            <table cellpadding="0" cellspacing="0" class="mainTable">
                <tr>
                    <td align="left" valign="top">


                         <div class="FilterPad">
                            <table cellpadding="0" cellspacing="0" style="width: 600px; padding-top: 10px !important" runat="server">

                                <tr>
                                    <td colspan="6">
                                        <table cellpadding="0" cellspacing="0" border="0" id="tblTemplates" runat="server">
                                            <tr>
                                                <%--abc--%>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <tr>
                                    <td style="padding: 8px 0px;">
                                        
                                            <asp:DropDownList Width="400px" runat="server" AutoPostBack="true" ID="ddlSubtemplate" CssClass="ddl" EnableViewState="true" OnSelectedIndexChanged="ddlSubtemplate_SelectedIndexChanged"></asp:DropDownList>
                                      
                                    </td>
                                </tr>
                            </table>

                        </div>


                        <asp:Panel ID="pnlUCP" runat="server" class="FilterPad">
                        </asp:Panel>
                    </td>
                </tr>

            </table>

            <asp:Table runat="server" ID="tblUCP" ></asp:Table>



            <asp:HiddenField runat="server" ID="hdnSelectedTemplate" />
            <asp:HiddenField runat="server" ID="hdnSelectedSubTemplate" />
            <asp:HiddenField runat="server" ID="hdnSelectedSessionID" />
        </ContentTemplate>
    </asp:UpdatePanel>

    <script type="text/javascript">
        function UCP_LeftSide_Filter() {
            $(".txt,.lbl,.ddl").each(function () {
                $(this).addClass("centerAlign");
            });
            //Added below function by PranavT on 22/02/2019 to add background contrast on MultiUCP
            $(".UCP_MainTable_Filter").each(function () {
                // $(this).addClass("tdMainClass");
                $(this).addClass("ucpctlremoveborder");
            });
        }

        function UCP_CenterAlign_Filter() {
            $(".txt, .ddl, .lbl").each(function () {
                $(this).addClass("CentreAlign");
            });
        }

    </script>

</asp:Content>

