/*
body {
	margin: 0px;
	padding: 0px;
	background-color: #f6f6f6;
	background-image: url(images/bodybg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	font-family: verdana;
	font-size: 12px;
	text-align: center;
/*	background-image: url(images/tausta2.jpg);
	background-repeat: repeat-x;
}
*/

/*BODY {
	font: x-small verdana;
	color: black;
				   	'ei	background-repeat: repeat-x;
   					'ei	background-color:#f9fbfb;/*#f3f7f7;/*#ECF4F4;/*#ffffff;
	background-color:#254879;/*#fff;
						'ei	background-image:url('images/tausta.jpg');
   background-repeat: repeat-x;
   margin: 0px;
}*/  

body.tuloste {
	font: x-small tahoma;
   background:#ffffff;
}

/*h1.rsk {
	color: #155AAA !important; /*#a3c643 !important;*/
/*	font-size:26px !important;
	font-weight:normal !important;
	padding:0px !important;
	margin:0px !important;
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	border: none !important;
}  */


div.ylalinkki  {
   text-align:right;
   font-size:8pt;
   color:#A0A0A0;
}

div.ylalinkki a:link {
  text-decoration: none;
}

H1 {
	FONT-FAMILY: verdana;
	COLOR: #404040;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: Bold;
   margin-bottom: 0mm;
	margin-top: 0mm;
}

h2 {
	color: #155AAA; /* #a3c643;*/
	font-size:20pt;
	font-weight:normal;
	/*padding:0px;*/
   padding-top: 5px;
	/*margin:0px;*/
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	color: #155AAA; /* #a3c643;*/
	font-size:18pt;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
   padding-top: 5px;
}

h4 {
	color: #000; /* #155AAA; /* #a3c643;*/
	font-size:12pt;
	font-weight:normal;
   /*font-style:italic;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
   padding-top: 5px;
/*   
	FONT-FAMILY: Tahoma;
	COLOR: #155AAA;/* #303575;
	FONT-SIZE: 13pt;
	FONT-WEIGHT: Bold;
   margin-bottom: 0.5em;
	margin-top: 0.5em;
/*   
	color: #155AAA; /* #a3c643;*/
/*	font-size:24px;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #155AAA; /*#a3c643;*/
}

h5 {
	COLOR: #808080; /*#294b70;*/
   font-size:8pt;
   margin-bottom: 0.5em;
}

h6 {
	color: #155AAA;
	font-size:10pt;
	font-weight:normal;
	font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #155AAA;
}


/*H1 {
	FONT-FAMILY: verdana;
	COLOR: #404040;
	FONT-SIZE: medium;
	FONT-WEIGHT: Bold;
   margin-bottom: 0mm;
	margin-top: 0mm;
}

H2 {
	COLOR: #294b70;
   font-size:12pt;
}
*/

/* Yleinen solu, tekstin koon asettaminen */
TD {
   font-size:8pt;
   font-family:verdana;
}

/*Yläpalkit kaikilla sivuilla*/
table.ylapalkki {
	margin-bottom:5px;
   border-top: #C3D9FF 1px solid;
   border-left: #C3D9FF 1px solid;
   border-bottom: #C3D9FF 1px solid;
   border-right: #C3D9FF 1px solid;
   background: #E8F0F2;
   height:30px;
}

div.navigation * A:link {
  text-decoration: none;
  color: #000000 !important;/* #7791D6; /* #155AAA; /* #639702;*/
}

div.navigation * A:visited {
  text-decoration: none;
  color: #000000 !important;/* #7791D6; /* #155AAA; /* #639702;*/
}

div.navigation * A:hover {
  /*text-decoration: underline;*/
  text-decoration: none;
  color: #000000 !important;/* #7791D6; /* #155AAA; /* #639702;*/
}

div.navigation * A:active {
  text-decoration: none;
  color: #000000 !important;/* #7791D6; /* #155AAA; /* #639702;*/
}

}

/* Linkit alkaa */
A:link {
  text-decoration: none;
  color: #004B94;/* #7791D6; /* #155AAA; /* #639702;*/
}
A:visited {
  text-decoration: none;
  color: #004B94;/* #7791D6; /* #155AAA; /* #639702;*/
}
A:hover {
  /*text-decoration: underline;*/
  text-decoration: none;
  color: #FEB62C;/* #7791D6; /* #155AAA; /* #639702;*/
}
 A:active {
  text-decoration: none;
  color: #004B94;/* #7791D6; /* #155AAA; /* #639702;*/
}
/* Linkit päättyy */

table.koe a:link {

   text-decoration: none;
   color:#004B94;

}

table.koe a:visited {

   text-decoration: none;
   color:#004B94;

}
table.koe a:hover {

   text-decoration: underline;
   color:#004B94;

}
table.koe a:active {

   text-decoration: none;
   color:#004B94;

}

a.valilehtiaktiivinen:link {
	text-decoration: none;
	color:#000000;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
}

a.valilehtiaktiivinen:active {
	text-decoration: none;
	color:#000000;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
}

a.valilehtiaktiivinen:hover {
	text-decoration: none;
   color:#000000;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
}

a.valilehtiaktiivinen:visited {
	text-decoration: none;
   color:#000000;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
}

a.valilehti:link {
	text-decoration: none;
	color:#fff;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
}

a.valilehti:active {
	text-decoration: none;
	color:#000000;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
}

a.valilehti:hover {
	text-decoration: none;
   color:#E5AF12;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
}

a.valilehti:visited {
	text-decoration: none;
   color:#000000;
   font-family: Verdana;
   font-size:8pt;
   letter-spacing:0.1em;
   
}

div.navipalkki {
	color:#5C5C5C;/*#000000;/*#E5AF12;*/
}

div.navipalkki span {
	color:#000000;
}

 /*Sisäänkirjautuminen alkaa*/
table.kirjautuminen {
	border:solid 1px #81AEC8;
   background-color: #e7efff;
}

table.kirjautuminen td {
	FONT-FAMILY: Verdana;
 	font-size: 10pt;
   font: black;
}

table.laki {
	border: solid 1pt #a0a0a0;
   background:#f8f8ea;
   margin:0.5em;
}

table.laki td {
	text-align:center;
   padding:0.5em;
   font-size:xx-small;
}
/* Sisäänkirjautuminen päättyy */

/* Pyöreä menulaatikko2 alkaa */
.menubox2 {
	margin-top:0.5em;
  	background:transparent;
  }
.menubox2 h1, .menubox2 p {
  margin:0 0px;
  }
.menubox2 h1 {
	font-size:100%;
  color:#333;
  border-bottom:1px solid #333;
  }
.menubox2 .b1, .menubox2 .b2, .menubox2 .b3, .menubox2 .b4, .menubox2 .b1b, .menubox2 .b2b, .menubox2 .b3b, .menubox2 .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.menubox2 .b1, .menubox2 .b2, .menubox2 .b3, .menubox2 .b1b, .menubox2 .b2b, .menubox2 .b3b {
  height:1px;
  }
.menubox2 .b2 {
  background:#6FD4FE;
  border-left:1px solid #00C300;
  border-right:1px solid #00C300;
  }
.menubox2 .b3 {
  background:#6FD4FE;
  border-left:1px solid #00C300;
  border-right:1px solid #00C300;
  }
.menubox2 .b4 {
  background:#6FD4FE;
  border-left:1px solid #00C300;
  border-right:1px solid #00C300;
  }
.menubox2 .b4b {
  background:#78CF28;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.menubox2 .b3b {
  background:#78CF28;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.menubox2 .b2b {
  background:#78CF28;
  border-left:1px solid #aaa;
  border-right:1px solid #999;
  }
.menubox2 .b1 {
  margin:0 5px;
  background:#00C300;
  }
.menubox2 .b2, .menubox2 .b2b {
  margin:0 3px;
  border-width:0 2px;
  }
.menubox2 .b3, .menubox2 .b3b {
  margin:0 2px;
  }
.menubox2 .b4, .menubox2 .b4b {
  height:2px; margin:0 1px;
  }
.menubox2 .b1b {
  margin:0 5px; background:#999;
  }
.menubox2 .boxcontent {
  display:block;
  background: #fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  padding:0em;
  }
.menubox2 .titlecontent {
  display:block;
  background:#78CF28;
  font-size:8pt;
  border-top:1px solid #aaa;
  text-align:center;
  padding:0;
  }
.menubox2 .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;
}
/*Pyöreä menulaatikko2 päättyy*/

/* Pyöreä menulaatikko alkaa */
.menubox {
	margin-top:0.5em;
  	background:transparent;
  }
.menubox h1, .menubox p {
  margin:0 0px;
  }
.menubox h1 {
	font-size:100%; 
  color:#333;
  border-bottom:1px solid #333;
  }
.menubox .b1, .menubox .b2, .menubox .b3, .menubox .b4, .menubox .b1b, .menubox .b2b, .menubox .b3b, .menubox .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.menubox .b1, .menubox .b2, .menubox .b3, .menubox .b1b, .menubox .b2b, .menubox .b3b {
  height:1px;
  }
.menubox .b2 {
/* background:#6FD4FE; */
 
/*  background:#8FC3D8; */
  background:#808080; 

  border-left:1px solid #999999;
  border-right:1px solid #999999;
/*
  border-left:1px solid #0078B9;
  border-right:1px solid #0078B9;
*/
  }
.menubox .b3 {
/*  background:#6FD4FE;*/
  background:#808080; 
  
/*
  background:#8FC3D8;

  border-left:1px solid #0078B9; 
  border-right:1px solid #0078B9;
*/  
  border-left:1px solid #999999;
  border-right:1px solid #999999;
  
  }
.menubox .b4 {    
/*  background:#6FD4FE;*/
  background:#808080;
/*
  background:#8FC3D8;
  border-left:1px solid #0078B9; 
  border-right:1px solid #0078B9;
*/  
  border-left:1px solid #999;
  border-right:1px solid #999;
  
  }
.menubox .b4b {
  background: #808080; /*#0078B9;*/ 
  border-left:1px solid #808080; /*#0078B9;*/ 
  border-right:1px solid #808080; /*#0078B9;*/
  }
.menubox .b3b {
  background: #808080; /*#0078B9;*/ 
  border-left:1px solid #808080; /*#0078B9;*/ 
  border-right:1px solid #808080; /*#0078B9;*/
  }
.menubox .b2b {
  background: #808080; /*#0078B9;*/ 
  border-left:1px solid #808080; /*#0078B9;*/ 
  border-right:1px solid #808080; /*#0078B9;*/
  }
.menubox .b1 {
  margin:0 5px; 
  background:#999; /* #0078B9; */
  }
.menubox .b2, .menubox .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.menubox .b3, .menubox .b3b {
  margin:0 2px;
  }
.menubox .b4, .menubox .b4b {
  height:2px; margin:0 1px;
  }
.menubox .b1b {
  margin:0 5px;
  background: #808080; /*#0078B9;*/
  }
.menubox .boxcontent {
  display:block;  
  background: #fff; 
  border-left:1px solid #999;
  border-right:1px solid #999; 
/*  border-left:1px solid #0078b9;  
  border-right:1px solid #0078b9;*/	 
  padding:0em;
  }
  
.menubox .titlecontent {
  display:block;  
  background: #808080; /*#0078B9;#0277b5;*/ 
  text-align:center;
  padding:0;
  }  
  
.menubox .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;
}
/* Pyöreä menulaatikko päättyy */

/* Asiakas tms. luettelo alkaa */
table.luettelo {
	background:#fff;
   font-size:8pt;
}
table.luettelo th {
	font-weight:normal;
	text-align: left;
   /*background:#D3E3F3;/*#E7EFFA;/*#90BBE9;/*#eaeaea;*/ 
   /*background-image:url('images/otsikkopalkkitausta.jpg');
   background-repeat: repeat;*/
   border-bottom:1px solid #c0c0c0;
   font-size:8pt !important;
   font-weight:normal;
   font-family:verdana;
   padding-left:0.5em;
   padding-right:0.5em;
}
table.luettelo th.lotsikko {
	background-color: #fff;/* #e0e0e0;*/
   font-weight:bold;
   color:#404040;
}
table.luettelo th a {
   font-weight:normal;
   display:block;
   font-family:verdana;
}
table.luettelo tr td a {
   display:block;
   width:100%;
}
table.luettelo th a:visited {
   color:#404040;
}
table.luettelo th a:hover {
   color:#404040;
}
table.luettelo th a:active {
   color:#404040;
}
table.luettelo th a:link {
   color:#404040;
}
table.luettelo tr td {
	font-weight:normal;
   background:#ffffff;
}
table.luettelo tr.hover td {
 	xbackground:#c5d8f5;
}
/* Asiakas tms. luettelo päättyy */


/* Lista alkaa*/
table.lista tr.hover td {
 	xbackground:#c5d8f5;
}
table.lista tr td {
	font-weight:normal;
   background:#ffffff;
}
table.lista h2 {
 	border-bottom:1px #a0a0a0 solid;
   font-size:100%;
   padding:0;
   margin:0;
   padding-top:0.5em;
}
/* Lista päättyy */


/* Asiakaspikahaku alkaa */
div.suggest {
   background:#ffffff;
   border:solid 1px #404040;
   padding:0px;
}
div.suggest * {
	font-weight: bold;
   font-family: verdana;
   border:none;
}
div.suggest2 {
   background:#e0e0e0;
   border:solid 1px #404040;
   border-left:solid 1px #a0a0a0;
   border-top:solid 1px #a0a0a0;
   padding:0px;
}
div.suggest2 table td {
	background:#ffffff;
}
div.suggest2 table th {
	background-color:#f0f0f0;
   text-align:left;
   font-weight:normal;
   font-size:8pt;
}
div.suggest2 * a {
	width:100%;
   display:block;
}
div.suggest2 * {
   font-family: verdana;
}
div.suggest2 table tr.hover td {
 	background:#c5d8f5;
}
div.suggest * {
	font-weight: bold;
   font-family: verdana;
   border:none;
}
/* Asiakaspikahaku päättyy */


/* Muokkaustilan tyylit alkaa*/
div.perusformi {
	background-color:#f0f0f0;
   border:1px solid #a0a0a0;
   padding:0;

}
div.perusformi h1 {
	height:25px;
   background-color: #E5E5E5;
   background-image: url(images/taustakoaharmaa.gif);
   border-bottom: #cdcabb 1px solid;
   border-right: #cdcabb 1px solid;
   left-padding:2px;
   color:white;
   vertical-align:bottom;
}
div.perusformi table {
	margin-left:1.5em;
   margin-right:1.5em;
   margin-bottom:1.5em;
   margin-top:0;
}
div.perusformi table th {
	text-align:left;
   font-weight:normal;
   font-size:8pt;
}
div.lomakealapalkki {
	background-color:#c0c0c0;
   padding:0.5em;
}
div.vasen {
	float:left;
}
div.oikea {
	float:right;
   padding-right:0.5em;
}
div.katko {
	clear:both;
}
td.valiotsikko {
   padding-top:2em;
   padding-bottom:0.5em;
   color:#606060;
}
/* Muokkaustilan tyylit loppuu */

/* Tapahtuman ajankäyttö */
div.perusformi table.ajankaytto {
	margin:0;
   margin-top:0;
}

/* Tallentamisen jälkeinen muutosilmoitus */
div.muutokset {
	width:30em;
   margin:1em;
   margin-top:0;
	border:none;
   background-color:#ffeebf;
   border: solid 1px #FAD163;
   padding:5px;
  	font-size:10pt;
}
div.muutokset ul {
	margin:0;
   padding:0;
}
div.muutokset li {
   margin:0.5em;
	margin-left:1.5em;
}
/* Tallentamisen jälkeinen muutosilmoitus */


/* Luettelossa ei ole kohteita. */
td.eikohteita {
   color:#a0a0a0;
   vertical-align: top;
}

/* Käyttäjien yhteystietojen muokkauksessa */
td.lomakevaliotsikko {
	/*background: #f0f0f0;*/
	padding-top:2.5em;
   padding-bottom:1em;
   color:#606060;
   font-weight: bold;
}

/* Tapahtuman muokkaustila alkaa */
div.perusformi {
	background-color:#f0f0f0;
   border:1px solid #a0a0a0;
   padding:0;

}
th.valiotsikko {
	text-align:left;
	font-size:70%;
	background-color: #eaeaea;
   font-weight:bold;
   color:#404040;
   font-family:verdana;
   height:20pt;
   border-bottom:2px solid #e0e0e0;
   padding-left:0.5em;
   padding-right:0.5em;
   margin-left:0em;
   margin-right:0em;
}
/* Tapahtuman muokkaustila loppuu*/

/* TableTextareaUus2 alkaa */
.labelsolu_top {
	/*background: #f0f0f0;*/
	text-align: right;
   vertical-align: top;
   padding-bottom:10px;
   padding-top:10px;
}
.inputsolu {
	/*background: #f0f0f0;*/
   vertical-align: top;
}
.inputsolu textarea {
	font-size:8pt;
}
.inputsolu_bottom {
	background: #f0f0f0;
   vertical-align: bottom;
   text-align: left;
}
/* TableTextareaUus2 loppuu*/


/* Memokentta */
td.lomaketdotsikko {
	vertical-align:top;
   text-align:right;
}

.uusilomakerutiinisolu {
   font: 8pt verdana;
}

td.lomaketdsolu {
	font-size:8pt;
}

/* Memokentta2*/
td.lomaketdotsikko2 {
	vertical-align:top;
	background:#f0f0f0;
   text-align:left;
}

/* Ohje */
.ohje2 {
	background: #FFFFE1;
	border: solid 1px #C6C6FF;
	font: 8pt verdana;
   padding: 1mm;
   width:10cm;
   display:none;
}


.labelsolu {
	/*background: #f0f0f0;*/
	text-align: right;
   vertical-align: top;
   padding-bottom:10px;
   font-size:8pt;
}
/* Asiakaskortin muokkaus loppuu */


/* Infobox3 */

.infobox {
	margin-top:0.5em;
  	background:transparent;
  }

.infobox .boxcontent .h1 {
	font-weight:bold;
   font-size:100%;
   font-color:red;
}
.infobox p {
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  }

.infobox .b1, .infobox .b2, .infobox .b3, .infobox .b4, .infobox .b1b, .infobox .b2b, .infobox .b3b, .infobox .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.infobox .b1, .infobox .b2, .infobox .b3, .infobox .b1b, .infobox .b2b, .infobox .b3b {
  height:1px;
  }
.infobox .b2 {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.infobox .b3 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.infobox .b4 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.infobox .b4b {
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.infobox .b3b {
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.infobox .b2b {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.infobox .b1 {
  margin:0 2px;
  background:#fad163;
  }
.infobox .b2, .infobox .b2b {
	margin:0 1px;
  	border-width:0 1px;
  }
.infobox .b3, .infobox .b3b {
  margin:0 2px;
  }
.infobox .b4, .infobox .b4b {
  height:2px; margin:0 1px;
  }
.infobox .b1b {
	margin:0 2px;
  	background:#fad163;
  }
.infobox .boxcontent {
  display:block;
  background:#ffeebf;
  background-image:url('images/info_16x16.gif');
  background-repeat: no-repeat;
  background-position:10 0;
  padding-left:36px;
  padding-right:10px;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }

.infobox ul {

}
.infobox li {
	padding:0;
	padding-bottom:0.5em;
   margin:0;
}

.infobox li span {
	background-image:url('images/ok.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox li.error span {
	font-weight:bold;
	color:red;
	background-image:url('images/error16.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox ol {
	padding-left: 36px;
   margin:0;
}

.infobox .titlecontent {
  display:block;
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
  }

.infobox .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;

}

/* Infobox3 */

div.kappale {
	width:35em;
   line-height:1.22;
}

div.tiedote h1 {
	padding-top:0.2em;
   color:navy;
}

div.ingressi {
	width:35em;
   line-height:1.22;
   padding-bottom:1em;
   font-family:Arial;
   font-weight:bold;
   color:#404040;
}

div.leipateksti {
	width:35em;
   line-height:1.22;
   font-family:Arial;
}

div.tiedote {
	padding:1em 3em;
}

div.tiedote h1 {
	margin:0;
}

div.lainaus {
	border:#e0e0e0 1px solid;
   padding:1em;
   background:#fafafa;
}

.ohjebox {
	margin-top:0.5em;
  	background:transparent;
  }

.ohjebox .boxcontent .h1 {
	font-weight:bold;
   font-size:100%;
   font-color:red;
}
.ohjebox p {
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  }

.ohjebox .b1, .ohjebox .b2, .ohjebox .b3, .ohjebox .b4, .ohjebox .b1b, .ohjebox .b2b, .ohjebox .b3b, .ohjebox .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.ohjebox .b1, .ohjebox .b2, .ohjebox .b3, .ohjebox .b1b, .ohjebox .b2b, .ohjebox .b3b {
  height:1px;
  }
.ohjebox .b2 {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.ohjebox .b3 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.ohjebox .b4 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.ohjebox .b4b {
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.ohjebox .b3b {
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.ohjebox .b2b {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
}
.ohjebox .b1 {
  margin:0 2px;
  background:#fad163;
  }
.ohjebox .b2, .ohjebox .b2b {
	margin:0 1px;
  	border-width:0 1px;
}
.ohjebox .b3, .ohjebox .b3b {
  margin:0 2px;
}
.ohjebox .b4, .ohjebox .b4b {
  height:2px; margin:0 1px;
}
.ohjebox .b1b {
	margin:0 2px;
  	background:#fad163;
}
.ohjebox .boxcontent {
  display:block;
  background:#ffeebf;
  padding:0 0.5em;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.ohjebox ul {

}
.ohjebox li {
	padding:0;
	padding-bottom:0.5em;
   margin:0;
}
.ohjebox li span {
	background-image:url('images/ok.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}
.ohjebox li.error span {
	font-weight:bold;
	color:red;
	background-image:url('images/error16.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}
.ohjebox ol {
	padding-left: 36px;
   margin:0;
}
.ohjebox .titlecontent {
  display:block;
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
}
.ohjebox .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;

}
/* Ohjebox päättyy */


/* Pyöreä valilehti alkaa */
.boxvlehti {
      margin-top:0;
  		margin-right:0;
      background:transparent;
 }
.boxvlehti h1, .boxvlehti p {
 margin:0 10px;
 }
.boxvlehti h1 {
 font-size:1.5em;
 color:#aaa;
 }
.boxvlehti p {
 padding-bottom:0.5em;
 }
.boxvlehti .b1, .boxvlehti .b2, .boxvlehti .b3, .boxvlehti .b4,
.boxvlehti .b1b, .boxvlehti .b2b, .boxvlehti .b3b, .boxvlehti .b4b {
 display:block;
 overflow:hidden;
 font-size:1px;
 }
.boxvlehti .b1, .boxvlehti .b2, .boxvlehti .b3, .boxvlehti .b1b,
.boxvlehti .b2b, .boxvlehti .b3b {
 height:1px;
 }
.boxvlehti .b1 {
 margin:0 5px;
 /*background:#ddd;*/
 }
.boxvlehti .b2 {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #eee;*/
 margin:0 3px;
 border-width:0 2px;
 }
.boxvlehti .b3 {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;*/
 margin:0 2px;
 }
.boxvlehti .b4 {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #aaa;*/
 height:2px; margin:0 1px;
 }

.boxvlehti .b1b {
 margin:0 5px;
 /*background:#ddd;*/
 }
.boxvlehti .b2b {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #eee;*/
 margin:0 3px;
 border-width:0 2px;
 }
.boxvlehti .b3b {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;*/
 margin:0 2px;
 }
.boxvlehti .b4b {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #aaa;*/
 height:2px; margin:0 1px;
 }


.boxvlehti .titlecontent {
    display:block;
    text-align:left;
    padding-bottom:0.2em;
    padding-left:1em;
    padding-right:1em;
    background:#9BBBED;/*#00C300;*/



 }

.boxvlehti .boxcontent {
   padding-left:1em;
   padding-right:1em;
   background:#9BBBED;

}



/* Error box alkaa */
.errorbox {
	margin-top:0.5em;
  	background:transparent;
  }

.errorbox .boxcontent .h1 {
	font-weight:bold;
   font-size:100%;
   font-color:red;
}
.errorbox p {
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  }

.errorbox p.tekninen {
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  font-family: Courier new;
  margin-left:1em;
  padding-left:0.5em;
  border-left:2px solid #d0d0d0;
  }

.errorbox .b1, .errorbox .b2, .errorbox .b3, .errorbox .b4, .errorbox .b1b, .errorbox .b2b, .errorbox .b3b, .errorbox .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.errorbox .b1, .errorbox .b2, .errorbox .b3, .errorbox .b1b, .errorbox .b2b, .errorbox .b3b {
  height:1px;
  }
.errorbox .b2 {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.errorbox .b3 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.errorbox .b4 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.errorbox .b4b {
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.errorbox .b3b {
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.errorbox .b2b {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.errorbox .b1 {
  margin:0 2px;
  background:#fad163;
  }
.errorbox .b2, .errorbox .b2b {
	margin:0 1px;
  	border-width:0 1px;
  }
.errorbox .b3, .errorbox .b3b {
  margin:0 2px;
  }
.errorbox .b4, .errorbox .b4b {
  height:2px; margin:0 1px;
  }
.errorbox .b1b {
	margin:0 2px;
  	background:#fad163;
  }
.errorbox .boxcontent {
  display:block;
  background:#ffeebf;
  background-image:url('images/info_16x16.gif');
  background-repeat: no-repeat;
  background-position:10 0;
  padding-left:36px;
  padding-right:10px;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }

.errorbox ul {

}
.errorbox li {
	padding:0;
	padding-bottom:0.5em;
   margin:0;
}

.errorbox li span {
	background-image:url('images/ok.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.errorbox li.error span {
	font-weight:bold;
	color:red;
	background-image:url('images/error16.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.errorbox ol {
	padding-left: 36px;
   margin:0;
}

.errorbox .titlecontent {
  display:block;
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
  }

.errorbox .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;

}

/* Error box päättyy */

/* Lisäteksti alkaa */
div.lisateksti {
	display:none;
   margin-top:0.5em;
   border:#e0e0e0 1px solid;
   padding:0.5em;
   background:#fafafa;
}
/* Lisäteksti päättyy */


/* Rekisteriseloste alkaa */
td.raporttiotsikko {
   font-size:10pt;
   font-family:Verdana;
   color:#404040;
   vertical-align:top;
}
td.raporttitieto {
   font-size:10pt;
   font-family:Verdana;
}
td.raporttikappale {
	font-size:10pt;
	width:35em;
   line-height:1.33;
   padding-left:6em;
   padding-bottom:1em;
}
/* Rekisteriseloste päättyy */

@media print {
	body { background:#ffffff; }
}
@media screen {
}

div.tuloste {
   background-color:#ffffff;
   border-left:solid 1px #a0a0a0;
   border-top:solid 1px #a0a0a0;
   border-right:solid 1px #404040;
   border-bottom:solid 1px #404040;
   padding:20px;
}

table.harmaapalkki {
	margin-top:0.5em;
	margin-bottom:0.5em;
   border:1px #c0c0c0 solid;
   background:#e0e0e0;
}

div.varoitus {
	background-image: url(images/warning.gif);
	background-repeat: no-repeat;
	background-position: 5 7;
	font-weight:normal;
	padding:0.5em;
	padding-left:32px;
	background-color: #ffffe1;
	line-height:1.33em;
}

div.varoitus a {
	font-weight:normal;
	text-decoration:underline;
}

div.varoitus a:hover {
	font-weight:normal;
	text-decoration:none;
}

select.suggestselect {
	font-weight:normal;
	border:none;
}

table.paataulu {
   width:50em;
   background:#ffffff;
   border:solid #fff 0.5em;
}

td.alapalkki {
   text-align:center;
   border-left:solid 1px #3b63a1;
   border-right:solid 1px #3b63a1;
}

td.menupalkki {
   text-align:center;
}

/* Asiakaskortti2 alkaa */
.kortti2 {
	margin-top:0.5em;
  	background:transparent;
  }
.kortti2 h1, .kortti2 p {
  margin:0 10px;
  }
.kortti2 h1 {
  font-size:1.5em;
  color:#3b63a1;
  }
.kortti2 p {
  padding-bottom:0.5em;
  }
.kortti2 .b1, .kortti2 .b2, .kortti2 .b3, .kortti2 .b4, .kortti2 .b1b, .kortti2 .b2b, .kortti2 .b3b, .kortti2 .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.kortti2 .b1, .kortti2 .b2, .kortti2 .b3, .kortti2 .b1b, .kortti2 .b2b, .kortti2 .b3b {
  height:1px;
  }
.kortti2 .b2 {
  background:#4269a9;
  border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;
  }
.kortti2 .b3 {
  background:#4269a9;
  border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;
  }
.kortti2 .b4 {
  background:#4269a9;
  border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;
  }
.kortti2 .b4b {
  background:#4269a9;
  border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;
  }
.kortti2 .b3b {
  background:#4269a9;
  border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;
  }
.kortti2 .b2b {
  background:#4269a9;
  border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;
  }
.kortti2 .b1 {
  margin:0 5px;
  background:#3b63a1;
  }
.kortti2 .b2, .kortti2 .b2b {
  margin:0 3px;
  border-width:0 2px;
  }
.kortti2 .b3, .kortti2 .b3b {
  margin:0 2px;
  }
.kortti2 .b4, .kortti2 .b4b {
  height:2px; margin:0 1px;
  }
.kortti2 .b1b {
  margin:0 5px; background:#3b63a1;
  }
.kortti2 .boxcontent {
  display:block;
  background:#4269a9;
  background-image:url(images/navbg.gif);
  border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;
  padding-left:0.5em;
  padding-right:0.5em;
  color:#fff;
  font-weight:bold;
  font-family:tahoma;
  padding-bottom:0.5em;
  }

.kortti2 .boxcontent a {
  color:#fff;
  }


.kortti2 .boxcontent span.alapalkki {
  display:block;
  color:#fff;
  font-weight:normal;
  font-family:tahoma;
  text-align:left;
  }

.kortti2 .vali b {
	display : block;
   color : #404040;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;
}

div.sisus {
   padding:1em;
}

table.luettelo2 {
/*	background:#f0f0f0;
   border-bottom: solid 1px #a0a0a0;
   border-right: solid 1px #a0a0a0;*/
}
table.luettelo2 th {
	font-weight:normal;
	text-align: left;
   background:#eaeaea;
   font-size:70%;
   font-weight:normal;
   font-family:verdana;
   padding-left:0.5em;
   padding-right:0.5em;
}
table.luettelo2 th.lotsikko {
	background-color: #e0e0e0;
   font-weight:bold;
   color:#404040;
}
table.luettelo2 th a {
   font-weight:normal;
   display:block;
   font-family:verdana;
}
table.luettelo2 tr td a {
   display:block;
   width:100%;
}
table.luettelo2 th a:visited {
   color:#404040;
}
table.luettelo2 th a:hover {
   color:#404040;
}
table.luettelo2 th a:active {
   color:#404040;
}
table.luettelo2 th a:link {
   color:#404040;
}
table.luettelo2 tr td {
	font-weight:normal;
   background:#ffffff;
   border-left:solid 1px #e0e0e0;
   border-top:solid 1px #e0e0e0;
}
table.luettelo2 tr.hover td {
 	background:#c5d8f5;
}
/* Asiakas tms. luettelo2 päättyy */

div.alapalkki {
  display: block;
  background: #0078b9;
  /*border-left:1px solid #3b63a1;
  border-right:1px solid #3b63a1;*/
  padding-left:0.5em;
  padding-right:0.5em;
  color:#fff;
  font-weight:normal;
  font-family:tahoma;
  padding-bottom:0.5em;
}

div.alapalkki table {
  color:#fff;
  font-weight:normal;
  font-family:tahoma;
}

.infobox3 {
	margin-top:0.5em;
  	background:transparent;
   display:inline;
  }

.infobox3 .boxcontent .h1 {
	font-weight:bold;
   font-size:100%;
   font-color:red;
}
.infobox3 p {
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  }

.infobox3 .b1, .infobox3 .b2, .infobox3 .b3, .infobox3 .b4, .infobox3 .b1b, .infobox3 .b2b, .infobox3 .b3b, .infobox3 .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.infobox3 .b1, .infobox3 .b2, .infobox3 .b3, .infobox3 .b1b, .infobox3 .b2b, .infobox3 .b3b {
  height:1px;
  }
.infobox3 .b2 {
  background:#aae0f9;
  border-left:1px solid #29c3f4;
  border-right:1px solid #29c3f4;
  }
.infobox3 .b3 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.infobox3 .b4 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.infobox3 .b4b {
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.infobox3 .b3b {
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.infobox3 .b2b {
  background:#aae0f9;
  border-left:1px solid #29c3f4;
  border-right:1px solid #29c3f4;
  }
.infobox3 .b1 {
  margin:0 2px;
  background:#29c3f4;
  }
.infobox3 .b2, .infobox3 .b2b {
	margin:0 1px;
  	border-width:0 1px;
  }
.infobox3 .b3, .infobox3 .b3b {
  margin:0 2px;
  }
.infobox3 .b4, .infobox3 .b4b {
  height:2px; margin:0 1px;
  }
.infobox3 .b1b {
	margin:0 2px;
  	background:#29c3f4;
  }
.infobox3 .boxcontent {
  display:block;
  background:#B5E7FF;
  padding-left:10px;
  padding-right:10px;
  border-left:1px solid #29c3f4;
  border-right:1px solid #29c3f4;
  }

.infobox3 ul {

}
.infobox3 li {
	padding:0;
	padding-bottom:0.5em;
   margin:0;
}

.infobox3 li span {
	background-image:url('images/ok.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox3 li.error span {
	font-weight:bold;
	color:red;
	background-image:url('images/error16.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox3 ol {
	padding-left: 36px;
   margin:0;
}

.infobox3 .titlecontent {
  display:block;
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
  }

.infobox3 .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;

}

.kohdeotsikko1 {
	background-color:#eee;
}

.kohdeotsikko {
	padding-right:3em;
/*	padding-right:50px;
'   background-color:#E8F0F2;*/
}

/* Pyöreä menulaatikko alkaa */
.menubox2 {
	margin-top:0.5em;
  	background:transparent;
  }
.menubox2 h1, .menubox2 p {
  margin:0 0px;
  }
.menubox2 h1 {
	font-size:100%;
  color:#333;
  border-bottom:1px solid #333;
  }
.menubox2 p {
  padding-bottom:0.5em;
  }
.menubox2 .b1, .menubox2 .b2, .menubox2 .b3, .menubox2 .b4, .menubox2 .b1b, .menubox2 .b2b, .menubox2 .b3b, .menubox2 .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.menubox2 .b1, .menubox2 .b2, .menubox2 .b3, .menubox2 .b1b, .menubox2 .b2b, .menubox2 .b3b {
  height:1px;
  }
.menubox2 .b2 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #eee;
  }
.menubox2 .b3 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.menubox2 .b4 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.menubox2 .b4b {
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.menubox2 .b3b {
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.menubox2 .b2b {
  background:#fff;
  border-left:1px solid #aaa;
  border-right:1px solid #999;
  }
.menubox2 .b1 {
  margin:0 5px;
  background:#ddd;
  }
.menubox2 .b2, .menubox2 .b2b {
  margin:0 3px;
  border-width:0 2px;
  }
.menubox2 .b3, .menubox2 .b3b {
  margin:0 2px;
  }
.menubox2 .b4, .menubox2 .b4b {
  height:2px; margin:0 1px;
  }
.menubox2 .b1b {
  margin:0 5px; background:#999;
  }
.menubox2 .boxcontent {
  display:block;
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  padding:0.5em;
  }

.menubox2 .titlecontent {
  display:block;
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
  }

.menubox2 .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;
}
/* Pyöreä menulaatikko päättyy */

/* Infobox3 */

.infobox2 {
	margin-top:0.5em;
  	background:transparent;
  }

.infobox2 .boxcontent .h1 {
	font-weight:bold;
   font-size:100%;
   font-color:red;
}
.infobox2 p {
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  }

.infobox2 .b1, .infobox2 .b2, .infobox2 .b3, .infobox2 .b4, .infobox2 .b1b, .infobox2 .b2b, .infobox2 .b3b, .infobox2 .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.infobox2 .b1, .infobox2 .b2, .infobox2 .b3, .infobox2 .b1b, .infobox2 .b2b, .infobox2 .b3b {
  height:1px;
  }
.infobox2 .b2 {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.infobox2 .b3 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.infobox2 .b4 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.infobox2 .b4b {
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.infobox2 .b3b {
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.infobox2 .b2b {
  background:#ffeebf;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.infobox2 .b1 {
  margin:0 2px;
  background:#fad163;
  }
.infobox2 .b2, .infobox2 .b2b {
	margin:0 1px;
  	border-width:0 1px;
  }
.infobox2 .b3, .infobox2 .b3b {
  margin:0 2px;
  }
.infobox2 .b4, .infobox2 .b4b {
  height:2px; margin:0 1px;
  }
.infobox2 .b1b {
	margin:0 2px;
  	background:#fad163;
  }
.infobox2 .boxcontent {
  display:block;
  background:#ffeebf;
  padding-right:10px;
  padding-left:10px;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }

.infobox2 ul {

}
.infobox2 li {
	padding:0;
	padding-bottom:0.5em;
   margin:0;
}

.infobox2 li span {
	background-image:url('images/ok.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox2 li.error span {
	font-weight:bold;
	color:red;
	background-image:url('images/error16.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox2 ol {
	padding-left: 36px;
   margin:0;
}

.infobox2 .titlecontent {
  display:block;
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
  }

.infobox2 .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;

}

/* valikkkobox */

.valikkobox {
	margin-top:0.5em;
  	background:transparent;
  }

.valikkobox .boxcontent .h1 {
	font-weight:bold;
   font-size:100%;
   font-color:red;
}
.valikkobox p {
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  }

.valikkobox .b1, .valikkobox .b2, .valikkobox .b3, .valikkobox .b4, .valikkobox .b1b, .valikkobox .b2b, .valikkobox .b3b, .valikkobox .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.valikkobox .b1, .valikkobox .b2, .valikkobox .b3, .valikkobox .b1b, .valikkobox .b2b, .valikkobox .b3b {
  height:1px;
  }
.valikkobox .b2 {
  background:#f4f4f4;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.valikkobox .b3 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.valikkobox .b4 {
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.valikkobox .b4b {
  background:#fff;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.valikkobox .b3b {
  background:#fff;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.valikkobox .b2b {
  background:#f4f4f4;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
}
.valikkobox .b1 {
  margin:0 2px;
  background:#fad163;
  }
.valikkobox .b2, .valikkobox .b2b {
	margin:0 1px;
  	border-width:0 1px;
}
.valikkobox .b3, .valikkobox .b3b {
  margin:0 2px;
}
.valikkobox .b4, .valikkobox .b4b {
  height:2px; margin:0 1px;
}
.valikkobox .b1b {
	margin:0 2px;
  	background:#fad163;
}
.valikkobox .boxcontent {
  display:block;
  background:#f4f4f4;
  padding:0 0.5em;
  border-left:1px solid #2a4a70;
  border-right:1px solid #2a4a70;
  }
.valikkobox ul {

}
.valikkobox li {
	padding:0;
	padding-bottom:0.5em;
   margin:0;
}
.valikkobox li span {
	background-image:url('images/ok.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}
.valikkobox li.error span {
	font-weight:bold;
	color:red;
	background-image:url('images/error16.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}
.valikkobox ol {
	padding-left: 36px;
   margin:0;
}
.valikkobox .titlecontent {
  display:block;
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
}
.valikkobox .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;

}

. valikkobox a {
	font-size:10pt;
}

/* valikkobox päättyy */

.boxmenu {
	margin-top:0.5em;
  	background:transparent;
  }

.boxmenu p {
  padding:1em;
}

.boxmenu .b1, .boxmenu .b2, .boxmenu .b1b, .boxmenu .b2b {
  display:block;
  overflow:hidden;
  font-size:1px;
  height:1px;
  }

.boxmenu .b1 {
  	margin:0 2px;
}
.boxmenu .b2, .boxmenu .b2b {
	margin:0 1px;
  	border-width:0 1px;
}
.boxmenu .b1b {
	margin:0 2px;
}
.boxmenu .boxcontent {
  	display:block;
	padding:0.2em;
  	padding-left:0.5em;
}

.boxmenu p {
 padding:0.5em;
}

/* valikkobox päättyy */
.box2 {
	margin-top:0.5em;
  	background:transparent;
  }

.box2 p {
  padding:1em;
}

.box2 .b1, .box2 .b2, .box2 .b1b, .box2 .b2b {
  display:block;
  overflow:hidden;
  font-size:1px;
  height:1px;
  }

.box2 .b1 {
  margin:0 2px;
}
.box2 .b2, .box2 .b2b {
	margin:0 1px;
  	border-width:0 1px;
  }
.box2 .b1b {
	margin:0 2px;
}
.box2 .boxcontent {
  	display:block;
	padding:0.2em;
  	padding-left:0.5em;
}

.box2 p {
 padding:0.5em;
}

p.valikko {
/*	line-height:2em;*/
}

p.valikko div {
	padding-top:5em;
}
/* Linkit alkaa */
p.valikko A {
/*   margin:0.5em;*/
   font-size:9pt;
}

p.valikko A:link {
  text-decoration: none;
  color: #336699;
}
p.valikko A:visited {
  text-decoration: none;
  color: #336699;
}
p.valikko A:hover {
  text-decoration: underline;
  color: #CF9F43;
  background-color: #navy;
}
p.valikko  A:active {
  text-decoration: underline;
  color: #336699;
  background: #navy;
}

p.kuvateksti {
	margin-bottom:1em;
   font-size:8pt;
   padding-top:0.5em;
}

table.rutiinit th {
	font-weight:normal;
	font-size:8pt;
   text-align:left;
}

.titlecontent table tr td {
  font-size:7pt;
  text-align:center;
}

ol {
margin-left:2em;
}

div.navi a:link {
/*	color: #e2f1fc;*/
	color: #fff;
	text-decoration:none;
}
div.navi a:visited {
	color: #fff;
	text-decoration:none;
}
div.navi a:hover {
	color: white;
	text-decoration:underline;
}
div.navi a:active {
/*#5ec7fd*/
	color: #fff;
	text-decoration:underline;
}

table.luettelo3 {
/*	background:#ffe0e0;*/
/*   border-bottom: solid 1px #a0a0a0;
   border-right: solid 1px #a0a0a0;*/
}
table.luettelo3 th {
	font-weight:normal;
	text-align: left;
   background:#eaeaea;
   font-size:70%;
   font-weight:normal;
   font-family:verdana;
   padding-left:0.5em;
   padding-right:0.5em;
}
table.luettelo3 th.lotsikko {
	background-color: #e0e0e0;
   font-weight:bold;
   color:#404040;
}
table.luettelo3 th a {
   font-weight:normal;
   display:block;
   font-family:verdana;
}
table.luettelo3 tr td a {
   display:block;
   width:100%;
}
table.luettelo3 th a:visited {
   color:#404040;
}
table.luettelo3 th a:hover {
   color:#404040;
}
table.luettelo3 th a:active {
   color:#404040;
}
table.luettelo3 th a:link {
   color:#404040;
}
table.luettelo3 tr td {
	font-weight:normal;
/*   background:#ffffff;*/
   font-size:8pt;
/*
   border-left:solid 1px #e0e0e0;
   border-top:solid 1px #e0e0e0;*/
}
table.luettelo3 tr.hover td {
 	background:#fff; /*#c5d8f5;*/
}

table.raportti {
   font-size:10pt;
}
table.raportti th {
	font-weight:normal;
	text-align: left;
   font-weight:normal;
   font-family:verdana;
   padding-left:0.5em;
   padding-right:0.5em;
}

.boxYllapito {
	margin-top:0.5em;
  	background:transparent; 
  }
  
.boxYllapito p {
  padding:1em;
}

.boxYllapito .b1, .boxYllapito .b2, .boxYllapito .b1b, .boxYllapito .b2b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  height:1px;
  }

.boxYllapito .b1 {
  margin:0 2px;
}
.boxYllapito .b2, .boxYllapito .b2b {
	margin:0 1px; 
  	border-width:0 1px; 
  }
.boxYllapito .b1b {
	margin:0 2px; 
}
.boxYllapito .boxcontentYllapito {
  	display:block;
	padding:0.2em; 
  	padding-left:0.5em;
}

.boxYllapito p {
 padding:0.5em;
}

table.yllapito {
	border: solid 2px #D0D0A0;
   background: #f0f0e0;
}

table.yllapito td {
	padding-right:1em;
   padding-left:1em;
}

table.yllapito th {
	font-weight:normal;
	font-size:8pt;
   text-align:left;
}

table.yllapitoilmoita {
   background: #fff;
}

table.yllapitoilmoita td {
	padding-right:1em;
   padding-left:1em;
}

table.yllapitoilmoita th {
	font-weight:normal;
	font-size:8pt;
   text-align:left;
}

table.ohjausyllapito {
	border: solid 2px #D0D0A0;
   background: #f0f0e0;
}

table.ohjausyllapito th {
	font-weight:normal;
	font-size:8pt;
   text-align:left;
}

/* Tallennusilmoitus alkaa */
div.infomuutokset {
	font-weight:normal;
   display:none;
   border:1px solid #fad163;
	background: #ffeebf;
}

div.infocontent {
	display:block;
  	font-size:8pt;
  	font-weight:bold;  
  	background:#fad163; 
  	padding-left:10px;
  	padding-right:10px;
  	border-left:1px solid #fad163;
  	border-right:1px solid #fad163;
  	padding-top:2px;
  	padding-bottom:2px; 
}
/* Tallennusilmoitus päättyy */ 

div#valikko {
	float: left;
	text-align: left;
	width: 159px;
	padding-top: 4px;
	padding-bottom: 255px;
	background-image: url(images/valikko_loppu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#valikko ul { padding: 0px; margin: 0px; }

#valikko ul li {
	list-style-type: none;
	border: solid 1px white; border-width: 0px 0px 1px 0px;
	padding: 0px; margin: 0px;
}

#valikko ul li a {
	display: block;
	margin: 0px;
	padding-top: 9px; padding-bottom: 10px; padding-left: 6px; 
	background-color: #66acd0;
	background-image: url(images/valikko_nappi.gif);
	background-position: bottom; background-repeat: repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

#valikko ul li a.aktiivinen, #valikko ul li a:hover { background-image: url(images/valikko_aktiivinen.gif); }
#valikko ul li a:link, #valikko ul li a:visited { color: white; text-decoration: none; }
#valikko ul ul { margin-top: 8px; margin-bottom: 8px; }
#valikko ul ul li { background: none; padding: 0px; padding-left: 0px; font-weight: normal; }
#valikko ul ul ul { margin-top: 0px; margin-bottom: 8px; }
#valikko ul ul ul li { background: none; padding: 0px; padding-left: 10px; font-weight: normal; }
#valikko ul ul ul ul { margin-top: 0px; margin-bottom: 8px; }
#valikko ul ul ul ul li { background: none; padding: 0px; padding-left: 20px; font-weight: normal; }

#valikko ul ul li a {
	background: none; font-weight: normal;
	font-size: 10px;
	color: #777777;
	line-height: 17px;

}

#valikko ul ul li a:link, #valikko ul ul li a:visited {
	color: #777777;
	text-transform: none;
	padding: 0px;
	padding-left: 5px;
}

#valikko ul ul li a:hover { font-weight: normal; color: #004b94; background-image: none; }

div.sisempi {
	padding-left: 24px;
	padding-right: 24px;
	text-align:left;
}

td.valikkomenu {
	background-image:url('images/otsikkopalkkitausta.jpg');
   background-repeat:repeat;
   height:20px;
   color:#4c7a9c;
   padding-left:6px;
   padding-bottom:2px;
}





