anchor.diff:  							<%-- <th>Strain</th> --%>
   						</tr>
   					</thead>
  -					<c:forEach var="phenotype" items="${phenotypes}" varStatus="status">
  -					<c:set var="europhenome_gender" value="Both-Split"/>
  -					<tr>
  -					<td><a href="${baseUrl}/phenotypes/${phenotype.phenotypeTerm.id.accession}">${phenotype.phenotypeTerm.name}</a></td>
  -					<td><c:choose><c:when test="${fn:contains(phenotype.allele.id.accession, 'MGI')}"><a href="http://www.informatics.jax.org/accession/${phenotype.allele.id.accession}"><t:formatAllele>${phenotype.allele.symbol}</t:formatAllele></a></c:when><c:otherwise><t:formatAllele>${phenotype.allele.symbol}</t:formatAllele></c:otherwise></c:choose></td>
  -					<td>${phenotype.zygosity}</td>
  -					<td style="font-family:Verdana;font-weight:bold;">
  -						<c:set var="count" value="0" scope="page" />
  -						<c:forEach var="sex" items="${phenotype.sexes}"><c:set var="count" value="${count + 1}" scope="page"/><c:if test="${sex == 'female'}"><c:set var="europhenome_gender" value="Female"/><img style="cursor:help;color:#D6247D;" rel="tooltip" data-placement="top" title="Female" alt="Female" src="${baseUrl}/img/icon-female.png" /></c:if><c:if test="${sex == 'male'}"><c:set var="europhenome_gender" value="Male"/><img style="cursor:help;color:#247DD6;margin-left:<c:if test="${count != 2}">16</c:if><c:if test="${count == 2}">4</c:if>px;" rel="tooltip" data-placement="top" title="Male" alt="Male" src="${baseUrl}/img/icon-male.png" /></c:if></c:forEach>
  -						<c:if test="${count == 2}"><c:set var="europhenome_gender" value="Both-Split"/></c:if>
  -					</td>
  -					<td>
  -					<c:choose>
  -					<c:when test="${phenotype.linkToOriginalDataProvider eq ''}">
  -						${phenotype.dataSourceName}
  -					</c:when>
  -					<c:otherwise>
  -					<a href="${phenotype.linkToOriginalDataProvider }">${phenotype.dataSourceName}</a>
  -					</c:otherwise>
  -					</c:choose>
  -					</td>
  -					<%-- <td>${phenotype.strain.name}</td> --%>
  -					</tr>
  -					</c:forEach>
  -					</table>
  -					<style>
  -					</style>
  -					<script>
  +					<tbody>
  +						<c:forEach var="phenotype" items="${phenotypes}" varStatus="status">
  +						<c:set var="europhenome_gender" value="Both-Split"/>
  +						<tr>
  +						<td><a href="${baseUrl}/phenotypes/${phenotype.phenotypeTerm.id.accession}">${phenotype.phenotypeTerm.name}</a></td>
  +						<td><c:choose><c:when test="${fn:contains(phenotype.allele.id.accession, 'MGI')}"><a href="http://www.informatics.jax.org/accession/${phenotype.allele.id.accession}"><t:formatAllele>${phenotype.allele.symbol}</t:formatAllele></a></c:when><c:otherwise><t:formatAllele>${phenotype.allele.symbol}</t:formatAllele></c:otherwise></c:choose></td>
  +						<td>${phenotype.zygosity}</td>
  +						<td style="font-family:Verdana;font-weight:bold;">
  +							<c:set var="count" value="0" scope="page" />
  +							<c:forEach var="sex" items="${phenotype.sexes}"><c:set var="count" value="${count + 1}" scope="page"/><c:if test="${sex == 'female'}"><c:set var="europhenome_gender" value="Female"/><img style="cursor:help;color:#D6247D;" rel="tooltip" data-placement="top" title="Female" alt="Female" src="${baseUrl}/img/icon-female.png" /></c:if><c:if test="${sex == 'male'}"><c:set var="europhenome_gender" value="Male"/><img style="cursor:help;color:#247DD6;margin-left:<c:if test="${count != 2}">16</c:if><c:if test="${count == 2}">4</c:if>px;" rel="tooltip" data-placement="top" title="Male" alt="Male" src="${baseUrl}/img/icon-male.png" /></c:if></c:forEach>
  +						</td>
  +						<td>
  +						<c:choose>
  +						<c:when test="${phenotype.phenotypeLink eq ''}">
  +							${phenotype.dataSourceName}
  +						</c:when>
  +						<c:otherwise>
  +						<a href="${phenotype.phenotypeLink }">${phenotype.dataSourceName}</a>
  +						</c:otherwise>
  +						</c:choose>
  +						</td>
  +						</tr>
  +						</c:forEach>
  +					</tbody>
  +				</table>
  +				<script>
   					$(document).ready(function(){						
   						
   						// use jquery DataTable for table searching/sorting/pagination
  
positive.code: <t:genericpage>
  	<jsp:attribute name="title">Gene details for ${gene.name}</jsp:attribute>
  	
  	<jsp:attribute name="breadcrumb">&nbsp;&raquo; <a href="${baseUrl}/search#sort=marker_symbol asc&q=*:*&core=gene">Genes</a> <c:if test="${not empty gene.subtype.name }">&raquo; <a href='${baseUrl}/search#fq=marker_type:"${gene.subtype.name}"&q=*:*&core=gene'>${gene.subtype.name}</a></c:if> &raquo; ${gene.symbol}</jsp:attribute>
  
  	<jsp:attribute name="footer">
  
  	<!--[if !IE]><!-->
  	<script type="text/javascript" src="${baseUrl}/js/genomic-browser/dalliance-all.js"></script>
  	<!--<![endif]-->
  
  
  	</jsp:attribute>
  	
  
  	<jsp:attribute name="header">
  
  
  	<script type="text/javascript">var gene_id = '${acc}';</script>
  
  	<script src="${baseUrl}/js/imaging/properties.js"></script>
  	<script src="${baseUrl}/js/imaging/genomicB.js"></script>
  	<script src="${baseUrl}/js/imaging/mp.js"></script>
  	<script src="${baseUrl}/js/imaging/imageUtils.js"></script>
  	<script src="${baseUrl}/js/general/toggle.js"></script>
  	<script src="${baseUrl}/js/mpi2_search/all.js"></script>
  
  
  <style>
  
  @media only screen and (max-width: 800px) {
  	/* Force table to not be like tables anymore */
  	#allele_tracker_panel_results table,
  	#allele_tracker_panel_results thead,
  	#allele_tracker_panel_results tbody,
  	#allele_tracker_panel_results th,
  	#allele_tracker_panel_results td,
  	#allele_tracker_panel_results tr
  	{display: block;}
  
  	/* Hide table headers (but not display: none;, for accessibility) */
  	#allele_tracker_panel_results thead tr {position: absolute;top: -9999px;left: -9999px;}
  	#allele_tracker_panel_results tr {border: 1px solid #ccc;}
  	#allele_tracker_panel_results td { /* Behave  like a "row" */
  		border: none;
  		border-bottom: 1px solid #eee;
  		position: relative;
  		padding-left: 50%;
  		white-space: normal;
  		text-align: left;
  	}
  	#allele_tracker_panel_results td:before { /* Now like a table header */
  		position: absolute;
  		/* Top/left values mimic padding */
  		top: 6px;
  		left: 6px;
  		width: 45%;
  		padding-right: 10px;
  		white-space: nowrap;
  		text-align: left;
  		font-weight: bold;
  	}
  
  	/*
  	Label the data
  	*/
  	#allele_tracker_panel_results td:before {
  		content: attr(data-title);
  	}
  	#allele_tracker_panel_results td:nth-of-type(1):before {
  		content: "Product"
  	}
  	#allele_tracker_panel_results td:nth-of-type(2):before {
  		content: "Allele"
  	}
  	#allele_tracker_panel_results td:nth-of-type(3):before {
  		content: "Type"
  	}
  	#allele_tracker_panel_results td:nth-of-type(4):before {
  		content: "Strain of Origin"
  	}
  	#allele_tracker_panel_results td:nth-of-type(5):before {
  		content: "MGI Allele Name"
  	}
  	#allele_tracker_panel_results td:nth-of-type(6):before {
  		content: "Allele Map"
  	}
  	#allele_tracker_panel_results td:nth-of-type(7):before {
  		content: "Allele Sequence"
  	}
  	#allele_tracker_panel_results td:nth-of-type(8):before {
  		content: "Order"
  	}
  }
  #svgHolder div div {z-index:100;}
  
  </style>
  
      </jsp:attribute>
  
  	<jsp:body>
  
negative.code: 
  	<div class="row-fluid dataset">
  		<div class="row-fluid">
  			<div class="container span6">
  				<table>				  
  					<tbody>
  						<tr class="odd">
  							<td>Gene name:</td>
  							<td class="gene-data" id="gene_name">${gene.name}</td>
  						</tr>
  						<tr class="even">
  							<td>Synonyms:</td>
  							<td class="gene-data" id="synonyms">
  								<c:forEach var="synonym" items="${gene.synonyms}" varStatus="loop">${synonym.symbol}<c:if test="${!loop.last}"><br /></c:if>
  								<c:if test="${loop.count==2 && fn:length(gene.synonyms)>2}"><a data-toggle="collapse" data-target="#other_synonyms" href="#">+...</a><div id="other_synonyms" class="collapse"></c:if>
  								<c:if test="${loop.last && fn:length(gene.synonyms) >2}"></div></c:if>
  								</c:forEach>
   							</td>
  						</tr>
  						<tr class="odd">
  							<td>MGI Id:</td>
  							<td class="gene-data" id="mgi_id"><a href="http://www.informatics.jax.org/marker/${gene.id.accession}">${gene.id.accession}</a></td>
  						</tr>
  					</tbody>
  				</table>
  			</div>
  			<div class="container span6">
  				<table>				  
  					<tbody>
  						<tr>
  							<td>Production Status:</td>
  							<td>	
  							<c:choose>
  								<c:when test="${empty geneStatus}">
  										<div class="alert alert-error">
  							  				<strong>Error:</strong> Gene status currently unavailable.
  										</div>
  								</c:when>
  								<c:otherwise>
  										<button type="button" class="btn btn-info" disabled>${geneStatus}</button>
  								</c:otherwise>
  							</c:choose>
  							</td>
  							
  						</tr>
  						<c:if test="${not empty phenotypeStatus}">
  								<tr>
  										<td>Phenotyping Status:</td>
  							    		<td><button type="button" class="btn btn-info" disabled>${phenotypeStatus}</button></td>
  								</tr>
  						</c:if>
  						
  						<tr class="even">
  							<td>Ensembl Links:</td>
  							<td class="gene-data" id="ensembl_links">
  