/* Perusrungon tyylimäärittelyt */
body                    {font-family: Verdana; font-size:12px; background-image:url('../img/tausta.jpg');}

/* Määritellään vakiolinkit */
a                       {text-decoration:none; color:#961c00; cursor:pointer;}
a:hover                 {text-decoration:none; color:#961c00; cursor:pointer;}
a:active                {text-decoration:none; color:#961c00; cursor:pointer;}

/* järjestelmän button elementit */
input[type=button]      { padding:10px; border:1px solid #000000; background:rgb(253,148,31);  cursor:pointer}
input[type=button]:hover{ padding:10px; border:1px solid #5f5f5f; background:rgb(251,167,74);  cursor:pointer}

input[type=submit]      { padding:10px; border:1px solid #000000; background:rgb(253,148,31);  cursor:pointer}
input[type=submit]:hover{ padding:10px; border:1px solid #5f5f5f; background:rgb(251,167,74);  cursor:pointer}

input[type=radio]       { cursor:pointer; }
input[type=checkbox]    { cursor:pointer; }

input[type="text"]      { padding: 0.3em; }
input[type="number"]    { padding: 0.3em; cursor:pointer; }
input[type="password"]    { padding: 0.3em; }
option                  { padding: 0.15em; }
select                  { padding: 0.15em; }




textarea                { font-family:Verdana; font-size:12px; }

/* Määritellään kaikille b elementeille sama arvo vakioksi */

.middle                 { vertical-align:middle; }

/* Määritelllään poikkeustilanteessa käytetyt linkit */
.linkkiPakotettu        {text-decoration:none; color:black; font-family: Verdana; font-size:12px; cursor:pointer; }
.linkkiPakotettu:hover  {text-decoration:none; color:black; font-family: Verdana; font-size:12px; cursor:pointer; }
.linkkiPakotettu:active {text-decoration:none; color:black; font-family: Verdana; font-size:12px; cursor:pointer; }

/* Tiedotteiden, asiakkaiden, käyttäjien sekä muiden sen tyylisten rivien listaus! Joka toinen rivi eri värillä!! */
.tiedote td             { background:#E2E2E2; padding:2px !important;}
.tiedote_ td            { background:#bbbbbb; padding:2px !important;}

/* Ikkuna joka tulee esille, edellämainittujen rivien välistä niin valittaessa. ( piiloikkuna )*/
.infoikkunaEsilla       { background:#f1f1f1;}
.infoikkunaEsilla p     { background:#f1f1f1; margin:10px; }
.piiloElementti         { background:#f1f1f1; padding:12px; }

/* Linkki jota painaessa, edellämainittu ikkuna tulee esiin */
.infolinkki             { font-weight:; cursor:pointer; }
.infolinkkiNormal       { font-weight:normal; margin:5px; color:#961c00; cursor:pointer;}
.infolinkkiNormNomargin { font-weight:normal; color:#961c00; cursor:pointer;}
.infolinkkiNoMargin     { font-weight:bold; color:#961c00 !important;  cursor:pointer;}

/* Määritellään sivun ylälaita */
.banneri                { width:60% !important; background:#F8931F; border: 1px solid black; }

/* Määritellään ohjelmiston "ydin" */
.paataulu               { background:white; width:60% !important; padding:10px;}
.paataulu td            { font-size:12px; padding:8px; margin:5px; }
.paataulu b             { font-size:12px; }

/* Osa reunoista on syytä pakottaa tiettyyn reunaan. Tehdään tälle toiminnolle oma tyylinsä, ettei muut sotkeudu */
.reuna_pakotettu        { text-align:right;}
.reuna_pakotettu_vasen  { text-align:left; }

/* Määritetään pääsolun yläkulman koko 50% kokonaiskoosta. Samalla sijoitetaan yrityksen logo yläkulmaan*/
.ylakulma               { vertical-align:top; width:50%;}

/* Määritetään tapauskohtaiset kentät yläreunaan */
.top                    { vertical-align:top; }

/* Linkkivalikon leveys */
.linkkivalikko          { width:25%; }

/* Raportteihin yläviiva */
.borderi                { font-style:Verdana !important; vertical-align:top; }

/* Pakotetaan tapauskohtaisia kenttiä 5% korkeiksi */
.pakotettu              { height:5%;}

/* Otsikkorivit */
.valiotsikko            { background:#f8931f; border-top:1px solid black; vertical-align:top; padding:5px;  }
.valiotsikkoLinkki      { background:#f8931f; border-top:1px solid black; text-align:right; }

/* Oikean sekä virheellisen kentän ilmoitusvärit */
.oikein                 { background:#CCFF99; }
.virhe                  { background:#FF0000; }

/* Näyttäisi virheilmoituksen email osoitteen ollessa sellainen, joka ei käy päinsä. PHP versio ei tue tällä hetkellä toimintoa, joten ei käytössä */
.virheilmoitusEmail     { background:red; border:2px solid red; padding:5px; }

/* Ilmoitus joka näytetään tiedon tallentuessa oikein järjestelmään */
.ilmoitus               { background:#FFFF99; border:2px solid #CCFF00; padding:5px; }

/* Ilmoitus joka näytetään virheen sattuessa tallennustilanteessa */
.ilmoitusVirhe          { background:#FFFF99; text-align:center; border:2px solid #CCFF00; padding:5px; }

.fontClass              { font-family:Verdana; font-size:12px; }
.marginLeft             { margin-left:30px; } 

.div_hidden {
  display:none;

}

.hideAikavali1 {
  display: none;
}
.hideAikavali2 {
  display: none;
}

.linkit_otsikko_nimi{
	padding:8px;
}

#KeskusDiv
{

  position: absolute;
  
  border:2px solid rgb(248,153,37);
  
  background-color:rgb(255,255,153) !important;
  
  overflow: hidden;
  
  font-size: xx-small;
  
  z-index: 999;

}
#SairaslomaVuosilomaDiv
{

  position: absolute;
  
  border:2px solid rgb(248,153,37);
  
  background-color:rgb(255,255,153) !important;
  
  overflow: hidden;
  
  font-size: xx-small;
  
  z-index: 999;

}