@CHARSET "ISO-8859-1";
<style>
  BODY {
    font-family: Arial; 
    font-size: 9pt}
  TABLE {
    font-family: Arial; 
    font-size: 9pt;
    width: 100%;
    cellspacing: 0;
  }
 
 
 #raka {
  margin-left: auto ;
  margin-right: auto ;
  background-repeat:repeat-x;
  background-image: url(images/Banner_repeat01.jpg);  
}
#wb_Text1 div
{
   text-align: right;
}
.rakaarea {
  top: 0; 
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
}
  .banner {
    position: absolute;
    top: 0px; 
    width: 100%;
    height: 223px;
    border-style:none none none none;
    background-image: url(images/Banner_NB.jpg); 
    background-repeat: no-repeat; 
    z-index:-1;
    }   
    
 .footer {
    background-image: url(images/Footer.jpg); 
    background-repeat: no-repeat; 
    z-index:-1;
    }   
  .rakateksti {
    position: fixed;
    top: 100px;
    left: 100px;
    border-style:none none none none;
  }
.page {
   position: absolute;
   margin-left: auto;
   margin-right: auto;
   top: 260px; 
   width: 1240px;
  }
  .left {
   position: absolute;
   top: 50px; 
   left: 50px;
   width: 512px;
  }
  .right {
   float: right;
   width: 512px;
  }  
   
  .popup {
    position: absolute;
    top: 5px; 
    left: 5px;
    width: 100%;
    height: 730px;
    border-style: solid;
    border-color: gray; 
    border-width: 0px;
    background-color: white;
    background-image: none; 
    padding: 2px;
    overflow:auto;
  } 
    
    .topkuva {
    position: absolute;
    top: 0; 
    width: 100%;
    height: 223px;
    border-style:none none none none;
    }
    
    .top {
    position: absolute;
    top: 0; 
    width: 100%;
    height: 223px;
    border-style:none none none none;
    }      
    
    .yhteystietopalkki {
    position: absolute;
    top: 30px; 
    width: 100%;
    height: 100%;
    border-style:none none none none;
    background-image: url(images/Sidebar_palkki.jpg);
    background-repeat: no-repeat; 
    z-index:-1;  
    }
    .yhteystiedot {
    position: absolute;
    top: 50px; 
    float: right;
    border-style:none none none none;  
    }
    .palkki {
    position: absolute;
    top: 223px; 
    width: 1024px;
    height: 24px;
    border-style:none none none none;
    background-image: url(images/Banner_tummapalkki_L.jpg);  
    }
    .bannervarjo {
    position: absolute;
    top: 242px; 
    width: 1024px;
    height: 10px;
    border-style:none none none none;
    border-color: "#0d8bf2"; 
    border-width: 0px;
    background-image: url(images/Banner_varjo.jpg); 
    background-repeat: no-repeat; 
  }

.Line1
{
   color: #A0A0A0;
   background-color: #A0A0A0;
   border-width: 1;
}

 .even {
    background-color: #FFFFE8e;
  }
  .odd {
    background-color: #EEEEEE;
  }
  .error {
    color: red; }
  A:link {
    color: black;
    text-decoration: none;
  }
  A:visited {
    color: black;
    text-decoration: none;
  }
  A:hover {
    color: <fmt:message key="color.hooverfg" />;
    background-color: <fmt:message key="color.hooverbg" />;
  }
  <!-- 
    text-align: left;
    font-style: italic; 
  -->
  /* calendar icon */
img.tcalIcon {
 cursor: pointer;
 margin-left: 1px;
 vertical-align: middle;
}
/* calendar container element */
div#tcal {
 position: absolute;
 visibility: hidden;
 z-index: 100;
 width: 158px;
 padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
 width: 100%;
 border: 1px solid silver;
 border-collapse: collapse;
 background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
 border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
 width: 15px;
 height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
 background-color: white;
 color: black;
 border: 0;
}
/* week days header */
div#tcal th {
 border: 1px solid silver;
 border-collapse: collapse;
 text-align: center;
 padding: 3px 0;
 font-family: tahoma, verdana, arial;
 font-size: 10px;
 background-color: gray;
 color: white;
}
/* date cells */
div#tcal td {
 border: 0;
 border-collapse: collapse;
 text-align: center;
 padding: 2px 0;
 font-family: tahoma, verdana, arial;
 font-size: 11px;
 width: 22px;
 cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
 color: silver;
}
div#tcal td.weekend {
 background-color: #ACD6F5;
}
div#tcal td.today {
 border: 1px solid red;
}
div#tcal td.selected {
 background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
 position: absolute;
 visibility: hidden;
 z-index: 98;
 border: 0;
}
/* transparent shadow */
div#tcalShade {
 position: absolute;
 visibility: hidden;
 z-index: 99;
}
div#tcalShade table {
 border: 0;
 border-collapse: collapse;
 width: 100%;
}
div#tcalShade table td {
 border: 0;
 border-collapse: collapse;
 padding: 0;
}  
</style>