anchor.diff:  				<script type="text/javascript" src="${baseUrl}/js/general/allele.js"></script>
   
   				<script type="text/javascript">
  -					var gene_id = '${acc}';
  -
  -					$(document).ready(function() {
  -						var heatmap_generated=0;
  -						var expressionTab = 0;
  -						var hash = location.hash;
  -						if (hash.indexOf("tabs-") > -1){
  -							expressionTab = $('a[href="' + hash + '"]').parent().index();
  -							$("#section-expression").focus();
  -						}
  -						
  -						$("#exptabs").tabs({ active: expressionTab});
  -						$("#diseasetabs").tabs({ active: 0 });
  -						$("#tabs").tabs();
  -						//$("#diseasetabs").find("td[class!='shown']").css('color','#666');
  -
  -						$('div#anatomo1').hide(); // by default
  -
  -						$('.wtExp').hide();
  -						$('div#toggleWt').click(function(){
  -							if ($('.wtExp').is(':visible')) {
  -								$('.wtExp').hide();
  -								$(this).text("Show Wildtype Expression");
  -							}
  -							else {
  -								$('.wtExp').show();
  -								$(this).text("Hide Wildtype Expression");
  -							}
  -						});
  -
  -						$('div#expDataView').click(function(){
  -							if ($('#anatomo1').is(':visible')) {
  -								$('#anatomo1').hide();
  -								$('#anatomo2').show();
  -								$(this).text("Show expression table");
  -							}
  -							else {
  -								$('#anatomo1').show();
  -								$('#anatomo2').hide();
  -								$(this).text("Hide expression table");
  -							}
  -						});
  -						
  -						$('#heatmap_link').click(function(){
  -							console.log('heatmap link clicked');
  -							
  +                    var gene_id = '${acc}';
  +
  +                    $(document).ready(function() {
  +                        var heatmap_generated=0;
  +                        var expressionTab = 0;
  +                        var hash = location.hash;
  +                        if (hash.indexOf("tabs-") > -1){
  +                            expressionTab = $('a[href="' + hash + '"]').parent().index();
  +                            $("#section-expression").focus();
  +                        }
  +
  +                        $("#exptabs").tabs({ active: expressionTab});
  +                        $("#diseasetabs").tabs({ active: 0 });
  +                        $("#tabs").tabs();
  +                        //$("#diseasetabs").find("td[class!='shown']").css('color','#666');
  +
  +                        $('div#anatomo1').hide(); // by default
  +
  +                        $('.wtExp').hide();
  +                        $('div#toggleWt').click(function(){
  +                            if ($('.wtExp').is(':visible')) {
  +                                $('.wtExp').hide();
  +                                $(this).text("Show Wildtype Expression");
  +                            }
  +                            else {
  +                                $('.wtExp').show();
  +                                $(this).text("Hide Wildtype Expression");
  +                            }
  +                        });
  +
  +                        $('div#expDataView').click(function(){
  +                            if ($('#anatomo1').is(':visible')) {
  +                                $('#anatomo1').hide();
  +                                $('#anatomo2').show();
  +                                $(this).text("Show expression table");
  +                            }
  +                            else {
  +                                $('#anatomo1').show();
  +                                $('#anatomo2').hide();
  +                                $(this).text("Hide expression table");
  +                            }
  +                        });
  +
  +                        $('#heatmap_link').click(function(){
  +                            console.log('heatmap link clicked');
  +
   							/* //load the css
  -							var cssId = 'myCss';  // you could encode the css path itself to generate id..
  -							if (!document.getElementById(cssId))
  -							{
  -							    var head  = document.getElementsByTagName('head')[0];
  -							    var link  = document.createElement('link');
  -							    link.id   = cssId;
  -							    link.rel  = 'stylesheet';
  -							    link.type = 'text/css';
  -							    link.href = '${drupalBaseUrl}/heatmap/css/heatmap.1.3.1.css';
  -							    link.media = 'all';
  -							    head.appendChild(link);
  -							} */
  -
  -							if($('#heatmap_toggle_div').length){//check if this div exists first as this will ony exist if phenotypeStarted and we don't want to do this if not.
  -								$('#heatmap_toggle_div').toggleClass('hidden');//toggle the div whether the heatmap has been generated or not.
  -								$('#phenotypeTableDiv').toggleClass('hidden');
  -								if(!heatmap_generated){
  -
  -									var script = document.createElement('script');
  -									script.src = "${drupalBaseUrl}/heatmap/js/heatmap.1.3.1.js";
  -									script.onload = function () {
  -
  -										//do stuff with the script
  -										new dcc.PhenoHeatMap({
  +							 var cssId = 'myCss';  // you could encode the css path itself to generate id..
  +							 if (!document.getElementById(cssId))
  +							 {
  +							 var head  = document.getElementsByTagName('head')[0];
  +							 var link  = document.createElement('link');
  +							 link.id   = cssId;
  +							 link.rel  = 'stylesheet';
  +							 link.type = 'text/css';
  +							 link.href = '${drupalBaseUrl}/heatmap/css/heatmap.1.3.1.css';
  +							 link.media = 'all';
  +							 head.appendChild(link);
  +							 } */
  +
  +                            if($('#heatmap_toggle_div').length){//check if this div exists first as this will ony exist if phenotypeStarted and we don't want to do this if not.
  +                                $('#heatmap_toggle_div').toggleClass('hidden');//toggle the div whether the heatmap has been generated or not.
  +                                $('#phenotypeTableDiv').toggleClass('hidden');
  +                                if(!heatmap_generated){
  +
  +                                    var script = document.createElement('script');
  +                                    script.src = "${drupalBaseUrl}/heatmap/js/heatmap.1.3.1.js";
  +                                    script.onload = function () {
  +
  +                                        //do stuff with the script
  +                                        new dcc.PhenoHeatMap({
   											/* identifier of <div> node that will host the heatmap */
  -											'container': 'phenodcc-heatmap',
  +                                            'container': 'phenodcc-heatmap',
   											/* colony identifier (MGI identifier) */
  -											'mgiid': '${gene.mgiAccessionId}',
  +                                            'mgiid': '${gene.mgiAccessionId}',
   											/* default usage mode: ontological or procedural */
  -											'mode': 'ontological',
  +                                            'mode': 'ontological',
   											/* number of phenotype columns to use per section */
  -											'ncol': 5,
  +                                            'ncol': 5,
   											/* heatmap title to use */
  -											'title': '${gene.markerSymbol}',
  -											'url': {
  +                                            'title': '${gene.markerSymbol}',
  +                                            'url': {
   												/* the base URL of the heatmap javascript source */
  -												'jssrc': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/js/',
  +                                                'jssrc': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/js/',
   												/* the base URL of the heatmap data source */
  -												'json': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/rest/',
  +                                                'json': '${fn:replace(drupalBaseUrl, "https:", "")}/heatmap/rest/',
   												/* function that generates target URL for data visualisation */
  -												'viz': dcc.heatmapUrlGenerator
  -											}
  -										});
  -										heatmap_generated=1;
  -
  -									};
  -
  -
  -								document.head.appendChild(script);
  -
  -		
  -
  -								}//end of if heatmap generated
  -
  -						}
  -							
  -
  -
  -						});
  -						 
  -					});
  +                                                'viz': dcc.heatmapUrlGenerator
  +                                            }
  +                                        });
  +                                        heatmap_generated=1;
  +
  +                                    };
  +
  +
  +                                    document.head.appendChild(script);
  +
  +
  +
  +                                }//end of if heatmap generated
  +
  +                            }
  +
  +
  +
  +                        });
  +
  +                    });
   				</script>
   				<style>
   					li.showAdultImage {
  
positive.code:                     //specify the colour in each of your calls to the anatomogram renderer like this:
                      //anatomogramBuilder.render({mountNode: 'main', hoveredTissueColour: 'blue', highlightIDs: ['UBERON_0002107', 'UBERON_0001242']});
  
  //                    var anatomogramConfig = {mountNode: 'anatomogramContainer', hoveredTissueColour: 'red'};
  //                    anatomogramBuilder.render(anatomogramConfig);
  //
  //                    anatomogramBuilder.eventEmitter.on('gxaAnatomogramTissueMouseEnter', function(pathID) {
  //
  //                        console.log('Entering ' + pathID)
  //                        //console.log('Ma? '+ uberonEfo2MaIdMap[pathID]);
  //                        var maIds = uberonEfo2MaIdMap[pathID];
  //
  //                        if (maIds != undefined) {
  //                            var topLevelNames = [];
  //                            for (var i = 0; i < maIds.length; i++) {
  //                                var tops = maId2topLevelNameMap[maIds[i]];
  //                                for (var j = 0; j < tops.length; j++) {
  //                                    topLevelNames.push(tops[j].trim());
  //                                }
  //                            }
  //
  //                            topLevelNames = $.fn.getUnique(topLevelNames);
  //                            $('ul#expList li a,ul#expList li').each(function () {
  //                                if ($.fn.inArray($(this).text().trim(), topLevelNames)) {
  //                                    $(this).addClass("mahighlight");
  //                                }
  //                            });
  //                        }
  //                    });
  //                    anatomogramBuilder.eventEmitter.on('gxaAnatomogramTissueMouseLeave', function(pathID) {
  //                        console.log('Leaving ' + pathID)
  //                        $('ul#expList li a,ul#expList li').removeClass("mahighlight");
  //                    });
  //
  //
  //                    // top level MA term talks to anatomogram
  //					$("ul#expList li a,ul#expList li").on("mouseover", function() {
  //						var topname = $(this).text().trim();
  //                        console.log("top:"+topname+"--")
  //						var maIds = topLevelName2maIdMap[topname];
  //						//log(topname + " - " + maIds);
  //						var uberonIds = [];
  //						for( var a=0; a<maIds.length; a++){
  //							uberonIds = uberonIds.concat(maId2UberonEfoMap[maIds[a]]);
  //						}
  //						uberonIds = $.fn.getUnique(uberonIds);
  //
  //						//console.log(topname + " : " + uberonIds);
  //
  //                        $(this).addClass("mahighlight");
  //
  //                        // change tissue color
  //                        anatomogramBuilder.render($.extend(anatomogramConfig, {highlightIDs: uberonIds}));
  //
  //					}).on("mouseout", function(){
  //                        // revert text color
  //                        $('ul#expList li a,ul#expList li').removeClass("mahighlight");
  //                        // revert tissue color
  //                        anatomogramBuilder.render($.extend(anatomogramConfig, {highlightIDs: []}));
  //					});
  
  
  
                      //------------ end of anatomogram 201609 version ----------
  
  
negative.code: 						border: none;
  					}
  					/*div.ui-dropdownchecklist-dropcontainer-wrapper.ui-widget.filtersMoreLikeNicolas.open {*/
  					/*border: 1px solid gray;*/
  					/*}*/
  
  					div.ui-dropdownchecklist-selector {
  