anchor.diff:          var div = document.createElement("div");
           div.id = "popupDiv";
           //var div = document.getElementById("popupDiv");
  -        div.innerHTML = "  <div id='errorMsg' style='display:none;min-height:18px;'></div> <div style='width:100%; height:85px'><div class='black_ar windowElementPaddingLeft  windowElementPaddingtop'>  <div style='float:left;'><b>Collection Protocol</b> <div id='popupCpList' style='margin-top:4px;'> </div></div>  <div style='float:left; margin-left: 21px;'> <b>Participant Protocol ID</b><div style='margin-top:4px;'><input type='text' id='popupPPID' style = 'font-size: 12px;width:148px;'/> <br><span id='egAutogeneratedString' style='font-size: 9px;color: #808080;  font-size: 9px;font-style: italic;display:none;'>e.g of auto generated PPID</span></div></div>  <div style='float:left;margin-left: 21px;'><b>Registration Date</b> <div style='margin-top:4px;'><input type='text' id='popupCPRDate' style = 'font-size: 12px;'/></div></div> </div></div>"
  -        
  -        +"<div><div class='black_ar windowElementPaddingLeft'>"+
  -        
  -        "<input type='button'  value='Register' onClick='registerParticipant()' style='margin-left:164px;margin-top:16px;'> <input type='button'  value='Cancel'  onClick='closeMultipleCprWindow()' style='margin-left:12px;margin-top:16px;'></div></div>";
  +        div.innerHTML = "  <div id='errorMsg' style='min-height:18px;'></div> <div class='black_ar windowElementPaddingLeft '>  <div style='float:left;'><b>Collection Protocol <span style='color:red'>*<span></b> <div id='popupCpList' style='margin-top:4px;'> </div></div>  <div style='float:left; margin-left: 10px; margin-right: 10px;'> <b>Participant Protocol ID <span style='color:red'>*<span></b><div style='margin-top:4px;'><input type='text' id='popupPPID' style = 'font-size: 12px;width:140px;'/> <br><span id='egAutogeneratedString' style='font-size: 9px;color: #808080;  font-size: 9px;font-style: italic;display:none;'>e.g of auto generated PPID</span><br><input type='button'  value='Register' onClick='registerParticipant()'> <input type='button'  value='Cancel'  onClick='closeMultipleCprWindow()'></div></div>  <div ><b>Registration Date</b> <div style='margin-top:4px;'><input type='text' id='popupCPRDate' style = 'font-size: 12px;'/></div></div> </div>"
  +        
  +        +""+
  +        
  +        "";
           
   
           document.body.appendChild(div);
  
positive.code:     #myinnercontainer { display: block; vertical-align: middle;*overflow: hidden;}   
      .cprHeadingMargin {margin-left:50px;}
      .windowElementPaddingLeft {padding-left:10px}
      .windowElementPaddingTop {padding-top:30px;}
  </style>
  <script>
        window.dhx_globalImgPath="dhtmlx_suite/imgs/";
  
negative.code: function registerParticipant(){
      //var cprDate = new Date(document.getElementById("popupCPRDate").value);
      //var cprDateStr = cprDate.format("Y-m-d");
  	if((!document.getElementById("popupPPID").disabled&&document.getElementById("popupPPID").value.trim()=="")||popupCPCombo.getSelectedValue()==""){
  		showErrorMessage("All items marked with asterisk(*) are required");
  		return;
  	}
      var jsonDetail = {};
      var participantDetail = {};
      participantDetail.id = '${participantDto.participantId}';
  