function toggle(id){
var e = document.getElementById(id);
if(e.style.display == 'block'){
    hidediv(id)
	}else{
	showdiv(id)
	}
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
		replaceButtonText('lb', "  Show Late Charges  ");
		}
	else {
		if (document.layers) { // Netscape 4
		document.id.display = 'none';
		replaceButtonText('lb', "  Show Late Charges  ");
		}
		else { // IE 4
			document.all.id.style.display = 'none';
			replaceButtonText('lb', "  Show Late Charges  ");
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
		replaceButtonText('lb', "  Hide Late Charges  ");
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
			replaceButtonText('lb', "  Hide Late Charges  ");

		}
		else { // IE 4
			document.all.id.style.display = 'block';
			replaceButtonText('lb', "  Hide Late Charges  ");
		}
	}
}


function replaceButtonText(buttonId, text)
{
  if (document.getElementById)
  {
    var button=document.getElementById(buttonId);
    if (button)
    {
      if (button.childNodes[0])
      {
        button.childNodes[0].nodeValue=text;
      }
      else if (button.value)
      {
        button.value=text;
      }
      else //if (button.innerHTML)
      {
        button.innerHTML=text;
      }
    }
  }
}