<style type="text/css">
.expired {background-color:gray;}
.onhold {background-color:red;}
.active {background-color:#6699ff;}
.potential {background-color:#E8E1E2;}
.follow{background-color:#FFFF99;}
.pending {background-color:pink;}

.inputbox{
  width:80px;
}
.expired1 {display:none;}
.onhold1 {display:none;}
.active1 {display:none;}
/*.potential1 {display:none;}
.followup1 {display:none;}*/
</style>


<script language="javascript" type="text/javascript">
<!--
function set()
{
   document.write('dheeraj');
}
function popitup(c_id) {
	var con = confirm("Do you really want this conversion?");
   if(con)
   {   
     window.location="index.php?option=com_chronocontact&chronoformname=member_conv&c_id="+c_id;
     
   }
	
}

// -->
</script>
<div class="moduletable"><h3>FreeTrials</h3></div>
<div style="width:900px;float:left;">
<div style="float:left;">
<form action="index.php?option=com_chronoconnectivity&connectionname=FreeTrials" method="post" >
 <?php  //echo '<strong>'. JTEXT::_('Filter by Modified Date').': </strong>'; 
   //echo JHTML::calendar('', 'datefrom','datefrom', '%Y-%m-%d', 'class="inputbox", readonly="true"' ).'&nbsp;';
 
//echo ' To '.JHTML::calendar('', 'dateto','dateto', '%Y-%m-%d', 'class="inputbox", readonly="true"' ).'&nbsp;'; 
   
   //echo '<input type="submit" value="Go" name="go"/>';?>

<?php  echo '<strong style="padding-left:0px;">'. JTEXT::_('Filter by Date').': </strong>'; 
   echo JHTML::calendar('', 'sdatefrom','sdatefrom', '%Y-%m-%d', 'class="inputbox", readonly="true"' ).'&nbsp;';
 
echo ' To '.JHTML::calendar('', 'sdateto','sdateto', '%Y-%m-%d', 'class="inputbox", readonly="true"' ).'&nbsp;&nbsp;&nbsp;'; 
   
   echo '<input type="submit" value="Go" name="sgo"/>';
  ?>
</form>
</div>
<div style="float:left;">
<form action="index.php?option=com_chronoconnectivity&connectionname=FreeTrials" method="post" style="float:left;">
<?php  echo '<input type="submit" value="Reset" name="reset"/>'; ?>
</form>
</div></div>

{new_record}
<table class="cc-record" style="text-align: left; width: 100%; border:0px;" cellpadding="5" cellspacing="0" >
 
  <tbody>
<tr>

	<th style="vertical-align:top" text-align="left">Date</th>
	<th style="vertical-align:top" text-align="left">Name</th>
        <th style="vertical-align:top" text-align="left">Status</th>
	<!--<th style="vertical-align:top" text-align="left">City</th>-->
	<th style="vertical-align:top" text-align="left">Referral Type</th>
	<th style="vertical-align:top" text-align="left">Replied</th>
	<th style="vertical-align:top" text-align="left">Booked Time</th>
	<th style="vertical-align:top" text-align="left">Came In</th>
	<th style="vertical-align:top" text-align="left">Desk Staff</th>
	<th style="vertical-align:top" text-align="left">Trainer</th>
	<th style="vertical-align:top" text-align="left">Signed Up</th>
	<!--<th style="vertical-align:top" text-align="left">Modified Date</th>-->
        <th style="vertical-align:top" text-align="left">Edit</th>
	<!--<th>&nbsp;</th>-->
</tr>
