/***************************************************************
   styles.css
   SoleW tyylim��rittelyt
   - Alussa oletusarvoiset SoleW tyylit
   - Sovelluskohtaiset tyylit lis�t��n loppuun
*****************************************************************/
  /************** SOLEW OLETUSTYYLIT ******************************/
  /* Sivun yleiset! --------------------------------------------- */
/* bodyn yleiset */
@import url("glyphicons.css");

body { /*width: 908px;*/
  font-size: 14px; /* 16px is the default */
  line-height: 16px; /* 16px is the default */
  font-family: Calibri, Arial, Verdana, sans-serif;
  color: #000000; /* Juu. Data alueen varsinaiset tekstit ovat t�ysin mustia */
  background: #ffffff;
  padding: 0;
  margin: 0;
}


/* ikonien väri */
.glyphicon {
  color: #8080c0;
}

/* taulun yleiset */
table {
  font-size: 14px;
  /*background-color: white;*/ /* border: 1px solid black;*/
  empty-cells: show;
}

/* apuluokka vasemmalle siirtoa varten */
.left {
	float: left
}

/* ylimmainen otsake-osa, ks. alla taman sisalto */
.header { /*width: 908px;*/
  width: 100%;
  font-size: 14px;
  /* ns. II-vari */
  background-color: rgb(32, 88, 120);
  border: 1px solid rgb(80, 80, 80);
}

/* otsake-osan sis. oleva sovellusnimi, ks. alla taman linkit */
.sovellusnimi {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  /*background-color: rgb(216,117,0);*/
  background-color: rgb(255, 255, 255);
  color: rgb(80, 80, 80);
  margin: 0px;
  padding: 0px;
}

/* linkit joita k�ytet��n sovellusnimessa */
.sovellusnimi a:link {
  color: black;
}

.sovellusnimi a:visited {
  color: black;
}

.sovellusnimi a:hover {
  color: #222aff;
}

.sovellusnimi a:active {
  color: #008800;
}

/** Yl�menun tyylit */
.topmenu_ekakuva {
  margin-right: 3px;
}

.topmenu_kuva {
  border: 0px;
  margin-left: 10px;
  margin-right: 3px;
  margin-top: 0;
}

.sole-top .topmenu_kuva {
  height: 16px;
}

/* Headerin ylempi rivi */
.sole-top { 
background: #efeff7;
vertical-align: middle; 
padding-top: 8px; 
padding-bottom: 8px; 
padding-left: 5px;
border-bottom: solid 1px #d2d2d2;
}
.sole-top > img {
  margin-top: 12px;
}


.sole-top .topmenu_logo {
  height: 12px;
}

.sole-top .no-margin-top {
	margin-top: 0px;
}
.no-padding { 
	padding: 0px;
}
.top-menu > a {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}
.top-menu > a > img {
	padding: 10px 5px;
	height: 14px;
}
.top-menu > a > span.glyphicon {
	padding: 10px 5px;
	vertical-align: middle;
}
.top-menu > a:hover {
	background-color: rgba(255,255,255,0.7); 
}

.top-menu > a > .menu-text {
    display: inline-block;
    float: right;
    margin-right: 5px;
    margin-top: 10px;
}

/* Headerin alempi rivi logon osalta */
.sole-logo { 
  margin: 2px; 
  height: 60px; 
  width: 218px;
  float: left;
  position: relative;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

/* T�ll� divill� pakotetaan leveytt�. IE ei tottele v�ltt�m�tt� td:n leveytt�, mutta tottelee divin leveytt� */
.sole-logo_div {
  width: 224px;
  height: 66px;
  color: red;
 
}

.sole-testiteksti {
	position: absolute;
	top: 50%;
    left: 50%;
    font-size: xx-large;
    transform: translate(-50%, -50%) rotate(20deg);
}
/* Headerin alempi rivi n�yt�n otsikon eli "pathin" osalta */
.sole-path {
  height: 5em;
  width: 99%;
  height: 62px;
  margin-left: 0px;
  padding-left: 16px;
  vertical-align: middle;
  font-size: 19px;
  color: #080808;
  background-position: top left;
  background-repeat: no-repeat;
  background-attachment: scroll;
}


.frametable { /*width: 908px;*/
  width: 100%;
  height: 100%;
  margin: 0px;
  vertical-align: top;
  font-size: 14px;
  /*background-color: rgb(255,240,223); */
  background-color: rgb(255, 255, 255);
  border-collapse: collapse;
}

.frameheader { /*XXXXX*/
  width: 100%;
  background-color: rgb(255, 255, 255);
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  color: black;
  vertical-align: top;
  margin: 0px;
  border: 0px solid white;
  padding: 0px;
}

.frameinfo {
  font-size: 14px;
  color: black;
  background-color: rgb(255, 255, 255);
  vertical-align: top;
  border: 0px solid rgb(80, 80, 80);
/*  border-bottom: 1px dashed silver;*/
  width: 100%;
  border-collapse: collapse;
}

.frametrans {
  vertical-align: top;
}

.frameviikko_toimintonappulat {
  vertical-align: top;
  padding-left: 30px;
  padding-top: 5px;
}

h1 {
  font-size: 14px;
  font-weight: bold;
}

h2 {
  font-size: 14px;
  font-weight: bold;
}

h3 {
  font-size: 14px;
  font-weight: bold;
}

h4 {
  font-size: 14px;
  font-weight: bold;
}

img {
  vertical-align: middle;
  /*
  margin-left: 8px;
  margin-right: 2px;
  */
  cursor: pointer;
}

.tablink {
  vertical-align: middle;
  margin-right: 8px;
  cursor: pointer;
}

.passive {
  cursor: not-allowed !important;
  color: grey !important;
}

/* Etusivu ----------------------------------------------------- */
  /* Tiedote-osan tiedotteen otsikko-tiedot paivamaara-osa */
.tiedotteen_pvm {
  font-style: italic;
}

/* Info-osio! -------------------------------------------------- */
  /* eli viestirivi */ /* viesti */
.infoline {
  background: #ffffff URL(../sole-images/sole-datatausta.png) scroll top left repeat-x ;
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
  color: green;
}

.infoline2 { /* info tyyppi I2 */
  background: #ffffff URL(../sole-images/sole-datatausta.png) scroll top left repeat-x ;
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: red;
/*  color: white;*/
/*  background-color: red;*/
  
}

.infoline3 { /* info tyyppi I3 */
  background: #ffffff URL(../sole-images/sole-datatausta.png) scroll top left repeat-x ;
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: green;
}

.info {
  font-family: Calibri, Arial, Verdana, sans-serif;
  margin-top: 0px;
  margin-bottom: 16px;
  margin-left: 0px;
  margin-right: 0px;
}

.errline { /*XXXXX*/
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
  color: red;
}

/* virheviesti */
.errwar {
  color: red;
/*  color: white;*/
/*  background-color: red;*/
}

  /* viikkon�yt�n ajax-infoline*/
.viikko_infoline {
  background: #ffffff;
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
  color: green;
}


/* Staattiset virhesivut --------------------------------------- */
  /* error-hakemistosta */ /* virheteksti */
.errtext {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;
  color: red;
}

/* Uutiset ---------------------------------------------- */
.newsheader {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}

.newstext {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  margin-bottom: 10px;
  margin-left: 10px;
}

/* Menu!-------------------------------------------------------- */

a.menu-valittu:link { color: #000000 !important; text-decoration: underline; font-weight: bold; }
a.menu-valittu:visited { color: #000000 !important; text-decoration: underline; font-weight: bold; }
a.menu-valittu:hover { color: #222aff !important; text-decoration: underline; font-weight: bold; }
a.menu-valittu:active { color: #008800 !important; text-decoration: underline; font-weight: bold; }

a.menu-valittu-parent:link { color: #000000 !important; text-decoration: none; font-weight: bold; }
a.menu-valittu-parent:visited { color: #000000 !important; text-decoration: none; font-weight: bold; }
a.menu-valittu-parent:hover { color: #222aff !important; text-decoration: none; font-weight: bold; }
a.menu-valittu-parent:active { color: #008800 !important; text-decoration: none; font-weight: bold; }

.menuitem-dir-close {
        background-image: url(../sole-icons/sole-menu-folder-close.png);
        background-repeat: no-repeat;
        background-position: right top;
}
.menuitem-dir-open {
        background-image: url(../sole-icons/sole-menu-folder-open.png);
        background-repeat: no-repeat;
        background-position: right top;
}

  /* menu */
.menuicon {
  vertical-align: baseline;
}

.menuitem0 { /*font-family: Calibri, Arial, Verdana, sans-serif;*/
  margin: 0px 0px 0px 0px; /* left margin has to be 10px in order for IE to show list bullets... */
  padding: 0px 0px 0px 0px;
  list-style-position: outside;
  color: #222aa0;
  padding-right: 15px;
  border-bottom: 1px solid #d2d2d2;
  margin-top: 20px;
}

.menuitem1 { /*font-family: Calibri, Arial, Verdana, sans-serif;*/
  margin: 0px 0px 0px 10px; /* left margin has to be 10px in order for IE to show list bullets... */
  padding: 0px 0px 0px 0px;
  list-style-position: outside;
  list-style-type: circle; 
  color: #222aa0;
  padding-right: 15px;
  margin-left: 15px; 
}

.menuitem2 { /*font-family: Calibri, Arial, Verdana, sans-serif;*/
  margin: 0px 0px 0px 10px; /* left margin has to be 10px in order for IE to show list bullets... */
  padding: 0px 0px 0px 0px;
  list-style-position: outside;
  color: #222aa0;
  padding-right: 15px;
  margin-left: 30px; 
}

.menuitem_ul {
   margin: 0px 0px 0px 5px; /* left margin has to be 10px in order for IE to show list bullets... */
   padding: 0px 0px 0px 0px;
   list-style-position: outside;
}

.menuitem_user_name {
  /*font-family: Calibri, Arial, Verdana, sans-serif;*/
  /*font-weight: bold;*/
  font-size: 12px;
  /*    color: rgb(216,117,0);*/
  color: black;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 5px;
  text-decoration: none;
  font-style: italic;
}

.framelogo {
  margin-top: 0px;
  margin-bottom: 15px;
}

.frame_asiakaslogo {
  margin-top: 5px;
  margin-bottom: 0px;
}

/*soletm*/
.user_name { /*font-family: Calibri, Arial, Verdana, sans-serif;*/
  /*font-weight: bold;*/
  font-size: 12px;
  /*color: rgb(216,117,0);*/
  color: black;
  margin-top: 30px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  font-style: italic;
}

/* Ty�tilan linkit --------------------------------------------- */
  /* Ty�tilan linkkien tyyli ('menutable'-nimest� huolimatta) */
  /* Ks. Tallenna, 'a onclick="javascript:save.submit()'*/
  /* Jos menutable kommentoidaan Tallenna ei en�� ole ok*/
.menutable { /*color: rgb(216,117,0);*/
  color: #222aa0;
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
  margin-top: 0px;
  margin-left: 10px;
}

/*
.menutable
{
    font-family: Calibri, Arial, Verdana, sans-serif;
    font-weight: bold;
    font-size: 14px;
/o    color: rgb(216,117,0);o/
    color: rgb(0,0,0); 
    margin-left: 5px;
    cursor: pointer;
    text-decoration: none;
}
*/ /* Ty�tilan linkit --------------------------------------------- */
  /* transition-linkit */
.transit-linkki {
  margin-top: 0px;
  margin-left: 10px;
}

/* Syottokentat! ----------------------------------------------- */
  /* input-kentt�, yleinen */
input {
  vertical-align: middle;
}

input,textarea {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
}

/* input-kentt�, numeerinen */
.num {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  text-align: right;
}

/* input-kentt�, numeerinen ja boldattu */
.num_bold {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

/* input-kentt�, painike*/
.nappi {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
}

/* button, yleinen */
button {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
}

/* option-kentt� (alasvetovalikko), yleinen */
select {
  vertical-align: middle;
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  /*background-color: #22C2F3;*/
}

/* Linkit! ---------------------------------------------------- */
  /* linkit yleisesti */
.nappilinkki { /*color: rgb(216,117,0); */
  color: rgb(0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}

.actionlink { /*XXXXX*/
  !important;
  font-size: 14px;
  color: #222aa0;
  cursor: pointer;
  text-decoration: none;
  margin: 0px 10px 0px 0px;
}

.blacklink { /*XXXXX*/
  font-weight: normal;
  font-size: 14px;
  color: rgb(0, 0, 0);
  cursor: pointer;
  text-decoration: none;
  margin: 0px 10px 0px 0px;
}

.blacklink:link {
  color: black;
  text-decoration: none;
}

.blacklink:visited {
  color: black;
  text-decoration: none;
}

.blacklink:hover {
  color: rgb(0, 0, 0);
  text-decoration: none;
  cursor: pointer;
}

.blacklink:active {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

.actionlink_not_bold { /*XXXXX*/
  font-weight: normal;
  font-size: 14px;
  color: #222aa0;
  cursor: pointer;
  text-decoration: none;
  margin: 0px 10px 0px 0px;
}

.translink { /*XXXXX*/
  font-family: Calibri, Arial, Verdana, sans-serif;
/*  font-weight: bold;*/
  font-size: 14px;
  color: #222aa0;
  cursor: pointer;
  text-decoration: none;
  margin: 0px 10px 0px 0px;
}

.lovlinkki { /*XXXXX*/ /*text-decoration: underline;*/
  color: #222aa0;
  cursor: pointer;
}

a:link { /*  color: rgb(51,102,153);*/
  color: #222aa0;
  text-decoration: none;
}

a:visited {
  color: #222aa0;
  /*color: rgb(51,102,153);*/
  text-decoration: none;
}

a:hover { /*color: rgb(0,0,191);*/
  color: #222aff;
  text-decoration: none;
  /* varmistetaan etta kursori on osoitin onclick-ratkaisuissa */
  cursor: pointer;
  /* border: 1px solid silver; */
}

a:active {
  color: #008800;
  text-decoration: none;
}

.usualbackgroundcolor {
  background-color: rgb(255, 255, 255);
}

/* taulukon otsikkosolu, ks. alla taman linkit */
.dataheader {
  white-space: nowrap;
  width: 80px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: rgb(0, 0, 0);
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
  padding-left: 0.5em;
  padding-right: 7px;
}

.dataheader_center {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_tanaan {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #D0D4D5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_vl {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #E0E4E5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_vapaapaiva {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #E0E4E5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_red {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  /*font-weight: bold;*/
  font-size: 14px;
  background-color: rgb(150, 0, 0);
  color: white;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_green {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  /*font-weight: bold;*/
  font-size: 14px;
  background-color: rgb(0, 150, 0);
  color: white;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_summa {
  white-space: nowrap;
  width: 80px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #F0F4F5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
  padding-right: 7px;
}

.dataheader_center_summa {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #F0F4F5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_summa_tanaan {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #D0D4D5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_summa_vl {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #E0E4E5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_center_summa_vapaapaiva {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #E0E4E5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.dataheader_padded {
  /* Summan�yt�ille vasemmalta paditetty dataheader */
  white-space: nowrap;
  width: 80px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: rgb(0, 0, 0);
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
  padding-left: 7px;
}

.dataheader_korostettu1 {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  /*background-color: rgb(216,117,0);*/ /*background-color: #22C2F3;*/
  /* background-color: rgb(245,245,245);*/ /*color: #2AC3F4;*/
  /*color: #FFFFFF;*/ /*border: 1px dotted silver;*/
  color: rgb(0, 0, 0);
  background-color: #F0F4F5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

/* linkit joita k�ytet��n sarakeotsikoissa sorttaukseen */
  /* <div id="header"> */
#header a:link {
  color: black;
  text-decoration: none;
}

#header a:visited {
  color: black;
  text-decoration: none;
}

#header a:hover { /*color: rgb(216,117,0);*/
  color: rgb(0, 0, 0);
  text-decoration: none;
}

#header a:active { /*color: rgb(216,117,0); */
  color: rgb(0, 0, 0);
  text-decoration: none;
}

/* Sorttausapu */
#header a.navigationcolor:active {
  color: black;
  text-decoration: none;
}

#header a.navigationcolor:link {
  color: black;
  text-decoration: none;
}

#header a.navigationcolor:visited {
  color: black;
  text-decoration: none;
}

#header a.navigationcolor:hover {
  color: black;
  text-decoration: none;
}

/* label-linkit XXXXX */ /* <div id="labellink"> */
#labellink a:link {
  color: white;
  text-decoration: none;
}

#labellink a:visited {
  color: white;
  text-decoration: none;
}

#labellink a:hover {
  color: black;
  text-decoration: none;
}

#labellink a:active {
  color: black;
  text-decoration: none;
}

/* label-linkit, alleviivaus esim projektin perusl. labellinkit*/
  /* <div id="labellink_u"> */
#labellink_u a:link {
  color: #4A529C;
  text-decoration: underline;
}

#labellink_u a:visited {
  color: #4A529C;
  text-decoration: underline;
}

#labellink_u a:hover {
  color: black;
  text-decoration: underline;
}

#labellink_u a:active {
  color: black;
  text-decoration: underline;
}

/* sivutin, ks. alla taman linkit */ /* <div id="sivutin"> */
.sivutin {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
/*  font-weight: bold;*/
  font-size: 14px;
  /*background-color: rgb(216,117,0);*/
  /*background-color: rgb(216,117,0);*/
  background-color: white;
  color: #4A529C;
  /* border: 1px solid rgb(80,80,80);*/
  vertical-align: top;
}

.sivutin_selectedpage {
  color: white;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
  background: #222aa0;
}

.sivutin_nextprev {
  font-weight: bold;
}

.sivutin_tulokset {
  color: #000000;
}

/* linkit joita kaytetaan sivuttimen linkeissa */
#sivutin a:link {
  color: #4A529C;
  text-decoration: none;
}

#sivutin a:visited {
  color: #4A529C;
  text-decoration: none;
}

#sivutin a:hover {
  /* varmistetaan etta kursori on osoitin onclick-ratkaisuissa */
  cursor: pointer;
  color: black;
  text-decoration: none;
}

#sivutin a:active {
  color: black;
  text-decoration: none;
}

/*  taulukon solu, ks.  */
.datatable {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  /* ns. III-vari */ /*background-color: rgb(255,215,167);*/
/*  border: 1px solid rgb(142, 143, 145);
*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  padding-left: 0.5em;
  text-align: left;
  vertical-align: middle;
}

/* Checkboxikenttien datatable, keskitetty ja vaalea tausta, leveys 1% */
.datatable_checkbox {
  width: 1%;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Taulukon solu hakun�yt�ille, ei paddingia yl�s eik� alas */
.datatable-tight {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  /* ns. III-vari */ /*background-color: rgb(255,215,167);*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: middle;
  padding-left: 7px;
}

.datatable_vl {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  /*background-color: lightgray; */
  background-color: #E0E4E5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

/*soletm*/
.datatable_bold {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-weight: bold;
  /*text-align: left;*/ /*font-size: 1em;*/
  font-size: 14px;
  /*background-color: rgb(166,207,226);*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  padding-left: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/*soletm: keskitetty ja tumma tausta*/
.datatable_center {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  background-color: #F0F4F5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

/*soletm*/
.datahighlight {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  background-color: lightgreen;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: middle;
  padding-left: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.viikkovalinta_valittu {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 1.3em;
  /*font-weight: bold;*/
  color: black;
  vertical-align: middle;
  padding: 0px 3px;
}

.viikkovalinta_tamaviikko {
  font-weight: bold;
}

.viikkovalinta_valinnat {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: black;
  vertical-align: middle;
  padding: 0px 3px;
}

#viikkovalinta_valinnat a:link {
  color: black;
}

#viikkovalinta_valinnat a:visited {
  color: black;
}

#viikkovalinta_valinnat a:hover { /*color: #FF6699;  */
  color: #222aff;
}

#viikkovalinta_valinnat a:active { /*color: #FF6699; */
  color: #008800;
}

/* Hierarkkiasisennykset */
.indent0 {
  font-size: 1.1em;
  padding-left: 2px;
  font-family: Calibri, Arial, Verdana, sans-serif;
/*  font-weight: bold;*/
  text-align: left;
}

.indent1 {
  font-size: 1.0em;
  padding-left: 20px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
}

.indent2 {
  font-size: 1.0em;
  padding-left: 40px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
}

.indent3 {
  font-size: 0.9em;
  padding-left: 60px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
}

.indent4 {
  font-size: 0.9em;
  padding-left: 80px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
}

.indent5 {
  font-size: 0.8em;
  padding-left: 100px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
}

#indent_linkki a:link {
  color: rgb(0, 0, 0);
/*  font-weight: bold;*/
  text-decoration: none;
}

#indent_linkki a:visited {
  color: rgb(0, 0, 0);
/*  font-weight: bold;*/
  text-decoration: none;
}

#indent_linkki a:hover {
  color: #222aff;
  text-decoration: none;
  cursor: pointer;
}

#indent_linkki a:active {
  color: #008800;
/*  font-weight: bold;*/
  text-decoration: none;
}

.indent_viikko0 {
  padding-left: 20px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}

.indent_viikko1 {
  padding-left: 40px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}

.indent_viikko2 {
  padding-left: 60px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}

.indent_viikko3 {
  padding-left: 80px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}

.indent_viikko4 {
  padding-left: 100px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}

.indent_viikko5 {
  padding-left: 120px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}
.indent_viikko6 {
  padding-left: 140px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}
.indent_viikko7 {
  padding-left: 160px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}
.indent_viikko8 {
  padding-left: 180px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  background-color: #F0F4F5;
  /*border: 1px solid black;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
}
/* "Normaalit", aktiiviset, siniset rivit */
.treetable1 {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: middle;
  padding-left: 3px;
  padding-right: 3px;
}

.treetable1_padded {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: middle;
  padding-left: 7px;
  padding-right: 7px;
}

.dataheader_noborder { /*width: 1px; */
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: rgb(0, 0, 0);
/*  background-color: #F0F4F5;*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
  padding: 2px 0 2px 0;
}

.kaytarvot {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  top: 200px;
  left: 300px;
  width: 390px;
  height: 130px;
  background-color: rgb(250, 250, 250);
  border: 1px solid black;
  vertical-align: top;
}

.datatable-tilavuokra-nobilling {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  background-color: #c5c5c5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.hilite_datatable {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  /*    background-color: rgb(166,207,226); */
  background-color: #F0F4F5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  font-weight: bold;
  vertical-align: top;
}

/*YLLA SOLETM LISAYKSIA*/ /* negatiiviset luvut korostus */ /*XXXX*/
.datatable_negative {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  /* ns. III-vari */
  background-color: rgb(255, 215, 167);
  color: red;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.datatable_negative_right_nowrap {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: right;
  font-size: 14px;
  /* ns. III-vari */
  background-color: rgb(255, 215, 167);
  color: red;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
  white-space: nowrap;
}

/*  taulukon solu, EI WRAPPAA, ks.  */
.datatable_rigth_nowrap {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: right;
  font-size: 14px;
  /* ns. III-vari */
  background-color: rgb(255, 215, 167);
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
  white-space: nowrap;
}


/*Valikon p��tyyli*/
.framevalikko {
  top: 10px;
  left: 0px;
  bottom: 0px;
  padding-top: 10px;
  padding-right: 0px;
  width: 215px;
  float: left;
  vertical-align: top !important;
  background: #ffffff URL(../sole-images/sole-datatausta.png) scroll top left repeat-x;
  border-right: solid 1px #d2d2d2;
  padding-left: 9px;
  height: 100%;
}

/* T�ll� divill� pakotetaan leveytt�. IE ei tottele v�ltt�m�tt� td:n leveytt�, mutta tottelee divin leveytt� */
.framevalikko_div {
  width: 215px;
}


.framedata {
  background: #ffffff URL(../sole-images/sole-datatausta.png) scroll top left repeat-x ;
  height: 100%;
  width: 99%;
  /*width: 908px;*/
  vertical-align: top;
  padding-left: 10px;
  font-size: 14px;
  color: black;
  border: 0px solid rgb(80, 80, 80);
  border-collapse: separate;
}


/* valintalistan harillaan oleva valinta eli ei voida valita mutta nahdaan */
.dropdowndisabled {
  color: black;
}

/* Navigointiapu korostusvari */
.navigationcolor {
  color: black;
}

/* Misc */
  /* font-size: [ xx-small | x-small | small | medium | large | x-large | xx-large ] */
  /*********** TASTA ETEENPAIN SOVELLUSKOHTAISET TYYLIMAARITTELYT !!! ***/
  /* KESKUSTELUFOORUMI OLETUKSET ------------------------------------- */
.foorumi_table { /*background-color: white;*/
  /*border: 1px solid black;*/
  border-spacing: 0px;
  empty-cells: show;
  vertical-align: top;
  text-align: left;
  white-space: normal;
}

.foorumi_rivi_odd {
  background-color: rgb(255, 215, 167);
  vertical-align: top;
}

.foorumi_rivi_even {
  /*background-color: background-color: rgb(255,215,167);*/
  vertical-align: top;
}

.foorumi_rivinro {
  white-space: nowrap;
  width: 1%;
}

.foorumi_tunnus { /* laitetaan samalla tyylill� kuin menussa */
  white-space: nowrap;
  width: 1%;
  color: rgb(216, 117, 0);
  font-style: italic;
  font-weight: bold;
}

.foorumi_aikaleima {
  white-space: nowrap;
  width: 1%;
  color: gray;
}

/* Pelk�st��n etusivuun liittyv�t tyylit */
.etusivu_isoteksti {
  font-size: 16px;
  font-weight: bold;
  color: #222aa0;
}

.etusivu_harmaateksti {
  color: #808080;
}

.etusivu_frametable {
  width: 100%;
  height: 100%;
  vertical-align: top;
  font-size: 14px;
  background-color: rgb(255, 255, 255);
}

.etusivu_ylamenu {
  font-weight: bold;
  font-size: 14px;
  /*   background-color: rgb(216,117,0);*/
  background-color: rgb(255, 255, 255);
  color: rgb(80, 80, 80);
  margin: 0px;
  padding: 0px;
  text-align: right;
}

.talletapainike_tekstina {
  background-color: #FFFFFF;
  border-width: 0px;
  padding: 0.31em 0px 0px 0px;
  color: #222aa0;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
}

.talletapainike_tekstina:hover {
  color: #222aff;
  background-color: inherit;
  text-decoration: none;
  font-weight: bold;
}

/* Lomakkeen tiedoitukset esim. ei hakutuloksia */
.naytto-info {
  font-size: 14px;
  margin-top: 0px;
  margin-left: 0px;
  color: green;
}

/* Kenttaohjeistuksen teksti */
.kentta-info {
  font-size: 14px;
  margin-top: 0px;
  margin-left: 0px;
  color: #404040;
}


/* menu_ajax_kalenteri */
/*
.menu_ajax_kalenteri_kehys {
 border: solid 1px black;
 margin: 0px;
 padding: 1px;
 font-size: 12px;
}
*/

.menu_ajax_kalenteri_label {
 color: #222AA0;
 font-size: 12px;
}

.menu_ajax_kalenteri_val_kk_yhteensa {
 color: #999999;
 font-size: 12px;
}

.menu_ajax_kalenteri_kuluvapvm_yhteensa {
 color: #000000;
 font-size: 12px;
 font-weight: bold;
}

.menu_ajax_kalenteri_taulukko {
 border-collapse: collapse;
 margin-top: 5px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 padding: 1px;
 font-size: 11px;
}

.menu_ajax_kalenteri_taulukko_otsikko {
/* border: solid 1px #d2d2d2;*/
 margin: 0px;
 padding: 1px;
 color: #000000;
 font-weight: bold;
 background: #ffffff;
 text-align: center;
}

/*T�m� divin�, koska pakotetaan leveytt� (IE ei tottele td:n leveytt�)*/
.menu_ajax_kalenteri_div_otsikko {
 width: 24px; 
 font-weight: bold;
}

.menu_ajax_kalenteri_solu_vko {
 border: solid 1px #999999;
 margin: 0px;
 padding: 1px;
 color: #000000;
 background: #e2e2e2;
 text-align: center;
}

.menu_ajax_kalenteri_taulukko > tbody > tr > td > a {
    display: block;
}

.menu_ajax_kalenteri_solu_vko_vkonro {
 color: #000000;
 font-weight: bold;
}

.menu_ajax_kalenteri_vko_summa_ok {
 color: #999999;
 font-size: 90%;
/* font-weight: bold;*/
}

.menu_ajax_kalenteri_vko_summa_yli {
 color: #995555;
 font-size: 90%;
/* font-weight: bold;*/
}

.menu_ajax_kalenteri_vko_summa_ali {
 color: #559955;
font-size: 90%;
/* font-weight: bold;*/
}

.menu_ajax_kalenteri_solu_pvm {
 border: solid 1px #d2d2d2;
 margin: 0px;
 padding: 1px;
 background: #f0f4f5;
 text-align: center;
}

.menu_ajax_kalenteri_solu_pvm_vkonlop {
 border: solid 1px #d2d2d2;
 margin: 0px;
 padding: 1px;
 /*background: #dce2e3;*/
 background: #E8ECED;
 text-align: center;
}

.menu_ajax_kalenteri_solu_pvm_kulpvm {
 border: solid 1px #d2d2d2;
 margin: 0px;
 padding: 1px;
 background: #E0E4E5;
 text-align: center;
}

.menu_ajax_kalenteri_solu_pvm_ei_val_kk {
 border: solid 1px #d2d2d2;
 margin: 0px;
 padding: 1px;
 background: #ffffff;
 text-align: center;
}

.menu_ajax_kalenteri_solu_pvm_ei_val_kk_vkonlop {
 border: solid 1px #d2d2d2;
 margin: 0px;
 padding: 1px;
 background: #f5f5f5;
 text-align: center;
}

.menu_ajax_kalenteri_solu_pvm_ei_val_kk_kulpvm {
 border: solid 1px #d2d2d2;
 margin: 0px;
 padding: 1px;
 background: #E0E4E5;
 text-align: center;
}

.menu_ajax_kalenteri_pvm_pvmnro {
 color: #5b6c7c;
 font-weight: bold;
}

.menu_ajax_kalenteri_pvm_pvmnro_ei_valittukk {
 color: #999999;
 font-weight: bold;
}

.menu_ajax_kalenteri_pvm_pvmnro_ei_valittukk_pyha {
 color: #e7b0ad;
 font-weight: bold;
}

.menu_ajax_kalenteri_pvm_pvmnro_pyha {
 color: #FF0000;
 font-weight: bold;
}

.menu_ajax_kalenteri_pvm_summa_ok {
 color: #999999;
font-size: 90%;
/* font-weight: bold;*/
}

.menu_ajax_kalenteri_pvm_summa_yli {
 color: #CC9999;
font-size: 90%;
/* font-weight: bold;*/
}

.menu_ajax_kalenteri_pvm_summa_ali {
 color: #99CC99;
font-size: 90%;
/* font-weight: bold;*/
}

.menu_ajax_kalenteri_pvm_summa_eiteortunnvertluku {
 color: #BBBB00;
font-size: 90%;
/* font-weight: bold;*/
}

/*leijuva raporttien latausikkuna*/
#raportit_ajax_menu {
    position: absolute; 
    top: 40px; 
    right: 40px; 
    background-color: #FFF;
    border: 5px solid #efeff7;
    padding: 5px;
}
#raportit_ajax_menu .ta_raportti_menu_ajax_lataus_close {
    position: absolute;
    right: 0px;
    top: 0px; 
}


.confirm {
  font-weight: bold;
  font-size: 14px;
  background-color: rgb(255, 255, 255);
  color: red;
}

.confirmed {
  font-weight: bold;
  font-size: 14px;
  background-color: rgb(255, 255, 255);
  color: green;
}

/*  taulukon solu-OIKEALLE tasaus  */
.datatable_right {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: right;
  font-size: 14px;
  /* ns. III-vari */
  background-color: rgb(255, 215, 167);
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

/* tab -n�yt�ill� */
.row-even-tab {
  width: 100%;
  background-color: #f0f4f5;
}

/* tab -n�yt�ill� */
.row-odd-tab {
  width: 100%;
  background-color: #ffffff;
}

/* Muilla kuin tab -n�yt�ill� (jos joku speciaali viikkosirkus -n�ytt� niin siell� sitten omat classinsa)*/
.row-even-usual {
  width: 100%;
  background-color: #f0f4f5;
}

/* Muilla kuin tab -n�yt�ill� (jos joku speciaali viikkosirkus -n�ytt� niin siell� sitten omat classinsa)*/
.row-odd-usual {
  width: 100%;
  background-color: #ffffff;
}


/* ta_kaytaste -n�yt�n rivien v�ri */
.ta_kaytaste_row {
  background-color: #f0f4f5;
}

.viikko_dataheader {
  white-space: nowrap;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #F0F4F5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
  padding-left: 0.5em;
  padding-right: 7px;
}

.viikko_dataheader_center {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #F0F4F5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_dataheader_center_tanaan {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #D0D4D5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_dataheader_center_vl {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #E0E4E5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_dataheader_center_vapaapaiva {
  width: 1px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #E0E4E5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_kk {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  background-color: #F0F4F5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_center_vl {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  /* background-color: lightgray; */
  background-color: #E0E4E5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_summarivi {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  background-color: #F0F4F5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_summarivi_tanaan {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  background-color: #D0D4D5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_summarivi_vl {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  /*    background-color: lightgray; */
  background-color: #E0E4E5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_summarivi_vapaapaiva {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-style: italic;
  font-size: 14px;
  /*    background-color: lightgray; */
  background-color: #E0E4E5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_tanaan {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  background-color: #D0D4D5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_yhteensa { /*width: 1px; */
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #D0D4D5;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_vapaapaiva {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  /*    background-color: lightgray; */
  background-color: #E0E4E5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_valittu {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  background-color: #B0B4B5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_valittu_otsake {
  font-family: Calibri, Arial, Verdana, sans-serif;
  padding-left: 2px;
  text-align: left;
  /*font-weight: bold;*/
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #F0F4F5;
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.viikko_datatable_valittu_solu {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  /*    background-color: rgb(225,225,225);     */
  /*border: 1px solid black;   */
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: top;
}

.ta_viikkotuntiajax_lisatiedot {
    display: none; 
    position: absolute;
    background-color: #FFF;
    border: 5px solid #d0d4d5;
    padding: 4px;
    margin-bottom: 200px;
}

/*Projektin teht�v�n valinta -layer (ta_viikkotehtava)*/
.projtehtkoodval {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  padding-top: 10px;
  position: absolute;
  top: 200px;
  left: 300px;
  width: 390px;
  height: 130px;
  background-color: rgb(250, 250, 250);
  border: 1px solid black;
  vertical-align: top;
}

/*ta_viikkotehtava -n�yt�ll� highlightattu numeerinen sy�tt�kentt�*/
.ta_viikkotehtava_num_input_highlight {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  text-align: right;
  background-color: rgb(244, 244, 170);
}

/* varmistuskyselylaatikko */
.varmistuskysely {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  padding-top: 30px;
  position: absolute;
  top: 200px;
  left: 300px;
  width: 390px;
  height: 130px;
  background-color: rgb(250, 250, 250);
  border: 1px solid black;
  vertical-align: top;
}

.varmistuskysely_center {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
}

.nv0101,.nv0202,.nv0303,.nv0404,.nv0505,.nv0606,.nv0707,.nv0808,.nv0909,.nv1010,.nv1111,.nv1212,.nv1313
  {
  font-weight: bold;
}

.kirjaamisohje {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  /*    background-color: rgb(166,207,226); */
/*  background-color: rgb(250, 250, 250);*/
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: middle;
}

.kirjaamisohjelink {
  padding: 2px;
  cursor: pointer;
  text-decoration: none;
  color: #006699;
}

/* LOGIN-tyylit */
.dataheader_login { /*width: 1px; */
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-weight: normal;
  font-size: 14px;
  border: 0px solid rgb(142, 143, 145);
  vertical-align: middle;
}

.framedata_login {
  text-align: center;
  height: 100%;
  /*width: 908px;*/
  vertical-align: top;
  font-size: 14px;
  color: black;
  border: 0px solid rgb(80, 80, 80);
  /*background-color: rgb(255,255,255);*/
}

.frametable_login {
  text-align: justify;
  /* width: 550px; */
  height: 100%;
  vertical-align: top;
  font-size: 14px;
  /*    background-color: rgb(255,240,223); */
  background-color: rgb(255, 255, 255);
  border: 0px solid white;
}

.inner_table_login {
  text-align: center;
  width: 40%;
  vertical-align: top;
  font-size: 14px;
  /*    background-color: rgb(255,240,223); */
  background-color: rgb(255, 255, 255);
  border: 0px solid white;
  margin-left: auto;
  margin-right: auto;
}

/* IE/FF-bugikorjauksia, yhten�ist�v�t toiminnan */
.buttons_login {
  padding-top: 15px;
  text-align: left;
}

h1.centered {
  padding-bottom: 10px;
  text-align: center;
}

body.whitebg {
  background-color: white;
}

p.justify {
  padding-bottom: 10px;
  text-align: justify;
}

.middle {
  vertical-align: middle;
}

.tablink_action
  /* Firefox, ongelmakorjaus keskityksess� actionlink-taulun sis�ll� */
  {
  vertical-align: top;
  margin-right: 2px;
  cursor: pointer;
}

.tablink_action_padded
  /* Paddingit kuntoon molemmin puolin, muuten kuten yll�, k�yt�ss� n�yt�ill� joissa esim. kaksi taulukkoa jossa dataa n�ytet��n */
  {
  vertical-align: top;
  margin-right: 2px;
  margin-left: 2px;
  cursor: pointer;
}

td.treetable1 form
  /* treetable1-luokitellun td:n sis�ll� olevat formit.. */ {
  margin: 0px; /* Jos form on taulukon sis�ll�, venytt�� se taulukkoa */
  padding: 0px;
  text-align: center;
}

/* Inaktiivinen painike ja painiketeksti */
.tablink_action_inactive {
  vertical-align: top;
  margin-right: 4px;
  cursor: default;
}

.tablink_text_inactive {
  vertical-align: top;
  margin-right: 4px;
  color: rgb(152, 152, 152);
}

#layer_kaytarv {
  position: absolute;
}

#ajaxviesti {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  border-left: 1px dashed silver;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 5px;
  width: 0%;
  display: none;
}

.tooltip {
  font-weight: bold;
}

.ajax_info.label {
  font-weight: bold;
}

.kaytaste_ajaxloader {
  position: absolute;
}

#tiedot_layer {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: center;
  font-size: 14px;
  position: absolute;
  background-color: rgb(250, 250, 250);
  border: 1px solid black;
  vertical-align: top;
}

#tiedot_layer_dragbar {
  position: absolute;
  width: 100%;
  background-color: rgb(209, 209, 209);
  cursor: move;
  height: 20px;
}

#tiedot_layer_dragbar a {
  font-weight: bold;
  position: absolute;
  right: 5px;
  top: 3px;
}

#tiedot {
  margin-top: 20px;
}

.projhaku {
  position: absolute;
  width: 16px;
}

#henk_valinta,#projpuu {
  width: 100%;
}

/* Tuntien kuittaukseen/hyv�ksynt��n liittyv�� */
#kk_sivutin {
  text-align: center;
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  vertical-align: middle;
  padding: 0px 3px;
}

#kk_sivutin a:link {
  color: black;
}

#kk_sivutin a:visited {
  color: black;
}

#kk_sivutin a:hover {
  color: #222aff;
}

#kk_sivutin a:active {
  color: #008800;
}

#kk_sivutin_tamakk {
  font-weight: bold;
}

.lukittu_kuittaus {
  color: grey;
}

.datatable_nowrap {
  font-family: Calibri, Arial, Verdana, sans-serif;
  text-align: left;
  font-size: 14px;
  border-bottom: solid 1px #d2d2d2; 
  border-left: solid 1px #d2d2d2;
  vertical-align: middle;
  padding-left: 7px;
  padding-top: 2px;
  padding-bottom: 2px;
  white-space: nowrap;
}

.tyosuunteht_piilossa {
  background-color: white;
  color: rgb(100, 100, 100);
}

div#fixedToimintonappulat {
  background-color: white;
  border: 1px solid rgb(142, 143, 145);
  padding: 10px;
  bottom: 22px;
  position: absolute;
  z-index: 40;
}

html>* #fixedToimintonappulat {
  position: fixed;
}


.komennot { 
display: inline-block;
background: #feffee; 
border-radius: 5px; 
-moz-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5;  
margin-top: 1em;  border-style: solid; border-width: 1px; border-color: #d2d2d2; 
padding-left: 1em; 
padding-right: 1em; 
padding-top: 0.5em;
padding-bottom: 0.5em;
}

.korostettu_projekti {
/*  background-color: white;*/
  font-weight: bold;
}

.passiivinen_projekti {
  color: gray;
}

.passiivinen_projekti a:link {
  color: gray;
}

.passiivinen_projekti a:visited {
  color: gray;
}

.passiivinen_projekti a:hover {
  color: #222aff;
}

.passiivinen_projekti a:active {
  color: gray;
}

.ylemteht_linkki:link {
  color: black;
/*  font-weight: bold;*/
}

.ylemteht_linkki:visited {
  color: black;
/*  font-weight: bold;*/
}

.ylemteht_linkki:hover {
  color: #222aff;
/*  font-weight: bold;*/
}

.ylemteht_linkki:active {
  color: black;
/*  font-weight: bold;*/
}

.transparent {
  filter: Alpha(Opacity = 55);
  -moz-opacity: 0.55;
}

#block_layer {
  z-index: 254;
}

.korostettu_lisprosrivi {
  background-color: rgb(255, 255, 140);
}

.popup_layer {
  font-family: Calibri, Arial, Verdana, sans-serif;
  font-size: 14px;
  position: absolute;
  color: rgb(0, 0, 0);
  border: 1px solid rgb(142, 143, 145);
  background-color: rgb(250, 250, 250); /* ilman t�t� ie saattaa n�ytt�� header- ja footer-osat osittain l�pin�kyvin� */
  z-index: 150;
  max-width: 1000px;
}

.popup_layer_header, .popup_layer_footer {
  vertical-align: middle;
  font-weight: bold;
  background-color: rgb(250, 250, 250);
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 3px;
  padding-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 150;
}

.popup_layer_header_text {
  margin-right: 20px;
  z-index: 150;
}

.close_layer {
   position: absolute;
   right: 0.5em; /* sama kuin padding-right popup_layer_headerissa */
}

.popup_layer_body {
  background-color: white;
  padding: 1em;
  border-top: 1px solid rgb(142, 143, 145);
  border-bottom: 1px solid rgb(142, 143, 145);
  z-index: 150;
}

.popup_layer_body_tall {
  height: 100%;
  background-color: white;
  padding: 1em;
  border-top: 1px solid rgb(142, 143, 145);
  border-bottom: 1px solid rgb(142, 143, 145);
  z-index: 150;
}

#infolayer {
  z-index: 1000; /* ylimm�ksi */
}

#subdisplay_layer {
  height: 70%;
  width: 70%;
  z-index: 1000;
}

#subdisplay_layer .popup_body {
  height: 100%;
  width: 100%;
}

#subdisplay {
  height: 100%;
  width: 100%;
}

.nowraptable tr td {
  white-space: nowrap;
}

.peitto {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 200%;
   background-color: rgb(032,042,046);
   opacity: 0.5;
   filter: alpha(opacity=50);
   z-index: 149;
}

.peitto_see_through {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 998;	
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: rgb(255,255,255);
	display: none;
}

.peitto_see_through_teksti {  
	position: absolute;
	top: 50%;
	left: 50%; 
   z-index: 999;  
   display: none;
}

.ta_jakaumatekijat_tauluotsikko {
   font-weight: bold;
   font-size: 14px;
   font-family: Calibri, Arial, Verdana, sans-serif;
}

.ta_henkiloprofiili_div_visible_n {
   display: block;
   width: 100%;
}

.ta_henkiloprofiili_div_invisible_n {
   display: none;
   width: 100%; 
}

.ta_henkiloprofiili_div_visible_0 {
   display: block;
   width: 100%;
}

.ta_henkiloprofiili_div_invisible_0 {
   display: none;
   width: 100%; 
}

.henkiloprofiiliDialog {
   display: none;
}

.ta_henkiloprofiili_all_open {
}
   
.ta_henkiloprofiili_all_close {
}
      
.ta_henkiloprofiili_plus_minus_img {
}

.ta_henkiloprofiili_sarake1 {
width: 500px;
background: white;
padding-bottom: 1px;
text-align: left;
display: table-cell;
}
.ta_henkiloprofiili_sarake2 {
width:100px;
background: white;
padding-bottom: 1px;
display: table-cell;
}
.ta_henkiloprofiili_sarake3 {
width: 200px;
background: white;
padding-bottom: 1px;
display: table-cell;
}  
    
.ta_henkiloprofiili_row {
display: table-row;
}

.ta_henkiloprofiili_puu_otsikot {
	display:block;
	width: 100%;
	padding-bottom: 1px;
}

.henkiloprofiili_hidden {
	display: none;
}

.henkiloprofiiliAktiivinenOlemassaDialog {
   
}
.henkiloprofiiliAktivoituDialog {
   display: none;
}
.henkiloprofiiliAktivoituDialogEO {
   display: none;
}
.henkiloprofiiliProjektiEiVoimassaDialog {
   display: none;
}
.henkiloprofiiliOrganisaatioEiVoimassaDialog {
   display: none;
}

.td_piilossa {
   display: none;
}

.henkiloprofiiliNotificationDialog {
   display: none;
}

.ta_personointi_div_visible_n {
   display: block;
   width: 100%;
}

.ta_personointi_div_invisible_n {
   display: none;
   width: 100%; 
}

.ta_personointi_visible {
   display: block;
}

.ta_personointi_invisible {
   display: none;   
}


.ta_personointi_div_visible_0 {
   display: block;
   width: 100%;
}

.ta_personointi_div_invisible_0 {
   display: none;
   width: 100%; 
}

.personointiDialog {
   display: none;
}

.ta_personointi_all_open {
margin-bottom: 3px;
}
   
.ta_personointi_all_close {
margin-bottom: 3px;
}
      
.ta_personointi_plus_minus_img {
}

.ta_personointi_check_img {
}

.ta_personointi_sarake1 {
width: 100%;
float:left;
background: white;
padding-bottom: 1px;
text-align: left;	
}
.ta_personointi_sarake2 {
width:5%;
float:left;
background: white;
padding-bottom: 1px;	
}
.ta_personointi_sarake3 {
width: 45%;
float: left;
background: white;
padding-bottom: 1px;	
}

.ta_personointi_puu_otsikot {
	display:block;
	width: 100%;
	padding-bottom: 1px;
}

.personointiAktiivinenOlemassaDialog {
   display: none;
}
.personointiAktivoituDialog {
   display: none;
}
.personointiProjektiEiVoimassaDialog {
   display: none;
}
.personointiOrganisaatioEiVoimassaDialog {
   display: none;
}

.personointiNotificationDialog {
   display: none;
}

.bold {
   font-weight: bold;
}

.div_seerch_hidden{
   display: none;
}

.tyosuun_prosenttiosuudet{
	 color: #888888;
}
.ta_tyoaik_muutpyyn {
	list-style-type: none; 
	margin: 5px 0px; 0px 0px;
	padding: 0px 0px 0px 10px;
}
.ta_tyoaik_muutpyyn_kuv {
	list-style-type: none;
}
.muutpyyn_kuv {
	margin-bottom:8px;
	display: block;
}
.muutpyyn_avaaja span {
	color: red;
    padding-top: 50px;
}
.ta_tyoaik_pikahakulinkit {
    list-style-type: none;
    padding: 0px;
    white-space: nowrap;
}
.ta_tyoaik_pikahakulinkit li {
    margin-bottom: 0.2em;
}
.ta_tyoaik_nowrap {
    white-space: nowrap;
}
.ta_tyoaik_tab_pikalinkit {
    padding: 0px;
    margin: 0px;
}
.ta_tyoaik_tab_pikalinkit li {
    display: inline;
    white-space: nowrap;
}
.ta_tyoaik_tab_pikalinkit li a {
    margin: 0px 0px 0px 4px;
}
.ta_lov_infoline {
    color: green; 
    margin-top: 5px; 
}
.ta_lov_dropdown {
    min-width: 300px;
    max-width: 450px;
    overflow:hidden; 
    white-space:pre; 
    text-overflow:ellipsis;
    -webkit-appearance: none;
}
.ta_lov_dropdown option {
    border: solid 1px #DDDDDD; 
}
.ta_lov_returnfield {
    z-index: 9999;
    position: relative;
    background-color: #FFF;
    width: 680px;
    border: 3px solid #DDDDDD;
    padding: 4px;
}
.ta_lov_returnfield_linkit {
    display: block;
    margin-top: 4px;
}

.ta_lov_old_redirect {
    position: absolute;
    top: 10px;
    right: 10px;
}
.ta_lov_clear {
    clear: both;
}
.ta_lov_pikahaku_otsikko {
    margin: 6px 0px 0px 0px;
}
.ta_lov_spinner {
    position: relative; 
    top: 4px;
    display: inline-block; 
    height: 16px;
    width: 16px; 
}
.ta_multilov_not_selected {
    float: left;
}
.ta_multilov_not_selected, .ta_multilov_selected {
    display: inline;
    width: 300px;
    overflow: hidden;
}
.ta_multilov_not_selected table, .ta_multilov_selected table {
    width: 290px;
}
/*Viikkotuntiajax n�yt�n fixed header ja footer. */
#header-fixed { 
    position: fixed; 
    top: 0px; display:none;
    background-color:white;
}
#footer-fixed { 
    position: fixed; 
    bottom: 0px; display:none;
    background-color:white;
}
#project-fixed { 
    position: fixed;  
    display:none;
    background-color:white;
}
/* login formin leveys kiinteä vain isoilla näytöillä */
@media only screen and (min-width: 600px) { 
 .frametable_login{
    width: 550px;
 }   
}