I wrote a java script to change background color of the title to green.But it does not seem to be working because of some reason i am unaware of.

Below is the VF page

<apex:page controller="AccountSummaryReportController" action="{!loadKeyAccounts}" > <script> function colorPageBlock(pageblock, color) { if (pageblock != null) pageblock.firstChild.style.cssText = “background-color: ” + color + “; } </script> <apex:sectionHeader title="Account Summary Report as of : " description="This Report Shows Records modified in last 31 days"/> <apex:form > <apex:repeat value="{!objectMap }" var="ProgNameKey"> <apex:pageBlock title="{!ProgNameKey}"> <apex:repeat value="{!objectMap [ProgNameKey]}" var="PlanNameKey"> <apex:pageBlockSection title="{!PlanNameKey}" columns="1" id="greenSection" > <script>colorPageBlock(document.getElementById("{!$Component.greenSection}"), "green");</script> <apex:pageBlockTable value="{!objectMap [ProgNameKey][PlanNameKey]}" var="lstGrnRate" border="1" columnsWidth="20%,10%,70%"> <apex:column value="{!lstGrnRate.Account__r.Name}"/> <apex:column value="{!lstGrnRate.Status__c }"/> <apex:column value="{!lstGrnRate.Account_Summary__c}"/> </apex:pageBlockTable> </apex:pageBlocksection> </apex:repeat> </apex:pageBlock> </apex:repeat> </apex:form> </apex:page>