anchor.diff:  		
   		<!--  Phenotype Associations Panel -->
   		<div class="section">
  -			<h2 class="title " id="section-associations"> Phenotype associations for ${gene.symbol} <span class="documentation"><a href='' class='mpPanel'><i class="fa fa-question-circle pull-right"></i></a></span></h2>
  +			<h2 class="title documentation" id="section-associations"> Phenotype associations for ${gene.symbol} <a href='' id='mpPanel'><i class="fa fa-question-circle pull-right"></i></a></span></h2>
   			<div class="inner">
   				<div class="abnormalities">TODO</div>
   				<c:if test="${phenotypeSummaryObjects.getBothPhenotypes().size() > 0 or phenotypeSummaryObjects.getFemalePhenotypes().size() > 0 or phenotypeSummaryObjects.getMalePhenotypes().size() > 0 }">
  
positive.code: 					
  			<c:if test="${not empty expressionFacets}">
  			<div class="section">
  				<div class='documentation'><a href='' class='expressionPanel'><img src="${baseUrl}/img/info_20x20.png" /></a></div>
  				<h2 class="title">Expression</h2><div id="showAllExpression"></div>
  				<div class="inner">			
  					<div class="container span12">				
  					</div>
  
negative.code: 				
  		<c:if test="${phenotypeStarted}">
  			<div class="section">
  			  <h2 class="documentation title" id="heatmap">Pre-QC phenotype heatmap -
  					<c:forEach items="${allColonyStatus}" var="colonyStatus">
  						<c:if test="${colonyStatus.phenotypeStarted == 1}">
  							${colonyStatus.alleleName}<%-- </td><td>${colonyStatus.backgroundStrain}</td><td>${colonyStatus.phenotypeCenter}</td></tr> --%>
  						</c:if>
  					</c:forEach>	
  					<a href='' id='mpPanel'><i class="fa fa-question-circle pull-right"></i></a>
  				</h2>
  				
  				<div class="inner">
  