View Report PDF

<!DOCTYPE
 HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; 
charset=UTF-8" />

<title>Global Grant Record</title>

var globalDeveloperKey = 
"416358-u0kHUa05oDKQ6p/0B8Mvuyc09UB8BcT4QkEWe7dVElg=";
        var globalUserID = "1049111";
        var globalOpportunityID = "994946";
        var strReportVersion = "4";
        var globalEventID = "7004810";
        var globalStatusID = "25430";

ss_developer_key = globalDeveloperKey;

function onloadfunc()
        {
            initSections();

//step 2
            initActivitiesDisplay();
            initActualsDisplay();

//step 3
            initMonitorDisplay_MS();
            initActualsDisplay_MS();
            initMeasureDisplay_MS();

//step 5
            //updateTeamLeaderIcons(null); NOT CURRENTLY IN USE, 
initTeamDisplay() is conditionally called later

//step 7
            initExpendituresDisplay();
            getExpenseSummary();

//step 8
            showPrevTotalIncome();

//step 10
            loadPCAuthorizers();
            loadLegalAuthorizers();

//convert to PDF
            submitPDF();
        }

function initSections()
        {
            var strFocusArea = "Water and sanitation";
            var strGrantTypes = "Humanitarian project";
            var blnScholarshipOnly = strGrantTypes == "Scholarship";
            var globalIsGrantScholar = 
strGrantTypes.indexOf("Scholarship") > -1;
            var globalIsScholar = ("" == globalUserID) && 
globalIsGrantScholar;

if (blnScholarshipOnly)
            {
                $("#divMeasuringSuccess").hide();
                $("#div_PI").hide();
            }
            else
            {
                if (strFocusArea.indexOf("Peace and conflict 
prevention/resolution") > -1)
                {
                    $("#div_25371").show();
                }

if (strFocusArea.indexOf("Basic education and literacy")
 > -1)
                {
                    $("#div_25375").show();
                }

if (strFocusArea.indexOf("Disease prevention and 
treatment") > -1)
                {
                    $("#div_25372").show();
                }

if (strFocusArea.indexOf("Water and sanitation") > 
-1)
                {
                    $("#div_25373").show();
                }

if (strFocusArea.indexOf("Maternal and child health") 
> -1)
                {
                    $("#div_25374").show();
                }

if (strFocusArea.indexOf("Economic and community 
development") > -1)
                {
                    $("#div_25376").show();
                }
            }

if ($("div[id^=divRoleItem_24768_]").length <= 0)
            {
                $("#div_COOPOrg").hide();
            }

if (globalIsGrantScholar)
            {
                $("#divScholarEvaluation").show();
                $("#divScholarPart").show();

if (globalIsScholar)
                {
                    $("#divCommittee").remove();
                    $("#divProjectObjectives").remove();
                    $("#divParticipants").remove();
                    $("#divVTT").remove();
                    $("#divFinancialDetails").remove();
                    $("#divAuthorizations").remove();
                    $("#divRotarianFields").remove();
                    $("#divMeasuringSuccess").remove();
                }
            }

if (strGrantTypes.indexOf("Vocational training team") > 
-1)
            {
                $("#divVTT").show();
                initTeamDisplay();
            }
        }

function submitPDF()
        {
            document.getElementById("RPDFcontent").value = 
document.getElementsByTagName("HTML")[0].outerHTML;
            document.forms["GGRPDF"].submit();
        }

//STEP 2 Project Objectives and Implementation
        function initActivitiesDisplay()
        {
            var strEventID, strReportID;
            var $divActivityItem;

$(".activityItem").each(function () {

$divActivityItem = $(this);
                strReportID = $divActivityItem.data("bsr-reportid");
                strEventID = $divActivityItem.data("bsr-eventid");

if (strReportID != "")
                {
                    $("#cf_1325536_" + strEventID).hide();
                }
            });
        }

function initActualsDisplay()   //used to hide the actuals from 
other reports
        {
            var strReportID;
            var numReportID = 0;
            var arrReportIDs = new Array();
            var maxReportID = 0;
            var $divActualsContainers = $(".actualsContainer");
            var $divActualContainer;

if (strReportVersion != "4")    //remove actuals from being 
displayed on all reports that are not timestamped with ver 4, this 
prevents older completed reports from displaying new actuals
            {
                $divActualsContainers.each(function ()
                {
                    $divActualContainer = $(this);
                    $divActualContainer.html("");
                });
            }
            else
            {
                //first remove all actuals attached to reports AFTER the
 current report based on the reportID > globalEventID
                $divActualsContainers.each(function ()
                {
                    $divActualContainer = $(this);

//$(this).find(".actualsSection").each(function() {
                    
$divActualContainer.find(".actualsSection").each(function ()
                    {
                        strReportID = $(this).data("bsr-reportid");
                        if (Number(strReportID) > 
Number(globalEventID))
                        {
                            $(this).remove();
                        }

});
                });

//now see if there is more than 1 actual left in any 
section
                $divActualsContainers.each(function ()
                {
                    $divActualContainer = $(this);

if 
($divActualContainer.find(".actualsSection").length > 1)
                    {
                        //there are multiple actuals left, but none of 
them from the current report, so we need to leave the most recent one 
and remove rest
                        if 
($divActualContainer.find(".actualsSection[data-bsr-reportid='" + 
globalEventID + "']").length <= 0)
                        {
                            //remove all but most recent based on 
highest event id

//build an array of the left over reportids
                            
$divActualContainer.find(".actualsSection").each(function ()
                            {
                                numReportID = 
Number($(this).data("bsr-reportid"));
                                arrReportIDs.push(numReportID);
                            });

//find the highest one
                            maxReportID = Math.max.apply(null, 
arrReportIDs);

//remove all but the highest one
                            
$divActualContainer.find(".actualsSection").each(function ()
                            {
                                numReportID = 
Number($(this).data("bsr-reportid"));
                                if (numReportID != maxReportID)
                                {
                                    $(this).remove();
                                }
                            });
                        }
                            // there are multiple actuals left, and one 
of them is from the current report, so leave it
                        else if 
($divActualContainer.find(".actualsSection[data-bsr-reportid='" + 
globalEventID + "']").length > 0)
                        {
                            //remove all actuals except the one that is 
from the current report
                            
$divActualContainer.find(".actualsSection").each(function ()
                            {
                                strReportID = 
$(this).data("bsr-reportid");
                                if (strReportID != globalEventID)
                                {
                                    $(this).remove();
                                }
                            });
                        }
                    }
                });
            }
        }

//STEP 3 Measuring Success
        function initMonitorDisplay_MS()
        {
            var $divContainer;
            var strActivityID;

$(".monitor").each(function () {
                $divContainer = $(this);
                strActivityID = 
$divContainer.data("bsr-activityid").toString();

if ($("#divParentCollecting_" + 
strActivityID).find(".divBSR_DataShown").length <=0)
                {
                    $("#divResponsible_" + strActivityID + 
"_Yes").show().css({"border-top" : "1px solid #cecece", "margin-top" : 
"0.2em"});
                    $("#divCollectorQuestion_" + strActivityID).hide();
                    $("#lblYes_"+ strActivityID).html("Please enter the 
person or organization that will monitor and evaluate impact 
measures.");
                    $("#divParentCollecting_" + strActivityID).hide();
                    $divContainer.hide();
                }
            });
        }

function initActualsDisplay_MS()//used to hide the actuals from 
other reports
        {
            var strReportID;
            var numReportID = 0;
            var arrReportIDs = new Array();
            var maxReportID = 0;
            var $divActualsContainers = $(".actualsContainer_MS");
            var $divActualContainer;

if (strReportVersion != "4")//remove actuals from being 
displayed on all reports that are not timestamped with ver 4, this 
prevents older completed reports from displaying new actuals
            {
                $divActualsContainers.each(function()
                {
                    $divActualContainer = $(this);
                    $divActualContainer.html("");
                });
            }
            else {
                //first remove all actuals attached to reports AFTER the
 current report based on the reportID > globalEventID
                $divActualsContainers.each(function()
                {
                    $divActualContainer = $(this);

$divActualContainer.find(".actualsSection").each(function() {
                        strReportID = $(this).data("bsr-reportid");

if (Number(strReportID) > 
Number(globalEventID))
                        {
                            $(this).remove();
                        }

});
                });

//now see if there is more than 1 actual left in any 
section
                $divActualsContainers.each(function()
                {
                    $divActualContainer = $(this);

//build an array of the left over reportids
                            
$divActualContainer.find(".actualsSection").each(function()
                            {
                                numReportID = 
Number($(this).data("bsr-reportid"));
                                arrReportIDs.push(numReportID);
                            });

//find the highest one
                            maxReportID = Math.max.apply(null, 
arrReportIDs);

//remove all but the highest one
                            
$divActualContainer.find(".actualsSection").each(function()
                            {
                                numReportID = 
Number($(this).data("bsr-reportid"));
                                if (numReportID != maxReportID)
                                {
                                    $(this).remove();
                                }
                            });
                        }
                            //there are multiple actuals left, and one 
of them is from the current report, so leave it
                        else if 
($divActualContainer.find(".actualsSection[data-bsr-reportid='" + 
globalEventID + "']").length > 0)
                        {
                            //remove all actuals except the one that is 
from the current report
                            
$divActualContainer.find(".actualsSection").each(function()
                            {
                                strReportID = 
$(this).data("bsr-reportid");
                                if (strReportID != globalEventID)
                                {
                                    $(this).remove();
                                }
                            });
                        }
                    }
                });
            }
        }

function initMeasureDisplay_MS()
        {
            //hide delete buttons
            var strMeasureEventID, strReportID;
            var $divActivityAction;

$(".MS").each(function () {

$divActivityAction = $(this);
                strMeasureEventID = 
$divActivityAction.data("bsr-eventid");
                strReportID = $divActivityAction.data("bsr-reportid");

if (globalEventID == strReportID)
                {
                    $("#measureHeaders_" + strMeasureEventID).html("");
                }
            });
        }

//STEP 5 VTT

//NOT CURRENTLY IN USE
        function updateTeamLeaderIcons(strEventID)
        {
            var $VTTTables;
            var $VTTTable;
            var $VTTRows;
            var $spanIsLeader;
            var numTeamLeaderUserID;
            var $VTTMemberRows;
            var strUserID;
            var $VTTMemberRow;

if (strEventID == null)
            {
                $VTTTables = $("table[id^=tblActivity_25378_]"); //loop 
all tables
            }
            else
            {
                $VTTTables = $("#tblActivity_25378_" + strEventID + 
"]");
            }

if ($VTTTables.length > 0)
            {
                $VTTTables.each(function ()
                {
                    $VTTTable = $(this);

$VTTRows = 
$VTTTable.find("tr[id^=ActivityItem_25378_]");
                    strEventID = 
$VTTRows.find("input[id^=25378_]").val();
                    numTeamLeaderUserID = getTeamLeader(strEventID);

$VTTMemberRows = 
$VTTTable.find("tr[id^=TeamMember_]");

if ($VTTMemberRows.length > 0)
                    {
                        $VTTMemberRows.each(function ()
                        {
                            $VTTMemberRow = $(this);
                            $spanIsLeader = 
$VTTMemberRow.find("span[id^=spnRole_]");
                            strUserID = 
$VTTMemberRow.attr("data-bsr-userid"); //could also use .data, but 
whatever

if (strUserID == numTeamLeaderUserID)
                            {
                                $spanIsLeader.html("Yes");
                            }
                        });
                    }
                });
            }
        }

//NOT CURRENTLY IN USE
        function getTeamLeader(strEventID)
        {
            var strSQL;
            var numTeamLeaderUserID;
            var strTeamLeader;

strSQL = '[' + '#' + 
'(?object=contact;criteria=roleid=10339)~userid~' + '#' + ']';
            strTeamLeader = variables_replace(false, "", 26, strEventID,
 strSQL);
            numTeamLeaderUserID = strTeamLeader.getfieldbyname(1, 
"msg");

if (!$.isNumeric(numTeamLeaderUserID))
            {
                numTeamLeaderUserID = 0;
            }
            return numTeamLeaderUserID;
        }

function initTeamDisplay()
        {
            var $divVTT = $(".teamDataContainer");
            var $txtTravelNotCompletedResponses = 
$("textarea[id^=cf_1331162_]");
            var strReportID, strEventID, strAuthorized, strHasTravelled,
 strHasTravelledData, strTravelResponseReportID;
            var $divVTTteam, $txtTravelResponse;
            var arrTravelData;

if ($txtTravelNotCompletedResponses.length > 0)
            {
                $txtTravelNotCompletedResponses.each(function () {
                    $txtTravelResponse = $(this);
                    strTravelResponseReportID = 
$txtTravelResponse.data("bsr-reportid");
                    strEventID = $txtTravelResponse.data("bsr-eventid");

//hide the ones from other reports
                    if (strTravelResponseReportID != "0" && 
strTravelResponseReportID != globalEventID)
                    {
                        $txtTravelResponse.remove();
                    }
                    else if(strTravelResponseReportID == globalEventID)
                    {
                        var strTravelResponse = 
$txtTravelResponse.text();
                        $txtTravelResponse.remove();

$("span[id=spnTeamNotTravelResponse_" + 
strEventID).text(strTravelResponse);
                    }
                });
            }

if ($divVTT.length > 0)
            {
                $divVTT.each(function () {
                    $divVTTteam = $(this);
                    strReportID = 
$divVTTteam.data("bsr-reportid").toString().trim(); //which report the 
team was authorized on
                    strEventID = 
$divVTTteam.data("bsr-eventid").toString().trim();
                    strAuthorized = 
$divVTTteam.data("bsr-authorized").toString().trim();
                    strHasTravelledData = 
$divVTTteam.data("bsr-completedtravel").toString().trim();

//reset
                    strHasTravelled = "";
                    arrTravelData = strHasTravelledData.split("|");
                    arrTravelData = 
arrTravelData.filter(function(value){ return value != undefined 
&& value != "";});

$.each(arrTravelData, function(index, value)
                    {
                        
//$hdnGGReportEventID$;$cmbCompletedTravel;~eventid~
                        var arrTeamData = value.split(";");
                        var strTravelReportID = arrTeamData[0];
                        if (strTravelReportID == globalEventID)
                        {
                            strHasTravelled = arrTeamData[1];
                        }
                    });

//if the team has NOT been authorized, then check if
 the L3 "yes/no" has a value
                    if (strAuthorized != "1")
                    {
                        if (strHasTravelled == "1")
                        {
                            $("#cf_1331161_" + strEventID).text("Yes");
                            $("#cf_1331161_" + strEventID + 
"_Yes").show();
                            $("#cf_1331161_" + strEventID + 
"_No").hide();
                            $("#cf_1331162_" + strEventID + 
"_temp").remove();
                        }
                        else if (strHasTravelled == "0")
                        {
                            $("#cf_1331161_" + strEventID).text("No");
                            $("#cf_1331161_" + strEventID + 
"_No").show();
                            $("#cf_1331161_" + strEventID + 
"_Yes").hide();
                            $("#cf_1331162_" + strEventID + 
"_temp").remove();
                        }
                        else
                        {
                            $("#cf_1331161_" + strEventID).text("--");
                        }
                    }
                    else if (strAuthorized == "1")
                    {
                        $("#cf_1331161_" + strEventID).text("Yes");
                        $("#cf_1331161_" + strEventID + "_Yes").show();
                        $("#cf_1331161_" + strEventID + "_No").hide();
                        $("#cf_1331162_" + strEventID + 
"_temp").remove();
                    }
                });
            }
        }

//STEP 7 Project Expenditures
        function initExpendituresDisplay()
        {
            var strParentBudgetCurrency = "EGP";

$("#thAmountCurrency").text("Amount (" + 
strParentBudgetCurrency + ")");

//slightly different than the step so the PDF writer looks 
better
            $("#thBudget").text("Budget (" + strParentBudgetCurrency + 
")");
            $("#thExpenses").text("Expenses (" + strParentBudgetCurrency
 + ")");
            $("#thVariances").text("Variances (" + 
strParentBudgetCurrency + ")");
        }

function getExpenseSummary()
        {
            
//Accommodations;0;200;-200|Monitoring/evaluation;0;555;-555|Personnel;0;555;-555|Project
 management;0;100;-100|Tuition;34000;222;33,778|
            //category/budgeted/expenses/variances
            var $bodyActivity_Summary = $("#bodyActivity_Summary");
            var $bodyActivity_Summary_Totals = 
$("#bodyActivity_Summary_Totals");
            var strExpenseData = _eval("40", globalUserID, "@" + 
'ReportProperty2(21546,exportdata,,"' + globalOpportunityID + '")' + 
"@", globalDeveloperKey);

var numBudgeted = 0, numExpenses = 0, numVariance = 0, 
numTotalBudgeted = 0, numTotalExpense = 0, numTotalVariance = 0;
            var strCategory = "", strRows = "", strVariance = "", 
strTotalRow = "";
            var arrExpenseData = new Array();
            var arrExpenseRows = strExpenseData.split("|");
            arrExpenseRows =  arrExpenseRows.filter(function(value){ 
return value != undefined && value != "";});

//reset
            $bodyActivity_Summary.html("<tr></tr>");
            $bodyActivity_Summary_Totals.html("<tr></tr>");

$.each(arrExpenseRows, function (index, value) {
                arrExpenseData = value.split(";");

strCategory = arrExpenseData[0];
                numBudgeted = Number(arrExpenseData[1].replace(/,/g , 
""));
                numExpenses = Number(arrExpenseData[2].replace(/,/g , 
""));
                numVariance = Number(arrExpenseData[3].replace(/,/g , 
""));

numTotalBudgeted += numBudgeted;
                numTotalExpense += numExpenses;
                numTotalVariance += numVariance;

if (numVariance < 0)
                {
                    strVariance = "(" + (numVariance * -1).toFixed(2) + 
") ";
                }
                else
                {
                    strVariance = numVariance.toFixed(2);
                }

strBudgeted = numBudgeted > 0 ? 
numBudgeted.toFixed(2) : "--";
                strExpenses = numExpenses > 0 ? 
numExpenses.toFixed(2) : "0";

strTotalBudgeted  = numTotalBudgeted.toFixed(2);
                strTotalExpense = numTotalExpense.toFixed(2);
                strTotalVariance = numTotalVariance.toFixed(2);

strRows += "<tr><td class=\"td1\">" + 
strCategory + "</td><td class=\"td1\">" + strBudgeted + 
"</td><td class=\"td1\">" + strExpenses + "</td><td
 class=\"td1\">" + strVariance + "</td></tr>"

});

strTotalRow = "<tr style=\"background-color: 
#f6f7f8;\"><td class=\"td1\"><span 
class=\"bold\">Totals:</span></td><td 
class=\"td1\"><span class=\"bold\">" + strTotalBudgeted + 
"</span></td><td class=\"td1\"><span 
class=\"bold\">" + strTotalExpense + "</span></td><td 
class=\"td1\"><span class=\"bold\">" + strTotalVariance + 
"</span></td></tr>";

$bodyActivity_Summary.append(strRows);
            $bodyActivity_Summary_Totals.html(strTotalRow);
        }

//STEP 8 Financial Details
        /* Total Income from previous submitted report */
        function showPrevTotalIncome()
        {
            var numTotalIncome;
            var strIncomeSource = "";

var strSQL ="[#" + "(?object=activity;criteria=typeid=25429 
and eventid < 7004810 ;orderby=eventid 
desc)~eventid~:$1331006$:$1331007$" + ",#]";
            var arrEvent;
            var arrEventData;

if ($("#spn1331005").text().trim().length <= 0 &&
 globalStatusID == "25366") //if it draft and yes/no not updated/new 
report.
            {
                arrEvent=_eval("23",994946,strSQL, 
globalDeveloperKey).split(",");

if (arrEvent && arrEvent.length > 0 
&& arrEvent[0] !== "")
                {
                    arrEventData = arrEvent[0].split(":");

if (arrEventData && arrEventData[1])
                    {
                        numTotalIncome = ssParseNum(arrEventData[1], 
false);

if (arrEventData[2])
                        {
                            strIncomeSource = arrEventData[2];
                        }

if (numTotalIncome > 0)
                        {
                            $("#spn1331005").text("Yes");
                            $("#spn1331006").text(numTotalIncome);
                            $("#spn1331007").text(strIncomeSource);
                            $("#cf_1331005_Yes").show();
                        }
                    }
                }
            }
        }

//STEP 10 Authorizers
        function loadPCAuthorizers()
        {
            var strAuthorized = "Authorized";
            var strNotAuthorized = "Authorization needed";
            var strAuthRows = "";
            var arrUserData;
            var strDistrict;
            var strName;
            var strUserID;
            var strAuthStatus;
            var dteAuthDate = "";
            var strClub;
            var arrAuthorizers;
            var strAuthorizers = variables_replace(false, "", 26, 
globalEventID, "[" + "#" + 
"(?object=contact;criteria=roleid=10336)$District$,~firstname~ 
~lastname~,$?opr2_1329253$,<" + "!" + 
"--@sscalculation(date_format('$?opr2_1329254$','%d/%m/%Y'))-->,$Club$,~userid~;"
 + "#" + "]");

strAuthorizers = strAuthorizers.getfieldbyname(1, "msg");

if (strAuthorizers != "")
            {
                arrAuthorizers =  strAuthorizers.split(";");
                arrAuthorizers = arrAuthorizers.filter(function(value){ 
return value != undefined && value != "";});

$.each(arrAuthorizers, function (index, value) {
                    arrUserData = value.split(",");
                    strDistrict = arrUserData[0];
                    strName = arrUserData[1];
                    strAuthStatus = arrUserData[2];
                    dteAuthDate = arrUserData[3];
                    strClub = arrUserData[4];
                    strUserID = arrUserData[5];

if (strDistrict == undefined) strDistrict = "";
                    if (strClub == undefined) strClub = "";
                    if (strName == undefined) strName = "";
                    if (strAuthStatus == undefined) strAuthStatus = "";
                    if (dteAuthDate == undefined) dteAuthDate = "";
                    if (strAuthStatus.toLowerCase() == "authorized")
                    {
                        strAuthStatus = strAuthorized;
                        dteAuthDate = "Authorized on " + dteAuthDate;
                    }
                    else
                    {
                        strAuthStatus = strNotAuthorized;
                    }

if (globalStatusID == "25366") //if the grant report
 status is draft, dont show auth status
                    {
                        strAuthStatus = "";
                    }

strAuthRows += '<tr><td class="td1">' + 
strName + '</td>';
                    strAuthRows += '<td class="td1">' + strClub + 
'</td>';
                    strAuthRows += '<td class="td1">' + 
strDistrict + '</td>';
                    strAuthRows += '<td class="td1">' + 
strAuthStatus + '</td>';
                    strAuthRows += '<td class="td1 tRight" 
style="padding-right:1em;">' + dteAuthDate + 
'</td></tr>';
                });

$("#bodyRoleItem_10336").html(strAuthRows);
            }
            else
            {
                $("#divPCAuthSummary").remove();
            }
        }

function loadLegalAuthorizers()
        {
            var strAuthorized = "Authorized";
            var strNotAuthorized = "Authorization needed";
            var strAuthRows = "";
            var arrUserData;
            var strDistrict;
            var strName;
            var strUserID;
            var strAuthStatus;
            var dteAuthDate = "";
            var strClub;
            var arrAuthorizers;
            var strAuthorizers = variables_replace(false, "", 26, 
globalEventID, "[" + "#" + "(?object=contact;criteria=roleid in 
(10244,10341))$District$,~firstname~ ~lastname~,$?opr2_1329253$,<" + 
"!" + 
"--@sscalculation(date_format('$?opr2_1329254$','%d/%m/%Y'))-->,$Club$,~userid~;"
 + "#" + "]");
            strAuthorizers = strAuthorizers.getfieldbyname(1, "msg");

$.each(arrAuthorizers, function (index, value) {
                    arrUserData = value.split(",");

strDistrict = arrUserData[0];
                    strName = arrUserData[1];
                    strAuthStatus = arrUserData[2];
                    dteAuthDate = arrUserData[3];
                    strClub = arrUserData[4];
                    strUserID = arrUserData[5];

if (strAuthStatus.toLowerCase() == "authorized")
                    {
                        strAuthStatus = strAuthorized;
                        dteAuthDate = "Authorized on " + dteAuthDate;
                    }
                    else
                    {
                        strAuthStatus = strNotAuthorized;
                    }

//ac - only show status if the grant is in "draft"
                    if (globalStatusID == "25366")
                    {
                        strAuthStatus = "";
                    }

$("#body_RoleItem_10244_10341").html(strAuthRows);
            }
        }

</script>

8.5pt   = 0.75em
        9.5pt   = 0.85em
        10.85pt = 0.9em
        11.5pt  = 0.95em
        12pt    = 1em
        14.5pt  = 1.3em
        16pt    = 1.4em

body, html {
            margin: 20px 20px 40px 20px;
        }

.pageTitle {
            font-size: 1.4em;
            color: #0C1A6C;
        }

.sectionTitle {
            font-size: 1.3em;
            color: #000;
            border-bottom: 1px solid #808080;
        }

.grantInfoLabel {
            font-size: 0.75em;
            font-weight: 700;
        }

.grantInfoData {
            font-size: 0.95em;
        }

table {
            border-collapse: collapse;
            border-spacing: 0;
        }

td {
            padding: 0;
            margin: 0;
        }

.grantInfoTbl {
            background-color: #EEEEEE;
            width: 50%;
            padding: 1em;
            vertical-align: top;
        }

.table {
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px;
            margin-top: 10px;
            background-color: #ffffff;
            border-left: 0.0625em solid #bcbcc0;
            border-right: 0.0625em solid #bcbcc0;
            border-bottom: 0.0625em solid #bcbcc0;
            border-top: 0.125em solid #bcbcc0;
        }

.th1 {
            border-bottom: 2px solid #dddddd;
            color: #58585A;
            font-size: 0.85em;
            font-weight: 600;
            padding: 8px;
            line-height: 1.42857143;
            border-top: 1px solid #dddddd;
            vertical-align: top;
            text-align: left;
        }

.th2 {
            border-bottom: 1px solid #dddddd;
            color: #58585A;
            font-size: 0.85em;
            font-weight: 600;
            padding: 8px;
            line-height: 1.42857143;
            border-top: 1px solid #dddddd;
            vertical-align: top;
            text-align: left;
        }

.trMembers {
            background-color: #f6f7f8;
            border-top: 0.1875em solid #808080;
        }

.td1 {
            font-size: 0.9em;
            color: #000000;
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            border-top: 1px solid #dddddd;
            text-align: left;
        }

.label {
            font-weight: 700;
            font-size: 0.95em;
        }

.titleText {
            font-size: 1em;
        }

.childLabel {
            font-weight: 600;
            font-size: 0.9em;
            padding-left: 1em;
        }

.childLabelSubtext {
            font-weight: normal;
            font-size: 0.9em;
            padding-left: 1em;
        }

.left0 {
            padding-left: 0;
        }

.tRight {
            text-align: right;
        }

.tLeft {
            text-align: left;
        }

body, div, span, p, table, tr, th, td, a, label {
            font-family: "Bitstream Cyberbit", 'Open Sans', Arial, 
Helvetica, sans-serif;
            font-weight: normal;
            font-size: 100%;
            color: #000;
        }

.bold {
            font-weight: 700;
            text-align: center;
        }

/*NOTE: THIS STYLE SHEET IS NOT FINAL!!*/
        /*NOTE: THIS STYLE SHEET IS NOT FINAL!!*/
        /*NOTE: THIS STYLE SHEET IS NOT FINAL!!*/
        /*NOTE: THIS STYLE SHEET IS NOT FINAL!!*/

.actualsSection {
            width: 100%;
        }

.actualsContainer {
            min-height: 3.5em;
            padding-left: 1.5em;
            width: 100%;
        }

/* segregating these intentionally */
        .actualsContainer_MS {
            min-height: 3.5em;
            padding-left: 1.5em;
            width: 100%;
        }

.actualsContainer_VTT {
            min-height: 3.5em;
            padding-left: 1.5em;
            width: 100%;
        }

.actual {
            width: 30%;
            display: inline-block;
            padding-bottom: 1em;
            vertical-align: text-top;
        }

.actual span {
                font-weight: 600;
                color: #000000;
            }

.actualDetails {
            border-bottom: 1px solid #dddddd;
            height: 2em;
            line-height: 2em;
            /*margin-right: 1em;*/
            margin-bottom: 0.75em;
            color: #000000;
            text-transform: uppercase;
            font-size: 0.875em;
        }

.measure {
            width: 30%;
            display: inline-block;
            vertical-align: top;
            color: #000000;
            padding-bottom: 1em;
            /*padding-left:1em;*/
        }

.measure span {
                font-weight: 600;
            }

.teamLeaderEmail {
            width: 60%;
            display: inline-block;
            vertical-align: top;
            color: #000000;
        }

.teamLeaderEmail span {
                font-weight: 600;
            }

.activitySection {
            width: 100%;
            border-top: 1px solid #dddddd;
            background-color: #f6f7f8;
        }

.activityDetails {
            margin-left: 0px;
        }

.measureMethod {
            border-bottom: 1px solid #dddddd;
            font-size: 1.125em;
        }

/*.measureMethod label {
                margin-right: 1em;
                font-weight: 600;
                padding-left:0.5em;
            }*/

.measureHeaders {
            width: 100%;
            padding-bottom: 1em;
            padding-left: 1.5em;
        }

.activityActionSection {
            width: 100%;
            background-color: #e7e7e8;
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
        }

.activityItem {
            margin-bottom: 0.5em;
        }

.scholarActivity {
            display: inline-block;
            vertical-align: top;
            color: #000000;
            padding-bottom: 1em;
        }

.scholarActivity span {
                font-weight: 600;
            }
    </style>

<pd4ml:page.footer>
        <div 
style="pd4ml-display:block;display:none;margin-top:30px;margin-left:30px;margin-right:30px;margin-bottom:30px">

<table width="700px">
                <tr>
                    <td style="text-align:center">- Page $[page] 
of $[total] -</td>
                </tr>
            </table>
        </div>
    </pd4ml:page.footer>
</head>

<table width="100%" border="0" 
style="border:none;PAGE-BREAK-inside: avoid;" align="center">
            <tr>
                <td align="center">
                    <table width="100%" border="0" 
style="border:none;PAGE-BREAK-inside: avoid;" align="center">
                        <tr>
                            <td style="width:50%; 
vertical-align:top;">
                                <span class="pageTitle">GG1747168 
Report</span>
                                <div class="label">Water For Life 7
 Fayoum</div>

</td>
                            <td style="width:50%" 
class="grantInfoTbl">
                                <table style="border:none; 
width:100%;PAGE-BREAK-inside: avoid;">
                                    <tr>
                                        <td>
                                            <span 
class="grantInfoLabel">REPORT TYPE</span>
                                        </td>
                                        <td>
                                            <span 
class="grantInfoLabel">REPORT STATUS</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <span 
class="grantInfoData">Final</span>
                                        </td>
                                        <td>
                                            <span 
class="grantInfoData">Accepted</span>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

<div id="divCommittee">

<div class="sectionTitle">
                Committee Members
            </div>

<div class="label">Primary Contacts</div>
            <table width="100%" cellpadding="0" cellspacing="0" 
class="table" style="PAGE-BREAK-inside: avoid">
                <thead>
                    <tr>
                        <th class="th1" style="width: 25%">
                            Name
                        </th>
                        <th class="th1" style="width: 20%">
                            Club
                        </th>
                        <th class="th1" style="width: 10%">
                            District
                        </th>
                        <th class="th1" style="width: 35%">
                            Sponsor
                        </th>
                        <th class="th1" style="width: 15%">
                            Role
                        </th>
                    </tr>
                </thead>
                <tbody>
                    
                    <tr>
                        <td class="td1" id="FSSponsors">
                            Ahmed Salah Rifky
                        </td>
                        <td class="td1">
                            Cairo Royal
                        </td>
                        <td class="td1">
                            2451
                        </td>
                        <td class="td1">
                            Club
                        </td>
                        <td class="td1">
                            Host
                        </td>
                    </tr>
                    
                    <tr>
                        <td class="td1" id="FSSponsors">
                            Frank Müller-Römer
                        </td>
                        <td class="td1">
                            München-Land
                        </td>
                        <td class="td1">
                            1842
                        </td>
                        <td class="td1">
                            Club
                        </td>
                        <td class="td1">
                            International
                        </td>
                    </tr>
                    
                </tbody>
            </table>
            <br />

<div class="label">Host committee members</div>
            <table width="100%" cellpadding="0" cellspacing="0" 
class="table" style="PAGE-BREAK-inside: avoid">
                <thead>
                    <tr>
                        <th class="th1" style="width:25%">
                            Name
                        </th>
                        <th class="th1" style="width:20%">
                            Club
                        </th>
                        <th class="th1" style="width:10%">
                            District
                        </th>
                        <th class="th1" style="width:35%">
                            Role
                        </th>
                        <th class="th1" style="width:15%">
                            Date Added
                        </th>
                    </tr>
                </thead>
                <tbody>
                    
                    <tr>
                        <td class="td1">
                            Hanan Gewefel
                        </td>
                        <td class="td1">
                            Cairo Royal
                        </td>
                        <td class="td1">
                            2451
                        </td>
                        <td class="td1">
                            Secondary Contact
                        </td>
                        <td class="td1">
                            
                        </td>
                    </tr>
                    
                    <tr>
                        <td class="td1">
                            Hany Darwish
                        </td>
                        <td class="td1">
                            Cairo Royal
                        </td>
                        <td class="td1">
                            2451
                        </td>
                        <td class="td1">
                            Secondary Contact
                        </td>
                        <td class="td1">
                            
                        </td>
                    </tr>
                    
                    <tr>
                        <td class="td1">
                            Nevine Badr El Din
                        </td>
                        <td class="td1">
                            Cairo Royal
                        </td>
                        <td class="td1">
                            2451
                        </td>
                        <td class="td1">
                            Secondary Contact
                        </td>
                        <td class="td1">
                            
                        </td>
                    </tr>
                    
                </tbody>
            </table>
            <br />

<div class="label">International committee 
members</div>
            <table width="100%" cellpadding="0" cellspacing="0" 
class="table" style="PAGE-BREAK-inside: avoid">
                <thead>
                    <tr>
                        <th class="th1" style="width:25%">
                            Name
                        </th>
                        <th class="th1" style="width:20%">
                            Club
                        </th>
                        <th class="th1" style="width:10%">
                            District
                        </th>
                        <th class="th1" style="width:35%">
                            Role
                        </th>
                        <th class="th1" style="width:15%">
                            Date Added
                        </th>
                    </tr>
                </thead>
                <tbody>
                    
                    <tr>
                        <td class="td1">
                            Gregor Waggershauser
                        </td>
                        <td class="td1">
                            München-Land
                        </td>
                        <td class="td1">
                            1842
                        </td>
                        <td class="td1">
                            Secondary Contact International 
                        </td>
                        <td class="td1">
                            
                        </td>
                    </tr>
                    
                    <tr>
                        <td class="td1">
                            Christian Schäflein
                        </td>
                        <td class="td1">
                            München-Land
                        </td>
                        <td class="td1">
                            1842
                        </td>
                        <td class="td1">
                            Secondary Contact International 
                        </td>
                        <td class="td1">
                            
                        </td>
                    </tr>
                    
                </tbody>
            </table>

</div>

<div id="divProjectObjectives">
            <pd4ml:page.break />
            <br />

<div class="sectionTitle">
                Project Objectives and Implementation
            </div>

<div class="titlebar_sub">PROJECT 
OBJECTIVES</div>

<div class="label">
                The Rotary Foundation approved global grant funding to 
be used for the following project objectives:
                <br /><span 
class="childLabelSubtext">Increase access to safe water and 
sanitation to deprived areas in Egypt Govern orates through the 
provision of safe water <br>Raise the communities awareness on 
Hygiene practices with a special focus on hand washing to improve the 
health conditions of women and children.<br>Increase community 
knowledge on the use of water and proper disposal of waste water and 
human waste and to support conservation of water.</span>
            </div>

<div class="label">
                Have any of these objectives changed?
                <br /><span 
class="childLabelSubtext">No</span>
            </div>

<div class="label">
                Have you made progress toward your project objectives?
                <br /><span 
class="childLabelSubtext">Yes</span>
            </div>
            
            <div class="label">
                Describe the progress you’ve made so far.
                <br /><span class="childLabelSubtext">Yes, 
our target was to deliver 600 water connections with water metering 
(3,000 beneficiaries), but we better renegotiate for a surplus to 
overachieved the target with additional 162 water connections with water
 metering (additional 810 beneficiaries). We already delivered 700 cases
 (3,500 beneficiaries) and expect to reach the total of 762 water 
connections with water metering by mid April (Total 3,810 
beneficiaries).</span>
            </div>

<div id="div_PI">
                <br />&nbsp;<br />
                <div class="titlebar_sub">PROJECT 
IMPLEMENTATION</div>
                <span class="childLabelSubtext">
                    Your grant application included plans for the 
following activities. Please report on each of your project activities 
below. If there were any additional activities during the project, 
please report each of them by clicking the Add an Activity button at the
 end of this section.
                </span>

<div id="divActivityItem_25377_6946759" 
data-bsr-eventid="6946759" data-bsr-reportid="" class="activityItem">
                    <div class="activitySection" 
id="divActivitySection_25377_6946759">
                        <div class="activityDetails">
                            <div class="measureMethod"><div 
id="cf_1325535_6946759">1. signing protocol with Fayoum water 
company</div></div>
                            <div class="measureHeaders" 
id="measureHeaders_6946759">
                                <div class="measure" 
id="cf_1325536_6946759"><span>Duration</span><br 
/>2 weeks</div>
                            </div>
                            <div class="actualsContainer" 
id="divActivityItem_25377_Actuals_6946759" 
data-bsr-eventid="6946759">
                                
<div class="actualsSection" id="divActuals_7221719" 
data-bsr-reportid="7004810" data-bsr-eventid="7221719" 
data-bsr-cf_1330909="Completed">

<div 
class="actual"><span>Status</span><br>Completed</div>

<div
 class="actual"><span>Start 
Date</span><br>11/01/2017</div>
<div class="actual"><span>Completion 
Date</span><br>25/01/2017</div>

</div>