Applying configuration for website cmRelationManager
Your patience is greatly appreciated

    <div class="cmrel-createaccount center-block" data-duplicates-caller-name="Back to create account">
        
            <div><p style="margin-left:30px;"><span lang="EN-US" style="color:#1f497d;font-family:Arial, Helvetica, sans-serif;font-size:small;">Accounts are </span><strong><span lang="EN-US" style="color:#44546a;font-family:Arial, Helvetica, sans-serif;font-size:small;">personal</span></strong><span lang="EN-US" style="color:#44546a;font-family:Arial, Helvetica, sans-serif;font-size:small;"> </span><span lang="EN-US" style="color:#1f497d;font-family:Arial, Helvetica, sans-serif;font-size:small;">so please make sure that every person </span><strong><span lang="EN-US" style="color:#44546a;font-family:Arial, Helvetica, sans-serif;font-size:small;">only has 1 account </span></strong><span lang="EN-US" style="color:#1F497D;"><span style="font-family:Arial, Helvetica, sans-serif;"><span style="font-family:Arial, Helvetica, sans-serif;"><span style="font-size:small;"><span style="font-size:small;">with their own, personal details! It is <strong>not allowed</strong> to create an account for someone else</span></span></span></span></span><span lang="EN-US" style="color:#1f497d;font-family:Arial, Helvetica, sans-serif;font-size:small;">. This will only create problems in the future. <br />It is always possible to register yourself or someone else with your own account. </span><span lang="EN-US" style="color:#1F497D;"><span style="font-family:Arial, Helvetica, sans-serif;font-size:small;">If anything is unclear, please verify this first with one of our ESHRE colleagues: </span><a href="mailto:info@eshre.eu"><span style="font-family:Arial, Helvetica, sans-serif;font-size:small;">info@eshre.eu</span></a></span><span lang="EN-US" style="color:#1F497D;"> </span></p></div>

    
        <div class="cmrel-shadow" id="cmrel-createaccount">
            <div>
                <div class="panel panel-default" data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isFinished">
                    <div class="panel-heading row">
                        <div class="pull-left" style="padding: 5px;">General information</div>
                        
                                <div class="pull-right" data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                    <ul data-role="menu" style="width: 100%; height: 100%;" data-orientation="vertical" data-bind="events:{select:CM_W3_RelationManager_MainViewModel.createaccount.onRestart}" data-animation="false" class="k-widget k-reset k-header k-menu k-menu-vertical" tabindex="0">
                                        <li data-cmrel-action="restart" class="k-item k-state-default k-first k-last" role="menuitem">
                                            <span class="k-link">
                                                <span class="icon icon-loop"></span><span style="word-break: break-all; margin-left: 5px; margin-right: 5px;">
Restart
                                                </span>
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                        

                    </div>
                    <div class="panel-body" style="padding: 0px">
                        <div>
                            <div style="position:relative;">
                                <div data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                    <div id="cmrel-createaccount-personal-viewpart"></div>
                                </div>
                                <div data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                    <div id="cmrel-createaccount-personaloverview-viewpart"></div>
                                </div>
                            </div>
                        </div>
                        <div data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">

                            
                            <div >
                                <hr style="margin: 10px; margin-top:20px; margin-bottom:20px;" />
<div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.createaccount.verifyData" name="cmrel-createaccount-verifybutton" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-signup" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>Create</span></td></tr></table></div></div>
                            </div>
                            

                        </div>
                        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isPersonalVerified">
                                <div class="steptitle">
                                    <h5 style="display: block;">
                                        Other Details
                                    </h5>
                                </div>
                                <div id="cmrel-createaccount-supplementary-viewpart"></div>

                                <div class="steptitle">
                                    <h5 style="display: block;">
                                        Choose a Password<br /><span style="font-size:14px;">The password should contain minimum 8 characters, at least 1 alphabet and 1 number. Not allowed special characters: the hash, the exclamation mark, the question mark and the equal sign. </span>
                                    </h5>
                                </div>
                                <div id="cmrel-createaccount-logon-viewpart"></div>
                                                            <div class="steptitle">
                                    <h5 style="display: block;">
                                        Additional Information
                                    </h5>
                                </div>
                                <div id="cmrel-createaccount-profiles-viewpart"></div>
                                                        
                                    <script>
                                        $(function () {
                                            $.fn.CM_W3_Host_ViewModel.CM_W3_RelationManager_MainViewModel.createaccount.set("agreementOk", true);
                                        });
                                    </script>
                            
                            
                            
                            <hr style="margin: 10px; margin-top:20px; margin-bottom:20px;" />
                            
<div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.createaccount.finish, visible: CM_W3_RelationManager_MainViewModel.createaccount.agreementOk" name="cmrel-createaccount-registerbutton" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-disk" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>Register</span></td></tr></table></div></div>
                            
                        </div>
                    </div>
                </div>
                <div class="cmrel-column" style="width: 100%" data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isFinished">
                    <div style="width: 100%">
                        <div>
                            <div class="panel panel-default">
                                <div class="panel-heading row">Finish</div>
                                <div class="panel-body" style="padding: 0px">
                                    <div id="cmrel-createaccount-finish-viewpart"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        
            <div><br /><p style="margin-left:30px;"><span lang="EN-US" style="color:#1f497d;font-family:Arial, Helvetica, sans-serif;font-size:small;">Healthcare Professional (HCP): any natural person that is a member of the medical, dental, pharmacy or nursing professions or any other person who, in the course of his/her professional activities, may prescribe, purchase, supply, recommend or administer a Medicinal Product and whose primary practice, principal professional address or place of incorporation is in Europe. (…) the definition of HCPs includes: (i) any official or employee of a government, agency or other organisation (whether in the public or private sector) that may prescribe, purchase, supply, recommend or administer Medicinal Products and (ii) any employee of a Member Company whose primary occupation is that of a practising HCP, but excludes (x) all other employees of a Member Company and (y) a wholesaler or distributor of Medicinal Products.</span></p></div>

    
    </div>

    <div id="cmrel-createaccount-personal-viewpart" style="margin: 10px;" class="form-horizontal">
        <div >
            

    
            <div class="cmrel-createaccount-personal-viewpart-sortitems">
                
            <div data-cmrel-sort="1"
                 class="form-group CreateAccountLastName">

            <label for="fieldNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Last name</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_name" id="fieldNameGeneralInformationViewPart" name="fieldNameGeneralInformationViewPart" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldNameGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="0"
                 class="form-group CreateAccountFirstName">

            <label for="fieldFirstNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">First name</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_firstName" id="fieldFirstNameGeneralInformationViewPart" name="fieldFirstNameGeneralInformationViewPart" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldFirstNameGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="4"
                 class="form-group CreateAccountNationality">

            <label for="fieldNationalityGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Nationality</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldNationalityGeneralInformationViewPart"
                               name="fieldNationalityGeneralInformationViewPart"
                               data-template="cmrel-nationalityflags-template"
                               data-value-template="cmrel-nationalityflags-template"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="CountryData.nationality"
                               data-enable='false'
                               data-value-field="CountryData.id"
                               data-bind="value: CM_W3_RelationManager_MainViewModel.createaccount.Person.p_nationality_id4d,source: CM_W3_RelationManager_MainViewModel.personal.getNationalities"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               required />

                </div>
            </div>


    
                
            <div data-cmrel-sort="3"
                 class="form-group CreateAccountDateOfBirth">

            <label for="fieldBirthDateGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Birth date</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
                <div style="display:inline-block">
<input data-val-date="Please input date in the specified format" data-val-parsedate="Please input date in the specified format" data-bind="fourDDate:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_birthDate" data-start="decade" id="fieldBirthDateGeneralInformationViewPart" name="fieldBirthDateGeneralInformationViewPart" type="text" data-val-required="Input required." data-val="true"><script>
	jQuery(function(){jQuery("#fieldBirthDateGeneralInformationViewPart").kendoDatePicker({"format":"dd/MM/yyyy","parseFormats":["dd/MM/yyyy"],"min":new Date(1900,0,1,0,0,0,0),"max":new Date(2015,7,2,12,49,21,268),"start":"decade"});});
</script>
                </div>
                <div style="display:inline-block">
                    <span style="padding-left: 5px; padding-right: 5px;">dd/mm/yyyy</span>
                </div>
<span class="field-validation-valid" data-valmsg-for="fieldBirthDateGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="2"
                 class="form-group CreateAccountEmail">

            <label for="fieldEmailGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Email</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.p_email" data-val-regex="Invalid email" data-val-regex-pattern="^(([^<>()\[\]\\.,;:\s@&quot;]+(\.[^<>()\[\]\\.,;:\s@&quot;]+)*)|(&quot;.+&quot;))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$" id="fieldEmailGeneralInformationViewPart" name="fieldEmailGeneralInformationViewPart" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldEmailGeneralInformationViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            </div>
            

    
        </div>
    </div>

    <div id="cmrel-createaccount-personaloverview-viewpart" style="margin: 10px;" class="form-horizontal">
        
            <div data-cmrel-sort="1"
                 class="form-group CreateAccountLastName">

            <label for="fieldNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Last name</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="text:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_name"></span>
            </div>


    
            </div>


    
        
            <div data-cmrel-sort="0"
                 class="form-group CreateAccountFirstName">

            <label for="fieldFirstNameGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">First name</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="text:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_firstName"></span>
            </div>


    
            </div>


    
        
            <div data-cmrel-sort="4"
                 class="form-group CreateAccountNationality">

            <label for="fieldNationalityGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Nationality</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <span data-bind="source: CM_W3_RelationManager_MainViewModel.personal.selectedPersonalNationality" data-template="cmrel-nationalityflags-template"></span>

                </div>
            </div>


    
        
            <div data-cmrel-sort="3"
                 class="form-group CreateAccountDateOfBirth">

            <label for="fieldBirthDateGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Birth date</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="fourDDateText: CM_W3_RelationManager_MainViewModel.createaccount.Person.p_birthDate" data-format="dd/MM/yyyy"></span>
            </div>


    
            </div>


    
        
            <div data-cmrel-sort="2"
                 class="form-group CreateAccountEmail">

            <label for="fieldEmailGeneralInformationViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Email</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<span data-bind="text:CM_W3_RelationManager_MainViewModel.createaccount.p_email"></span>
            </div>


    
            </div>


    
    </div>

    <div id="cmrel-manageprofiles-profiles-viewpart" class="cmrel-manageprofiles-profiles-viewpart" style="padding:10px;">
        <div class="panel-body" style="padding: 0px;">
            <div class="row-fluid" data-bind="source: CM_W3_RelationManager_MainViewModel.possibleProfiles" data-template="cmrel-manageprofiles-profiles-viewpart-profileitem">
            </div>
        </div>
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect">
        # var l1p = data.parent().parent(), group = $.trim(l1p.profilewebgroupcode).length>0? $.trim(l1p.profilewebgroupcode): l1p.profilelevel1ID4D;#
        <div>
            <input class="k-radio" type="radio" data-bind="click: CM_W3_RelationManager_MainViewModel.profiles.changeL2Selected" data-l1profileID="#= l1p.profilelevel1ID4D #" name="Profile1name_#=group#" id="Profile2ID_#= profilelevel2ID4D #" value="#: profilelevel2ID4D #" />
            <label class="k-radio-label" for="Profile2ID_#: profilelevel2ID4D #">#= profilelevel2description #</label>
                
        #if (!!profilelevel2showotherdata) {#
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.profiles.getSetL2IsOtherVisible">
            <input style="display: inline-block;font-style: italic" data-bind="value: getSetL2OtherData" width="80" data-val="true" class="k-textbox" data-val-regex-pattern="[^;^|]+" data-value-update="keyup" id="ManageProfile_21_#= profilelevel2ID4D #_Other" type="text" data-l1profileID="#= l1p.profilelevel1ID4D #" />
            <br /><span style="font-size:smaller">The characters ; and | are not allowed!</span>
        </div>
        #}#
    

        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked">
        #var l1p = data.parent().parent(); group = $.trim(l1p.profilewebgroupcode).length>0? $.trim(l1p.profilewebgroupcode): l1p.profilelevel1ID4D;#
        <div>
            <input class="k-checkbox" type="checkbox" data-bind="click: CM_W3_RelationManager_MainViewModel.profiles.changeL2Selected" data-l1profileID="#= l1p.profilelevel1ID4D #" name="Profile1name_#=group#" id="Profile2ID_#= profilelevel2ID4D #" value="#= profilelevel2ID4D #" />
            <label class="k-checkbox-label" for="Profile2ID_#= profilelevel2ID4D #">#: profilelevel2description #</label><br />
                
        #if (!!profilelevel2showotherdata) {#
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.profiles.getSetL2IsOtherVisible">
            <input style="display: inline-block;font-style: italic" data-bind="value: getSetL2OtherData" width="80" data-val="true" class="k-textbox" data-val-regex-pattern="[^;^|]+" data-value-update="keyup" id="ManageProfile_21_#= profilelevel2ID4D #_Other" type="text" data-l1profileID="#= l1p.profilelevel1ID4D #" />
            <br /><span style="font-size:smaller">The characters ; and | are not allowed!</span>
        </div>
        #}#
    

        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-profileitem">
        <div id="ProfileHeader_#= profilelevel1ID4D #" class="span12 cmrel-manageprofiles-profiles-viewpart-header" data-bind="visible:CM_W3_RelationManager_MainViewModel.profiles.showProfileHeader">
            #var vm = parent().parent();#
            <h5 style="margin-bottom:5px;display: inline-block;">#: profilelevel1description #</h5>
            #if (isMandatory || (profilelevel2min!==null && profilelevel2min!==undefined && profilelevel2min > 0)){#
            <input data-val="true" data-val-mustbetrue="Input required." id="ProfileL1ID_#= profilelevel1ID4D #" name="ProfileL1ID_#= profilelevel1ID4D #" type="checkbox" style="display:none;" />
            <span class="input-validation-error field-validation-error" data-valmsg-for="ProfileL1ID_#= profilelevel1ID4D #" data-valmsg-replace="true"><span for="ProfileL1ID_#= profilelevel1ID4D #"></span></span>
            #jQuery.validator.unobtrusive.adapters.addBool("mustbetrue", "required");#
            #}#
            #if (profilelevel1only1profile){#
            <div style="-webkit-column-count: 2;-moz-column-count:2;column-count: 2" data-bind="source: profilelevel2s" data-template="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect"
                 class="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect"></div>
            #}else{#
            
            <div style="-webkit-column-count: 2;-moz-column-count: 2;column-count: 2" data-bind="source: profilelevel2s" data-template="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked"
                 class="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked"></div>
            #}#
        </div>
    </script>
    <script>
        (function ($) {            
            var options = [];
            var headers = "";
            $.fn.cmrelProfileHeadersToHide = headers.length?headers.split(","):[];
            $.fn.cmrelProfileHeadersToShow = options;
        })(jQuery);
    </script>

    <div id="cmrel-createaccount-logon-viewpart" style="margin: 10px;" class="cmrel-createaccount-logon-viewpart form-horizontal">
        

    
        <div>
            <div class="form-group CreateAccountLogonName">

                
                
            </div>

            <div class="form-group CreateAccountPassword">
                
                        <label class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word" for="CreateAccountPassword">Password</label>
                    <div class="col-xs-12 col-sm-12 col-md-9">

<input class="k-textbox" data-bind="value:CM_W3_RelationManager_MainViewModel.createaccount.Person.p_password" data-val="true" data-val-regex="The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. Not allowed special characters: =, #, ! and ?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$%*&amp;_]{8,}$" data-val-required="Input required." id="CreateAccountPassword" name="CreateAccountPassword" type="password" /><span class="field-validation-valid" data-valmsg-for="CreateAccountPassword" data-valmsg-replace="true"></span>
    
                    </div>
                
            </div>
            <div class="form-group CreateAccountVerifyPassword">
                
                        <label class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word" for="CreateAccountPassword">Repeat password</label>
                    <div class="col-xs-12 col-sm-12 col-md-9">

<input class="k-textbox" data-val="true" data-val-equalto="The passwords should match" data-val-equalto-other="*.CreateAccountPassword" data-val-required="Input required." id="CreateAccountPasswordVerify" name="CreateAccountPasswordVerify" type="password" /><span class="field-validation-valid" data-valmsg-for="CreateAccountPasswordVerify" data-valmsg-replace="true"></span>
    
                    </div>
                
            </div>
        </div>
        

    
    </div>

    <div id="cmrel-createaccount-supplementary-viewpart" style="margin: 10px;" class="form-horizontal">
        <div data-bind="source:CM_W3_RelationManager_MainViewModel"
             data-template="cmrel-createaccount-supplementary-viewpart-identity-template"></div>
    </div>

    <div style="text-align:left;padding: 10px;" id="cmrel-createaccount-finish-viewpart" class="cmrel-createaccount-finish-viewpart">
        <input id="dummy" name="dummy" type="hidden" value="" />
        

    
        
                
                    <div class="" data-bind="hidden: CM_W3_RelationManager_MainViewModel.createaccount.isFinishIAmThisPerson">
Dear {$firstname$}, you will receive an e-mail to {$scrambledemail$} with an activation link. Please click on this link in the e-mail to activate your account.
                        <div class="pull-right">


                               


    
                        </div>
                    </div>

                
        
        
                
                    <div class="" data-bind="visible: CM_W3_RelationManager_MainViewModel.createaccount.isFinishIAmThisPerson">
Dear {$firstname$}, if you have forgotten your password please click <a href="https://www.eshre.eu/ESHRE/forgot-password#forgotpassword">here</a>.<br /><div style="text-align:right;"><div class="k-button" style="cursor:pointer;"><table id="top-info"><tbody><tr><td><div class="top-info-block"><strong> </strong></div></td><td style="vertical-align:middle;"><span>Manage my account</span></td></tr></tbody></table></div></div>
                    </div>

                
        
        

    
    </div>

    <div style="text-align:left;" id="cmrel-createaccount-duplicates-viewpart" class="cmrel-createaccount-duplicates-viewpart" data-title="You have duplicates">
        <div id="cmrel-createaccount-duplicates-viewpart-duplicatelist" class="cmrel-createaccount-duplicates-viewpart-duplicatelist panel-body">
            

    
            
                <div style="margin-bottom:10px">Please review duplicate accounts below:</div>
            
            <div id="duplicates-table-wrapper" style="overflow:auto; border:1px solid #808080;height:300px">
                <div style="width:100%">
                    <table class="table table-responsive">
                        <thead>
                            <tr style="background-color: #808080;color:white;font-size:18px;text-align:left">
                                
                                
                                    <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2">Name</td>
                                
                                    <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2">Firstname</td>
                                
                                
                                
                                
                                
                                
                                
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">City</td>
                                
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">Country</td>
                                
                                
                                    <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1">Email</td>
                            </tr>
                        </thead>
                        <tbody data-bind="source: CM_W3_RelationManager_MainViewModel.duplicates.PersonDuplicates" data-template="cmrel-createaccount-duplicates-viewpart-duplicatelistitem-template"></tbody>
                    </table>
                </div>
            </div>
            
                <div style="margin-top: 10px;margin-bottom:10px">When selecting ‘I am this person’, you will be redirected to the ‘forgot password’ link. If your name is not in the list, you need to select ‘Back to create account’ and use a different (unique) email address. An email address can be used for one account only.</div>
            
            <div style="width:100%" class="cmrel-createaccount-duplicates-buttons">                
                <div style="text-align:left">
                    
<div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="disabled: CM_W3_RelationManager_MainViewModel.duplicates.iAmThisPersonDisabled, css: { k-state-disabled: CM_W3_RelationManager_MainViewModel.duplicates.iAmThisPersonDisabled }, click: CM_W3_RelationManager_MainViewModel.duplicates.iAmThisPerson" name="duplicatesIAmThisPerson" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-checkmark" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>I am this person</span></td></tr></table></div></div>
                    
                </div>
                <div style="text-align:center">
                    
<div style="margin: 10px;border:0px;text-align:center"><div class="k-button" data-bind="disabled: CM_W3_RelationManager_MainViewModel.duplicates.nameNotInListDisabled, css: { k-state-disabled: CM_W3_RelationManager_MainViewModel.duplicates.nameNotInListDisabled}, click: CM_W3_RelationManager_MainViewModel.duplicates.nameNotInList" name="duplicatesNameNotInList" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-question" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>My name is not in the list</span></td></tr></table></div></div>
                    
                </div>

                <div style="text-align:right">
                    
<div style="margin: 10px;border:0px;text-align:left"><div class="k-button" data-bind="disabled: CM_W3_RelationManager_MainViewModel.duplicates.backToCallerDisabled, css: { k-state-disabled: CM_W3_RelationManager_MainViewModel.duplicates.backToCallerDisabled }, click: CM_W3_RelationManager_MainViewModel.duplicates.backToCaller" name="duplicatesGoBackToCaller" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-undo-2" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span data-bind="text: CM_W3_RelationManager_MainViewModel.duplicates.backToCallerText" data-default-text="Go back to caller">Go back to caller</span></td></tr></table></div></div>
                    
                </div>
            </div>
            

    
            <script id="cmrel-createaccount-duplicates-viewpart-duplicatelistitem-template" class="" type="text/x-kendo-template">
                <tr id="cmrel-duplicate-id-#= person.p_id4D #" data-bind="events: { mouseover: hoverDuplicate, mouseout: unhoverDuplicate }, click: selectDuplicate, css: {k-state-selected: isSelected, invalidDuplicate: CM_W3_RelationManager_MainViewModel.duplicates.notIsValidDuplicate}">
                    
                    
                        <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2" data-bind="text: person.p_name"></td>
                    
                        <td style="padding: 5px;" class="col-xs-2 col-sm-2 col-md-2 col-lg-2" data-bind="text: person.p_firstName"></td>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                        <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1" data-bind="text: person.addresses[0].a_cityname"></td>
                    
                    
                        <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1" data-bind="text: person.addresses[0].a_countryname"></td>
                    
                    
                        <td style="padding: 5px;" class="col-xs-1 col-sm-1 col-md-1 col-lg-1" data-bind="text: person.comms[0].com_valuescrambled"></td>
                </tr>
            </script>
        </div>
    </div>

    <div>
        

    
        <div class="cmrel-manageaccount">
    <div  style="clear:both;margin:0;padding:0">
        <div class="container-fluid"
             data-template="cmrel-manageaccount-deleterelation-template"
             data-bind="source:CM_W3_RelationManager_MainViewModel.manageaccount, detach:CM_W3_RelationManager_MainViewModel.manageaccount.showDeleteRelationForm"></div>
        <div class="cmrel-manageprofilesoverview-masonry"
             data-bind="invisible:CM_W3_RelationManager_MainViewModel.manageaccount.showDeleteRelationForm">
            <div class="cmrel-column" data-cmrel-viewsort="0" style="width:100%">
                <div id="cmrel-manageaccount-identityoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="1" style="width:100%">
                <div id="cmrel-manageaccount-communicationoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="2" style="width:100%">
                <div id="cmrel-manageaccount-profilesoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="3" style="width:100%">
                <div id="cmrel-manageaccount-mailingsoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
            <div class="cmrel-column" data-cmrel-viewsort="4" style="width:100%">
                <div id="cmrel-manageaccount-addressoverview-viewpart" class="cmrel-shadow" style="display:inline-block;width:100%"></div>
            </div>
        </div>
    </div>
        </div>
        

    
            <div id="cmrel-manageaccount-deleterelationerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to process the delete relation request. Please contact info@eshre.eu">
            </div>
                    <div id="cmrel-manageaccount-deleterelationsuccess"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Your relation details have been removed from our system!">
            </div>
        <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-deleterelation-template">
            <div id="cmrel-manageaccount-deleterelation" class="panel panel-default cmrel-shadow cmrel-manageaccount-deleterelation col-xs-12 col-sm-12 col-md-12 col-lg-12">
                
                        <div class="row form-group">
                            <span>
Info text explaining the deletion process to the end user
                            </span>
                        </div>
                
                <div class="clearfix">
                    <div id="cmrel-deleterelation-g-recaptcha" class="g-recaptcha pull-right"></div>
                </div>
                <hr class="clear" />
                <div class="row form-group">
                    
                            <button data-bind="events:{click:onCancelDeleteRelation}"
                                    type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                                <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                                </span>
                            </button>
                    
                    
                            <button data-bind="events:{click:onDeleteRelation}, visible:showContinueWithDeletion"
                                    type="button" class="k-button  pull-right" style="padding:10px">
                                <span class="icon icon-remove-2"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Continue with deletion
                                </span>
                            </button>
                    
                </div>
                <script src="https://www.google.com/recaptcha/api.js?onload=cmrel_onloadCallback&render=explicit&hl=en-US" async defer />
            </div>
        </script>
    </div>

    <a href="" target="_blank" style="text-decoration:none;margin:5px;" class="k-button">
        <span class="glyphicon glyphicon-globe" style="vertical-align:middle;padding:5px"></span>
        <span style="vertical-align:middle;padding:5px">#title#</span>
        <div class="feature-box" style="display:none;">
            <div>
                <img alt="#title#" src="#source#" style="height:auto;width:100%;">
            </div>
        </div>
    </a>

    <div class="cmrel-manageidentity center-block">        
        <div>
            

    
            <div id="cmrel-manageidentity-viewpart" class="cmrel-shadow"></div>
            

    
        </div>
    </div>

    <div class="cmrel-manageaccount-manageidentity-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading" data-bind="invisible:CM_W3_RelationManager_MainViewModel.manageIdentity.isChangePassword">Relation Details</div>
            <div class="panel-body" style="padding:0">
                <div data-template="cmrel-manageaccount-manageidentity-viewpart-requestnamechange-template"
                     class="row"
                     style="padding-top:15px"
                     data-bind="source:CM_W3_RelationManager_MainViewModel.manageIdentity.identity, visible:CM_W3_RelationManager_MainViewModel.manageIdentity.showRequestNameChangeForm"></div>

                <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageIdentity.identity"
                     data-template="cmrel-manageaccount-manageidentity-viewpart-identity-template"></div>
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-manageidentity-viewpart-identity-template">
        <div id="cmrel-manageaccount-manageidentity-viewpart-identity" class="cmrel-manageaccount-manageidentity-viewpart-identity col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="row" data-bind="css:{k-content:isChangePassword,k-alt:isNotChangePassword}"
                     style="margin:0px -15px 10px -15px; padding:0px 15px">

                    
                            <div class="form-group" style="margin-top:10px" data-bind="invisible:isChangePassword">
                                <button data-bind="events:{click:onNameChangeRequest}"
                                        type="button" class="k-button" style="padding:10px">
                                    <span class="icon icon-pencil-2"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
                                        <span data-bind="text:p_dearText" style="font-weight:bold"></span><span data-bind="text:c_name" style="font-weight:bold"></span> - <span style="color:red;"><strong>Name Change Request</strong></span><br />Use this function only if you do want to change your first name or your surname. <br />
                                    </span>
                                </button>
                            </div>
                    
                    <div class="form-group" style="margin-top:10px" data-bind="invisible:isChangePassword">
                        <div style="display:inline-block; vertical-align :top;margin-right:10px">                            
                            <img data-bind="visible:hasPicture, attr:{src:getPicture}"
                                    style="max-width:64px;width:64px;height:64px;" class="img-thumbnail" />
                            <span data-bind="invisible:hasPicture" class="media-object icon icon-user" style="font-size:64px"></span>
                        </div>
                        <div style="display:inline-block; vertical-align:top">
                            
                                <div>
                                    <input name="cmrel-manageaccount-manageidentity-viewpart-identity-picture"
                                           type="file"
                                           data-role="upload"
                                           data-validation="{allowedExtensions: ['.jpg']}"
                                           data-multiple="false"
                                           data-bind="events:{upload:onUploadProfilePicture, select:onSelectProfilePicture, success:onSuccessfullyUploadedProfilePicture}"
                                           data-localization='{
                                        select: "Select profile picture"}'
                                           data-async="{ saveUrl:'https://www.eshre.eu/cmRelationManager/conferencemanager/CM_W3_RelationManager/api/uploadavatar/{relationID}?key=RBTpKzA9r2%2BcCq0D92nQtcKoCwHfM1oGj71GnQxC5QPs0pT1uGhwPtYi%2BSXMvovi', uploadUrl: 'https://www.eshre.eu/cmRelationManager/conferencemanager/CM_W3_RelationManager/api/uploadavatar/{relationID}?key=RBTpKzA9r2%2BcCq0D92nQtcKoCwHfM1oGj71GnQxC5QPs0pT1uGhwPtYi%2BSXMvovi', autoUpload: true }" />
                                    <div class="cmrel-upload-hint">You can only upload <strong>JPG</strong> files.</div>
                                </div>
                        </div>
                    </div>
                    
                            <div class="panel-group" style="margin-top:10px;margin-bottom:0px;" data-bind="visible:isChangePassword">
                                <div class="panel panel-default">
                                    <div class="panel-heading"><span style="color:red;font-size:large;"><strong>Change my password<br /></strong></span>The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. Not allowed special characters: the hash (\\#), the exclamation mark (!), the question mark (?) and the equal sign (=). <br /></div>
                                    <div id="cmrel-manageaccount-manageidentity-viewpart-passwordchange" class="panel-body form-horizontal">
                                        <div>

            <div class="form-group">

            <label for="fieldManageIdentityViewPartPassword" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Old password</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:&\#32;oldPassword" data-value-update="keyup" id="fieldManageIdentityViewPartPassword" name="fieldManageIdentityViewPartPassword" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartPassword" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    

            <div class="form-group">

            <label for="fieldManageIdentityViewPartPasswordNew" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">New password</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:&\#32;newPassword" data-val-regex="The&\#32;password&\#32;should&\#32;contain&\#32;minimum&\#32;8&\#32;characters,&\#32;at&\#32;least&\#32;1&\#32;Alphabet&\#32;and&\#32;1&\#32;Number.&\#32;Not&\#32;allowed&\#32;special&\#32;characters:&\#32;=,&\#32;\#,&\#32;!&\#32;and&\#32;?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldManageIdentityViewPartPasswordNew" name="fieldManageIdentityViewPartPasswordNew" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartPasswordNew" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    

            <div class="form-group">

            <label for="fieldManageIdentityViewPartPasswordConfirm" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Verify password</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:&\#32;verifyPassword" data-val-equalto="The&\#32;input&\#32;password&\#32;does&\#32;not&\#32;match&\#32;with&\#32;the&\#32;new&\#32;password,&\#32;please&\#32;review." data-val-equalto-other="*.fieldManageIdentityViewPartPasswordNew" data-val-regex="The&\#32;password&\#32;should&\#32;contain&\#32;minimum&\#32;8&\#32;characters,&\#32;at&\#32;least&\#32;1&\#32;Alphabet&\#32;and&\#32;1&\#32;Number.&\#32;Not&\#32;allowed&\#32;special&\#32;characters:&\#32;=,&\#32;\#,&\#32;!&\#32;and&\#32;?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldManageIdentityViewPartPasswordConfirm" name="fieldManageIdentityViewPartPasswordConfirm" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartPasswordConfirm" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                                        </div>

            <hr />
            <div class="row form-group clearfix">
                <button data-bind="click:onChangePassword"
                        type="button" class="k-button  pull-right" style="padding:10px">
                    <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Update password
                    </span>
                </button>
            </div>


    
                                    </div>
                                </div>
                            </div>
                    
                </div>
            <div data-bind="invisible:isChangePassword">
                <div class="form-horizontal"
                     id="cmrel-manageaccount-manageidentity-viewpart-identity-company"
                     data-bind="detach:showCompanyDetails">
                    
            <div data-cmrel-sort="0"
                 class="form-group">

            <label for="fieldManageIdentityViewPartCompanyName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Company name</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:c_name" data-value-update="keyup" id="fieldManageIdentityViewPartCompanyName" name="fieldManageIdentityViewPartCompanyName" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartCompanyName" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageIdentityViewPartOtherCompanyName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Other name</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:c_name2" data-value-update="keyup" id="fieldManageIdentityViewPartOtherCompanyName" name="fieldManageIdentityViewPartOtherCompanyName" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartOtherCompanyName" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                </div>
                <div class="form-horizontal"
                     id="cmrel-manageaccount-manageidentity-viewpart-identity-person"
                     data-bind="detach:showPersonDetails">
                    
            <div data-cmrel-sort="0"
                 class="form-group" style="margin-bottom:0">

            <label for="fieldManageIdentityViewPartTitle" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Title</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<div></div>
            </div>


    
            </div>


    
                    
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageIdentityViewPartFirstName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word"><b>First name</b></label>


    
                    <span class="col-xs-12 col-sm-12 col-md-9" data-bind="text:p_firstName" style="font-weight:normal"></span>

            </div>


    
                    
            <div data-cmrel-sort="3"
                 class="form-group">

            <label for="fieldManageIdentityViewPartLastName" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word"><b>Surname</b></label>


    
                    <span class="col-xs-12 col-sm-12 col-md-9" data-bind="text:p_name" style="font-weight:normal"></span>

            </div>


    
                    


    
                    

    
                    
            <div data-cmrel-sort="6"
                 class="form-group">

            <label for="fieldManageIdentityViewPartGender" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Gender</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldManageIdentityViewPartGender"
                               name="fieldManageIdentityViewPartGender"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="value"
                               data-enable='false'
                               data-value-field="value"
                               data-bind="value: p_gender,source: genderList"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               data-placeholder="Please select to continue..."
                               required />

                </div>
            </div>


    
                    
            <div data-cmrel-sort="7"
                 class="form-group">

            <label for="fieldManageIdentityViewPartDOB" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Date of birth</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
                <div style="display:inline-block">
<input data-val-date="Please input date in the specified format" data-val-parsedate="Please input date in the specified format" data-bind="fourDDate:p_birthDate" data-start="decade" data-value-update="keyup" id="fieldManageIdentityViewPartDOB" name="fieldManageIdentityViewPartDOB" type="text" data-val-required="Input required." data-val="true"><script>
	jQuery(function(){jQuery("\#fieldManageIdentityViewPartDOB").kendoDatePicker({"format":"dd/MM/yyyy","parseFormats":["dd/MM/yyyy"],"min":new Date(1900,0,1,0,0,0,0),"max":new Date(2015,7,2,12,49,21,330),"start":"decade"});});
<\/script>
                </div>
                <div style="display:inline-block">
                    <span style="padding-left: 5px; padding-right: 5px;">dd/MM/yyyy</span>
                </div>
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartDOB" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    
            <div data-cmrel-sort="8"
                 class="form-group">

            <label for="fieldManageIdentityViewPartNationality" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Nationality</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldManageIdentityViewPartNationality"
                               name="fieldManageIdentityViewPartNationality"
                               data-template="cmrel-nationalityflags-template"
                               data-value-template="cmrel-nationalityflags-template"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="CountryData.nationality"
                               data-enable='false'
                               data-value-field="CountryData.id"
                               data-bind="value: p_nationality_id4d,source: getNationalities"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               required />

                </div>
            </div>


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    


    
                    
            <div data-cmrel-sort="17"
                 class="form-group">

            <label for="fieldManageIdentityViewPartBiography" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Biography</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<textarea class="k-textbox" cols="20" data-bind="value:p_biography" data-value-update="keyup" id="fieldManageIdentityViewPartBiography" name="fieldManageIdentityViewPartBiography" rows="2" data-val-required="Input required." data-val="true">
<\/textarea>
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartBiography" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                    


    
                </div>
                <hr />
                <div class="row form-group">
                    
                            <button data-bind="events:{click:onCancelEdit}"
                                    type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                                <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                                </span>
                            </button>
                    
                    
                            <button data-bind="visible:isDirty,events:{click:onSaveEdit}"
                                    type="button" class="k-button  pull-right" style="padding:10px">
                                <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                                </span>
                            </button>
                    
                </div>
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-verifymasserror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="The input password verification does not match with the new password, please review!">
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-oldpasserror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="You old password is incorrect!">
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-saveerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to process the changes to your account. Please contact info@eshre.eu">
            </div>
            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-sendrequestnamechangeerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to send the name change request. Please contact the administrator!">
            </div>
                <div id="cmrel-manageaccount-manageidentity-viewpart-identity-sendrequestnamechangesucceess"
                     data-role="dialog"
                     data-title="Relation Manager"
                     data-width="300"
                     data-actions="[{text:'Ok'}]"
                     data-modal="false"
                     data-visible="false"
                     data-closable="false"
                     style="text-align:center"
                     data-content="The request has been submitted">
                </div>
                            <div id="cmrel-manageaccount-manageidentity-viewpart-identity-changepasswordsuccessful"
                     data-role="dialog"
                     data-title="Relation Manager"
                     data-width="300"
                     data-actions="[{text:'Ok'}]"
                     data-modal="false"
                     data-visible="false"
                     data-closable="false"
                     style="text-align:center"
                     data-content="You password has been sucessfully changed">
                </div>
        </div>
    </script>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-manageidentity-viewpart-requestnamechange-template">
        <div id="cmrel-manageaccount-manageidentity-viewpart-requestnamechange" class="cmrel-manageaccount-manageidentity-viewpart-requestnamechange col-xs-12 col-sm-12 col-md-12 col-lg-12">
            
            
            <div class="form-horizontal">
                
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageIdentityViewPartRequestLastNameChange" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Update Surname</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:request_name" data-value-update="keyup" id="fieldManageIdentityViewPartRequestLastNameChange" name="fieldManageIdentityViewPartRequestLastNameChange" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartRequestLastNameChange" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="0"
                 class="form-group">

            <label for="fieldManageIdentityViewPartRequestFirstNameChange" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Update First name</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:request_firstName" data-value-update="keyup" id="fieldManageIdentityViewPartRequestFirstNameChange" name="fieldManageIdentityViewPartRequestFirstNameChange" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageIdentityViewPartRequestFirstNameChange" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            </div>
            
                    <div class="row form-group">
                        <span>
<div style="text-align:center;">Any name change request will be validated and processed by the ESHRE Central Office as soon as possible.</div>
                        </span>
                    </div>
            
            <hr />
            <div class="row form-group">
                
                        <button data-bind="events:{click:onCancelNameChangeRequest}"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="events:{click:onSendNameChangeRequest}"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-mail-5"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Send Request
                            </span>
                        </button>
                
            </div>
        </div>
    </script>

    <div class="cmrel-manageaddress center-block">        
        <div>
            

    
            <div id="cmrel-manageaddress-viewpart" class="cmrel-shadow"></div>
            

    
        </div>
    </div>

    <div class="cmrel-manageaccount-manageaddress-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading">Address Details</div>
            <div class="panel-body" style="padding:15px 0px 0px 0px">
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageAddress.address"
                     data-template="cmrel-manageaccount-manageaddress-viewpart-address-template"></div>
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-manageaddress-viewpart-address-template">
        <div id="cmrel-manageaccount-manageaddress-viewpart-address" class="cmrel-manageaccount-manageaddress-viewpart-address col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="media-left">
                #if($.trim(a_addresstype).toLowerCase()==="home"){#
                <span class="media-object icon icon-home" title="Home address"></span>
                #}else if($.trim(a_addresstype).toLowerCase()==="professional"){#
                <span class="media-object icon icon-office" title="Professional address"></span>
                #}else if($.trim(a_addresstype).toLowerCase()==="company"){#
                <span class="media-object icon icon-office" title="Company address"></span>
                #}#
            </div>
            <div class="form-horizontal media-body" style="padding:0px 10px">
                


    
                #if($.trim(a_addresstype).toLowerCase()!=="home"){#
                
            <div data-cmrel-sort="1"
                 class="form-group">

            <label for="fieldManageAddressViewPartAffiliation" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Affiliation</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_affiliationname" data-value-update="keyup" id="fieldManageAddressViewPartAffiliation" maxlength="250" name="fieldManageAddressViewPartAffiliation" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartAffiliation" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="2"
                 class="form-group">

            <label for="fieldManageAddressViewPartDepartment" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Department</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:pa_department" data-value-update="keyup" id="fieldManageAddressViewPartDepartment" maxlength="250" name="fieldManageAddressViewPartDepartment" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartDepartment" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="4"
                 class="form-group">

            <label for="fieldManageAddressViewPartPosition" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Position</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:pa_personFunction" data-value-update="keyup" id="fieldManageAddressViewPartPosition" maxlength="250" name="fieldManageAddressViewPartPosition" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartPosition" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                #}#
                
            <div data-cmrel-sort="5"
                 class="form-group">

            <label for="fieldManageAddressViewPartStreet" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Street</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_streetline1" data-value-update="keyup" id="fieldManageAddressViewPartStreet" maxlength="100" name="fieldManageAddressViewPartStreet" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartStreet" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="6"
                 class="form-group">

            <label for="fieldManageAddressViewPartStreet2" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word"></label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_streetline2" data-value-update="keyup" id="fieldManageAddressViewPartStreet2" maxLength="100" name="fieldManageAddressViewPartStreet2" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartStreet2" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="7"
                 class="form-group">

            <label for="fieldManageAddressViewPartZipcode" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Zip</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_zip" data-value-update="keyup" id="fieldManageAddressViewPartZipcode" maxlength="50" name="fieldManageAddressViewPartZipcode" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartZipcode" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="8"
                 class="form-group">

            <label for="fieldManageAddressViewPartCounty" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">State (leave empty if not applicable)</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_stateorcounty" data-value-update="keyup" id="fieldManageAddressViewPartCounty" maxLength="100" name="fieldManageAddressViewPartCounty" type="text" value="" />
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartCounty" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                
            <div data-cmrel-sort="9"
                 class="form-group">

            <label for="fieldManageAddressViewPartCity" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">City</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value:a_cityname" data-value-update="keyup" id="fieldManageAddressViewPartCity" maxlength="100" name="fieldManageAddressViewPartCity" type="text" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldManageAddressViewPartCity" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
                


    
                
            <div data-cmrel-sort="11"
                 class="form-group">

            <label for="fieldManageAddressViewPartCountry" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Country</label>


    
                <div class="col-xs-12 col-sm-12 col-md-9">
                        <input id="fieldManageAddressViewPartCountry"
                               name="fieldManageAddressViewPartCountry"
                               data-template="cmrel-countryflags-template"
                               data-value-template="cmrel-countryflags-template"
                               data-role="dropdownlist"
                               data-auto-bind="false"
                               data-value-primitive="true"
                               data-text-field="CountryData.countryName"
                               data-enable='false'
                               data-value-field="CountryData.countryCode"
                               data-bind="value: a_countrycode,source: getCountries"
                               style="width: 100%;"
                               data-option-label="Please select to continue..."
                               required />

                </div>
            </div>


    
            </div>
            <hr />
            <div class="row form-group">
                
                        <button data-bind="events:{click:onCancelEdit}"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="visible:isDirty,events:{click:onSaveEdit}"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
            <div id="cmrel-manageaccount-manageaddress-viewpart-address-saveerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to process the changes to your address. Please contact the administrator!">
            </div>
        </div>
    </script>

    <div class="cmrel-manageaccount-addressoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row" style="padding-bottom:0 !important">
                <div class="pull-left" style="padding:5px">Address List</div>
                <div class="pull-right">
                    
                            <div class="pull-left">
                                <div style="display:inline-block;padding-right:5px;">
                                    <ul data-role="menu" data-animation="false"
                                        data-orientation="vertical"
                                        id="cmrel-manageaccount-addressoverview-viewpart-toggleobsoleteaddresses"
                                        data-bind="events:{select:CM_W3_RelationManager_MainViewModel.addressOverview.onSelectCommand}"
                                        style="width: 100%;height:100%;">
                                        <li data-cmrel-action="toggleObsoleteAddress">
                                            <span class="icon icon-mail-5"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Show/Hide inactive addresses
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    
                    
                            <div class="pull-left">
                                <div style="display:inline-block;">
                                    <ul data-role="menu" data-animation="false"
                                        data-orientation="horizontal"
                                        data-bind="events:{select:CM_W3_RelationManager_MainViewModel.addressOverview.onSelectCommand}"
                                        style="width: auto;height:100%; border-right:none">
                                        <li id="cmrel-manageaccount-addressoverview-viewpart-addaddressmenu">
                                            <span class="icon icon-plus"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Add New Address
                                            </span>
                                            <ul>

            <li data-cmrel-action="addHomeAddress">
                <span class="icon icon-home"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Home Address
                </span>
            </li>

    

            <li data-cmrel-action="addProfessionalAddress">
                <span class="icon icon-office"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left: 5px; margin-right: 5px">
Professional Address
                </span>
            </li>

    
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    
                </div>
            </div>
            <div class="panel-body">
                

    
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.addressOverview.addressList"
                     data-template="cmrel-manageaccount-addressoverview-viewpart-addresslist-template" class="row"></div>
                

    
            </div>
        </div>
        <div id="cmrel-manageaccount-addressoverview-viewpart-address-saveerror"
             data-role="dialog"
             data-title="Relation Manager"
             data-width="300"
             data-actions="[{text:'Ok'}]"
             data-modal="false"
             data-visible="false"
             data-closable="false"
             style="text-align:center"
             data-content="Failed to process the changes to your address. Please contact info@eshre.eu">
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-addressoverview-viewpart-addresslist-template">
        <table id="cmrel-manageaccount-addressoverview-viewpart-address" class="cmrel-manageaccount-addressoverview-viewpart-address col-xs-12 col-sm-12 col-md-12 col-lg-12" 
               data-bind="visible:canShowObsoleteAddress"
               style="margin-bottom:15px">
            <tr style="height:100%">
                <td style="height:100%;padding:0px 5px">
                    <table style="width:100%;height:100%" class="k-block">
                        <tbody data-bind="css:{k-alt:a_isobsolete}">
                            <tr data-bind="css:{k-state-selected:isMainContactPointCss}, invisible:a_isobsolete" class="k-alt">
                                <td style="vertical-align:top;height:auto; width:100%">
                                    <div>
                                        
                                        <div data-bind="invisible:pa_IsContactAddress" style="padding:10px">
                                            <input type="checkbox" name="maincontactaddress" class="k-radio"
                                                   id="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#"
                                                   data-bind="value:pa_IsContactAddress, checked:pa_IsContactAddress, events:{click:onAddressIsMainContactPointChanged}">
                                            <label style="font-weight:normal;display:initial" class="k-radio-label" for="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#">
Set as main contact address
                                            </label>
                                        </div>
                                        
                                        
                                        <div data-bind="visible:pa_IsContactAddress" style="padding:10px">
                                            <input type="checkbox" name="maincontactaddress" class="k-radio"
                                                   id="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#"
                                                   data-bind="value:pa_IsContactAddress, checked:pa_IsContactAddress, events:{click:onAddressIsMainContactPointChanged}">
                                            <label style="font-weight:normal;display:initial" class="k-radio-label" for="cmrel-manageaccount-addressoverview-viewpart-maincontactaddress-#:uid#">
Main contact address
                                            </label>
                                        </div>
                                        
                                    </div>
                                </td>
                                <td style="width:auto">
                                    <div style="padding:10px;float:right">
                                        #if($.trim(a_addresstype).toLowerCase()==="home"){#
                                        <span class="media-object icon icon-home" title="Home address"></span>
                                        #}else if($.trim(a_addresstype).toLowerCase()==="professional"){#
                                        <span class="media-object icon icon-office" title="Professional address"></span>
                                        #}else if($.trim(a_addresstype).toLowerCase()==="company"){#
                                        <span class="media-object icon icon-office" title="Company address"></span>
                                        #}#
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td style="height:100%;vertical-align:top" colspan="2">
                                    <div data-bind="visible:a_isobsolete" class="clearfix">
                                        <div style="padding:10px;float:right">
                                            #if($.trim(a_addresstype).toLowerCase()==="home"){#
                                            <span class="media-object icon icon-home" title="Home address"></span>
                                            #}else if($.trim(a_addresstype).toLowerCase()==="professional"){#
                                            <span class="media-object icon icon-office" title="Professional address"></span>
                                            #}else if($.trim(a_addresstype).toLowerCase()==="company"){#
                                            <span class="media-object icon icon-office" title="Company address"></span>
                                            #}#
                                        </div>
                                    </div>
                                    <div style="padding:10px 0;">
                                        <div id="cmrel-manageaccount-addressoverview-viewpart-addressviewmode" style="margin-left:5px;margin-right:5px">
                                            #if($.trim(a_addresssubtype).length){#
                                            

    
                                            #}#
                                            #if($.trim(a_affiliationname).length){#
                                            
            <div class="row" data-cmrel-sort="1" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_affiliationname"></span>
            </div>

    
                                            #}#
                                            #if($.trim(pa_department).length){#
                                            
            <div class="row" data-cmrel-sort="9" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-12 col-lg-5" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Department</b></span>
                <span class="col-xs-12 col-sm-6 col-md-12 col-lg-7" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:pa_department"></span>
            </div>

    
                                            #}#
                                            #if($.trim(pa_personFunction).length){#
                                            
            <div class="row" data-cmrel-sort="10" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-12 col-lg-5" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Position</b></span>
                <span class="col-xs-12 col-sm-6 col-md-12 col-lg-7" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:pa_personFunction"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_streetline1).length){#
                                            
            <div class="row" data-cmrel-sort="2" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_streetline1"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_streetline2).length){#
                                            
            <div class="row" data-cmrel-sort="3" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_streetline2"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_zip).length){#
                                            
            <div class="row" data-cmrel-sort="4" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_zip"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_stateorcounty).length){#
                                            
            <div class="row" data-cmrel-sort="5" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_stateorcounty"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_cityname).length){#
                                            
            <div class="row" data-cmrel-sort="6" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_cityname"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_cityextension).length){#
                                            
            <div class="row" data-cmrel-sort="7" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_cityextension"></span>
            </div>

    
                                            #}#
                                            #if($.trim(a_countryname).length){#
                                            
            <div class="row" data-cmrel-sort="8" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:a_countryname"></span>
            </div>

    
                                            #}#
                                        </div>
                                    </div>
                                </td>
                            </tr>
                                <tr data-bind="invisible:a_isobsolete">
                                    <td style="vertical-align:bottom;height:auto;padding-left:5px;padding-right:5px;" colspan="2">
                                        <div class="pull-left" style="padding-right:5px;padding-bottom:5px">
                                            <ul data-role="menu" style="width: 100%;height:100%"
                                                data-orientation="vertical"
                                                data-bind="events:{select:onSelectCommand}"
                                                data-animation="false">
                                                
                                                <li data-cmrel-action="edit">
                                                    <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                                    </span>
                                                </li>
                                                
                                            </ul>
                                        </div>
                                        <div class="pull-left" data-bind="visible:hasSetAddressToObsolete" style="padding-bottom:5px">
                                            <ul data-role="menu" style="width: 100%;height:100%"
                                                data-orientation="vertical"
                                                data-bind="events:{select:onSelectCommand}"
                                                data-animation="false">
                                                
                                                <li data-cmrel-action="delete">
                                                    <span class="icon icon-remove"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left: 5px; margin-right: 5px">
Make inactive
                                                    </span>
                                                </li>
                                                
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                        </tbody>
                    </table>
                    <div style="position: absolute;opacity: 0.2;width:100%;margin:0 -5px;top:5px" data-bind="visible:a_isobsolete">
                        <div class="cmrel-manageaccount-addressoverview-viewpart-obsoleteaddresswatermark icon icon-close"></div>
                    </div>
                </td>
            </tr>
        </table>
    </script>

    <div class="cmrel-manageaccount-communicationoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">Communications</div>
                
                        <div class="pull-right">
                            <ul data-role="menu" style="width: 100%;height:100%"
                                data-orientation="vertical"
                                data-animation="false"
                                data-bind="events:{select:CM_W3_RelationManager_MainViewModel.communicationOverview.onSelectCommand}, visible: CM_W3_RelationManager_MainViewModel.communicationOverview.showCommunicationType">
                                <li data-cmrel-action="add">
                                    <span class="icon icon-plus"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Add New Communication
                                    </span>
                                </li>
                            </ul>
                        </div>
                
            </div>
            <div class="panel-body">
                

    
                <div class="row">
                    <div data-template="cmrel-manageaccount-communicationoverview-managecommunication-template"
                         class="k-block k-shadow row"
                         style="padding-top:15px"
                         data-bind="source:CM_W3_RelationManager_MainViewModel.communicationOverview.currentCommunicationItem, visible:CM_W3_RelationManager_MainViewModel.communicationOverview.showManageCommunication"></div>
                    <div id="cmrel-manageaccount-communicationoverview-communicationlist" class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="padding:0px">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr class="cmrel-manageaccount-communicationoverview-viewpart-communicationlist-row">
                                        
            <th style='text-align:center'   data-cmrel-sort="2">Main</th>

                                        
            <th    data-cmrel-sort="0">Type</th>

                                        
            <th    data-cmrel-sort="1">Value</th>

                                        

                                        
            <th style='text-align:center'   data-cmrel-sort="3">Delete</th>

                                    </tr>
                                </thead>
                                <tbody data-bind="source:CM_W3_RelationManager_MainViewModel.communicationOverview.communicationList"
                                       data-template="cmrel-manageaccount-communicationoverview-communicationlist-row-template"></tbody>
                            </table>
                        </div>
                    </div>
                </div>
                

    
            </div>
            <div id="cmrel-manageaccount-communicationoverview-viewpart-saveerror"
                 data-role="dialog"
                 data-title="Relation Manager"
                 data-width="300"
                 data-actions="[{text:'Ok'}]"
                 data-modal="false"
                 data-visible="false"
                 data-closable="false"
                 style="text-align:center"
                 data-content="Failed to process the changes to your communications. Please contact info@eshre.eu">
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-communicationoverview-managecommunication-template">
        <div id="cmrel-manageaccount-communicationoverview-managecommunication" class="cmrel-manageaccount-communicationoverview-communicationoverview-managecommunication col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <div class="form-horizontal">                
                <div data-cmrel-sort="0"
                     class="form-group" data-bind="visible: showCommunicationType">
                    
            <label for="fieldCommunicationType" class="col-xs-12 col-sm-12 col-md-3" style="font-weight: normal; -ms-word-wrap: break-word;word-wrap:break-word">Communication type</label>

                    
                            <div class="col-xs-12 col-sm-12 col-md-9">
                                    <input data-role="dropdownlist"
                                           id="fieldCommunicationType"
                                           name="fieldCommunicationType"
                                           data-auto-bind="false"
                                           data-value-primitive="true"
                                           data-text-field="comtype"
                                           data-enable='false'
                                           data-value-field="comtypecomcode"
                                           data-bind="value: com_typecode,source: communicationTypes, events:{ change: onCommunicationTypeChanged}"
                                           style="width: 100%;"
                                           data-option-label="Please select to continue..."
                                           required />
                            </div>
                    

                </div>
                <div data-cmrel-sort="1"
                     class="form-group">
                    
            <label for="CommunicationTypeValue" class="col-xs-12 col-sm-12 col-md-3" style="font-weight: normal; -ms-word-wrap: break-word;word-wrap:break-word">Communication value</label>

                    
            <div class="col-xs-12 col-sm-12 col-md-9" data-cmrelisrequired="true">
                <input autocomplete="off" class="k-textbox" data-bind="value:com_value" data-val="true" data-val-required="Input required." data-value-update="keyup" id="CommunicationTypeValue" name="CommunicationTypeValue" type="text" value="" />
                <span class="field-validation-valid" data-valmsg-for="CommunicationTypeValue" data-valmsg-replace="true"></span>
            </div>
    
                </div>
                <div data-cmrel-sort="2"
                     class="form-group" style="display:none">
                    
            <label for="CommunicationTypeCCEmail" class="col-xs-12 col-sm-12 col-md-3" style="font-weight: normal; -ms-word-wrap: break-word;word-wrap:break-word">CC Email</label>

                    
            <div class="col-xs-12 col-sm-12 col-md-9" data-cmrelisrequired="false">
                <input autocomplete="off" class="k-textbox" data-bind="value:com_ccvalue" data-val="true" data-val- data-value-update="keyup" id="CommunicationTypeCCEmail" name="CommunicationTypeCCEmail" type="text" value="" />
                <span class="field-validation-valid" data-valmsg-for="CommunicationTypeCCEmail" data-valmsg-replace="true"></span>
            </div>
    
                </div>
            </div>
            <hr />
            <div class="row form-group">
                
                        <button data-bind="events:{click:onCancelCommunicationItem}"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="events:{click:onSaveCommunicationItem}"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
        </div>
    </script>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-communicationoverview-communicationlist-row-template">
        #var rowclass = (itemIndex%2===0?"class='k-alt cmrel-manageaccount-communicationoverview-viewpart-communicationlist-row'":"class='cmrel-manageaccount-communicationoverview-viewpart-communicationlist-row'")#
        <tr #=rowclass#>
            
                    <td style="text-align:center" data-cmrel-sort="2">
                        <input id="#:uid#-ismaincontactcom" type="checkbox" class="k-checkbox" data-bind="checked:com_ismaincom, events:{click:onIsMainCommunicationTypeChanged}">
                        <label for="#:uid#-ismaincontactcom" class="k-checkbox-label"> </label>
                    </td>
            ;
            
                    <td data-bind="text:com_type"
                        data-cmrel-sort="0"></td>
            ;
            
                    #if(com_typecode==="E"){#
                        <td data-bind="html:emailDisplayText"
                            data-cmrel-sort="1"></td>#}else{#
                        <td data-bind="text:emailDisplayText"
                            data-cmrel-sort="1"></td>
                        #}#
                    
            ;
            
            ;
            
                    <td data-cmrel-sort="3">

            <div class="pull-right">
                <ul data-role="menu" data-animation="false"
                    data-bind="events:{select:CM_W3_RelationManager_MainViewModel.communicationOverview.onSelectCommand}"
                    style="width: auto;border-right:none">
                    <li data-cmrel-action="delete">
                        <span class="icon icon-remove" style="display:table-cell"></span><span style="display:table-cell;-ms-word-break:keep-all; word-break: keep-all;padding-left:5px;padding-right:5px">
                            Delete
                        </span>
                    </li>
                </ul>
            </div>
    
                    </td>
            ;
        </tr>
    </script>

    <div class="cmrel-manageaccount-identityoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">Identity</div>
                <div class="pull-right">
                    
                            <div class="pull-left">
                                <div style="display:inline-block;padding-right:5px;">
                                    <ul data-role="menu" style="width: 100%;height:100%"
                                        data-orientation="vertical"
                                        data-bind="events:{select:CM_W3_RelationManager_MainViewModel.identityOverview.onSelectCommand}"
                                        data-animation="false">
                                        <li data-cmrel-action="edit">
                                            <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                    
                    
                    
                </div>
            </div>

            <div class="panel-body" style="padding:10px">
                

    
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.identityOverview.identity"
                     data-template="cmrel-manageaccount-identityoverview-viewpart-details-template" class="row"></div>
                
            <div><p style="margin-left:50px;"><a href="https://www.eshre.eu/ESHRE/change-password" title="change your password">Change password ></a></p></div>

    
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-identityoverview-viewpart-details-template">
        <table id="cmrel-manageaccount-identityoverview-viewpart-details" class="cmrel-manageaccount-identityoverview-viewpart-details col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:15px">
            <tr style="height:100%">
                <td style="height:100%;padding:0px 15px">
                    <table style="width:100%;height:100%" class="k-block">
                        <tbody>
                            <tr>
                                <td style="height:100%">
                                    <div class="media" style="height:auto">
                                        <div data-bind="visible:showPersonDetails" class="media-left k-alt" style="padding:10px;">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-bind="visible:hasPersonPicture, attr:{src:getPersonPicture}" style="max-width:64px;width:64px;height:64px;" class="img-thumbnail" />
                                            <span data-bind="invisible:hasPersonPicture" class="media-object icon icon-user" style="font-size:64px"></span>
                                        </div>
                                        <div data-bind="visible:showCompanyDetails" class="media-left k-alt" style="padding:10px;">
                                            <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-bind="visible:hasCompanyPicture, attr:{src:getCompanyPicture}" style="max-width:64px;width:64px;height:64px;" class="img-thumbnail" />
                                            <span data-bind="invisible:hasCompanyPicture" class="media-object icon icon-user" style="font-size:64px"></span>
                                        </div>
                                        <div class="media-body" style="padding:10px 0;">
                                            <div id="cmrel-manageaccount-identityoverview-viewpart-details-person"
                                                 data-bind="visible:showPersonDetails" style="width:100%">
                                                #if($.trim(data.p_dearText).length){#
                                                
            <div class="row" data-cmrel-sort="1" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-weight:normal" data-bind="text:p_dearText"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_birthDate).length){#
                                                
            <div class="row" data-cmrel-sort="4" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Date of birth</b></span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:displayDateOfBirthFormat"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_gender).length){#
                                                
            <div class="row" data-cmrel-sort="3" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Gender</b></span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_gender"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_passportname).length){#
                                                
            <div class="row" data-cmrel-sort="5" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Passport name</b></span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_passportname"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_passportnumber).length){#
                                                
            <div class="row" data-cmrel-sort="6" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Passport number</b></span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_passportnumber"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_nationality).length){#
                                                
            <div class="row" data-cmrel-sort="2" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Nationality</b></span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_nationality"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_vatnumber).length){#
                                                
            <div class="row" data-cmrel-sort="7" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>VAT Number</b></span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:p_vatnumber"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_biography).length){#
                                                
            <div class="row" data-cmrel-sort="9" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Biography</b></span>
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="html:displayBiographyTextLineBreaks"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_personRemark).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_conflictOfInterest).length){#
                                                
            <div class="row" data-cmrel-sort="11" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>Conflicy of interest</b></span>
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="html:displayCOITextLineBreaks"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.p_freefield1).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield2).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield3).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield4).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield5).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_freefield6).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.p_allowpublicationofdata).length){#
                                                

    
                                                #}#
                                            </div>
                                            <div id="cmrel-manageaccount-identityoverview-viewpart-details-company"
                                                 data-bind="visible:showCompanyDetails" style="width:100%">
                                                #if($.trim(data.c_name).length){#
                                                
            <div class="row" data-cmrel-sort="1" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-weight:normal" data-bind="text:c_name"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.c_name2).length){#
                                                
            <div class="row" data-cmrel-sort="2" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-weight:normal" data-bind="text:c_name2"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.c_country).length){#
                                                
            <div class="row" data-cmrel-sort="3" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="font-weight:normal" data-bind="text:c_country"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.c_vatnumber).length){#
                                                
            <div class="row" data-cmrel-sort="7" style="margin-bottom:5px;">
                <span class="col-xs-12 col-sm-6 col-md-5 col-lg-4" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;"><b>VAT Number</b></span>
                <span class="col-xs-12 col-sm-6 col-md-7 col-lg-8" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;" data-bind="text:c_vatnumber"></span>
            </div>

    
                                                #}#
                                                #if($.trim(data.c_freefield1).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield2).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield3).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield4).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield5).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_freefield6).length){#
                                                

    
                                                #}#
                                                #if($.trim(data.c_Remark).length){#
                                                

    
                                                #}#
                                            </div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </table>
    </script>

    <div class="cmrel-manageaccount-profilesoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">My Profiles</div>
                
                        <div class="pull-right">
                            <ul data-role="menu" style="width: 100%;height:100%"
                                data-orientation="vertical"
                                data-bind="events:{select:CM_W3_RelationManager_MainViewModel.profilesOverview.onSelectCommand}"
                                data-animation="false">
                                <li data-cmrel-action="edit">
                                    <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                    </span>
                                </li>
                            </ul>
                        </div>
                
            </div>
            <div class="panel-body" style="padding:15px 0px 0px 0px">
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.profilesOverview.profiles"
                     data-template="cmrel-manageaccount-profilesoverview-viewpart-details-template" class="row">
                </div>
                
        <div data-bind="invisible:CM_W3_RelationManager_MainViewModel.profilesOverview.hasProfiles">
            <div style="display:table;margin:0 auto;">
                <div>There are no profiles assigned yet</div>
            </div>
        </div>

    
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-profilesoverview-viewpart-details-template">
        <div id="cmrel-manageaccount-profilesoverview-viewpart-details" class="cmrel-manageaccount-profilesoverview-viewpart-details col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:15px">
            <div class="row" data-cmrel-sort="4">
                <div class="cmrel-mainprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">#=profilelevel1description#</div>
                <div class="cmrel-subprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">&\\#8627; #=subProfiles#</div>
            </div>
        </div>
    </script>

    <div class="cmrel-manageaccount-mailingsoverview-viewpart">
        <div class="panel panel-default">
            <div class="panel-heading row">
                <div class="pull-left" style="padding:5px">My Mailing Profiles</div>
                
                        <div class="pull-right">
                            <ul data-role="menu" style="width: 100%;height:100%"
                                data-orientation="vertical"
                                data-bind="events:{select:CM_W3_RelationManager_MainViewModel.mailingsOverview.onSelectCommand}"
                                data-animation="false">
                                <li data-cmrel-action="edit">
                                    <span class="icon icon-pencil"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Edit
                                    </span>
                                </li>
                            </ul>
                        </div>
                
            </div>
            <div class="panel-body" style="padding:15px 0px 0px 0px">
                <div data-bind="source:CM_W3_RelationManager_MainViewModel.mailingsOverview.profiles"
                     data-template="cmrel-manageaccount-mailingsoverview-viewpart-details-template" class="row">
                </div>
                
            <div data-bind="invisible:CM_W3_RelationManager_MainViewModel.mailingsOverview.hasProfiles">
                <div style="display:table;margin:0 auto;">
                    <div>There are no profiles assigned yet. Indicate here the topics you would like to be informed about.</div>
                </div>
            </div>

    
            </div>
        </div>
    </div>
    <script type="text/x-kendo-tmpl" id="cmrel-manageaccount-mailingsoverview-viewpart-details-template">
        <div id="cmrel-manageaccount-mailingsoverview-viewpart-details" class="cmrel-manageaccount-mailingsoverview-viewpart-details col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-bottom:15px">
            <div class="row" data-cmrel-sort="4">
                <div class="cmrel-mainprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">#=profilelevel1description#</div>
                <div class="cmrel-subprofile" style="vertical-align:top;-ms-word-wrap: break-word;word-wrap:break-word;">&\\#8627; #=subProfiles#</div>
            </div>
        </div>
    </script>

    <div class="cmrel-manageprofiles-profiles center-block">
        

    
        <div class="cmrel-shadow panel panel-default">
            <div class="panel-heading">Profiles</div>
            <div id="cmrel-manageprofiles-profiles-viewpart"></div>
            <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageProfiles"
                 data-template="cmrel-manageprofiles-profiles-commandbar-template"></div>            
        </div>
        
<span lang="EN-GB" style="font-size:medium;font-family:'Segoe UI', sans-serif;color:#002060;"><br />*Healthcare Professional (HCP): any natural person that is a member of the medical, dental, pharmacy or nursing professions or any other person who, in the course of his/her professional activities, may prescribe, purchase, supply, recommend or administer a Medicinal Product and whose primary practice, principal professional address or place of incorporation is in Europe. (…) the definition of HCPs includes: (i) any official or employee of a government, agency or other organisation (whether in the public or private sector) that may prescribe, purchase, supply, recommend or administer Medicinal Products and (ii) any employee of a Member Company whose primary occupation is that of a practising HCP, but excludes (x) all other employees of a Member Company and (y) a wholesaler or distributor of Medicinal Products</span><small><span style="font-size:xx-small;"></span><span style="font-size:xx-small;font-family:Verdana, sans-serif;"></span></small>
    
    </div>
    <div id="cmrel-manageprofiles-profiles-saveerror"
         data-role="dialog"
         data-title="Relation Manager"
         data-width="300"
         data-actions="[{text:'Ok'}]"
         data-modal="false"
         data-visible="false"
         data-closable="false"
         style="text-align:center"
         data-content="Failed to process the changes to your profiles. Please contact info@eshre.eu">
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-commandbar-template">
        <div style="padding-bottom:0;padding-top:0;">
            <hr style="margin-top:0"/>
            <div class="row" style="margin: 0px 15px 20px 0px;">
                
                        <button data-bind="click:onCancel"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="click:onSave"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
        </div>
    </script>

    <div id="cmrel-manageprofiles-profiles-viewpart" class="cmrel-manageprofiles-profiles-viewpart" style="padding:10px;">
        <div class="panel-body" style="padding: 0px;">
            <div class="row-fluid" data-bind="source: CM_W3_RelationManager_MainViewModel.possibleProfiles" data-template="cmrel-manageprofiles-profiles-viewpart-profileitem">
            </div>
        </div>
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect">
        # var l1p = data.parent().parent(), group = $.trim(l1p.profilewebgroupcode).length>0? $.trim(l1p.profilewebgroupcode): l1p.profilelevel1ID4D;#
        <div>
            <input class="k-radio" type="radio" data-bind="click: CM_W3_RelationManager_MainViewModel.profiles.changeL2Selected" data-l1profileID="#= l1p.profilelevel1ID4D #" name="Profile1name_#=group#" id="Profile2ID_#= profilelevel2ID4D #" value="#: profilelevel2ID4D #" />
            <label class="k-radio-label" for="Profile2ID_#: profilelevel2ID4D #">#= profilelevel2description #</label>
                
        #if (!!profilelevel2showotherdata) {#
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.profiles.getSetL2IsOtherVisible">
            <input style="display: inline-block;font-style: italic" data-bind="value: getSetL2OtherData" width="80" data-val="true" class="k-textbox" data-val-regex-pattern="[^;^|]+" data-value-update="keyup" id="ManageProfile_21_#= profilelevel2ID4D #_Other" type="text" data-l1profileID="#= l1p.profilelevel1ID4D #" />
            <br /><span style="font-size:smaller">The characters ; and | are not allowed!</span>
        </div>
        #}#
    

        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked">
        #var l1p = data.parent().parent(); group = $.trim(l1p.profilewebgroupcode).length>0? $.trim(l1p.profilewebgroupcode): l1p.profilelevel1ID4D;#
        <div>
            <input class="k-checkbox" type="checkbox" data-bind="click: CM_W3_RelationManager_MainViewModel.profiles.changeL2Selected" data-l1profileID="#= l1p.profilelevel1ID4D #" name="Profile1name_#=group#" id="Profile2ID_#= profilelevel2ID4D #" value="#= profilelevel2ID4D #" />
            <label class="k-checkbox-label" for="Profile2ID_#= profilelevel2ID4D #">#: profilelevel2description #</label><br />
                
        #if (!!profilelevel2showotherdata) {#
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.profiles.getSetL2IsOtherVisible">
            <input style="display: inline-block;font-style: italic" data-bind="value: getSetL2OtherData" width="80" data-val="true" class="k-textbox" data-val-regex-pattern="[^;^|]+" data-value-update="keyup" id="ManageProfile_21_#= profilelevel2ID4D #_Other" type="text" data-l1profileID="#= l1p.profilelevel1ID4D #" />
            <br /><span style="font-size:smaller">The characters ; and | are not allowed!</span>
        </div>
        #}#
    

        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-profiles-viewpart-profileitem">
        <div id="ProfileHeader_#= profilelevel1ID4D #" class="span12 cmrel-manageprofiles-profiles-viewpart-header" data-bind="visible:CM_W3_RelationManager_MainViewModel.profiles.showProfileHeader">
            #var vm = parent().parent();#
            <h5 style="margin-bottom:5px;display: inline-block;">#: profilelevel1description #</h5>
            #if (isMandatory || (profilelevel2min!==null && profilelevel2min!==undefined && profilelevel2min > 0)){#
            <input data-val="true" data-val-mustbetrue="Input required." id="ProfileL1ID_#= profilelevel1ID4D #" name="ProfileL1ID_#= profilelevel1ID4D #" type="checkbox" style="display:none;" />
            <span class="input-validation-error field-validation-error" data-valmsg-for="ProfileL1ID_#= profilelevel1ID4D #" data-valmsg-replace="true"><span for="ProfileL1ID_#= profilelevel1ID4D #"></span></span>
            #jQuery.validator.unobtrusive.adapters.addBool("mustbetrue", "required");#
            #}#
            #if (profilelevel1only1profile){#
            <div style="-webkit-column-count: 2;-moz-column-count:2;column-count: 2" data-bind="source: profilelevel2s" data-template="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect"
                 class="cmrel-manageprofiles-profiles-viewpart-subprofileitemselect"></div>
            #}else{#
            
            <div style="-webkit-column-count: 2;-moz-column-count: 2;column-count: 2" data-bind="source: profilelevel2s" data-template="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked"
                 class="cmrel-manageprofiles-profiles-viewpart-subprofileitemchecked"></div>
            #}#
        </div>
    </script>
    <script>
        (function ($) {            
            var options = [];
            var headers = "";
            $.fn.cmrelProfileHeadersToHide = headers.length?headers.split(","):[];
            $.fn.cmrelProfileHeadersToShow = options;
        })(jQuery);
    </script>

    <div class="cmrel-manageprofiles-mailings center-block">
        

    
        
                <div class="cmrel-shadow panel panel-default">
                    <div class="panel-heading">Mailing profiles</div>
                    <div id="cmrel-manageprofiles-mailings-viewpart"></div>
                    <div data-bind="source:CM_W3_RelationManager_MainViewModel.manageMailings"
                         data-template="cmrel-manageprofiles-mailings-commandbar-template"></div>
                </div>
        
        
<div style="font-family:arial;font-size:small;"><br />(*) To share your contact information with third parties (who may for example approach you with information on other event - not organised by ESHRE - or for commercial reasons</div>
    
    </div>
    <div id="cmrel-manageprofiles-mailings-saveerror"
         data-role="dialog"
         data-title="Relation Manager"
         data-width="300"
         data-actions="[{text:'Ok'}]"
         data-modal="false"
         data-visible="false"
         data-closable="false"
         style="text-align:center"
         data-content="Failed to process the changes to your profiles. Please contact the administrator!">
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-mailings-commandbar-template">
        <div style="padding-bottom:0;padding-top:0;">
            <hr style="margin-top:0"/>
            <div class="row" style="margin: 0px 15px 20px 0px;">
                
                        <button data-bind="click:onCancel"
                                type="button" class="k-button pull-right" style="margin-left:5px;padding:10px">
                            <span class="icon icon-close"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Cancel
                            </span>
                        </button>
                
                
                        <button data-bind="click:onSave"
                                type="button" class="k-button  pull-right" style="padding:10px">
                            <span class="icon icon-checkmark"></span><span style="-ms-word-break: break-all; word-break: break-all;margin-left:5px;margin-right:5px">
Save
                            </span>
                        </button>
                
            </div>
        </div>
    </script>

    <div id="cmrel-manageprofiles-mailings-viewpart" class="cmrel-manageprofiles-mailings-viewpart" style="padding:10px;">
        

    
        <div id="groupings" data-template="cmrel-manageprofiles-mailings-viewpart-groupingitem" data-groupings="[{&quot;Code&quot;:&quot;ALL&quot;,&quot;GroupText&quot;:&quot;General&quot;},{&quot;Code&quot;:&quot;SPEC&quot;,&quot;GroupText&quot;:&quot;Special Interests&quot;},{&quot;Code&quot;:&quot;DET&quot;,&quot;GroupText&quot;:&quot;Contact Information&quot;}]" data-bind="source: CM_W3_RelationManager_MainViewModel.mailings.groupings">
        </div>
        
            <div><div style="font-family:arial;font-size:small;"><br />(*) To share your contact information with third parties (who may for example approach you with information on other event - not organised by ESHRE - or for commercial reasons</div></div>

    
    </div>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-mailings-viewpart-mailingitem">
        <div class="row" style="margin:0 -15px">
            <div class="col-sm-5 col-xs-12">
                <div style="margin:5px 0">#= profilelevel1description #</div>
            </div>
            <div class="col-sm-2 col-xs-12">
                # if (profilelevel2s[0].profilelevel2code.indexOf("OUT") !== -1) { #
                <input class="k-radio" type="radio" id='#= profilelevel2s[0].profilelevel2ID4D #' data-profileid="#= profilelevel1ID4D #" value="OUT" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[0].profilelevel2ID4D #'>Unsubscribe</label>


                # } else {#
                <input class="k-radio" type="radio" id='#= profilelevel2s[0].profilelevel2ID4D #' data-profileid="#= profilelevel1ID4D #" value="IN" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[0].profilelevel2ID4D #'>Subscribe</label>
                #}#
            </div>
            <div class="col-sm-2 col-xs-12">
                # if (profilelevel2s[1].profilelevel2code.indexOf("OUT") !== -1) { #
                <input class="k-radio" type="radio" id='#= profilelevel2s[1].profilelevel2ID4D  #' data-profileid="#= profilelevel1ID4D #" value="OUT" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[1].profilelevel2ID4D #'>Unsubscribe</label>
                # } else {#
                <input class="k-radio" type="radio" id='#= profilelevel2s[1].profilelevel2ID4D #' data-profileid="#= profilelevel1ID4D #" value="IN" name="Mailing_#= profilelevel1ID4D #" />
                <label class="k-radio-label" for='#= profilelevel2s[1].profilelevel2ID4D #'>Subscribe</label>
                #}#
            </div>
            <div class="col-sm-3 col-xs-12">
                <input class="k-radio" type="radio" id='#= profilelevel1ID4D #_UND' data-profileid="#= profilelevel1ID4D #" value="UND" name="Mailing_#= profilelevel1ID4D #" checked />
                <label class="k-radio-label" for='#= profilelevel1ID4D #_UND'>Not yet subscribed</label>
            </div>
        </div>
    </script>
    <script type="text/x-kendo-template" id="cmrel-manageprofiles-mailings-viewpart-groupingitem">
        <div class="row">
            <h5 data-bind="text: GroupText"></h5>
            <div data-template="cmrel-manageprofiles-mailings-viewpart-mailingitem" class="col-sm-12" data-bind="source: mailings"></div>
        </div>
    </script>

    <div class="center-block cmrel-activateaccount">
        

    
            <div class="cmrel-shadow" id="cmrel-activateaccount">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading row">Activate your account</div>
                <div class="panel-body" style="padding: 10px">
                    

        <div id="lblAccountBeingCreated" data-config-tag="tooltip" data-original-title="lblAccountBeingCreated" data-bind="visible: CM_W3_RelationManager_MainViewModel.activateaccount.creatingAccount">
Please wait while your account is being created
        </div>
    

        <div id="lblActivateAccountSucceeded" data-config-tag="tooltip" data-original-title="lblActivateAccountSucceeded" data-bind="visible: CM_W3_RelationManager_MainViewModel.activateaccount.activateAccountSucceeded">
Dear {$firstname$}, your account was successfully created!<br /><br /><span style="color:#002868;">Add your address and communication details by c</span>licking <a href="https://www.eshre.eu/ESHRE/Login.aspx?personid={$contactid$}&key={$encryptionkey$}&returnUrl=/ESHRE/ManageAccount.aspx#manageaddress">here</a>.<br />Use either your e-mail address as login name or the combination of your last name and first name separated by a dot.<br />
        </div>
    

        <div id="lblActivateAccountFailed" data-config-tag="tooltip" data-original-title="lblActivateAccountFailed" data-bind="visible: CM_W3_RelationManager_MainViewModel.activateaccount.activateAccountFailed">
There was an error creating your account. Your account already exists or the timer of the activation link has expired.. Please login with your credentials or go to forgot password by clicking <a href="https://www.eshre.eu/ESHRE/forgot-password.aspx#forgotpassword" target="_blank">here</a>. In case the activation link has been expired then redo the creation of an account by clicking <a href="https://www.eshre.eu/ESHRE/CmCreateAccount.aspx#createaccount">here</a>.
        </div>
    
        
                </div>
            </div>
        </div>
    </div>

        

    
    </div>

    <div class="center-block cmrel-forgotpassword">
        

    
            <div class="cmrel-shadow" id="cmrel-forgotpassword">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading row">Forgot password</div>
                <div class="panel-body" style="padding: 10px">
                    
            <div id="cmrel-forgotpassword-forgotpassword-viewpart"></div>
        
                </div>
            </div>
        </div>
    </div>

        
            <div><br />PS: your username is normally a combination of your last name and firstname separated by a dot.</div>

    
    </div>

    <div style="text-align:center" id="cmrel-forgotpassword-forgotpassword-viewpart" class="cmrel-forgotpassword-forgotpassword-viewpart">
        <div class="form-group ForgotPasswordLoginEmailBox" style="text-align:left" data-bind="hidden: CM_W3_RelationManager_MainViewModel.forgotpassword.hasSucceeded">
            
                    <label for="ForgotPasswordLoginOrEmail">Login/E-mail</label>
            
            
                    <input type="text" style="display:none;" name="74C7C942-FBB0-448C-8FB1-F18D54366083" id="74C7C942-FBB0-448C-8FB1-F18D54366083" value=""/>
<input class="k-textbox" data-val="true" data-val-required="Input required." id="CreateAccountLastName" name="CreateAccountLastName" type="text" value="" data-bind="value:CM_W3_RelationManager_MainViewModel.forgotpassword.loginOrEmail" /><span class="field-validation-valid" data-valmsg-for="ForgotPasswordLoginOrEmail" data-valmsg-replace="true"></span>                    <div style="margin-top:5px;">
                        <span class="field-validation-error" data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpassword.isAccountNotFound">
Your account was not found.  Please try your e-mail, or contact <a href="mailto:Info@eshre.eu">us</a> concerning this issue.
</span>
                        <span class="field-validation-error" data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpassword.isMultipleAccountsFound">
Multiple accounts were found. Please contact the administrator.
</span>
                    </div>
            
            <div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.forgotpassword.sendForgotPassword" name="forgotpassword-viewpart-continue" style="cursor: pointer;"><table id="top-info"><tr><td style="vertical-align:middle;"><span>Continue</span></td><td><div class="top-info-block"><b class="icon-arrow-right" style="font-size: 22px;"></b></div></td></tr></table></div></div>
        </div>
        <div class="form-group ForgotPasswordLoginEmailBox" style="text-align:left" data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpassword.hasSucceeded">
            
An e-mail has been sent to your e-mail address (please also check your spam folder).
            
        </div>

    <div class="center-block cmrel-forgotpasswordchange">
        

    
            <div class="cmrel-shadow" id="cmrel-forgotpasswordchange">
        <div>
            <div class="panel panel-default">
                <div class="panel-heading row"><span style="color:red;"><strong>Update your password</strong></span><br />The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. The special characters: the hash (/), the exclamation mark (!), the question mark (?) and the equal sign (=) can unfortunately not be processed. </div>
                <div class="panel-body" style="padding: 10px">
                    
            <div id="cmrel-forgotpasswordchange-forgotpasswordchange-viewpart"></div>
        
                </div>
            </div>
        </div>
    </div>

        

    
    </div>

    <div style="margin: 10px;" id="cmrel-forgotpasswordchange-forgotpasswordchange-viewpart" class="cmrel-forgotpassword-forgotpasswordchange-viewpart form-horizontal">
        <div data-bind="hidden: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasForgotPasswordChangeErrorOrSuccess">
            
            <div class="form-group">

            <label for="fieldNewPasswordForgotPasswordChangeViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">New password</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.newPassword" data-val-regex="The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. Not allowed special characters: =, #, ! and ?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldNewPasswordForgotPasswordChangeViewPart" name="fieldNewPasswordForgotPasswordChangeViewPart" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldNewPasswordForgotPasswordChangeViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            
            <div class="form-group">

            <label for="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" class="col-xs-12 col-sm-12 col-md-3" style="font-weight:normal; -ms-word-wrap: break-word;word-wrap:break-word">Confirm password</label>


    

            <div class="col-xs-12 col-sm-12 col-md-9">
<input class="k-textbox" data-bind="value: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.verifyPassword" data-val-equalto="The input password does not match with the new password, please review." data-val-equalto-other="*.fieldNewPasswordForgotPasswordChangeViewPart" data-val-regex="The password should contain minimum 8 characters, at least 1 Alphabet and 1 Number. Not allowed special characters: =, #, ! and ?." data-val-regex-pattern="^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@$%*&_]{8,}$" data-value-update="keyup" id="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" name="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" type="password" value="" data-val-required="Input required." data-val="true">
<span class="field-validation-valid" data-valmsg-for="fieldNewPasswordConfirmationForgotPasswordChangeViewPart" data-valmsg-replace="true"></span>
            </div>


    
            </div>


    
            <div style="margin: 10px;border:0px;text-align:right"><div class="k-button" data-bind="click: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.changePassword" name="cmrel-forgotpassword-forgotpasswordchange-viewpart-change" style="cursor: pointer;"><table id="top-info"><tr><td><div class="top-info-block"><b class="icon-disk" style="font-size: 22px;"></b></div></td><td style="vertical-align:middle;"><span>Change my password</span></td></tr></table></div></div>
        </div>
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasForgotPasswordChangeErrorExpired">
            The provided link for changing your password has expired.  Please go to <a href="https://www.eshre.eu/ESHRE/forgot-password#forgotpassword">forgot password</a>.
        </div>
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasForgotPasswordChangeErrorOther">
            An error occurred when changing your password.  Please contact <a href="mailto: info@eshre.eu">the Central Office</a> for further support.
        </div>
        <div data-bind="visible: CM_W3_RelationManager_MainViewModel.forgotpasswordchange.hasSuccess">
            Your password has been saved.            <br /><div style="text-align:right"><div class="k-button" onclick="location.href='https://www.eshre.eu/ESHRE/Login.aspx?returnUrl=/ESHRE/ManageAccount.aspx#manageaddress'"  style="cursor: pointer;"><table id="top-info"><tbody><tr><td><div class="top-info-block"><b class="icon-user" style="font-size: 22px;"></b></div></td><td style="vertical-align: middle;"><span>Manage my account</span></td></tr></tbody></table></div></div>
        </div>
    </div>

Update Your Browser

Fens Authenticate

Relation Manager