{AJAXCONTENT}
<!-- Java script for Tabs -->       
		<script src="{JSDIR}tabs/jquery-ui.min.js" type="text/javascript"></script>
		<link href="{SKINS}css/tabs/jquery-ui.css" type="text/css" rel="stylesheet"/>

		<script>
		$(document).ready(function() {
		$("#tabs").tabs();
		});
		</script>
<!-- Java script for Tabs  -->
<script type="text/javascript" src="{JSDIR}jquery.autocomplete.js"></script> 
<script type="text/javascript" src="{JSDIR}tablesorter/tablesorter.js"></script> 
<div id="tabs">
	<ul>
		<li><a href="#fragment-3"><span>Monthly Milestone</span></a>
		</li>
	</ul>

<table border="0" class="" bgcolor="WHITE" align="center" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
	<tr>
		<td width="100%" >
			<table border="0" width="100%" align="center" cellpadding="0" cellspacing="0">
				<tr>
					<td align="center" width="60%">
						<table border="0" width="97%" cellpadding="0" cellspacing="0">
							<tr>
								<td width="70%">
									<fieldset style="width:97%">
										<table border="0" width="100%" cellpadding="0" cellspacing="0">
											<tr>
												<td width="99%">													
													<table border="0" cellpadding="2" cellspacing="0" width="100%">
														<tr >
															<td>
																<label><font style="font-size:13px" >Project Name: {PROJECTNAME}</font></label>
															 </td>

															 <td><span class="sleft">Milestone:</span>
															 </td>

															 <td>
																<input type="text" style="width:200px" name="imilestone" value="{IMILESTONE}"/>
																<input type="submit" name="Search" class="button"  value="Search"  accesskey="s"/>
															 </td>															
														</tr>
												     	
													</table>
												</td>
											 </tr>
										</table>
									</fieldset>
									  <td width="30%" align="right">
							        <a href="?module=projectlist&action=editmonthlymilestone&projectid={PROJECTID}&workcodeid={WORKCODEID}" class="button"/><font color="white">Add Monthly Milestone</font></a>
									  </td>
								</td>
							</tr>
						</table>
					</td>
				</tr>

				
			</table>			
		</td>
	</tr>	

	<tr>
		<td width="100%"><BR><BR>
			<table border="0" cellpadding="0" cellspacing="0" width="100%"  align="center">
				<tr>
					<td width="80%">{PAGECONTENTS}
					</td>
				</tr>

				<tr>
					<td colspan="2">
						<!--paste  results-->
						<table border="0" cellpadding="0" cellspacing="0" width="100%" bordercolor="#000000" align="center">
							<tr>
								<td colspan="2">
									<table cellspacing="0" class="tablesorter">
										<thead>
											<tr>
												<th width="5%">Sl&nbsp;No</th>
												<th width="15%">Milestone</th>
												<th width="15%">Sheduled&nbsp;Start&nbsp;Date</th>
												<th width="15%">Sheduled&nbsp;End&nbsp;date</th>
												<th width="15%">Actual&nbsp;Start&nbsp;date</th>
												<th width="15%">Actual&nbsp;End&nbsp;Date</th>
												<th width="15%">Alert</th>
											</tr>
										</thead>										
										<tbody>								

											<!-- BEGIN dbvalues --> 											
											
											<td align="center">															
											  {recno:parent.STARTNO,ROWCOUNT}
											</td> 
											
											<!-- IF parent.GROUPID == "1" -->
											<!-- ENDIF --> 
											
											<td >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
												<a href="?module=projectlist&action=editmonthlymilestone&projectid={PROJECTID}&workcodeid={WORKCODEID}&mnthmilestoneid={MNTHMILESTONEID}"><font color="#1589FF">{MILESTONENAME}</font></a> 
											</td>
											
											<td align="center">
												{SCHSTARTDT}
											</td>

											<td align="center">
												{SCHENDDT}
											</td>

											<td align="center">
												{ACTSTARTDT}
											</td>
											
											<td align="center">
												{ACTENDDT}
											</td>

											<td align="center">
											{ALERT}
											</td>
										</tr>											
											<!-- END dbvalues -->
										<tr>
											<td colspan="10">&nbsp; </td>
										</tr>
									</tbody>						
								</table>
							</td>
						</tr>

						<tr>
							<td>
								&nbsp;
							</td>
						</tr>
								
						
					</table>							
				</td>
			</tr>

			<!-- This is the default value require to show  -->
			<tr>
				<td>
					<div id="pager" class="pager">
						<input type="hidden" class="pagedisplay"/>
						<input type="hidden" class="pagesize" value="{PAGELENGTH}"/>
					</div>
				</td>
			</tr>
			<!-- This is the default value require to show  -->	

			</table>
		</td>
	</tr> 
</table>

<input type="hidden" name="projectid" value="{PROJECTID}"/>
<input type="hidden"   name="workcodeid" value="{WORKCODEID}"/>
<input type="hidden" name="mnthmilestoneid" value="{MNTHMILESTONEID}"/>
<input type="hidden" name="module" value="{MODULE}"/>

	
	
<SCRIPT LANGUAGE="JavaScript">	
	
		function nextCheck(test){
			nextStep(test);		
		}
		function deleteRecord(idvalue) {
			deleteRecords(idvalue);
			return false;
		}
		function previewlist(theform) {
			//alert(theform.iwardname.value);
			window.location.href="?module=projectlist&action=preview&nomenu=1";	
		}
		function searchRecord(theform) {
			window.location.href="?module=projectlist&action=view&itask="+theform.itask.value;		
		}		
		
</script>