body {
      background-color: #E4E6EB;
      font-family : Verdana;
      font-size : 8pt;
      font-style : normal;
      color: #4E5F6F;
      scrollbar-arrow-color : #4E5F6F;
      scrollbar-base-color : #F0F1F4;
      scrollbar-darkshadow-color : #F0F1F4;
      scrollbar-face-color : #C6CFDC;
      scrollbar-highlight-color :#4E5F6F;
      scrollbar-track-color : #E4E6EB;
      scrollbar-shadow-color: #4E5F6F
}

.td_bg {background: #EEF1F3 url('td_bg.jpg') no-repeat; text-align: justify}


a:link, 
a:visited, 
a:active   {  text-decoration:none;
              color: #788DA0  }
              
a:hover    {  text-decoration: none;
              color: #788DA0;
              background-color: #C6CFDC  }
              
span.ots {font-family: arial; font-size: 12pt; font-weight: bold }
span.vots {color: #8195A7; font-weight: bold }
span.huom {color: #8195A7}
span.kuvatxt {color: #8195A7; font-size: 7pt}

.td_tum {background-color: #C4D0DE; padding: 3px; border-color: #788DA0 }
.td_vaal {background-color: #D7DEE8; padding: 3px; border-color: #788DA0 }
.td_pop {background-color: #EEF1F3; padding: 3px; border: 1px solid #788DA0 }

.td_tum_reunat {background-color: #C4D0DE; padding: 3px; border-color: #788DA0; border: 1px solid #ADBDD1 }
.td_vaal_reunat {background-color: #D7DEE8; padding: 3px; border-color: #788DA0; border: 1px solid #ADBDD1 }
              

.0  {  }

table, td { 

      font-family : Verdana;
      font-size : 8pt;
      text-align: justify
      font-style : normal;
      color: #4E5F6F;
}

img   { background-color: #F0F1F4;
        border-color: #788DA0;
}



input, textarea  {
      font-family : Verdana;
      font-size : 8pt;
      color : #4E5F6F;
      background :#F0F1F4;
      border-collapse : collapse;
      border-right:1px solid #788DA0; 
      border-top:1px solid #788DA0;
      border-bottom : 1px solid #788DA0;
      border-left:1px solid #788DA0
      }