{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" background="{SKINS}/images/bgimage.jpg">
	<tr>
		<td>
			<table width="100%" align="center" background="{SKINS}/images/bgimage.jpg">
				<tr>
					<td align="right" width="60%"><h1><U>Families of {BLOCKS} Block</U></h1></td>
				</tr>
				<tr>
					<td align="center" width="40%">
						<div class="curved-box-css31" align="left">
							<h1 align="center">Total of SC/ST Families:&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">Total of Other Families :&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="width:450px; 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" align="center">
												<!-- <td width="2%" align="center"><b>SI No.</b></td> -->
												<td style="width:10px"><b>BPL Ranking</b></td>
												<td style="width:10px"><b>No. of Families</b></td>
												<td style="width:10px"><b>View Details</b></td>
											</tr>
											<tr align="left">
												<td align="left">
												<!-- BEGIN dbvalues1 -->
													<li>&nbsp;&nbsp;{TOTSCORE}</li>
												<!-- END dbvalues1 -->
												</td>
												<td align="left">
												<!-- BEGIN dbvalues1 -->
													<li>&nbsp;&nbsp;{COUNT2}</li>
												<!-- END dbvalues1 -->
												</td>
												<td align="left">
												<!-- BEGIN dbvalues1 -->
													<li>&nbsp;&nbsp;
													<a href="?module=BPLRank&action=ScStView&blockcode={BLOCKCODE}&totscore={TOTSCORE}">View Details</a></li>
												<!-- END dbvalues1 -->
												</td>
											</tr>
										</table>
									</div>
								</td>
							</tr>
						</table>
					</div>
				</td>
				<td>
					<div style="width:130; 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 align="center">
												<!-- <td width="2%" align="center"><b>SI No.</b></td> -->
												<td style="width:15px"><b>BPL Ranking</b></td>
												<td style="width:15px"><b>No. of Families</b></td>
												<td style="width:10px"><b>View Details</b></td>
											</tr>
											<tr align="left">
												<td align="left">
												<!-- BEGIN dbvalues2 -->
													<li>&nbsp;&nbsp;{TOTSCORE}</li>
												<!-- END dbvalues2 -->
												</td>
												<td align="left">
												<!-- BEGIN dbvalues2 -->
													<li>&nbsp;&nbsp;{COUNT2}</li>
												<!-- END dbvalues2 -->
												</td>
												<td align="left">
												<!-- BEGIN dbvalues2 -->
													<li>&nbsp;&nbsp;
													<a href="?module=BPLRank&action=
													OthersView&blockcode={BLOCKCODE}&totscore={TOTSCORE}">View Details</a></li>
												<!-- END dbvalues2 -->
												</td>
											</tr>
										</table>
									</div>
								</td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</td>
	</tr>
</table>


<!-- <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:300px;
		padding:2px;
	
	}
	#slidingDiv1 {
		display: none;
		height:480px;
		width:300px;
		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 -->