##local.define(PageHeaderInclude)<contentof>

##local.defineByRender(AllowDateChange)<contentof>##sessioncfg.ZONES.SelfService.CSPAllowChangeRequestDate</contentof>

	<script type="text/javascript"> 

		##if local.IsEqual(AllowDateChange,0)
		var  AllowDateChange  =0;
		##else
		var  AllowDateChange  =1;
		##endif
		
	</script>
	
	##if local.IsEqual(AllowDateChange,0)
	##else
	<script type="text/javascript" src="/date-picker/js/datepicker.js"></script>
	##endif
	
    <link href="/date-picker/css/datepicker.css" rel="stylesheet" type="text/css" />
	<style>
		.w2em {
			width:2em;
		}
		.w8em {
			width:8em;
		}

		.w4em {
			width:4em;
		}
		
	</style>
	
	<script type="text/javascript">

		function connectDatePicker()
		{
			if (!AllowDateChange) return;
			
			##if local.IsEqual(AllowDateChange,0) ##else 
			var e = document.getElementById("requestedDate");
			if
				(e != null)
			{
				datePickerController.create(e);
			}
			##endif
		}
		window.setTimeout(connectDatePicker,100);
	</script>
</contentof>

##local.define(InlineCopyDetail)<contentof>

    ##local.define(NoDash)<contentof>0</contentof>
    ##if sessioncfg.DB.Config.Circ.SingleLocationSystem
	    ##local.define(NoDash)<contentof>1</contentof>
	##else
	   	##if item.IsMap(branch.description) 
    		##item.QualData(branch.description) 
    	##else
            ##local.define(NoDash)<contentof>1</contentof>
        ##endif
    ##endif
    
    ##if item.IsMap(subloc.description) - ##item.QualData(subloc.description) ##endif
    
    ##if item.IsMap(categ.description) - ##item.QualData(categ.description) ##endif
    
    ##if sessioncfg.DB.Config.Circ.ShowCopyCollection
          ##if item.IsMap(collection.description) - ##item.QualData(collection.description) ##endif
    ##endif

    ##if item.IsMap(fonds.description) - ##item.QualData(fonds.description) ##endif

    ##if item.call_num <b>Cote:</b> <b>##item.call_num</b> ##endif 
    ##if item.vol_no - ##item.vol_no ##endif

    ##if item.due_date
         - ##leg.ZONESOPAC.StockStatus.OnLoanDueDate ##formatter.YYYYDDMM(##item.due_date,##local.DateFormat)
    ##endif
        
    ##if item.IsDefined(flag_reserved)  
        ##if item.IsEqual(flag_reserved,1)
            - ( ##leg.ZONESOPAC.Browseenum.Renew.IsReserved ) ##if item.IsDefined(reservationExpiryDate)
                /* ##leg.ZONESOPAC.Browseenum.Renew.Expires ( ##formatter.YYYYDDMM(##item.reservationExpiryDate,##local.DateFormat) ) */
            ##endif
        ##else
            ##if item.IsMap(stat.description) - ##item.QualData(stat.description) ##endif
        ##endif
    ##else
    
    	##if item.due_date
		##else
			##if item.IsMap(stat.description) - ##item.QualData(stat.description) ##endif 
		##endif

    ##endif
    
                    
    ##if item.IsMap(notes)
        ##item.foreachIn(note, "notes" )<contentof>
            ##if note.IsEqual(display_opac,true)
                <br>&nbsp;&nbsp;&nbsp;##note.note
            ##endif
        </contentof>
    ##endif
</contentof>


##if valueMap.__ErrorResponse
	##local.define(HandledError)<CONTENTOF>1</CONTENTOF>
##endif

##helpcontext.addHelp(Toolbar)

##if error.Level

	##if error.IsEqual(ID,"Invalid password")
		##local.define(BadPasswordError)<contentof>1</contentof>
		##local.define(HandledError)<contentof>1</contentof>
	##endif

	##if error.IsEqual(ID,"Patron not found")
		##local.define(BadPatronError)<contentof>1</contentof>
		##local.define(HandledError)<contentof>1</contentof>
	##endif

##endif

##if valueMap.IsInvalidPin
		##local.define(BadPasswordError)<contentof>1</contentof>
##endif

##if valueMap.IsInvalidBrwr
		##local.define(BadPatronError)<contentof>1</contentof>
##endif


##local.define(Advice)<CONTENTOF>

	##if valueMap.Done
		/* this is the P7 case where we know the result of the reserver operation */
		##if valueMap.IsEqual(Result.Success,1)
			##helpcontext.addHelp(PReservationCompleteResultSuccessful)

			##leg.ZONESOPAC.MakeCSPRequest.PortfolioCompleteResultSuccess
			
		##else
			##helpcontext.addHelp(PReservationCompleteResultFailed)

			##leg.ZONESOPAC.MakeCSPRequest.PortfolioCompleteResultFail
			##valueMap.QualData(Result.ResultMessage)
		##endif				
	##else
		##if valueMap.Authenticated
			##leg.ZONESOPAC.MakeCSPRequest.Prompt
			##helpcontext.addHelp(PCSPFillForm)
		##else
			##leg.ZONESOPAC.MakeCSPRequest.Login
			##helpcontext.addHelp(PCSPAuthenticate)
		##endif
	##endif
	
</CONTENTOF>


##local.define(Title)<contentof>

	##if valueMap.Done
		##leg.ZONESOPAC.MakeCSPRequest.Title.Complete
	##else
		##leg.ZONESOPAC.MakeCSPRequest.Title.Make
		##if request.Security(On)
		( ##leg.ZONESOPAC.Security.Secure )
		##endif
	##endif
</contentof>

##local.define(NoCopiesAvailableForCSP)<contentof>
	##leg.ZONESOPAC.MakeCSPRequest.NoCopiesAvailableForCSP
</contentof>

##local.define(MultipleCopiesForCSP)<contentof>

	##local.defineByRender(DateAvail)<contentof></contentof>

	<fieldset>
	##valueMap.ForeachIn(item,Holdings.Copies.results)<contentof>
            
            	<table>
            		<tr>
            			<td valign="top"><input group=items 
            		name="item" 
            		type="radio" 
            		value="##item.copy_number" 
            		dateAvail = "##formatter.YYYYDDMM(##item.csp_date_available,##local.DateFormat)"
            		YYYYMMDDdateAvail = "##item.csp_date_available"
            		timeAvail = "##item.csp_time_available"
            		needAuthorization = "##item.csp_need_authorization"
            		bankDescription = "##item.QualData(csp_distribution_bank.description)"
            		branch = "##item.branch.branch_code"
            		##if local.IsEqual(DateAvail,"") CHECKED ##endif 
            		onclick="setCSPItem(this)"
            			</input>
            			</td>
            			<td valign="top">
				            ##if local.SkinInlineCopyDetail
				                	##local.SkinInlineCopyDetail
				            ##else
				                ##local.InlineCopyDetail
				            ##endif
				        </td>
            		</tr>
				</table>
            ##if local.IsEqual(DateAvail,"")
		        ##local.defineByRender(Bank)<contentof>##item.QualData(csp_distribution_bank.description)</contentof>
			    ##local.defineByRender(DateAvail)<contentof>##formatter.YYYYDDMM(##item.csp_date_available,##local.DateFormat)</contentof>
				##local.defineByRender(TimeAvail)<contentof>##item.csp_time_available</contentof>
				##local.defineByRender(RequireAuthorisation)<contentof>##item.csp_need_authorization</contentof>
				##local.defineByRender(CopyNumber)<contentof>##item.copy_number</contentof>
			    ##local.defineByRender(YYYYMMDDDateAvail)<contentof>##item.csp_date_available</contentof>
				##local.defineByRender(CopyBranch)<contentof>##item.branch.branch_code</contentof>
			##endif
    </contentof>
    </fieldset>
	<script>
	
			var current_copy = "##local.CopyNumber";
			var current_branch = "##local.CopyBranch"
			
			
		    function setCSPItem( elem )
		    {
		    	var new_copy = elem.getAttribute("value");
		    	if (new_copy == current_copy) return ;
				current_copy = new_copy;

				document.getElementById("requestedCSPCopyNumber").value = current_copy;
				
		    	var new_date = elem.getAttribute("dateAvail");


				document.getElementById("firstDateAvail").innerHTML =	new_date;
				document.getElementById("firstTimeAvail").innerHTML =	elem.getAttribute("timeAvail");
				document.getElementById("BankInstruction").innerHTML =  elem.getAttribute("bankDescription");  
									
				current_branch = elem.getAttribute("branch");

				
				if (AllowDateChange)
				{
					datePickerController.datePickers["requestedDate"].setRangeLow(elem.getAttribute("YYYYMMDDdateAvail"));
				}
				
				var current_requested_date = document.getElementById("requestedDate");
								
				var a = elem.getAttribute("needAuthorization");
				document.getElementById("ItemRequiresAuthorization").style.display = (a=="1") ? "": "none";
		    	
		    }			
			function InitTimeFields()
			{
				document.getElementById("requestedCSPCopyNumber").value = current_copy;
				SetDateTimeFields( '##local.YYYYMMDDDateAvail','##local.TimeAvail');
				requestedDateOrItemChanged();
			}
			documentManager.addStartup(InitTimeFields);
			
	</script>

</contentof>

##local.define(SerialCopyForCSP)<contentof>
		<fieldset>
		##valueMap.With(copy,"SerialCopyDetails")<contentof>
			<b>##copy.QualData(location_desc.description)</b><br>
			##local.define(SupressSerialFunctionLinks)<contentof>1</contentof>
	    	##if local.SkinSerialCopyDetail2
	    		
	    		##local.SkinSerialCopyDetail2
	    	##else                        	
	            ##if copy.IsEqual(stat.can_opac,"true") 
					<li>##copy.QualDataIgnoreIfMissing(stat.description) 
					##if copy.call_num ##if copy.IsEqual(call_num, "") ##else <b>##leg.ZONESOPAC.StockStatus.CallNumber ##copy.call_num</b> ##endif ##endif
				
				 ##if copy.IsMap(notes)
	                <br><i>&nbsp;&nbsp;&nbsp;##leg.ZONESOPAC.SerialHoldings.IssuesList.Item.Notes</i>
	                ##copy.ForEachIn(note,"notes")<contentof>
	                    ##if note.IsEqual("display_opac","true") ##note.note <br> ##endif
	                </contentof>
	            ##endif                        
	            
	        ##endif
		</contentof>
		</fieldset>
        ##local.defineByRender(Bank)<contentof>##valueMap.QualData(SerialCopyDetails.csp_distribution_bank.description)</contentof>
	    ##local.defineByRender(DateAvail)<contentof>##formatter.YYYYDDMM(##valueMap.SerialCopyDetails.csp_date_available,##local.DateFormat)</contentof>
	    ##local.defineByRender(YYYYDDMMDateAvail)<contentof>##valueMap.SerialCopyDetails.csp_date_available</contentof>	    
		##local.defineByRender(TimeAvail)<contentof>##valueMap.SerialCopyDetails.csp_time_available</contentof>
		##local.defineByRender(RequireAuthorisation)<contentof>##valueMap.SerialCopyDetails.csp_need_authorization</contentof>
		##local.defineByRender(CopyBranch)<contentof>##valueMap.SerialCopyDetails.location</contentof>
		##local.defineByRender(CopyNumber)<contentof>##valueMap.SerialCopyDetails.copy_number</contentof>
		
	<script>
			var current_copy = "##local.CopyNumber";
			var current_branch = "##local.CopyBranch"
			
			
			
			function InitTimeFields()
			{
				document.getElementById("requestedCSPCopyNumber").value = current_copy;
				SetDateTimeFields( '##local.YYYYDDMMDateAvail','##local.TimeAvail');
				if (AllowDateChange)
				{
					datePickerController.datePickers["requestedDate"].setRangeLow('##local.YYYYDDMMDateAvail');			
				}
				requestedDateOrItemChanged();

			}
			documentManager.addStartup(InitTimeFields);
			
	</script>
		
</contentof>

##local.define(OnlyOneCopyForCSP)<contentof>
	##valueMap.ForeachIn(item,Holdings.Copies.results)<contentof>
        ##if local.SkinInlineCopyDetail
            ##local.SkinInlineCopyDetail<br>
        ##else
            ##local.InlineCopyDetail<br>
        ##endif
        ##local.defineByRender(Bank)<contentof>##item.QualData(csp_distribution_bank.description)</contentof>
	    ##local.defineByRender(DateAvail)<contentof>##formatter.YYYYDDMM(##item.csp_date_available,##local.DateFormat)</contentof>
	    ##local.defineByRender(YYYYDDMMDateAvail)<contentof>##item.csp_date_available</contentof>
	    
		##local.defineByRender(TimeAvail)<contentof>##item.csp_time_available</contentof>
		##local.defineByRender(RequireAuthorisation)<contentof>##item.csp_need_authorization</contentof>

		##local.defineByRender(CopyBranch)<contentof>##item.branch.branch_code</contentof>
		##local.defineByRender(CopyNumber)<contentof>##item.copy_number</contentof>
		
	</contentof>
	
	<script>	
			var current_copy = "##local.CopyNumber";
			var current_branch = "##local.CopyBranch"
			
		
			function InitTimeFields()
			{
				document.getElementById("requestedCSPCopyNumber").value = current_copy;
				SetDateTimeFields( '##local.YYYYDDMMDateAvail','##local.TimeAvail');
				if (AllowDateChange)
				{
					datePickerController.datePickers["requestedDate"].setRangeLow('##local.YYYYDDMMDateAvail');
				}
				requestedDateOrItemChanged();

			}
			documentManager.addStartup(InitTimeFields);
			
	</script>
</contentof>

##local.define(CSPDetailsSummary)<contentof>
	<br>
	<fieldset><table>
		<tr>
			<td><b>##leg.ZONESOPAC.MakeCSPRequest.DateAvailable</b></td><td><span id="firstDateAvail">##local.DateAvail</span>
				##leg.ZONESOPAC.MakeCSPRequest.At <span id="firstTimeAvail">##local.TimeAvail</span>
			</td>
		</tr>
		<tr>
			<td><b>##leg.ZONESOPAC.MakeCSPRequest.BankInstructions</b></td>
			<td>
				<span id="BankInstruction">##local.Bank</span>
				<span id="ItemRequiresAuthorization" ##if local.RequireAuthorisation ##else style="display:none;" ##endif>##leg.ZONESOPAC.MakeCSPRequest.AuthorizationRequired</span>
			</td>
		</tr>
	</table>
	</fieldset>
</contentof>

##local.define(CSPRequestFields)<contentof>
									
	<input type="hidden" name="f.Accepted" value="1"/>
	<input type="hidden" id="requestedCSPCopyNumber" name="f.CopyNumber"></input>
    	<table>
    		<tr>
    			<td valign=top>##leg.ZONESOPAC.MakeCSPRequest.DateRequested</td>
    			<td valign=top>
    				
    				<input ##if local.IsEqual(AllowDateChange,0) readonly="readonly" ##endif name="f.RequestedDay" id="requestedDate-dd" onchange="requestedDateOrItemChanged()" title="##leg.ZONESOPAC.MakeCSPRequest.DayOfMonthTIP" class="w2em" size=2 value=''> / 
    				<input ##if local.IsEqual(AllowDateChange,0) readyonly="readonly" ##endif name="f.RequestedMonth" onchange="requestedDateOrItemChanged()" id="requestedDate-mm" title="##leg.ZONESOPAC.MakeCSPRequest.MonthTIP" class="w2em" size=2 value=''> /
    				<input ##if local.IsEqual(AllowDateChange,0) readonly="readonly" ##endif name="f.RequestedYear" onchange="requestedDateOrItemChanged()" id="requestedDate" title="##leg.ZONESOPAC.MakeCSPRequest.YearTIP" class="w4em split-date divider-slash highlight-days-12" size=4 value=''>
    				
    				##leg.ZONESOPAC.MakeCSPRequest.At
    				
    				<input id="requestedHour" readonly="readonly"  name="f.RequestedHour" value="-1" class="w2em" size=2> :
    				<input id="requestedMin"  readonly="readonly"  name="f.RequestedMin"  value="-1" class="w2em" size=2>    				
    				
    				
    			/*	
    			</input> ##leg.ZONESOPAC.MakeCSPRequest.At 
    				<select id="requestedHour" title="##leg.ZONESOPAC.MakeCSPRequest.HourTIP">
/*			    					<option>0</option>
    					<option>1</option>
    					<option>2</option>
    					<option>3</option>
    					<option>4</option>
    					<option>5</option>
    					<option>6</option>
*/
    					<option value="7">07</option>
    					<option value="8">08</option>
    					<option value="9">09</option>
    					<option value="10">10</option>
    					<option value="11">11</option>
    					<option value="12">12</option>
    					<option value="13">13</option>
    					<option value="14">14</option>
    					<option value="15">15</option>
    					<option value="16">16</option>
    					<option value="17">17</option>
    					<option value="18">18</option>
    					<option value="19">18</option>
    					<option value="20">20</option>
    					<option value="21">21</option>
    					<option value="22">22</option>
    					<option value="23">23</option>
					</select>
    				: <select id="requestedMin" title="##leg.ZONESOPAC.MakeCSPRequest.MinTIP">
    					<option value="0" >00</option>
    					<option value="5">05</option>
    					<option value="10">10</option>
    					<option value="15">15</option>
    					<option value="20">20</option>
    					<option value="25">25</option>
    					<option value="30">30</option>
    					<option value="35">35</option>
    					<option value="40">40</option>
    					<option value="45">45</option>
    					<option value="50">50</option>
    					<option value="55">55</option>
					</select>
					*/
					<span id=queueAdvice></span>
    				 </td>
    		</tr>
    		<tr>
    			<td>
					<iframe id="UpdateRank" style="width:1px; height:1px;" 
							frameborder="0"></iframe>
    				&nbsp;
    			</td>
    			<td>
                    <table>
                        <tr>
                            <td>
                                ##local.define(ButtonCaption)<contentof>##leg.data(ZONESOPAC.MakeCSPRequest.Submit)</contentof>
                                ##local.define(ButtonTip)<contentof>##leg.data(ZONESOPAC.MakeCSPRequest.SubmitTIP)</contentof>
                                ##local.define(ButtonHref)<contentof>javascript:submitRequest()</contentof>
                                ##local.define(ButtonID)<contentof>buttonAdSearch</contentof>
                                ##local.ButtonFMT                                                                                                
                            </td>
                            <td>
                                ##local.define(ButtonCaption)<contentof>##leg.data(ZONESOPAC.MakeCSPRequest.Cancel)</contentof>
                                ##local.define(ButtonTip)<contentof>##leg.data(ZONESOPAC.MakeCSPRequest.CancelTIP)</contentof>
                                ##local.define(ButtonHref)<contentof>javascript:cancelRequest()</contentof>
                                ##local.define(ButtonID)<contentof>buttonAdSearchClr</contentof>
                                ##local.ButtonFMT
                            </td>
                        </tr>
                    </table>
		        </td>
			</tr>					    
		</tr>
		</table>
</contentof>

##local.define(MainContent)<contentof>
	##if valueMap.Done
        ##if valueMap.Success
            ##leg.ZONESOPAC.MakeCSPRequest.PortfolioCompleteDetail
        ##else 
            ##leg.ZONESOPAC.MakeCSPRequest.AbortedDetail
        ##endif
        
    ##endif
	<script>
			function select_set(selectObject, value) {
					
				  for(index = 0; 
				    index < selectObject.length; 
				    index++) {
				    	
				   if(selectObject[index].value == value)
				     selectObject.selectedIndex = index;
				   }
			}

			function SetDateTimeFields( d, time )
			{
				var parts = time.split(":");
				var hr =  parseInt(parts[0],10);
				var mins = parseInt(parts[1],10);

				//mins = (Math.floor(mins /5)*5);
				//mins +=5;
								
				//if (mins > 55)
				//{
				//	mins = 0;
				//	hr++;
				//}
				
				if (document.getElementById("requestedHour") != null)
				{
					
					document.getElementById("requestedHour").value = ZeroPad(hr,2) + "";
					document.getElementById("requestedMin").value = ZeroPad(mins,2) + "";
					
					//select_set( document.getElementById("requestedHour"), hr + "");
					//select_set( document.getElementById("requestedMin"), mins +"");						
				}
			
				var y = d.substr(0,4)
				var mm = d.substr(4,2);
				var dd = d.substr(6,2);
				
				document.getElementById("requestedDate").value =y;
				document.getElementById("requestedDate-dd").value = dd;
				document.getElementById("requestedDate-mm").value = mm;  	
			}

			var last_request_date = null;
			var last_request_item = null;
						
			
			function ZeroPad( d, len  )
			{
				var s = d + "";
				while
					(s.length < len)
				{
					s = "0"+s;
				}
				return s;
			}
			
			function requestedDateOrItemChanged()
			{
				// ok so they changed the date - we will have to figure out if
				// this date is good or not.
				
				var rdate=ZeroPad(document.getElementById("requestedDate").value,4)+
						 ZeroPad(document.getElementById("requestedDate-mm").value,2)+
						 ZeroPad(document.getElementById("requestedDate-dd").value,2)

						 				
				document.getElementById("queueAdvice").innerHTML="";			
		
			
				//var rtime = ZeroPad(document.getElementById("requestedHour").value,2)+
				//			":"+
				//			ZeroPad(document.getElementById("requestedMin").value,2)+
				//			":00";
				
				var url= "##this?Method=FetchCSPRank&DateRequested=";
				url += rdate;

				//url += "&TimeRequested=";
				//url += rtime;

				url += "&CopyNumber=";
				url += document.getElementById("requestedCSPCopyNumber").value;
				url += "&CopyBranch=";
				url += current_branch;
				
				
				document.getElementById("UpdateRank").src = url;
				
				
			}
			
			function submitRequest()
			{
				document.getElementById("requestFrom").submit();		
			}
			
			function cancelRequest()
			{
				ZonesAction('Back');
			}
			
	</script>
	<TABLE width="100%" style="width:100%;">

		<TR>
			<TD height="5">
			</TD>
		</TR>

		<TR>
			<TD colspan="100">
				##local.Define(RoundBoxContent)<CONTENTOF>
					##valueMap.With(SE,"SE")<contentof>
	                    ##if valueMap.IsEqual("SerialCopyNumber","")
							##local.define(PLISGeneralBibSummaryExtraInfo)<contentof></contentof>
	                    ##else
	                        ##local.define(PLISGeneralBibSummaryExtraInfo)<contentof><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ##valueMap.SerialCopyDetails.issue_desc</strong></contentof>
	                    ##endif
						
						##local.PLISGeneralBibSummaryTable
					</contentof>
                    /* serial copy related information here if it's available */
                    /* ##valueMap.Dump() */
				</CONTENTOF>
				##local.RoundBox
			</TD>
		</TR>
	</TABLE>

	##if valueMap.Done

	##else

		##if valueMap.Authenticated
			
		<form id="requestFrom" action="##this.obj" method="post">	
			##this.stylesetforform

			<input type="hidden" name="Method" value="Start" />

			##local.define(RoundBoxContent)<contentof>
				
				##if valueMap.IsEqual("SerialCopyNumber","")

					##if valueMap.IsEqual(Holdings.Copies.set_count,0)
		
						##local.NoCopiesAvailableForCSP
		
					##else					

						##if valueMap.IsEqual(Holdings.Copies.set_count,1)
							
							##local.OnlyOneCopyForCSP
							##local.CSPDetailsSummary

						##else						
							##local.MultipleCopiesForCSP						
							##local.CSPDetailsSummary

						##endif
		
					##endif
					
				##else
					##local.SerialCopyForCSP
					##local.CSPDetailsSummary
				##endif					
					
        	</contentof>

	        ##local.RoundBox
	        
	        
			##if valueMap.IsEqual(Holdings.Copies.set_count,0)
			##else
		    	##local.define(RoundBoxContent)<contentof>
					##local.CSPRequestFields			    	   
		        </contentof>
	        	##local.RoundBox
	        ##endif
	        
        </form>
		##else
			##local.define(FormFields)<contentof>
				<input type="hidden" name="Method" value="Start" />
			</contentof>

			##local.define(FormBorrowerDefault)<CONTENTOF>##valueMap.BRWR</CONTENTOF>

			<table>
				##local.LoginFormRowTemplate

				##if local.BadPatronError
					##local.define(Value)<CONTENTOF>
						##leg.ZONESOPAC.MakeReservation.InvalidBorrower
					</CONTENTOF>
					##local.AlertRowTemplate
				##endif

				##if local.BadPasswordError
					##local.define(Value)<CONTENTOF>
						##leg.ZONESOPAC.MakeReservation.InvalidPIN
					</CONTENTOF>
					##local.AlertRowTemplate
				##endif
			</table>
		##endif
</contentof>

##local.Define(Content)<contentof>
    <div style="/*border-style:solid; border-width:1px; border-color:red;*/ overflow:auto;overflow-x:hidden;height:90%">##local.MainContent</div>
</contentof>

##include(Body)