.sttkFont {color: white; background-color:  #002f5f;}

// body {background-color:rgb(248,249,249);}
 body {background-color:white;}

 table th {
            background-color: black;
            color: white;
             }

 h1,h2 {
                   background-color: #002f5f;
                   color: white;
                   }


 h2 {margin-top: 100px;}

 h3 {
                   color: #002f5f;
                   background-color: white;
                   border: 2px solid #002F5F;
                   }


 h4,h5,h6 {
                  color: #002f5f;
                  background-color: white;
                  }




 h3 {margin-top: 50px;}


 table, th,td {
   border: 1px dotted #cac6c5;
 }

 th {font-size: 11px;}

 .fatable,.gentable,.tiltable {min-width: 700px;
  position: relative;
   margin: 50px 0 5px 5px;

  max-width: 1000px;

   }


 .tiltable th {background-color: #002f5f; color: white;}

  .tiltable tr:nth-child(even){background-color: #f2f2f2;}

  .tiltable tr:hover {background-color: #ddd;}

  .tiltable td {font-size: 10px;}



 .gentable th {background-color: #EEEEEE; color: black;}

  .gentable tr:nth-child(even){background-color: #f2f2f2;}

  .gentable tr:hover {background-color: #ddd;}

  .gentable td {font-size: 10px;}




 // factor loadings & scores
 .fatable th {
              background-color: #5A5214; color: white;
          min-height: 200px; font-size: 10px;}


 .fatable tr:nth-child(even){background-color: #f2f2f2;}

 .fatable tr:hover {background-color: #ddd;}

 .fatable td {font-size: 10px;}




 .sttkFont {color: white; background-color:  #002f5f;}

 //body {background-color:rgb(248,249,249);}


 #namesorty {background-color: #e7f203};

 .TitleDiv {
            margin-top: 4px;
               border-style: solid;
                border-width: 2px;
            }

 .tinyF  {font-size: 60%}


 body, table,th,td,ul,ol, button,li,a, div, p, span, h1,h2,h3,h4,h5 {
      font-family:  Helvetica Neue, Helvetica;}
             //font-family:  "Calibri W02";}




 #namesorty {background-color: #e7f203};

 .TitleDiv {
            margin-top: 4px;
               border-style: solid;
                border-width: 2px;
            }

 .tinyF  {font-size: 60%}


 body, table,th,td,ul,ol, button,li,a, div, p, span, h1,h2,h3,h4,h5 {
      font-family:  Helvetica Neue, Helvetica;}
             //font-family:  "Calibri W02";}






//h1,h2,h3,h4,div,table  {
//     max-width: 1024px;
//     overflow: hidden;
//      margin: 0 auto; // to center your div.
//   }



 .til1 {  height: 500px;
            }
           //  margin: 0 auto;}

 .box1 {
 margin-top: 2px;
    border-style: solid;
     border-width: 2px}

 .box2 {margin-right: 1px; margin-left: 1px;
border-width: 1px;
   border-right-style: dotted;
        border-left-style: none;
         border-top-style: dotted;
        border-bottom-style: dotted;
      }

.box4 {
   margin-top: 3px;
    border-style: solid; border-width: 2px;
     }



 .box3 {border-width: 1px;
   margin-right: 1px; margin-left: 1px;
   border-right-style: dotted;
        border-left-style: none;
         border-top-style: dotted;
        border-bottom-style: dotted;
      }

 .btn1 {background-color: white; margin-right: 4px;
   font-size: 18px; margin-top: 2px; margin-bottom: 3px;}

 .btn2 {background-color: yellow; margin-right: 4px;
   font-size: 18px; margin-top: 2px; margin-bottom: 3px;}

 .btn3 {font-size: 18px; color: black;
     background-color: white;
      margin-top: 2px; margin-bottom: 3px;}

/* slider */

.slidecontainer,.slidecontainer1,.fontContainer {

   margin-top: 2px; margin-bottom: 2px;
      border-style: solid;
       border-width: 2px;
    max-width: 700px;
}



.slider1 {
    -webkit-appearance: none;
    min-width: 350px;
    max-width: 650px;
    height: 25px;
    background: #d3d3d3;

    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider1:hover {
    opacity: 1;
}

.slider1::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 25px;
    background: black; //  #4CAF50;
    cursor: pointer;
}

.slider1::-moz-range-thumb {
    width: 15px;
    height: 25px;



    background: #4CAF50;
    cursor: pointer;
}





#anataulu1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    max-width: 1024px;
   // width: 100%;
}

#anataulu1 td, #anataulu1 th {
    border: 1px solid #ddd;
    padding: 8px;
}

#anataulu1 tr:nth-child(even){background-color: #f2f2f2;}

#anataulu1 tr:hover {background-color: #ddd;}

#anataulu1 th {
    padding-top: 12px;
    padding-bottom: 12px;

    text-align: left;
  //  background-color: #4CAF50;
    color: white;
}


#anataulu2 tr:nth-child(even){background-color: #f2f2f2;}

#anataulu2 tr:hover {background-color: #ddd;}

#anataulu2 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
  //  background-color: #4CAF50;
  //  background-color #2C93B0;
    color: white;
}


#metataulu tr:nth-child(even){background-color: #f2f2f2;}

#metataulu tr:hover {background-color: #ddd;}

#metataulu th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
  //  background-color: #2C93B0;
  //  background-color #2C93B0;
    color: white;
}



.tulostable1,.tulostable2, #anataulu1,#anataulu2, #metataulu
  {max-width: 1024px;
    margin: 0 auto;
   }

.tulostable2 tr:nth-child(even){background-color: #f2f2f2;}

.tulostable2 tr:hover {background-color: #ddd;}

.tulostable2 th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
  //  background-color: #4CAF50;
 //   background-color #2C93B0;

     color: white;
}


/*
#anataulu1 th {
#anataulu2 th {
#metataulu th
.tulostable2 th

*/

.tooltip {
  */  padding: 5px; */
    position: relative;
    display: inline-block;
 /* border-bottom: 2px dotted black; */
}




.tooltip .tooltiptext {
    visibility: hidden;
    min-width: 400px; max-width: 700px;
    background-color: black;
    font-size: 90%;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


 /* END sector analysis style css */



<!-- ### END NETWORK CSS        -->