.kalenteri_popup {
        visibility: hidden;
    display: inline-block;
    cursor: pointer;
    width: 260px;
    background-color: white;
    color: black;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-radius: 6px;
    padding: 8px;
    position: fixed;
    z-index: 1000;
}

.nakyvissa {
    visibility: visible;
}

.keskita {
        text-align: center;
}

.eivasempaa {
        margin-left: 0px;
}

.punainennappi {
  background: #FF0000;
}

.vihreanappi {
  background: #DAFFDD;
}

.harmaanappi {
  background: #f2f2f2;
}

.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_pvm_pvmnro {
 color: #5b6c7c;
 font-weight: bold;
}
.menu_ajax_kalenteri_pvm_pvmnro_pyha {
 color: #FF0000;
 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;
}


.tulostusikkuna {
  position: fixed;
  top: 40px;
  right: 40px;
  background-color: #FFF;
  z-index: 666;
  border: 5px solid #efeff7;
  padding: 5px;
}

.vainluku {
        color: #777;
}

.varmistusikkuna {
                position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
		z-index: 999;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
}

.varmistusteksti {
        background-color: white;
        color: black;
        opacity: 1.0 !important;
        padding: 0px 20px 20px 20px;
        border-radius: 10px;
}

.varmistuksenpoistox {
  right: -12px; 
  position: relative; 
  width: 20px; 
  cursor: pointer
}

.varmistustekstiI3 {
        background-color: white;
        color: red;
        opacity: 1.0 !important;
        padding: 0px 20px 20px 20px;
        border-radius: 10px;
}

.paksu {
        font-weight: bold;
}

.punainen {
        color: #FF0000;
}

.poisto {
	text-decoration: line-through;
        background-color: #FF0000;
}

.tumma {
	background: #F0F0F0;
}

.vaalea {
	background: #FFFFFF;
}

.keskelle {
	text-align:center;
}

.vasemmalle {
	text-align:left;
}

.oikealle {
	text-align:right;
}

.oikealle10px {
	padding-right: 10px;
}

.harmaatausta {
   background-color : #E0E0E0 !important;
}

.harmaatausta_kapea_textarea {
   background-color : #E0E0E0 !important;
   width: 261px;
}

.katkaise {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.scrollialue {
   overflow: scroll;
   border-collapse:separate;
}

.scrollikehys {
   height: 600px !important;
   overflow: auto;
}

.sortpic {
	text-align:left;
}

.menuitem-underline {
   text-decoration: underline;
}

.menuicon-margin {
  margin-right: 2px;
	margin-left: 0px;
}

.menuicon-margin-none {
  margin-right: 12px;
  margin-left: 0px;  
}

.default-label-width {
}

.default-text {
  font-size: 19px;
  color: #080808;
/*  color: grey;*/
  white-space: nowrap;  
}

.upload-td-width { 
  width: 150px;
}

.ajax_alert-label {
text-align:left;
}

#quicktoggle {
  cursor: pointer;
}

.infolabel {
	font-size:13px;		
color:grey;
}	

.muistilappu {
}	

.def-tab {
}	

th.showdefaultheader {
text-align:left;
width:1%;
}

.separatorline {
border-bottom:1px solid #D2D2D2;
color:#D2D2D2;
height:1px;
margin-top:20px;
width:100%;
}

.sole-logo-testtext {
background-color:white;
border:1px solid #D2D2D2;
color:red;
font-size:14px;
font-weight:bold;
padding:2px 12px;
position:absolute;
right:0;
text-align:center;
top:0;
}

span.dataheader {
 /* white-space: nowrap; */  
}

.thead {
border-bottom:1px solid #D2D2D2;
border-left:1px solid #D2D2D2;
padding-left:0.2em;
padding-right:0.2em;
text-align:left;
}

.tdata {
border-bottom:1px solid #D2D2D2;
border-left:1px solid #D2D2D2;
padding-left:0.2em;
padding-right:0.2em;
text-align:left;	
}

img { margin-left: 8px; border: 0; vertical-align: middle; text-decoration: none; }
a:link { color: #222aa0 !important; text-decoration: none }
a:visited { color: #222aa0 !important; text-decoration: none }
a:hover { color: #222aff !important;  text-decoration: none }
a:active { color: #008800 !important; text-decoration: none }


.img-size-sort { 
  height: 20px; width: 20px;margin-left: 0px;
}

div.sole-pager {
  margin-top: 3px;
  margin-bottom: 3px;
  text-align: left;
}

.menuikoni
{
	padding-right: 8px;
	text-align: right;
	vertical-align: middle;
}

.tunnuskuva
{
   margin: 0px;
}

UL
{
	margin-top: 2px;
	margin-bottom: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #6D6F6E;    
}

menubullet0
{
    font-weight: bold;
    cursor: pointer;
	list-style-type: circle;
	list-style-color: #6D6F6E;
	padding-left: 0px;
	margin: 0px;	
	
}

.menubullet1
{
    font-weight: normal;
    cursor: pointer;
    list-style-type: circle;
	list-style-color: #6D6F6E;
	margin-left: 0px;

}

.menubullet2
{
    font-weight: normal;
    cursor: pointer;
	padding-left: 0px;
	margin-left: 5px;	
}

menubullet0disabled
{
    font-weight: bold;
	list-style-type: circle;
	/* list-style-color: #6D6F6E; */
	list-style-color: rgb(132,130,132);
	padding-left: 0px;
	margin: 0px;	
	
}

.menubullet1disabled
{
    font-weight: normal;
    list-style-type: circle;
	/* list-style-color: #6D6F6E; */
	list-style-color: rgb(132,130,132);
	margin-left: 0px;

}

.menubullet2disabled
{
    font-weight: normal;
	padding-left: 0px;
	margin-left: 5px;	
	list-style-color: rgb(132,130,132);
}

HR
{
	border-width: 0px;
	background-color: #F1F4F5;
	color: #F1F4F5;
	height: 5px;
}



DIV.odd_inline,TR.odd_inline
{
	margin: 0px;
	background-color: #FFFFFF;
/*	border-top: 1px solid #D2D2D2; */
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: normal;
	
}

DIV.even_inline,TR.even_inline
{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #F0F4F5;
/*	border-top: 1px solid #D2D2D2;*/
	text-align: left;
	font-weight: normal;
}

/* Datajutut */
.isilabel { display: inline-block; width: 10em; margin-left: 0em; font-weight: bold; }
.inputlabel { vertical-align: top; display: inline-block; width: 10em; margin-left: 0em; font-weight: bold; }
.isitiedot {  }
.komennot{ 
display: inline-block;
background: #faffb2; 
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-right: 1em; 
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom: 15px;
}
.topborder { 
/* border-top: solid; */
/* border-width: 1px; */
/* border-color: #d2d2d2; */
 }
.bottomborder {
/* border-bottom: solid; */
/* border-width: 1px; */
/* border-color: #d2d2d2; */
 }
.bottomborder-th {
 border-bottom: dotted; 
 border-width: 1px; 
 border-color: #d2d2d2; 
 vertical-align: top
 }


.th-korosta {
    color: #000000;
    line-height:64px;
}

.komennot-rivi{ 
}

.ylavalikko_navigaatiopolku
{
	margin-left: 35px;
}

.pagelabel_loppu
{
	font-size: 1.5em;
}

.pagelabel_alku
{
	font-size: 1.5em;
	color: #080808;
	margin-left: 15px;
}

.solelogo_sole
{
  font-family: Calibri, Arial,Verdana,sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: BLACK;
}

.solelogo_cris
{
  font-family: Calibri, Arial,Verdana,sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #4A529C;  
}

TD.ylavalikko
{
  	background: transparent url(/projhal/all/gifs/tausta-ylaosa.png) repeat-x 0px 0px;
  	height: 33px;
  	vertical-align: middle;
}

IMG.ylavalikko
{
	margin-right: 3px;	
	margin-left: 12px;
}

.ylavalikko_kuvat
{
	margin-left: 20px;
}

.ylavalikko_sovellusnimi
{
	margin-left: 40px;
}


div.sole-head { 
	  height: 7em; 
  margin-left: 225px;
  background: #ffffff url(/projhal/all/gifs/tausta-polulle.png) scroll top left no-repeat;
  
} 
/*div.sole-head { */
/*  height: 5em; */
/*  margin-left: 224px;*/
/*  background: #ffffff url(/projhal/all/gifs/tausta-polulle.png) scroll top left no-repeat;*/
/*  */
/*} */
div.sole-middle {  }
div.sole-bottom {  }
div.sole-path {
  padding-left: 16px;
  line-height: 24px;
  padding-top: 1em;
  vertical-align: middle;
  font-size: 19px;
  color: #080808;
  white-space: nowrap;
}

.ylavalikko_pagelabel
{
  height: 5em; 
  background: #ffffff url(/projhal/all/gifs/tausta-polulle.png) scroll top left no-repeat;
}

/* Keskirivin jutut */
div.sole-logo-index { 
  margin: 2px; 
  height: 80px; 
  width: 223px;
  float: left;
  background-color: white;
}

/* Keskirivin jutut */
div.sole-logo { 
  margin: 2px; 
  height: 62px; 
  width: 223px;
  float: left;
  position: relative;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;  
}

.ylavalikko_logo
{
  margin: 2px; 
  height: 62px; 
  width: 220px;
  float: left;
  position: relative;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
	/*	
	width: 15%;
    vertical-align: middle;
    text-align:	center;
    */
}


div.sovellusviestit {
  height:0px;
  position: absolute;
  top: 3.5em;
  left: 164px;
  z-index: 100;
  display: none;
}


FORM
{
	margin: 0px;
}


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


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

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

/* bodyn yleiset */
/**/
/*
body
{
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
    font-family: Calibri, Arial,Verdana,sans-serif;
    font-size: 10pt;
    background-color: rgb(255,255,255);
    color: black;
}
*/
body {
	background:none repeat scroll 0 0 #FFFFFF;
	color:#000000;
	font-family:Calibri,Arial,Verdana,sans-serif;
	font-size:14px;
	line-height:16px;
	margin:0;
	padding:0;
}

/* taulun yleiset */
table
{
  empty-cells: show;
}


/* ylimmainen otsake-osa, ks. alla taman sisalto */
.header
{
  width: 100%;
  border-bottom: 1px dotted blue;

}

/* otsake-osan sis. oleva sovellusnimi, ks. alla taman linkit */
.sovellusnimi
{
  font-weight: bold;

}

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

}

.sovellusnimi A:visited {
        color: black;
}

.sovellusnimi A:hover {
  color: blue;
}

.sovellusnimi A:active {
  color: blue;
}

.frametable
{
  width: 100%;
  height: 100%;
  vertical-align: top;
}


.frametable_leftmargin
{
/*  width: 200px;*/
/*  height: 600px;*/
  vertical-align: top;
/*  border-right: 1px dotted blue;*/
  white-space: nowrap;


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

.framedata
{
	
  position: absolute;
  top: 100px;
  left: 226px;
  right: 0px;
  bottom: 0px;
  padding-top: 10px;
  padding-left: 16px;
	background: transparent url(/projhal/all/gifs/tausta-tyoalue.png) repeat-x 0px 0px;
  border-top: 1px #d2d2d2 solid;
/*		
	background: transparent url(/projhal/all/gifs/tausta-tyoalue.png) repeat-x 0px 0px;
    padding-top: 23px;		
    height: 100%;
    vertical-align: top;
    padding-left: 25px;
    color: black;
    */
}

.frameinfo
{
  width: 100%;
  vertical-align: top;
  width: 100%;

}

.frametrans
{
    vertical-align: top;
}

H1
{
  font-size: larger;
  font-weight: bold;

}

H2
{
  font-weight: bold;

}

H3
{
  font-weight: bold;

}

H4
{
    font-weight: bold;
}

/*IMG*/
/*{*/
/*  vertical-align: middle;*/
/**/
/*}*/


/* Etusivu ----------------------------------------------------- */
/* Ns. "tervetuloa-teksti" eli sovelluksen ingress */
.tervetuloa {
}

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

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

/* viesti */
.infoline 
{
  font-weight: bold;
  margin-top: 0px;
  margin-left: 0px;

}

.infolinedata 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: 0px;
    color: black;
    background-color:transparent; 
/*     rgb(255,255,255); */
}


.infoline
{
    font-weight: bold;
    margin-left: 1em;
    background-color: transparent;
    
}

.infoline2 /* info tyyppi I2 */
{
    font-weight: bold;
    margin-left: 1em;
    color: white;
    background-color: red;
}

.infoline3 /* info tyyppi I3 */
{
    font-weight: bold;
    margin-left: 1em;
    color: green;
    background-color: transparent;
}

.info
{
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

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


/* virheviesti */
.errwar {
  color: red;

}

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

/* virheteksti */
.errtext {
  font-weight: bold;
  color: red;

}


/* Menu!-------------------------------------------------------- */
.icon-menu-dir-close {
    background-image: url("/projhal/all/gifs/sole-menu-folder-close.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

.icon-menu-dir-open {
    background-image: url("/projhal/all/gifs/sole-menu-folder-open.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

.menuitem0
{
    font-weight: bold;
    color: #2AC3F4;
    cursor: pointer;
	
	padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    
    text-decoration: none;
    background-color: inherit;
    border-bottom: 1px solid #D1D1D1;
}

.menuitem1
{
  
    font-weight: normal;
    color: #2AC3F4;
    cursor: pointer;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 0px;
    background-color: inherit;

}

.menuitem2
{
  
    font-weight: normal;
    color: #2AC3F4;
    cursor: pointer;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 35px;
    padding-right: 0px;
    margin: 0px;
    background-color: inherit;

}

.menuitem_user_name
{

    color: black;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    font-style: italic;
    background-color: inherit;

}

.menuitem0disabled
{
    /*font-family: Calibri, Arial,Verdana,sans-serif;
    font-weight: bold;
    font-size: 11px;
    /*color: rgb(216,117,0);*/
    color: rgb(132,130,132);
    /* varmistetaan etta kursori on osoitin onclick-ratkaisuissa */
    /*cursor: pointer;*/
    /*font-variant: small-caps;*/
    /* kaikki teksti isoilla kirjaimilla */
    /*text-transform: uppercase*/
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    /*Underlining, overlining, striking, and blinking*/
    text-decoration: none;
    background-color: inherit;
    border-bottom: 1px solid rgb(132,130,132);
}

.menuitem1disabled
{
    /*font-family: Calibri, Arial,Verdana,sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: rgb(132,130,132);
    /*cursor: pointer;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 5px;
    color: rgb(132,130,132);
    background-color: inherit;

}

.menuitem2disabled
{
    /*font-family: Calibri, Arial,Verdana,sans-serif;
    font-weight: normal;
    font-size: 11px;
   /* color: rgb(216,117,0);*/
    color: rgb(132,130,132);
   /* cursor: pointer; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 35px;
    margin-right: 5px;
    background-color: inherit;

}

.headersmalldisabled
{
    /*font-family: Calibri, Arial,Verdana,sans-serif;
    font-weight: normal;
    font-size: 11px;
   /* color: rgb(216,117,0);*/
    color: rgb(132,130,132);
   /* cursor: pointer; */
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right:0px;
    background-color: inherit;
}

.valittumenu
{
  color: black;  
  background-color: inherit;
  text-decoration: none; 
  font-weight: bold; 
}


.translink
{
   color: rgb(74,82,156);
   font-weight: normal;
   cursor: pointer;
   margin-top: 0px;
   margin-left: 0px;
    background-color: inherit;
   width: 100%;
}

.menutable 
{
   color: rgb(74,82,156);
   font-weight: normal;
   cursor: pointer;
   margin-top: 0px;
   margin-left: 0px;
/*    background-color: inherit;*/
   width: 100%;
}

/* Ty���tilan linkit vasempaan tasattuna */
.menutable_nomargin
{
   color: rgb(74,82,156);
   font-weight: normal;
   cursor: pointer;
   margin-top: 0px;
   margin-left: 0px;
    background-color: inherit;
   white-space: nowrap;
}

.menutable_nomargin_vahvennettu
{
   font-weight: bold;
   color: #555aa0;
   font-size: 14px;       
}


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

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

/* Syottokentat! ----------------------------------------------- */
textarea { background: #fefffe; 
  border-color: #808080;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-family: Calibri, Arial, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 530px;
  overflow-x:hidden;
}

input { background: #fefffe; 
  border-color: #808080;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-family: Calibri, Arial, Verdana, sans-serif;
}
/*Jos poistetaan IE-selaimen "clear field"-x-painike
input[type="text"]::-ms-clear {
	display: none;
}*/

input[type="text"] { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="text"].date { 
  width: 100px;
}
input[type="text"].ph_text { 
  width: 530px;
}

input[type="checkbox"] { /* no borders on checkboxes, looks bad on IE */
  border-style: none; 
  border-width: 0px; 
}
input[type="radio"] { /* no borders on radiobuttons, looks bad on IE */
  border-style: none;
  border-width: 0px; 
}

/*makes non-editable text fields darker*/
.readonly {
  background-color: #DBDBDB;
}

/* input-kentt���, numeerinen */
.num
{
  text-align: right;

}
/* input-kentt���, numeerinen ja boldattu */
.num_bold
{
  font-weight: bold;
  text-align: right;

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

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

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

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

/* linkit yleisesti */

.layerlinkki
{
    /*font-weight: bold;*/
/*    font-size: 10px;*/
    /*color: rgb(216,117,0);*/
    color: rgb(74,82,156);
    cursor: pointer;
    text-decoration: none;
    margin: 0px 10px 0px 0px;
}


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

.actionlink
{
/*XXXXX*/
    font-weight: bold;
    font-size: 10px;
    /*color: rgb(216,117,0);*/
    color: rgb(74,82,156);
    cursor: pointer;
    text-decoration: none;
    margin: 0px 10px 0px 0px;
    margin-left: 5px;
}

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

.lovlinkki
{
/*XXXXX*/
    /*text-decoration: underline;*/
    color: rgb(216,117,0);
    cursor: pointer;
}


A:link { 
      /*  color: rgb(51,102,153);*/

color:#222AA0 !important;
text-decoration:none;

}

A:visited { 
	 color: rgb(74,82,156);
/*        color: rgb(51,102,153);*/
        text-decoration: none;
}

A:hover { 
        /*color: rgb(0,0,191);*/
        color: rgb(222,61,12);
        text-decoration: none;
        /* varmistetaan etta kursori on osoitin onclick-ratkaisuissa */
        cursor: pointer;
}

A:active { 
        color: rgb(51,102,153);
        text-decoration: none;
}


/* 20081121/JJ lis���tty tyyli actionlink2-layernapeille - ei maarata taustavaria */
.actionlink2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   font-weight: bold;
   font-size: 10px;
   color: rgb(74,82,156);
   vertical-align: top;
}

.actionlink2 A:link {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: rgb(74,82,156);
   font-size: 10px;
   text-decoration: none;
}

.actionlink2 A:visited {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: rgb(74,82,156);
   font-size: 10px;
   text-decoration: none;
}

.actionlink2 A:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   cursor: pointer;
   color: rgb(222,61,12);
   font-size: 10px;
   text-decoration: none;
   cursor: pointer;
}

.actionlink2 A:active {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: rgb(51,102,153);
   font-size: 10px;
   text-decoration: none;
}


/* taulukon otsikkosolu, ks. alla taman linkit 
.dataheader {
   	width: 20%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        font-weight: normal;
        font-size: 10px;
        color: rgb(0,0,0);
        background-color: rgb(239,239,239);
        border: 1px solid rgb(142,143,145);
        vertical-align: top;
}
*/


.dataheader_korostettu1{
   	width: 1px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        font-weight: normal;
        font-size: 10px;
        /*background-color: rgb(216,117,0);*/
        /*background-color: #22C2F3;*/
        /* background-color: rgb(245,245,245);*/
        /*color: #2AC3F4;*/
        /*color: #FFFFFF;*/
        color: rgb(0,0,0);
        background-color: rgb(239,239,239);
        border-left: 1px solid rgb(142,143,145);
        border-right: 1px solid rgb(142,143,145);
        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: Verdana, Arial, Helvetica, sans-serif;*/
        text-align: left;
        font-weight: bold;
/*        font-size: 10px;*/
/*        color: #4A529C;*/
/*        vertical-align: top;*/
}

/* .sivutin_center: sivuttimen tyyli, keskitetty teksti (kts hakupalvelun tulossivu: Vuosi) */
.sivutin_center {
/*XXXXXXX*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        font-weight: bold;
        font-size: 10px;
        background-color: rgb(216,117,0);
        color: white;
        border: 1px solid black;
        vertical-align: top;
}


/* 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 { */
/*  border-bottom: solid 1px #d2d2d2; */
/*  border-left: solid 1px #d2d2d2;*/
/*  padding-left: 0.5em;*/
/*  text-align: left;*/
/*}*/
/*.datatable_firstline {*/
/*  border-bottom: solid 1px #d2d2d2; */
/*  border-left: solid 1px #d2d2d2;*/
/*  padding-left: 0.5em;*/
/*  text-align: left;*/
/*}*/
/* taulukon otsikkosolu, ks. alla taman linkit */
/*.dataheader {*/
/*   	width: 20%;*/
/*	        vertical-align: top;*/
/*	        font-weight:normal;*/
/*}*/


/*XXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXX*/
/*vain vertikaaliset viivat*/
/*.dataheader2 {*/
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  width: 20%;*/
/*  vertical-align: top;*/
/*  font-weight:normal;*/
/*  border-bottom: solid 1px #d2d2d2; */
/*}*/
/*.dataheader {*/
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  width: 20%;*/
/*  vertical-align: top;*/
/*  font-weight:normal;*/
/*  border-bottom: solid 1px #d2d2d2; */
/* }*/
/*.datatable { */
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  border-bottom: solid 1px #d2d2d2; */
/*  padding-left: 0.5em;*/
/*  text-align: left;*/
/*}*/
/*.datatable_firstline {*/
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  border-bottom: solid 1px #d2d2d2; */
/*  padding-left: 0.5em;*/
/*  text-align: left;*/
/*}*/


/*vain horisontaaliset viivat*/
.dataheader2 {
	width: 1%;
	vertical-align: top;
border-bottom:1px solid #D2D2D2;
border-left:1px solid #D2D2D2;
padding-left:0.5em;
text-align:left;
}

.tdata {
border-bottom:1px solid #D2D2D2;
border-left:1px solid #D2D2D2;
padding-left:0.5em;
text-align:left;
}
/*.dataheader {*/
/*	padding-left: 0.5em;*/
/*	padding-right: 0.5em;*/
/*	width: 20%;*/
/*	vertical-align: top;*/
/*	font-weight:normal;*/
/*}*/

.dataheader {
/*	border-bottom:1px solid #D2D2D2;*/
/*	border-left:1px solid #D2D2D2;*/
	white-space: nowrap;
	padding-left:0.5em;
	text-align:left;
	font-weight:bold;
}
.no-left-border {
	border-left:none;
}
.background-white {
	background-color: #FFFFFF;
}
.no-bottom-border {
	border-bottom: none;
}

/*.datatable { */
/*	padding-left: 0.5em;*/
/*	padding-right: 0.5em;*/
/*	text-align: left;*/
/*}*/

.datatable { 
/*	border-bottom:1px solid #D2D2D2;*/
/*	border-left:1px solid #D2D2D2;*/
	padding-left:0.5em;
	text-align:left;
}
.datatable_firstline {
  text-align: left;
}


/*ei viiojat*/
/*.dataheader2 {*/
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  width: 20%;*/
/*  vertical-align: top;*/
/*  font-weight:normal;*/
/*}*/
/*.dataheader {*/
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  width: 20%;*/
/*  vertical-align: top;*/
/*  font-weight:normal;*/
/* }*/
/*.datatable { */
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  padding-left: 0.5em;*/
/*  text-align: left;*/
/*}*/
/*.datatable_firstline {*/
/*  padding-left: 0.5em;*/
/*  padding-right: 0.5em;*/
/*  padding-left: 0.5em;*/
/*  text-align: left;*/
/*}*/








/*boldina otsikot ja linkit*/
/*.dataheader {*/
/*	width: 20%;*/
/*	vertical-align: top;*/
/*	font-weight:bold;*/
/*}*/




/*collapse-solut*/
.borders { 
border-collapse:separate;
}
/*ei-collapse-solut*/
/*.borders { */
/*border-collapse:inherit;*/
/*}*/



/*
.datatable_firstline {
   width: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   font-size: 10px;
   border: 1px solid rgb(142,143,145);
   vertical-align: top;
   padding-right: 8px;
   padding-left: 8px;
}
*/

/*
.datatable {
        width: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	border: 1px solid rgb(142,143,145);
	vertical-align: top;
        padding-left: 7px;
        padding-top: 0px;
        padding-bottom: 2px;
}
*/
.datatable_korostettu {
  width: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
	text-align: left;
	font-size: 12px;
	border: 1px solid rgb(142,143,145);
	vertical-align: top;
  padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 2px;
  background-color: rgb(246, 246, 246);
  color: rgb(190,190,190);
}
/* negatiiviset luvut korostus */
/*XXXX*/
.datatable_negative {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: 10px;
        /* ns. III-vari */
        background-color: rgb(255,215,167);
        color:red;
        border: 1px solid black;
        vertical-align: top;
}

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

.datatable_bold {
        width: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
	text-align: left;
	font-size: 12px;
        /* ns. III-vari */        
	border: 1px solid rgb(142,143,145);
	vertical-align: top;
        padding-left: 7px;
        padding-top: 0px;
        padding-bottom: 2px;        
}


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

/* Riviorientointi */
div.sole-top { 
background: #efeff7;
/* background: #ffffff URL(../sole-images/toptausta.png) repeat-x; */
vertical-align: middle; 
padding-top: 8px; 
padding-bottom: 8px; 
padding-left: 5px; border-bottom: solid 1px #d2d2d2;
}

.framevalikko
{
  position: absolute;
  top: 100px;
  left: 0px;
  bottom: 0px;
  padding-top: 20px;
  width: 215px; 
  float: left; 
	background: transparent url(/projhal/all/gifs/tausta-tyoalue.png) repeat-x 0px 0px;
 /*background-color: #85D0F0;*/ 
  bottom: 0;
  border-right: solid 1px #d2d2d2;
  padding-left: 9px;
  white-space: normal;
/*		
	
	background: transparent url(/projhal/all/gifs/tausta-tyoalue.png) repeat-x 0px 0px;
    color: black;
    height: 600px;
    vertical-align: top;
    border-right: 1px solid #D1D1D1;
    white-space: nowrap;
    background-color: inherit;
    padding-top: 15px;
    padding-left: 15px;
    */
}


.etusivu_framedata
{
	background: transparent url(/prjojhal/all/gifs/tausta-tyoalue.png) repeat-x 0px 0px;
    padding-top: 23px;		
    height: 100%;
    vertical-align: top;
    padding-left: 25px;
    color: black;
}
.framedata
{
	background: transparent url(/projhal/all/gifs/tausta-tyoalue.png) repeat-x 0px 0px;
    padding-top: 23px;		
 /*   height: 100%;  IT kommentoitu 6.11.2014   tata ei kai tarvita? */
    vertical-align: top;
    padding-left: 25px;
    color: black;
}


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

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

.harmaakorostus
{
	 color: rgb(128,128,128);
	 padding: inherit;
	 
}

.rahoituspaatos_korostus
{
	font-weight: bold;
}
.kustrivi_taso0_korostus
{ 
	background-color: rgb(225, 225, 225);
  /*background-color: #EFEFEF;*/
}

.negatiivisen_korostus
{
	color: red;
}

.negatiivisen_eron_korostus
{
	color: rgb(255,64, 64);
}

.muuluku
{
  color: black;
}

.eroluku
{
  color inherit;
}

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

/* Pelk���st������n etusivuun liittyv���t tyylit */

.etusivu_isoteksti
{	
		font-size: 16px;
		font-weight: bold;
         color: rgb(74,82,156);
}

.etusivu_harmaateksti
{
		color: #808080;
}

.etusivu_frametable
{
    
   width: 100%;
   height: 100%;
   vertical-align: top;
   font-size: 10px;
   background-color: rgb(255,255,255);	
   
}
.etusivu_ylamenu
{
 font-weight: bold;
    font-size: 10px;
 /*   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;    /* Painikkeen taustav���ri (ei reunat) */
	border-width:     0px;        /* Painikkeen 3d-reunan leveys */
   font-weight:      bold;
	padding:          0.31em 0px 0px 0px;        /* Painikkeen reunojen koko */
	color:            rgb(74,82,156);       /* Tekstin v���ri... */
	text-decoration:  none;  /* .. Ja tekstin tyyli */
	cursor:           pointer;    /* Varmistetaan, ett��� oikea osoitin n���kyy kun vied������n muotoillun buttonin p������lle */
	vertical-align:		top;
}


.talletapainike_tekstina:hover
{
 	 color:				#DE3D0C;
    font-weight:     bold;
    background-color:  	#ffffff;
    text-decoration:	none;

}

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

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


/*  kalenteri - kuluva p���iv���  */
.datatable_now {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
        /* ns. III-vari */
        background-color: yellow;
	border: 1px solid black;
	vertical-align: top;
}
/*  kalenteri - yleinen vapaap���iv���  */
.datatable_holid1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
        /* ns. III-vari */
        background-color: lightblue;
	border: 1px solid black;
	vertical-align: top;
}
/*  kalenteri - muu vapaap���iv���  */
.datatable_holid2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
        /* ns. III-vari */
        background-color: lightgreen;
	border: 1px solid black;
	vertical-align: top;
}
/*  kalenteri - projektivapaap���iv���  */
.datatable_proholid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
        /* ns. III-vari */
        background-color: cyan;
	border: 1px solid black;
	vertical-align: top;
}
/*  kalenteri - resurssivapaap���iv���  */
.datatable_resholid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
        /* ns. III-vari */
        background-color: red;
	border: 1px solid black;
	vertical-align: top;
}
/*  kalenteri - viikonloppu  */
.datatable_weekend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
        /* ns. III-vari */
        background-color: lightgray;
	border: 1px solid black;
	vertical-align: top;
}

/*  GANTT taulukon solu, ks.  */
/*XXXXXXX*/
.gantt_datatable {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        font-size: 10px;
        /* ns. III-vari */
   background-color: rgb(255,239,222);
        vertical-align: top;
   border-style:none;
}

/* GANTT-kaavio ----------------------------------------------- */
/* kaavion canvas */
.gantt_table {
         background-color: white;
         border: 1px solid black;
         border-spacing: 0px;
         empty-cells: show;
        /*filter: Shadow (Color=Black);*/
}

.gantt_dataheader {
        /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        text-align: left;
        font-size: 10px;
        background-color: white;
        /*background-color: rgb(64,126,151);*/
        /* background-color: white;*/
        /*color: white;*/
        /*border: 1px solid black;*/
        vertical-align: top;
        white-space: nowrap;
        border-bottom: 1px solid lightgray;
}
/* Gantt taulukossa projektin nimi */
.gantt_projheader {
        text-align: left;
        font-size: 10px;
        font-weight: bold;
        background-color: white;
        vertical-align: top;
        white-space: nowrap;
}

/* Gantt taulukossa projektin vaiheen statussolu */
.gantt_projheader_status {
        white-space: nowrap;
        border-bottom: 1px solid lightgray;
}

/* Gantt taulukossa projektin kokonaiskeston solun tyyli */
.gantt_projtotal {
        background-color: rgb(222,117,0);
        border: 1px solid white;
}

/* Lukemisen helpottamiseksi rajat, korostus kalenterin mukaan */
.timetable_def {
        vertical-align: top;
       /* dotted, dashed,solid
       /*border-right: 1px dotted black;*/
         border-bottom: 1px solid lightgray;
}

/* Gantt kaavion kalenterin pohjavari */
.timetable_def_color {
        vertical-align: top;
       /* dotted, dashed,solid
       /*border-right: 1px dotted black;*/
       background-color: lightgray;
}

.timetable_vv  {
       vertical-align: top;
       border-left: 3px solid black;
       border-bottom: 1px solid lightgray;
}

.timetable_kk  {
       vertical-align: top;
       border-left: 2px solid black;
       border-bottom: 1px solid lightgray;
}

.timetable_vk  {
       vertical-align: top;
       border-left: 1px solid black;
       border-bottom: 1px solid lightgray;
}

.timetable_now {
       vertical-align: top;
       background-color: rgb(255,215,167);
       border-right: 1px dotted black;
       border-left: 1px dotted black;
       border-bottom: 1px solid lightgray;
}

/* Samat kuin edell���, n���iss��� solut yl���-ja alarajattuja */
.timetabletu_def {
      vertical-align: top;
       BORDER-TOP: #000080 1px ridge;
       BORDER-BOTTOM: #000080 1px ridge;
       /* dotted, dashed,solid
       /*border-right: 1px dotted black;*/
}

.timetabletu_vv  {
       vertical-align: top;
       BORDER-TOP: #000080 1px ridge;
       BORDER-BOTTOM: #000080 1px ridge;
       border-left: 3px solid black;
}

.timetabletu_kk  {
       vertical-align: top;
       BORDER-TOP: #000080 1px ridge;
       BORDER-BOTTOM: #000080 1px ridge;
       border-left: 2px solid black;
}

.timetabletu_vk  {
       vertical-align: top;
       BORDER-TOP: #000080 1px ridge;
       BORDER-BOTTOM: #000080 1px ridge;
       border-left: 1px solid black;
}

.timetabletu_now {
       vertical-align: top;
       BORDER-TOP: #000080 1px ridge;
       BORDER-BOTTOM: #000080 1px ridge;
       background-color: rgb(255,215,167);
       border-right: 1px dotted black;
       border-left: 1px dotted black;
}


.confirm
{
    font-weight: bold;
    font-size: 12px;
  	 background-color: rgb(255,255,255);
    color: red;
}
.confirmed
{
    font-weight: bold;
    font-size: 12px;
  	 background-color: rgb(255,255,255);
    color: green;
}
/**
* Ylh������ll��� n���ktv���n tunnuksen tyylit 
*/
.ylatunnus_vasen
{
  height:44px;
  width: 30%;
  padding-left: 0px;
}

.ylatunnus_keski
{
  height: 44px;

}

.ylatunnus_oikea
{
  height: 44px;
  width: 20%;
  text-align: right;
  padding-right: 10px;
}


.tyhja_rivi
{
  border-left: 0px solid rgb(255,255,255);
  border-right: 0px solid rgb(255,255,255);
}

/* PROOSA ------------------------------------------ */
.proosa_header
{
/*    font-size: 13px;*/
    font-weight: bold;
}

.proosa_h1
{
/*    font-size: 12px;*/
    font-weight: bold;
}

.proosa_h2
{
/*    font-size: 11px;*/
    font-weight: bold;
}

.proosa_h2_negative
{
/*    font-size: 11px;*/
/*    font-weight: bold;*/
    color:red;
}

.proosa_h3
{
/*    font-size: 10px;*/
    font-weight: bold;
}

.proosa_text_italic
{
/*    font-size: 10px;*/
/*    font-style: italic;*/
}

.proosa_text_red
{
/*    font-size: 10px;*/
    color: red;
}

.proosa_text
{
	text-align: right;
/*    font-size: 10px;*/
}


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

.viikko_datatable_kk {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    background-color: rgb(166,207,226);
    background-image: url("/prohal/all/gifs/bgstripes.gif");
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_center_vl {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    background-color: lightgray;
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_summarivi {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-style: italic;
    font-size: 1em;
        background-color: rgb(255,215,167);
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_summarivi_vl {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-style: italic;
    font-size: 1em;
    background-color: lightgray;
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_tanaan {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    background-color: rgb(255,225,125);
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_vapaapaiva {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    background-color: yellow;
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_valittu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
        background-color: rgb(216,117,0);
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_valittu_otsake {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-left: 2px;
    text-align: left;
    /*font-weight: bold;*/
    font-size: 1em;
        background-color: rgb(216,117,0);
    color: white;
    border: 1px solid black;
    vertical-align: top;
}

.viikko_datatable_valittu_solu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 1em;
        background-color: rgb(255,215,167);
    border: 1px solid black;
    vertical-align: top;
}

.proosatable_text {
  white-space:nowrap;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
  font-weight: normal;
  padding-bottom:2px;
}
.proosatable_text_2 {
  white-space:nowrap;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
  font-weight: normal;
  padding-bottom:1px;
}

.proosatable_number {
  text-align: right;
  white-space:nowrap;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
}

.proosatable_number_gray {
  text-align: right;
  white-space:nowrap;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
/* background-color: rgb(239, 239, 239);*/
  color: rgb(80,80,80);
}

.proosatable_number_gray_background {
  text-align: right;
  white-space:nowrap;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
  /*background-color: rgb(220, 220, 220);*/
  background-color: #EFEFEF;
  
  color:rgb(128,128,128);
}

/* TM teksti rakenneosan perassa  */
.proosa_tm_text
{
    font-size: 10px;
    color: blue;
}

/* h���lytys */
.halytys_table
{
    font-size:12px;
    color: black;
    background-color: yellow;
    border: 2px solid red;
    empty-cells: show;
}

/* varmistuskyselylaatikko */
.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: 180px;
    background-color: rgb(232,242,246);
    border: 2px solid black;
    vertical-align: top;
    z-index: 50;
}

.varmistuskysely_center {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    background-color: rgb(232,242,246);
    z-index: 50;
}

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

.kirjaamisohje {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 1em;
    background-color: rgb(166,207,226);
    border: 1px solid black;
    vertical-align: middle;
}

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

.kustannustable
{
    width: 20%;
    margin: 0px;
}

.osapuolettable
{
    width: 20px;
    margin: 0px;
}

.vaiheettable
{
    width: 20%;
    margin: 0px;
}

.viittauksettable
{
    width: 45%;
    margin: 0px;
}

.rahoittajattable
{
    width: 20%;
    margin: 0px;
}

.asiakirjattable
{
    width: 100%;
    margin: 0px;
}

.rakenneosatable
{
    width: 100%;
    margin: 0px;
}

/*  perusotaulukon solu, EI WRAPPAA, ks.  */
.perustable_headertext {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   white-space: nowrap;
   text-decoration: underline;
}

.proosa_h2_right
{
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

.proosa_h2_negative_right
{
    font-size: 11px;
    font-weight: bold;
    color:red;
    text-align: right;
}

/* projektin perusn���ytt���, paaheaderit */
.perustable_mainheader {
    width: 100%;
    margin: 0px;
}
/* projektin perusn���ytt���, paaheaderi top marginaalilla */
.perustable_mainheader_marg {
    width: 100%;
    margin: 0px; 
    margin-top: 3px;
}

/*  budjettihierarkian :  */
.budjetti_hierarkia {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   white-space: nowrap;
   text-decoration: none;
}


.budjetti_hierarkia_valittu {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   white-space: nowrap;
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 5px;
}

.budjetti_hierarkia_ryhmsaan_linkki {
    font-weight: normal;
    color: #4A529C;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    white-space: nowrap;
}

.reskust_otsikko2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   white-space: normal;
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 0px;
   vertical-align: top;
   padding-top: 0px;
   text-align: left;
}


.reskust_otsikko {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   white-space: nowrap;
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 0px;
   vertical-align: top;
   padding-top: 0px;
   text-align: right;
}
.reskust_palkkasumma {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   white-space: nowrap;
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 0px;
   vertical-align: top;
   padding-top: 0px;
   text-align: right;
/*    background-color: #EFEFEF; */
}



/* uuden info-ominaisuuden yll���pitolaatikko */
/*#infolayer {*/
/*    font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*    text-align: center;*/
/*    font-size: 1em;*/
/*    position: absolute;*/
/*    top: 200px;*/
/*    left: 300px;*/
/*    width: 390px;*/
/*    vertical-align: top;*/
/*    z-index: 50;         */
/*}*/

#ajaxinfoline {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-left: 1px dashed rgb(190,190,190);
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 5px;
    width: 100%;
    display: none;
    color: green;
}

.tooltip {
    font-weight: bold;
}

.login_dataheader
{
   width: 70px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   vertical-align: middle;
   font-weight: normal;
   font-size: 10px;
   color: rgb(0,0,0);
   background-color: rgb(255,255,255);
   border: 0px solid rgb(255,255,255);
   vertical-align: top;
}

.login_datatable {
   width: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	border: 0px solid rgb(255,255,255);
	vertical-align: top;
   padding-left: 7px;
   padding-top: 0px;
   padding-bottom: 2px;
}

.framelogo
{
   padding-top: 23px;
   margin-left: -10px;
}

.tablink
{
   vertical-align: middle;
   margin-right: 4px;
   cursor: pointer;
   margin-left: 0px;
}
 

.datatable_checkbox {
   width: 1%; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
   font-size: 10px;
/*   border: 1px solid rgb(142,143,145);*/
   vertical-align: top;
}

.datatable_mid_align {
	text-align: left;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*	font-size: 10px;*/
        /* ns. III-vari */
        /*background-color: rgb(255,215,167);*/
/*	border: 1px solid rgb(142,143,145);*/
	vertical-align: middle;
        padding-left: 7px;
        padding-top: 0px;
        padding-bottom: 2px;
}

.dataheader_firstline {
   	width: 1%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        font-weight: normal;
        font-size: 10px;
        background-color: rgb(239,239,239);
        border: 1px solid rgb(142,143,145);
        vertical-align: top;
}

.debug
{
  color: rgb(255,0,0);
  background-color: inherit;
  font-style: italic;
}

IMG.NOMARGIN
{
    vertical-align: middle;
    margin-left: 0px;
    margin-right: 2px;
    cursor: pointer;
}


.tekstikentta {
        /*width: 0px;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
        /* ns. III-vari */
        /*background-color: rgb(255,215,167);*/
	/*border: 1px solid rgb(142,143,145);
	vertical-align: top;
        padding-left: 7px;
        padding-top: 0px;
        padding-bottom: 2px;*/
}


/* ns. tyotilan ekaspan */ 
.tyotilataso_0
{
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 5px;
}
.tyotilataso_1
{
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 23px;
    margin-right: 5px;
}
.tyotilataso_2
{
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 46px;
    margin-right: 5px;
}
.tyotilataso_3
{
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 69px;
    margin-right: 5px;
}
.tyotilataso_4
{
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 92px;
    margin-right: 5px;
}
.tyotilataso_5
{
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 115px;
    margin-right: 5px;
}


/* Ennen ty���tilan tai hakemiston selitett��� (=linkit) */
.tyotilataso_pre
{
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
}

/* Hakemiston (kansio) selite,nimi */
.tyotilataso_tasonimi_kansio
{
   font-weight: normal;
   font-size: 11px;
   color: #2AC3F4;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 5px;
}


/* Hakemiston (liite) selite,nimi */
.tyotilataso_tasonimi_liite
{
   font-weight: normal;
   font-size: 11px;
   color: #999999;
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 5px;
}

.tyotila_liitteen_selite
{
    color: black;
}

/* Ty���tilan tai hakemiston post-linkit */
.tyotilataso_post
{
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 5px;
}

/* Ty���tilan oikean reunan linkit */
.asemoi_oikea_reuna
{
   /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
   font-weight: normal;
   font-size: 11px;
  /* color: rgb(216,117,0);*/
   color: #2AC3F4;
   cursor: pointer;
   margin-top: 0px;
   margin-bottom: 2px;
   position:absolute; right:100px;
}

.tyotila_taustakorostetturivi
{
    background-color: rgb(239,239,239);
}

.tyotila_taustakorostamaton
{
    background-color: white;
}


.popup_layer_51 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  position: absolute;
  color: rgb(0, 0, 0);
  border: 1px solid black;
  width: 33%; /* vied������n max. kolmannes n���yt���n tilasta */
  background-color: #EFEFEF;
  z-index: 51;     
}

.popup_layer_kalenteri {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  position: absolute;
  width: 1%; /* vied������n max. kolmannes n���yt���n tilasta */
  background-color: transparent;
  z-index: 60;     
}

.popup_layer_toiminto {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  position: absolute;
color:#000000;
/*  border: 1px solid black;*/
  width: 400px; /* vied������n max. kolmannes n���yt���n tilasta */
  background-color: #EFEFEF;
-moz-border-radius:5px 5px 5px 5px;
background:url("/projhal/all/gifs/tausta-tyoalue.png") repeat-x scroll 0 0 transparent;
}

.popup_dragbar {
    position: absolute;
    width: 100%;
    padding-top: 1px;
    height: 15px;
    cursor: move;
    text-align: right;
    z-index: 50;  
}

.popup_dragbar_toiminto {
    position: absolute;
    width: 100%;
    padding-top: 1px;
    height: 15px;
/*     cursor: move; */
    text-align: right;
    z-index: 50;  
}


.popup_dragbar a {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 15px;
    z-index: 50;
}

.popup_dragbar_toiminto a {
    position: absolute;
    right: 2px;
    top: 2px;
    height: 15px;
    z-index: 50;
}

.popup_titlebar {
    color: rgb(0,0,0);
    font-weight: bold;
    padding: 3px;
    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: 5px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 50;

}

.popup_content_toiminto {
   
    text-align: left;
    
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 50;

}


.popup_sulje {
    padding: 3px;
/*    background-color: #EFEFEF;*/
    text-align: center;
    font-weight: bold;
    text-align: left;
}

.gantt_grouptext {
  white-space:nowrap;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
    font-weight: bold;
}

.gantt_rowtext {
  white-space:nowrap;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
}

.pagelabel {
    padding-top: 10px;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 12px;    
}

/* jaksojen valinta */

.framesubpage
{
border-collapse: collapse;
margin: 0px 0px 0px 0px;
font-weight: bold;
width: 100%;
}

.currenttab
{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 1px;
border: 1px solid #8e8f91;
height: 20px;
border-bottom: none;
width: 1pt;

}
.othertab{
background-color: rgb(239,239,239);
text-decoration: none;
padding: 3px 0.5em;
margin-left: 1px;
border: 1px solid rgb(190,190,190);
border-bottom: 1px solid #8e8f91;
height: 20px;
color: rgb(0,0,0);
width: 1pt;
/*white-space: nowrap;*/
}

.empty_bottomborder
{
  border-bottom: 1px solid #8e8f91;
  margin: 0px;
  padding: 0px;
  width: 1pt;
}

.dummycell_bottomborder
{
  border-bottom: 1px solid #8e8f91;
  margin: 0pt;
  padding: 0pt;
  width: auto;
}

.tabbed_content
{
	padding: 10px;
	border-left: 1px solid #8e8f91;
	border-right: 1px solid #8e8f91;
	border-bottom: 1px solid #8e8f91;
	border-top: 0px solid #8e8f91;
  width: 1pt;
}
	
.currenttab A:link{
color: rgb(0,0,0);
}
.currenttab A:hover{
color: rgb(0,0,0);
}
.currenttab A:active{
color: rgb(0,0,0);
}
.currenttab A:visited {
        color: rgb(0,0,0);
}



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

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

/* Sisennykset */ 
.puutaso_0 {
    margin: 0px 5px 2px 0px;
}
.puutaso_1 {
    margin: 0px 5px 2px 20px;
}
.puutaso_2 {
    margin: 0px 5px 2px 40px;
}
.puutaso_3 {
    margin: 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 {
/*   font-weight: bold;*/
/*   font-size: 11px;*/
   /*color: #2AC3F4;*/
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 5px;
}

.puu_liite, .puu_ulklinkki, .puu_sislinkki, .puu_teksti {
   font-weight: normal;
   font-size: 11px;
   /*color: #999999;*/
    cursor: pointer;
    margin-top: 0px;
    margin-bottom: 2px;
    margin-left: 10px;
    margin-right: 5px;
    /*margin-left: 10px;*/
}

.harmaannutettu {
   color: #808080;

}

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

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

/* Projektin hakun���yt���lle tulevat korostusv���rit*/
.projektikorostus_sininen
{
	background-color:  rgb(220, 218, 255);
	color: rgb(0,0,0);
  border: 1px solid rgb(142,143,145);
  padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 2px;
 
}

.projektikorostus_punainen
{
	background-color: rgb(255, 218, 219);
	color: rgb(0,0,0);
	border: 1px solid rgb(142,143,145);
	padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 2px;
}

.projektikorostus_keltainen
{
	background-color: rgb(255, 255, 217);
	color: rgb(0,0,0);
  border: 1px solid rgb(142,143,145);
  padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 2px;
}

.projektikorostus_vihrea
{
	background-color: rgb(218, 255, 221);
	color: rgb(0,0,0);
	border: 1px solid rgb(142,143,145);
	padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 2px;
}

.projektikorostus_harmaa
{
	background-color: rgb(246, 246, 246);
	color: rgb(190,190,190);
	border: 1px solid rgb(142,143,145);
	padding-left: 7px;
  padding-top: 0px;
  padding-bottom: 2px;
}


/* sivukohtaisen ohjeen korostustusta varten*/
/*info.infotext_korostus*/
.infotext_korostus
{
   font-weight: bold;
}
/* Popup-layerin tarvitsemat tyylit */






.popup_layer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  position: absolute;
color:#000000;
/*  border: 1px solid black;*/
  width: 400px; /* vied������n max. kolmannes n���yt���n tilasta */
/*  background-color: #EFEFEF;*/
  z-index: 55;     
-moz-border-radius:5px 5px 5px 5px;
background:url("/projhal/all/gifs/tausta-tyoalue.png") repeat-x scroll 0 0 transparent;
}


.popup_layer_header-text {
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
  white-space: nowrap;
  background-color: rgb(246, 246, 246);
  border:1px solid #D2D2D2;
font-weight:bold;
-moz-border-radius:5px 5px 5px 5px;
}

/*.popup_layer_header, .popup_layer_footer {*/
.popup_layer_header {
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
/*  background-image:url("images/ui-bg_highlight-soft_100_ccccff_1x100.png") repeat-x scroll 50% 50% #CCCCFF;*/
/*  background:url("images/ui-bg_highlight-soft_100_ccccff_1x100.png") repeat-x scroll 50% 50% #CCCCFF;*/
/*  background-color: rgb(239, 239, 239);*/
/*background-color: white;*/
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 5px;
  padding-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;  
/*	background:url("/projhal/all/gifs/tausta-tyoalue.png") repeat-x scroll 0 0 transparent;*/
background:url("/projhal/all/jq3/themes/custom-theme/images/ui-bg_highlight-soft_100_ccccff_1x100.png") repeat-x scroll 50% 50% #CCCCFF;
border:1px solid #D2D2D2;
color:#000000;
font-weight:bold;
margin-top:4px;
margin-right:4px;
margin-left:4px;
-moz-border-radius:5px 5px 5px 5px;
}

.popup_layer_body {
/*	background-image: url("/projhal/all/gifs/fi_menulogo");*/
	background-color: white;
  padding: 1em;
/*  border-top: 1px solid rgb(142, 143, 145);*/
/*  border-bottom: 1px solid rgb(142, 143, 145);*/
-moz-border-radius:0px 0px 5px 5px;
}

.popup_layer_footer {
  background-color: white;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 5px;
  padding-bottom: 5px;
/*   padding: 1em;*/
text-align:left;
background:url("/projhal/all/gifs/tausta-tyoalue.png") repeat-x scroll 0 0 transparent;
border:1px solid #D2D2D2;
-moz-border-radius:5px 5px 5px 5px;
}

.popup_layer_header_text {
  margin-right: 20px;
}

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

.popup_layer_body_tp {
  background-color: transparent;
  padding: 1em;
}

.harmaa_rivi
{
    color: rgb(153, 153, 153);
}

.rakenneosatable_otsikko {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   white-space: nowrap;
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 5px;
}

.athead-text {
	padding-left:0;
}

.komennot-inner {
    margin-bottom: 0px;
}

.komennot-outer {
    margin-bottom: 10px;
}

.komennot-common {
    margin-bottom: 10px;
}

.test-display {
  display: ;
}

div.tree div {
 padding-left:16px;
}
div.tree div.parent div {
 display:none;
 cursor:default;
}
div.tree div.parent {
 cursor:pointer !important;
 background:transparent url(plus.gif) no-repeat top left;
}
div.tree div.expanded {
 background:transparent url(minus.gif) no-repeat top left;
}


.expand-table {
  background-color: transparent;
}
.row-expand {
  background-color: transparent;
}
.row-expand-data {
  background-color: transparent;
}

.no-margin {
	margin-left: 0px;
}

.puutable{ 
border-radius: 5px; 
-moz-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5;  
border-style: solid; border-width: 1px; border-color: #d2d2d2; 
}




.text-right {
	text-align:right;
}

.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}

.text-bottom {
	vertical-align: bottom;
}

.text-top {
	vertical-align: top;
}

.text-wrap {
   white-space: normal;
}

.text-nowrap {
   white-space: nowrap;
}

.border-dotted-right {
 border-right: dotted; 
/*  border-right: solid;  */
 border-width: 0px; 
 border-color: lightgrey; 
 }

.margin-right-lov {
  margin-right: 8px;
}
 
.text-red {
  color: red;
}
 
.menu-func-text
{
/* 	color: #222aa0; */
   color:lightblue;	 
   font-size: 12px; 
  font-style: italic;
}

.menu-func-img
{
/*   height: 10px; width: 10px; */
}
  
div.f1 {
	float: left; 
	width: 100%; 
}

span.f1 { 
	display: block; 
	float: left; 
	clear: left; 
	width: 100%; 
}
li { list-style-type: none; }

.statebutt{ 
 display: inline-block; 
  border-style: none; 
  border-width: 0px; 
padding-right: 3em; 
margin-left: 20px;
width: 700px;
}

.statebutton { 
/*   background: #fefffe; */
  cursor: pointer;
  background:#DAFFDD 
  border-color: #808080;
  border-width: 1px;
  border-style: solid;
	border-radius: 5px; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	border-radius: 5;  
  font-size: 14px;
  font-family: Calibri, Arial, Verdana, sans-serif;
/*  white-space: normal;  height: 40px;  width: 200px; */
}

.statebutton:hover {
  background-color: #E0E0E0 !important;
}

.pv-class {
 /* background-color: rgb(255,130,0); */  /* LUKE orange */
     background-color: rgb(0,181,226); 	/* LUKE blue */
}

.sisennys_1{
  padding-left: 30px;
}
.sisennys_2{
  padding-left: 60px;
}
.sisennys_3{
  padding-left: 90px;
}
.sisennys_4{
  padding-left: 120px;
}
.sisennys_5{
  padding-left: 150px;
}
.sisennys_6{
  padding-left: 150px;
}
/*
	rgb(166, 166, 166) - harmaa - Ty�paketti-ryhm� 			HEX #A6A6A6
    suunniteltu - punainen - rgb(255, 0, 0) 				HEX #FF0000 
	tekem�ss� - keltainen - rgb(255, 255, 0) 				HEX #FFFF00
	valmis - vihre� - rgb(146, 208, 80)						HEX #92D050
	rgb(128, 128, 128) - tumman harmaa = projekti-palkki	HEX #808080
*/

.legends {
	margin-top: 0px; 
	margin-left: 0px;
	padding-top: 5px;
}
.legend-div {
	left: 0px; 
	width: 30px;
}
.ryhma-legend {
  height: 5px;
  display: block;
  line-height: 8px;
  color: #FFFFFF;
  text-align: right;
  overflow: hidden;
  border: 1px solid #333333;
  margin-left: 1px;
}
.ryhma-legend_prj {
  background-color: #808080;
}
.ryhma-legend_0 {
  background-color: #A6A6A6;
}
.ryhma-legend_1 {
  background-color: #FF0000;
}
.ryhma-legend_2 {
  background-color: #FFFF00;
}
.ryhma-legend_3 {
  background-color: #92D050;
}
.legend-tbl {
/*   border-style: none;  */
/*   border-width: 0px; */
  cellspacing: 0;
  cellpadding: 0; 
}
.legend-txt {
/*   border-style: none;  */
/*   border-width: 0px; */
	font-style: italic;
	padding-top: 0px; 
	padding-bottom: 0px;	
}
.legend_td {
/* 	background-image: url("/projhal/all/gifs/gnt_cell02.png");	 */
}

.ryhma-txt {
	font-weight: normal;
	font-style: italic;
	font-size: 20px;
}

.ryhma-row {
	padding-top: 20px; 
	padding-bottom: 5px; 
}

.pinkkitausta {
  background-color: rgb(255, 218, 219);
}