anchor.diff:  			         
   			            				</div>
   			           					<div class="onethird" style="text-align:center">
  -			                				Significant decrease in males, non-significant effect in females
  +											<i class="fa fa-long-arrow-down large-arrow" aria-hidden="true"></i> in <img src="${baseUrl}/img/male.jpg">, no effect in <img src="${baseUrl}/img/female.jpg">
   			                				<div id="boneMineralDensity">
   			                				<script type="text/javascript">
   			                				
  
positive.code: 		                        Vignettes
  								</h2>
  		                        	<div class="inner">
  		                        	
  			                        	 <div class="onethird" style="text-align:center">
  			                				Significant increase in males, non-significant effect in females
  			                				<div id="hdlCholesterol">
  			                				<script type="text/javascript">chart = new Highcharts.Chart({  colors:['rgba(239, 123, 11,0.7)', 'rgba(9, 120, 161,0.7)', 'rgba(247, 157, 70,0.7)', 'rgba(61, 167, 208,0.7)', 'rgba(247, 181, 117,0.7)', 'rgba(100, 178, 208,0.7)', 'rgba(191, 75, 50,0.7)', 'rgba(3, 77, 105,0.7)', 'rgba(166, 30, 1,0.7)', 'rgba(36, 139, 75,0.7)', 'rgba(255, 201, 67,0.7)', 'rgba(1, 121, 46,0.7)', 'rgba(144, 195, 212,0.7)', 'rgba(51, 51, 51,0.7)', 'rgba(119, 119, 119,0.7)', 'rgba(191, 151, 50,0.7)'], chart: { type: 'boxplot', renderTo: 'hdlCholesterol'},   tooltip: { formatter: function () { if(typeof this.point.high === 'undefined'){ return '<b>Observation</b><br/>' + this.point.y; } else { return '<b>Genotype: ' + this.key + '</b><br/>UQ + 1.5 * IQR: ' + this.point.options.high + '<br/>Upper Quartile: ' + this.point.options.q3 + '<br/>Median: ' + this.point.options.median + '<br/>Lower Quartile: ' + this.point.options.q1 +'<br/>LQ - 1.5 * IQR: ' + this.point.low; } } }    , 
  			                					title: {  text: 'HDL Cholesterol', useHTML:true } ,  credits: { enabled: false },   legend: { enabled: false },  xAxis: { categories:  ["Female WT","Female HOM","Male WT","Male HOM","Female WT","Female HOM","Male WT","Male HOM"], labels: {            rotation: -45,            align: 'right',            style: {               fontSize: '15px',              fontFamily: 'Verdana, sans-serif'         }      },  }, 
  
negative.code:         <script type='text/javascript' src='${baseUrl}/js/charts/highcharts.js?v=${version}'></script>
          <script type='text/javascript' src='${baseUrl}/js/charts/highcharts-more.js?v=${version}'></script>
          <script type='text/javascript' src='${baseUrl}/js/charts/exporting.js?v=${version}'></script>
  		<link href="${baseUrl}/css/vendor/font-awesome/font-awesome.min.css" rel="stylesheet" type="text/css" />
  
  		<!-- Specific styling for the SD graphs -->
  		<style>
  			.large-arrow { font-size: 20px; padding: 0 5px; }
  			.inner .onethird img { padding: 0 5px; }
  		</style>
  
  
      </jsp:attribute>
   		
  
  