#LiveData::before  {color: white; content: "Test text from CSS file"; }
.GraphIcons {position: relative;  z-index: 2;}

/* Base of chart = 152px below top; 2x152=304px ...  */
.GraphBars {position: absolute;  z-index: 1; white-space: nowrap  /* TO PREVENT TEXT WRAPPING */;bottom: -152px;}
.WindBar    {left:   42px; width: 5px; height: 115px; background-color:white; }
.SolarBar   {left: 71px; width: 8px; height: 13px; background-color:yellow;}
.PSBar      {left: 102px; width: 8px; height: 2px; background-color:#7bd152;}
.NorBar     {left: 140px; width: 8px; height: 0px; background-color:#414486; }
.NedBar     {left: 140px; width: 8px; height: 9px; background-color:#25a884; }
.BelBar     {left: 140px; width: 8px; height: 8px; background-color:#414486; }
.Fr1Bar     {left: 140px; width: 8px; height: 0px; background-color:#25a884; }
.Fr2Bar     {0px; left: 140px; width: 8px; height: 0px; background-color:#414486; }
.IrlBar     {0px; left: 140px; width: 8px; height: 3px; background-color:#25a884; }
.NIBar      {0px; left: 140px; width: 8px; height: 3px; background-color:#414486; }
.NucBar     {left: 175px; width: 8px; height: 45px; background-color:#badb2b;}
.BioBar     {left: 205px; width: 8px; height: 25px; background-color:#21908c;}
.GasBar     {left: 237px; width: 8px; height: 125px; background-color:#355f8d; z-index: 0}
.CoalBar    {left: 266px; width: 8px; height: 9px; background-color:#440154;}
.OilBar     {left: 295px; width: 8px; height: 0px; background-color:#440154;}
.OthBar     {left: 325px; width: 8px; height: 3px; background-color:#45be71;}


/* Set the position of icons (relative to columns) */
.NucPos   {bottom: 19px;  left: -4px; width: 30px; height: 17px;}   
.WindPos  {bottom: 40px;  left: -18px; width: 40px; height: 40px;}
.SunPos   {bottom: 25px; left: -9px; width: 25px; height: 25px;}  
.GasPos   {bottom: 55px; left: 1px; width: 97px; height: 55px;}
.BioPos   {bottom: 33px; left: 4px; width: 57px; height: 33px;}   
.CoalPos  {bottom: 19px; left: 4px; width: 34px; height: 19px;}      
.OilPos   {bottom: -0px; left: 4px; width:  0px; height:  0px;} 
.INTPos   {bottom: 24px; left: 2px; width: 8px; height: 16px;}               
.NorPos   {top: -19px; left: -10px; width: 10px; height: 6px;} 
.NedPos   {top: -16px; left: -1px; width: 10px; height: 6px;}               
.BelPos   {top: -16px; left: -1px; width: 10px; height: 6px;}               
.Fr1Pos   {top: -16px; left: -1px; width: 10px; height: 6px;}               
.Fr2Pos   {top: -16px; left: -1px; width: 10px; height: 6px;}               
.IrlPos   {top: -16px; left: -1px; width: 10px; height: 6px;}               
.NIPos    {top: -16px; left: -1px; width: 10px; height: 6px;}               


/* .PSBar         {left: 0px; top: 0px; width: 178px;  height: 80px;}                          */
/* #PSBar         {background:url(BarChart/BarChartIcons.gif)  -215px -0px no-repeat; background-size: 335px 65px;}    */



#GraphWindText  {top: -4px;  left: 8px; font-size: 45%; color: white; }
#GraphSunText   {top: -4px; left: 8px; font-size: 45%; color: yellow; }
#GraphPSText    {top:  -4px; left: 8px; font-size: 45%; color: #7bd152;}
#GraphINTText   {top: -4px; left: 12px; font-size: 45%; color: white; }   
#GraphNucText   {top: -4px;  left: 12px; font-size: 45%; color: #badb2b; }
#GraphBioText   {top: -4px; left: 12px; font-size: 45%; color: black; line-height: 100%; } 
#GraphGasText   {top: -4px; left: 12px; font-size: 45%; color: black; line-height: 150%; }
#GraphCoalText  {top: -4px; left: 12px; font-size: 45%; color: black; line-height: 100%; }
#GraphOilText   {top: -4px; left: 12px; font-size: 45%; color: black; line-height: 95%;}


#GraphWindTx2::before     {content: "Wind = 4.3GW";}

#LiveTime::before     {content: "13:30 on 01dec21";}
#WindLive::before     {content: "13100";}
#SolarLive::before    {content: "1480";}
#NucLive::before      {content: "5103";}
#GasLive::before      {content: "14200";}
/* Gas - 0.185 tonnes of CO2 per mWh   source https://www.carbonindependent.org/13.html */
#BioLive::before      {content: "2830";}
#CoalLive::before     {content: "997";}
/* Coal - 0.322 tonnes of CO2 per mWh  source https://www.carbonindependent.org/13.html */

#OilLive::before      {content: "0";}
#NorLive::before      {content: "0";}
#NedLive::before      {content: "1050";}
#BelLive::before      {content: "886";}
#Fr1Live::before      {content: "0";}
#Fr2Live::before      {content: "0";}
#IrlLive::before      {content: "330";}
#NILive::before       {content: "276";}
#PSLive::before       {content: "164";}


#GraphBioCO2   {font-size: 191%;}  /*   191%        0% -> 79px   100% -> 78px   181% ->82 px*/
#GraphGasCO2   {font-size: 324%;}
#GraphCoalCO2  {font-size: 113%;}
#GraphOilCO2   {font-size: 0%;}