/*****************************************************************

	TÄMÄ TIEDOSTO ON ERILAINEN PKAMK-PROJEKTISSA. JOS TEET
	MUUTOKSIA TÄHÄN TIEDOSTOON, MUISTA TARKISTAA MYÖS
	ERIKOISTUNEET VERSIOT.

*****************************************************************/

/* Edited with EditCSS */
/**** LINK-tag style sheet styles.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet styles.css ****/

/***************************************************************
   styles.css
   SoleW tyylim��rittelyt
   - Alussa oletusarvoiset SoleW tyylit
   - Sovelluskohtaiset tyylit lis�t��n loppuun
*****************************************************************/
/************** SOLEW OLETUSTYYLIT ******************************/

/* Sivun yleiset! --------------------------------------------- */

/* bodyn yleiset */
body
{
    /*width: 908px;*/
    width: 99%;
    margin-top: 6px;
    margin-left: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    /* ns. I-vari, canvaksen vari */
    background-color: rgb(255,255,255); 
    color: black;
    /*rivin korkeus*/
    /*line-height:1.3em;*/
}

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

caption
{
    font-size: 12px;  
    font-weight: bold;
    text-align: left;
    padding-bottom: 20px;
}

/* ylimmainen otsake-osa, ks. alla taman sisalto */
.header
{
    /*width: 908px;*/
    width: 100%;
    font-size: 10pt;
    /* ns. II-vari */
    background-color: rgb(216,117,0);
    border: 1px solid black;
}
/* Jos yl�palkin v�ri� muutetaan muuta my�s t�m�n luokan v�ri� */
/* otsake-osan sis. oleva sovellusnimi, ks. alla taman linkit */
.sovellusnimi
{
    font-weight: bold;
    font-size: 10pt;
/* V�ri sama kuin ylapalkki luokassa */
    background-color: rgb(255,255,255);
    color: white;
    margin: 0px;
    padding: 0px;
}

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

.sovellusnimi A:visited {
        color: white;
}

.sovellusnimi A:hover {
        color: black;
}

.sovellusnimi A:active {
        color: black;
}

.frametable
{
    /*width: 908px;*/
    width: 100%;
    height: 100%;
    vertical-align: top;
    font-size: 10pt;
   background-color: rgb(255,255,255); 
}

.framevalikko
{
    font-size: 10pt;
    color: black;
    background-color: rgb(233,233,233);
    width: 200px;        
    height: 600px;
    vertical-align: top;
    border: 1px solid silver;    
    white-space: nowrap;
}

.eirappia 
{
    white-space: nowrap;
}

.frameinfo
{
    font-size: 10pt;
    color: rgb(92,125,5);;
    background-color: rgb(233,233,233);
    width: 100%;
    vertical-align: top;
    border: 1px solid silver;
    
}

.framedata
{
    height: 100%;
    /*width: 908px;*/
    width: 100%;
    vertical-align: top;
    padding-left: 10px;
    font-size: 10pt;
    color: black;
    /*background-color: rgb(255,255,255);*/
}

.framedata_etusivu
{
    height: 100%;
    /*width: 908px;*/
    width: 100%;
    vertical-align: top;
    padding-left: 10px;
    font-size: 10pt;
    color: black;
   	background-image: url(../gifs/sole_ray200_a1b.jpg);
  	 background-repeat: no-repeat;
}

.frametrans
{
    vertical-align: top;
}

H1
{
    font-size: 13px;  
    font-weight: bold;
}

h1.ops_KirjPain {
    text-transform: uppercase;
    padding-top: 20px;
}

h1.matriisi {
	padding-top: 0px;
    padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

H2
{
    font-size: 12px;  
    font-weight: bold;
}

h2.ops_KirjPain {
    padding-top: 10px;
}

H3
{
    font-size: 11px;  
    font-weight: bold;
}

h3.matriisi
{
    font-size: 11px;  
    font-weight: bold;
    padding-top: 11px;
    padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
}

p.matriisivuosi
{
	margin-top: 0px;
	margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

IMG
{
    vertical-align: middle;
}

/* Etusivu ----------------------------------------------------- */
/* Ns. "tervetuloa-teksti" eli sovelluksen ingress */
#tervetuloa {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

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

/* Info-osio! -------------------------------------------------- */
/* eli viestirivi */

/* viesti */
.infoline 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 0px;
}

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

/* Staattiset virhesivut --------------------------------------- */
/* error-hakemistosta */

/* virheteksti */
.errtext {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 0px;
    color: red;
}


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

.menuitem0
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    font-size: 10pt;
    color: rgb(216,117,0);
    /* varmistetaan etta kursori on osoitin onclick-ratkaisuissa */
    cursor: pointer;
    /*font-variant: small-caps;*/
    /* kaikki teksti isoilla kirjaimilla */
    /*text-transform: uppercase*/
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 5px;
    margin-right: 5px;
    /*Underlining, overlining, striking, and blinking*/
    text-decoration: none;
}



.menuitem1
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;*/
    font-size: 10pt;
    color: rgb(216,117,0);
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 20px;
    margin-right: 5px;
}

.menuitem2
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    font-size: 10pt;
    color: rgb(216,117,0);
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 35px;
    margin-right: 5px;
}

.menuitem3
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;*/
    font-size: 10pt;
    color: rgb(216,117,0);
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 50px;
    margin-right: 5px;
}

.menuitem4
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;*/
    font-size: 10pt;
    color: rgb(216,117,0);
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 65px;
    margin-right: 5px;
}

.menuitem5
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;*/
    font-size: 10pt;
    color: rgb(216,117,0);
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 65px;
    margin-right: 5px;
}


.menuitem_user_name
{
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-weight: bold;
    font-size: 10pt;
    color: rgb(0,0,0);
    margin-top: 10px;
    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);
   cursor: pointer;
   font-size: 10pt;
   margin-top: 0px;
   margin-left: 10px;
}

/*
.menutable
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: rgb(216,117,0); 
    margin-left: 5px;
    cursor: pointer;
    text-decoration: none;
}
*/

/* Ty�tilan linkit --------------------------------------------- */

/* transition-linkit */
.transit-linkki
{
    margin-top: 0px;
    margin-left: 10px;
     margin-right: 20px;
     padding-left:5px;
     padding-right:5px;
}

/* Syottokentat! ----------------------------------------------- */

/* input-kentt�, yleinen */
input, textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
/* input-kentt�, numeerinen */
.num
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: right;
}
/* input-kentt�, numeerinen ja boldattu */
.num_bold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
}
/* input-kentt�, painike*/
.nappi
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;	
}

/* button, yleinen */
button
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

/* option-kentt� (alasvetovalikko), yleinen */
select
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

/* Linkit! ---------------------------------------------------- */

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

A:link { 
        color: rgb(0,0,0);
        text-decoration: underline;
}



A:visited { 
        color: rgb(0,0,0);
        text-decoration: underline;
}

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

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

/* taulukon otsikkosolu, ks. alla taman linkit */
/* Jos muutat t�m�n(dataheader) luokan tietoja niin muuta  */
/* my�s datatable1-luokkaa. N�m� kaksi luokkaa */
/* pit�� olla identtiset					   */
/* AR 8.5.2006								   */ 	

.dataheader {
    font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(151,205,88);
    
/* Vanhan pohjan tiedot    */
/*   	width: 1px;*/
/*        font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*        text-align: left;*/
/*        /*font-weight: bold;*/
/*        font-size: 10pt;*/
/*        background-color: rgb(216,117,0);*/
/*        color: white;*/
/*        border: 1px solid black;*/
/*        vertical-align: top;*/
}

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

#header A:visited { 
	color: white;
        text-decoration: none;
}

#header A:hover { 
	color: black; 
        text-decoration: none;
}

#header A:active { 
	color: black;
        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;
}

/* sivutin, ks. alla taman linkit */
/* Jos muutat t�m�n(sivutin) luokan tietoja niin muuta  */
/* my�s datatable0-luokkaa. N�m� kaksi luokkaa */
/* pit�� olla identtiset					   */
/* AR 8.5.2006								   */ 	
/* <div id="sivutin"> */
.sivutin {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(92,125,5);
    
/*  Vanhan sivutin-luokan m��ritykset */
/*        font-family: Verdana, Arial, Helvetica, sans-serif; */
/*        text-align: left; */
/*        font-weight: bold; */
/*        font-size: 10pt; */
/*        background-color: rgb(216,117,0); */
/*        color: white; */
/*        border: 1px solid black; */
/*        vertical-align: top; */
}

/* linkit joita k�ytet��n sivuttimen linkeiss� */
#sivutin A:link { 
	color: white; 
        text-decoration: none;
}

#sivutin A:visited { 
	color: white;
        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.  */
/* Jos muutat t�m�n luokan (datatable) tietoja niin muuta  */
/* my�s datatable2-luokkaa. N�m� kaksi luokkaa */
/* pit�� olla identtiset					   */
/* AR 8.5.2006								   */ 	
.datatable {
    font-family: Verdana;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(222,239,203);
	color: black;
	vertical-align: top;
	
	}
	/* Vanhan pohjan m��ritykset */
/*	font-family: Verdana, Arial, Helvetica, sans-serif;  */
/*	text-align: left; */
/*	font-size: 10pt;*/
/*         ns. III-vari  */
/*        background-color: rgb(255,215,167); */
/*	border: 1px solid black; */
/*	vertical-align: top;*/



/* 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;
}

.foorumi_viesti {
        /*white-space: no-wrap;*/
}


/* Jos muutat t�m�n(datatable0) luokan tietoja niin muuta  */
/* my�s sivutin-luokkaa. N�m� kaksi luokkaa */
/* pit�� olla identtiset					   */
/* AR 8.5.2006								   */ 	
/*  opetussuunnitelma taso 0  */
.datatable0 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(92,125,5);
}

/* Jos muutat t�m�n(datatable1) luokan tietoja niin muuta  */
/* my�s dataheader-luokkaa. N�m� kaksi luokkaa */
/* pit�� olla identtiset					   */
/* AR 8.5.2006								   */ 	
/*  opetussuunnitelma taso 1  */
.datatable1 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(151,205,88);
}

.datatable1italic {
	font-family: Verdana;
	text-align: left;
	font-style: italic;
	font-size: 10pt;
	color: black;
	vertical-align: top;
    background-color: rgb(151,205,88);
}

.datatable1_link {
	font-family: Verdana;
	text-align: left;
	text-decoration: underline; 
	font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
	background-color: rgb(151,205,88);
}

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

.evenrow {
    background-color: rgb(222,239,203);
}

/* Jos muutat t�m�n(datatable2) luokan tietoja niin muuta  */
/* my�s datatable-luokkaa. N�m� kaksi luokkaa */
/* pit�� olla identtiset					   */
/* AR 8.5.2006								   */ 	
/*  opetussuunnitelma taso 2  */
.datatable2 {
	font-family: Verdana;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(222,239,203);
	color: black;
	vertical-align: top;
}

.datatable2italic {
	font-family: Verdana;
	text-align: left;
	font-style: italic;
	font-size: 10pt;
    background-color: rgb(222,239,203);
	color: black;
	vertical-align: top;
}

/*  opetussuunnitelma taso 2, ty�aikasuunnitelman mod-juttu  */
.datatable20 {
	font-family: Verdana;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(255,255,255);
	color: black;
	vertical-align: top;
}
/*  ty�aikasuunnitelma taso0 bold  */
.datatable2bold {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
    background-color: rgb(222,239,203);
	color: black;
	vertical-align: top;
}

/*  opetussuunnitelma taso 3  */
.datatable3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10pt;
        /* ns. III-vari */
        background-color: rgb(255,255,255);
	border: 1px solid black;
	vertical-align: top;
}

.varmistuskysely {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    padding-top: 30px;   
    position: absolute;
    top: 200px;
    left: 300px;	  
    width: 390px;
    height: 130px;
    background-color: rgb(233,233,233);
    border: 2px solid silver;
    vertical-align: top;
}

.varmistuskyselyviesti {
    text-align: center;
    font-size: 10pt;
    padding-top: 30px;   
    position: absolute;
    top: 200px;
    left: 300px;	  
    width: 390px;
    height: auto;
    background-color: rgb(233,233,233);
    border: 2px solid silver;
    vertical-align: top;
}

.varmistuskysely_center {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;    
    background-color: rgb(233,233,233);
    }
/*  ty�aikasuunnitelman ehdotettu rivi  */
.datatableehdotettu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(0,162,255);
	color: rgb(56,94,45);
	vertical-align: top;
}
/*  ty�aikasuunnitelman ehdotettu poistettavaksi rivi  */
.datatablepoistetaan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10pt;
	TEXT-DECORATION: line-through;
    background-color: rgb(250,220,0);
	color: rgb(56,94,45);
	vertical-align: top;
}


#menulogo {
font-weight: bold;
font-family: Verdana;
font-size: 18px;
text-align: center;
color: rgb(0,0,0);
background: rgb(233,233,233);

}

#ops {
color: rgb(92,125,5);

}

#menulogo {
font-weight: bold;
font-family: Verdana;
font-size: 18px;
text-align: center;
color: rgb(255,255,255);
background: black;
border: 1px solid black;
}

#ops {
color: rgb(151,205,88);

}


#menulogo2 {
font-weight: bold;
font-family: Verdana;
font-size: 18px;
text-align: center;
color: rgb(0,0,0);
background: rgb(233,233,233);

}

#ops2 {
color: rgb(92,125,5);

}

A.menulinkki:link { 
        color: rgb(92,125,5);
        text-decoration: none;
}

A.menulinkki { 
        color: rgb(92,125,5);
        text-decoration: none;
}

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

A.menulinkki:visited { 
        color: rgb(92,125,5);
        text-decoration: none;
}

A.menulinkki:hover { 
        color: rgb(0,0,0);
        text-decoration: none;
}

A.valittumenulinkki {
        color: rgb(0,0,0);
        text-decoration: none;
}

.framestaattinen
{
    font-size: 10pt;
    color: black;
    background-color: rgb(233,233,233);
    vertical-align: top;
    border: 1px solid silver;    
    white-space: nowrap;
    width:230px;
    height:180px;
}


.yla
{
	border: 1px solid silver;
	width:100%;
}


#ylapalkki, #ylapalkki a {
	font-weight: bold; 
	padding: 5px 10px 5px 10px;
    font-size: 10pt;
    text-align: right;
    text-decoration: none;
}

#ylapalkki a:hover { 
	text-decoration: underline; 
}

#nav
{
	color: rgb(92,125,5);
	font-weight: bold; 
	font-size: 10pt;
}

#nav ul
{
	text-align: left;
	margin: 0;	
}

#nav ul li
{
	display: inline;
	margin-left: -4px;
}

#nav ul li a
{
	color: rgb(92,125,5);
	font-weight: bold; 
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

#nav ul li a:hover
{
	color: rgb(92,125,5);
	font-weight: bold; 
	text-decoration: underline;
}

.actionlink:link
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 15px;
    text-decoration: none;
}

.actionlink:visited
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 15px;
    text-decoration: none;
}

.actionlink:hover
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 15px;
    text-decoration: none;
}


.translink:link
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 15px;
     text-decoration: none;
}

.translink:visited
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 15px;
     text-decoration: none;
}

.translink:hover
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 15px;
    text-decoration: none;
}

.sivulinkki:link {
    text-decoration: underline;
}
.sivulinkki:visited {
    text-decoration: underline;
}
.sivulinkki:hover {
    text-decoration: underline;
}

.errorteksti
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	background-color: #ffe4e1;
	color: rgb(0,0,0);
	border: 1px solid red;
}

.menutaulu
{   
    width: 200px;      
}

td.laajuus
{
	text-align: right;
	width: 50pc;
	padding-right: 0.5pc;
}

tfoot.datatable1 td.laajuussumma
{
	font-family: Verdana;
	text-align: right;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(151,205,88);
	padding-right: 0.5pc;
}

td.tunnit
{
	text-align: right;
	width: 50pc;
	padding-right: 0.5pc;
}

td.tuntisumma
{
	text-align: left;
	padding-left: 0.5pc;
}

td.laajuussolu
{
	text-align: left;
}

td.laajuussumma
{
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(151,205,88);
}

th.laajuussumma
{
	font-family: Verdana;
	text-align: right;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(151,205,88);
}

td.laajuustaso0 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(92,125,5);
}

td.laajuustaso1 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(151,205,88);
}

td.laajuustaso2 {
	font-family: Verdana;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(222,239,203);
	color: black;
	vertical-align: top;
}

td.hopseilasna0 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(195,195,195);
}

td.hopseilasna1 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(195,195,195);
}

td.hopseilasna2 {
	font-family: Verdana;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(230,230,230);
	color: black;
	vertical-align: top;
}

td.hopseilasna3 {
	font-family: Verdana;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(230,230,230);
	vertical-align: top;
}

th.hopseilasna1 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(195,195,195);
}

tr.hopseitulostus1 {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
    background-color: rgb(195,195,195);
}

tr.hopseitulostus2 {
	font-family: Verdana;
	text-align: left;
	font-size: 10pt;
    background-color: rgb(230,230,230);
	color: white;
	vertical-align: top;
}

th.hopspainikkeet {
	font-family: Verdana;
	text-align: left;
    font-weight: bold;
	font-size: 10pt;
	color: white;
	vertical-align: top;
	width: 100;
    background-color: rgb(151,205,88);
}

tr.totsuunoperivi {
	background-color: rgb(240,240,240);
}

tr.totsuuntotrivi {
	background-color: rgb(240,240,240);
}

tr.totsuunopenkuorma {
	background-color: rgb(230,230,230);
}

td.totsuunviiktunnyli {
	text-align: left;
	padding-left: 0.5pc;
	color: red;
}

td.opepoissa
{
	text-align: left;
	/*width: 50pc;*/
	padding-right: 0.5pc;
	font-family: Verdana;
    font-weight: bold;
	font-size: 10pt;
    background-color: rgb(195,195,195);
}

a.hopsbutton
{
	cursor: pointer;
}

/*  hopsissa hylätyt ammattiosaamisen näyttöjen valinnat näytetään keltaisena  */
.hopsammosnaythylatty {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10pt;
	background-color: rgb(250,220,0);
	color: rgb(56,94,45);
	vertical-align: top;
}


.popup_layer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: rgb(0,0,0);
    margin: 3px;  
    position: absolute;

    background-color: rgb(255,255,255);
    border: 1px solid black;
    border-style: ridge;
    text-align: center;
    vertical-align: top;
}

.popup_dragbar {
    position: absolute;
    width: 100%;
    height: 15px;
    cursor: move;
    text-align: right;

    
}

.popup_dragbar a {
    position: absolute;
    right: 3px;
    top: 3px;
}

.popup_titlebar {
    color: rgb(0,0,0);
    font-weight: bold;
    padding: 2px;
    padding-right: 30px;
    background-color: #EFEFEF;
    filter:alpha(opacity=80);
    -moz-opacity:.80;
    opacity:.80;
    text-align: left;

}

.popup_content {
   
    text-align: left;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;

}

.popup_sulje {
    padding: 1px;
    text-align: center;
    font-weight: bold;
    text-align: left;

}

/* PUUHIERARKIAN TARVITSEMAT TYYLIMÄÄRITYKSET ALKAVAT TÄSTÄ ------------------------- */

/* Sarakeotsikot */
.puu_tableheader {
   text-align: left;
   vertical-align: middle;
}

/* Sisennykset */ 
.puutaso_0 {
    padding: 0px 5px 2px 0px;
}
.puutaso_1 {
    padding: 0px 5px 2px 20px;
}
.puutaso_2 {	
    padding: 0px 5px 2px 40px;
}
.puutaso_3 {
    padding: 0px 5px 2px 60px;
}
.puutaso_4 {
    margin: 0px 5px 2px 80px;
}
.puutaso_5 {
    margin: 0px 5px 2px 100px;
}
.puutaso_6 {
    margin: 0px 5px 2px 120px;
}
.puutaso_7 {
    margin: 0px 5px 2px 140px;
}
.puutaso_8 {
    margin: 0px 5px 2px 160px;
}
.puutaso_9 {
    margin: 0px 5px 2px 180px;
}
.puutaso_10 {
    margin: 0px 5px 2px 200px;
}

/* Klikattavat kohteet */
.puu_kansio, .puu_liite, .puu_ulklinkki, .puu_sislinkki, .puu_teksti {
}

/* Kohdeiden selitteet */
.puu_kansio_selite, .puu_liite_selite, .puu_ulklinkki_selite, .puu_teksti_selite, .puu_sislinkki_selite {
    font-style: italic;
}

/* Työtilan tai hakemiston post-linkit */
.puutaso_post {
}

/* PUUHIERARKIAN TARVITSEMAT TYYLIMÄÄRITYKSET LOPPUVAT TÄHÄN ------------------ */

@media print {
  /* taulun yleiset */
  table
  {
      font-size: 10pt;
      background-color: white;
    /*  border: 1px solid black; */
      empty-cells: show;
      border-collapse: collapse;
  }
  
  td
  {
      border-width: 1px;
      border-style: solid; 
      border: 1px solid black; 
  }
  
  th
  {
      border-width: 1px;
      border-style: solid; 
      border: 1px solid black; 
  }
  		
  	
  .pagebreak 
  {
  	page-break-before: always;
  }
  
  .framevalikko
  {
  width: 0px;
  height: 0px;
  display: none;
  }
  
  .actionlink
  {
  width: 0px;
  height: 0px;
  display: none;
  }
  
  
  .frameinfo
  {
   display: none;
  height: 0px;
  display: none;
  }
  
  .frameheader 
  {
  width: 0px;
  height: 0px;
  display: none;
  }
  
  .frametrans
  {
  width: 0px;
  height: 0px;
  display: none;
  }
  
  .yla
  {
  width: 0px;
  height: 0px;
  display: none;
  }
  
  
  #ylapalkki 
  {
  display:inline;
  }
  
  #menulogo2 
  {
  display:inline;
  }
  
  thead {
    display:table-header-group;
  }
  
  tbody {
    display:table-row-group;
  }
}

.opisketusivuok {
	text-align: left;
	font-size: 10pt;
	background-color: rgb(109,228,31);
}
	
.opisketusivunotok {
	text-align: left;
	font-size: 10pt;
	background-color: rgb(223,0,0);

}

.opisketusivunotok_tul {
	text-align: left;
	font-size: 10pt;
	background-color: rgb(255,255,0);
}

.opisktaulu {	
	border: 1px solid black;
	 width: 100%;
	 border-collapse:collapse;	 
}

.opisktaulusolu {	
	border: 1px solid black;
	border-collapse:collapse;	 
}

/* Peitto-div
   Oletuksena on piilotettu. Näytetään vasta kun tarvitaan. */
div.peittodiv
{
    position: absolute;
    z-index: 100;
    visibility: hidden;
    background-color: #666666;
    filter:alpha(opacity=50); 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5; 
    opacity: .50;
    -o-opacity: 0.5;
    -kthml-opacity: 0.5;
}

col.opinedisseur1 {
	width: 25em;
}


/* HOPSin info-ikonien tyylit, joilla näytetään ikonin tooltip */
a.info {
    position:relative;
/*    z-index:24;*/
    text-decoration:none;
}

/*a.info:hover {
		z-index:25;
}*/

a.info span {
		display: none;
		background-color: #FFFF99;
}

a.info:hover span {
    display:block;
    z-index:10;
    position:absolute;
    right:0em;
    border:1px solid rgb(151,205,88);
    background-color: #FFFF99;
    color:#000;
    text-align: center;
}


/* HOPSin luonnin aikana näytettävä ilmoitus */
div.hopsinfodiv {
    text-align: center;
    font-size: 10pt;
    padding-top: 30px;   
    position: absolute;
    top: 200px;
    left: 300px;	  
    width: 390px;
    height: 130px;
    background-color: rgb(233,233,233);
    border: 2px solid silver;
    vertical-align: top;
    z-index:110;
}