function ShowMoreDetails(rowNum,totalRows)
{
    //switch button from "more" to close"
    var ShowMoreDetails = document.getElementById('ShowMoreDetails' + rowNum.toString());
    var HideMoreDetails = document.getElementById('HideMoreDetails' + rowNum.toString());
    ShowMoreDetails.style.display = 'none';
    ShowMoreDetails.style.visibility = 'hidden';
    HideMoreDetails.style.display = 'block';   
    HideMoreDetails.style.visibility = 'visible';
    

    
    //loop through each table row making visible
    for(var j = 1; j <=totalRows; j++)
    {
        elem = document.getElementById('tableRow' + j.toString() + 'ID' + rowNum.toString());

        if (elem != null && elem.tagName=="TR")
        {
            var mod2 = rowNum % 2; 
            elem.className =' VisibleTableRowDetail';

        }
    }
}


function HideMoreDetails(rowNum,totalRows)
{
    //switch button from "close" to "more"
    var ShowMoreDetails = document.getElementById('ShowMoreDetails' + rowNum.toString());
    var HideMoreDetails = document.getElementById('HideMoreDetails' + rowNum.toString());
    ShowMoreDetails.style.display = 'block';
    ShowMoreDetails.style.visibility = 'visible';
    HideMoreDetails.style.display = 'none';    
    HideMoreDetails.style.visibility = 'hidden';
  
    //loop through each table row making invisible
    for(var j = 1; j <=totalRows; j++)
    {
        elem = document.getElementById('tableRow' + j.toString() + 'ID' + rowNum.toString());

        if (elem != null && elem.tagName=="TR")
        {
            var mod2 = rowNum % 2; 
            elem.className = ' InVisibleTableRowDetail';

        }
    }
}