.lineGcc {
           /* fill:red;*/
            fill:rgb(30, 255, 0);
            opacity: 0.4;
            stroke: black;
            stroke-width: 1px;
         }
         .lineDXcc {
           /* fill:red;*/
            fill:violet;
            opacity: 0.7;
            stroke: black;
            stroke-width: 1px;
         }
     
         .axis text{
         font-family: Arial;
         font-size: 13px;
         color: #333333;
         text-anchor: end;
         }
       
         path { 
         stroke: steelblue;
         stroke-width: 2;
         fill: none;
         }
       
        .axis path,
        .axis line {
        fill: none;
        stroke: grey;
        stroke-width: 1;
        shape-rendering: crispEdges;
        } 
       
       
        .textlabel{
           font-family:  Arial;
           font-size:13px;
           color: #333333;
           text-anchor: middle;
         }
       
      
 
      A:link {
       COLOR: red /*The color of the link*/
      }
      A:visited {
       COLOR: #800080 /*The color of the visited link*/
      }
      A:hover {
       COLOR: green /*The color of the mouseover or 'hover' link*/
      }
      
  
         
       aside1a {
         position: absolute;  
           /*float: left;*/
           top: 0%;
   
   left: 1% ; 
          
           /*width: 5.0%;*/
       }
       aside2a {
          position: absolute; 
          /*float: right;*/
           top: 0%;
           right: 1% ; 
          width: 75.0%;
       }
       #DivForHoverItem {
       /*just so we can see it*/
       height: 40px;
       width: 650px;
       background-color: red;
   }
   
   #HiddenText {
       display: none;
   }
   
   #DivForHoverItem:hover #HiddenText {
       display:block;
   }