{literal}

<style type="text/css">


#nav ul {

  list-style: none;
  float: left;
}

#nav li {
  list-style: none;  
  float: left;
  width:25px; 0px; 0px; 0px;
}



th.DBFORMS_V1_LV_ListView_TH {
background-color: #CCCCCC;
padding: 2px 10px 2px 10px ;
border-top: #FFF 1px solid; border-right: #410000 1px solid; border-bottom: #410000 2px solid; border-left: #FFF 1px solid;
font-size: 10; color: black;
}

table.DBFORMS_V1_LV_ListView { width:1250px; height:150px; border-top: 1px solid; border-left: 1px dotted; border-right: 1px dotted}
td.DBFORMS_V1_LV_ListView_TD  {padding: 2px 10px 2px 10px ; border-left:  1px dotted; border-bottom: 1px dotted; font-size: 10;}

tr.DBFORMS_V1_LV_ListView_SELECTED {background:#000066; color:#FFF}
td.DBFORMS_V1_LV_ListView_GUTTER_TD { width: 1px; padding: 2px 10px 2px 10px ; border-left:  1px dotted; border-bottom: 1px dotted; font-size: 10;}
th.DBFORMS_V1_LV_ListView_GUTTER_TH { width: 1px; 
background-color: #CCCCCC;
padding: 2px 10px 2px 10px ;
border-top: #FFF 1px solid; border-right: #410000 1px solid; border-bottom: #410000 2px solid; border-left: #FFF 1px solid;
font-size: 10; color: black;}
input.DBFORMS_V1_LV_ListView_ROWSELECT { width: 0px; visibility: hidden; }

</style>

<script language="JavaScript" type="text/javascript">
function ChangeColor(ListItem, highLight, id)  {
  //alert (id);   
	for ( ctr=1; ctr<document.getElementById(id).rows.length; ctr++){
	  //alert(document.getElementById(id).rows.item(ctr).classname);
    document.getElementById(id).rows.item(ctr).className=" "; 
		//document.getElementById(id).rows.item(ctr).classname.replace("DBFORMS_V1_LV_ListView_SELECTED"," ");
		//alert(document.getElementById(id).rows.item(ctr).classname);
	}
	
	//alert(ListItem.classname);
	ListItem.className="DBFORMS_V1_LV_ListView_SELECTED";
	ListItem.cells.item(0).firstChild.checked=true;
	//alert(ListItem.classname);
	
	//alert ('You selected ' + ListItem.cells.item(0).firstChild.value);
}

function DoNav(theUrl){
	document.location.href = theUrl;
}
</script>
{/literal}

      <div style="width:800px; height:255px; overflow:auto; border:1px black dotted">
        <table id="{$LVNAME}" class="DBFORMS_V1_LV_ListView" cellspacing=0 cellpadding=0 > 
          <tr>
            <th class="DBFORMS_V1_LV_ListView_GUTTER_TH"  >&nbsp;</th>
            {foreach from=$COLNAMES item=col}
                <th class="DBFORMS_V1_LV_ListView_TH" nowrap>{$col}</th>
            {/foreach}
          </tr>
          

          {foreach from=$DATASET item=record name=record }
             <tr  onclick='ChangeColor(this, true,"{$LVNAME}" )'>                                          
                <td class="DBFORMS_V1_LV_ListView_GUTTER_TD"  nowrap><input class="DBFORMS_V1_LV_ListView_ROWSELECT" type="radio" name="{$LVNAME}_ListViewItemSelector" value="{$record}.{$ROWID}" ></td>      
                {foreach from=$record key=key item=value}
                    <td class="DBFORMS_V1_LV_ListView_TD" nowrap>{$value}</td> 
                {/foreach}
              </tr>
              {if $smarty.foreach.record.iteration == $ROWS}{php}break;{/php}{/if}
          {/foreach}
          
          {section name=foo start=1 loop=$FILLER_ROWS step=1}
             <tr>                                          
                <td class="DBFORMS_V1_LV_ListView_GUTTER_TD"  nowrap>&nbsp;</td>      
                {foreach from=$record key=key item=value}
                    <td class="DBFORMS_V1_LV_ListView_TD" nowrap>&nbsp;</td> 
                {/foreach}
              </tr>
          {/section}
        
         </table>
      </div>