{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 border="1" class="" align="left" cellpadding="2" cellspacing="1" width="100%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
	<tr>
		<td>
			<table class="" align="left" cellpadding="2" cellspacing="1" width="50%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
				<tr>
					<td>
							<a href="#" onClick="showSlidingDiv(); return false;">TEst</a>
					</td>
				</tr>
				<tr>
					<td>
						<div id="slidingDiv">
							<table border="1" class="" align="left" cellpadding="2" cellspacing="1" width="50%" style="border-collapse:collapse;border:0px 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 dbvalues1 -->
										<li>{TOTSCORE}</li>
										<!-- END dbvalues1 -->
									</td>
									
									<td align="left">
										<!-- BEGIN dbvalues1 -->
										<li>{COUNT2}
										<a href="?module=BPLRanking&action=ScStView&totscore={TOTSCORE}">View</a></li>
										<!-- END dbvalues1 -->
									</td>
								</tr>
							</table>  
						</div>	
					</td>
				</tr>
			</table>
		</td>
		<td>
			<table class="" align="right" cellpadding="2" cellspacing="1" width="50%" style="border-collapse:collapse;border:1px solid {TABLEBORDERCOLOR}">
				<tr>
					<td>
							TEst1
					</td>
				</tr>	
			</table>
		</td>
	<tr>
</table>

<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;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;Total:&nbsp;{TOTAL}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	</h1>
</div>
<div> 
<!-- <a href="#" onClick="showSlidingDiv1(); return false;">Click Here for Details : </a><br /> -->
	
						<div id="slidingDiv1">
						<table border="0" class="" align="left" cellpadding="2" cellspacing="1" width="50%" 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 dbValues -->
								</td>
								
								<td align="left">
									<!-- BEGIN dbvalues2 -->
									<li>{COUNT2}</li>
									<!-- END userinfo -->
								</td>
							</tr>
						</table>  
					</DIV>
					</DIV>
				
<a id="show-panel" href="#">Show Panel</a>

<div id="lightbox-panel">
<h2>Lightbox Panel</h2>
<p>You can add any valid content here.</p>
<p align="center">
<a id="close-panel" href="#">Close this window</a>
</p>
</div><!-- /lightbox-panel -->

<div id="lightbox"> </div><!-- /lightbox -->

<script type="text/javascript" src="{JSDIR}jquery.min.js"></script>
<script>

 $(document).ready(function(){
 $("a#show-panel").click(function(){
 $("#lightbox, #lightbox-panel").fadeIn(600);
 });
 $("a#close-panel").click(function(){
 $("#lightbox, #lightbox-panel").fadeOut(300);
 });
 });

</script>
<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:750px;
		padding:2px;
	
	}
	#slidingDiv1 {
		display: none;
		height:280px;
		width:750px;
		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 -->