{AJAXCONTENT}
<!-- CSS for Strips starts -->
<style type="text/css">
li:nth-child(even) {
 background-color:#FFF;
}
</style>
<!-- CSS for Strips Ends -->
<script type="text/javascript" src="{JSDIR}jquery.autocomplete.js"></script> 
<script type="text/javascript" src="{JSDIR}delete.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<table width="100%" align="center">
	<tr>
		<td align="right" width="60%"><h1><U>Families of Parsa Village</U></h1></td>
	</tr>
	<tr>
		<td align="center" width="40%">
			<div class="curved-box-css31" align="left">
				<!-- <h1 align="center">
					<U>Families of Parsa Village</U>
				</h1> -->
				<h1 align="center">
					SC/ST :&nbsp;<a href="#" onClick="showSlidingDiv(); return false;">{SCST}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</h1>
			</div>
		</td>
		<td align="left" width="40%">
			<div class="curved-box-css31" align="left">
				<!-- <h1 align="center">
					<U>Families of Parsa Village</U>
				</h1> -->
				<h1 align="center">
					Others :&nbsp;<a href="#" onClick="showSlidingDiv1(); return false;">{OTHERS}</a>&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				</h1>
			</div>
		</td>
	</tr>
	

</table>
<tr>
<td>
<div style=" height:330px; overflow-y: scroll">
<table valign="top" border="0" style="width:40px" align="center">
	<tr>
		<td align="center" width="50%" valign="top">
			<div id="slidingDiv">
				
				<table border="1" class="" align="center" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}" valign="top">
					<tr valign="top">
						<!-- <td width="2%" align="center"><b>SI No.</b></td> -->
						<td style="width:15px align:left"><b>IAY Ranking</b></td>
						<td style="width:15px align:left"><b>Family Count</b></td>
					</tr>
					<tr align="left">
						<td align="left">
						<!-- BEGIN dbvalues1 -->
							<li>{TOTSCORE}</li>
						<!-- END dbvalues1 -->
						</td>
						<td align="left">
						<!-- BEGIN dbvalues1 -->
							<li>{COUNT2}
							<a href="?module=addproject&action=view&totscore={TOTSCORE}">View Details</a></li>
						<!-- END dbvalues1 -->
						</td>
					</tr>
				</table>
			</div>
		</td>
	</tr>
</table>
</div>
</td>
<td>
<div style="height:330px; overflow-y: scroll">
<table border="0" style="width:40px" align="left">
	<tr>
		<td align="left" width="40%" valign="top">
			<div id="slidingDiv1">
				<table border="1" class="" align="left" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
					<tr>
						<!-- <td width="2%" align="center"><b>SI No.</b></td> -->
						<td style="width:15px align:left"><b>IAY Ranking</b></td>
						<td style="width:15px align:left"><b>Family Count</b></td>
					</tr>
					<tr align="left">
						<td align="left">
						<!-- BEGIN dbvalues2 -->
							<li>{TOTSCORE}</li>
						<!-- END dbvalues2 -->
						</td>
						<td align="left">
						<!-- BEGIN dbvalues2 -->
							<li>{COUNT2}
							<a href="?module=addproject&action=view&totscore={TOTSCORE}">View Details</a></li>
						<!-- END dbvalues2 -->
						</td>
					</tr>
				</table>
			</div>
		</td>
	</tr>
</table> </div>
</td>
</tr>



<!-- <a href="#" onClick="showSlidingDiv1(); return false;">Click Here for Details : </a><br /> -->
	
<!-- <style type="text/css">
		div.scroll
		{
		background-color:#FFFFFF;
		width:700px;
		height:360px;
		overflow:scroll;
		}
	</style>		 -->				
				

<style>
	.curved-box-css3
    {
    width: 220px;    
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #C6DEFF;
}

.curved-box-css3 h1
    {
    padding: 10px 15px 5px 15px;    
    color: BLACK;
}

.curved-box-css3 h2
    {
    padding: 10px 15px 5px 15px;    
    color: BLACK;
}

.curved-box-css3 p
    {
    margin: 0px;
    padding: 5px 15px 10px 15px;    
}

.curved-box-css31
    {
    width: 200px;    
    margin: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #C6DEFF;
}

.curved-box-css31 h1
    {
    padding: 10px 15px 5px 15px;    
    color: BLACK;
}

.curved-box-css31 h2
    {
    padding: 10px 15px 5px 15px;    
    color: BLACK;
}

.curved-box-css31 p
    {
    margin: 0px;
    padding: 5px 15px 10px 15px;    
}
</style>
<!-- Sliding Div for District starts -->
<style>
	body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;}

	#slidingDiv {
		display: none;
		height:280px;
		width:400px;
		padding:2px;
	
	}
	#slidingDiv1 {
		display: none;
		height:480px;
		width:400px;
		padding:2px;	
	}
	#slidingDiv2 {
		display: none;
		height:2980px;
		width:750px;
		padding:2px;	
	}
</style>
<script type="text/javascript">
	//<![CDATA[
	function showSlidingDiv(){
	$("#slidingDiv").animate({"height": "toggle"}, { duration: 1000 });
	}

	function showSlidingDiv1(){
	$("#slidingDiv1").animate({"height": "toggle"}, { duration: 1000 });
	}
	function showSlidingDiv2(){
	$("#slidingDiv2").animate({"height": "toggle"}, { duration: 1000 });
	}

//]]>
</script>
<!-- Sliding Div for District Ends -->