html {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	width:100%; /* fix height to 100% for IE */
	max-width:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}

html_scroll {	/* Nämä pitäs laittaa html -tägiin, jotta saa autoflow 100% toimimaan */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */
	}
body{
	background-color: #FFFFFF;
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	width:100%; /* fix height to 100% for IE */
	max-width:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	}
/* VASEN VALIKKO */
	.valikko_kehys{
		/*
		padding: 0px 0px 4px 0px;
		border: #EEE 0px solid;
		margin-bottom: 2px;
		border-bottom: #DDD 1px solid;
		border-top: #EEE 1px solid;
		border-left: #EEE 1px solid;
		border-right: #AAA 1px solid;
		border-bottom: #AAA 1px solid;
		*/
		}
	.valikko_moodi_kehys, .valikko_ohjelma_kehys, .valikko_naytto_kehys{
		padding: 0px;
		border: #CCC 0px solid;
		background-color: #EEE;
		display: block;
		}
	.valikko_naytto_kehys{
		background-color: #EEE;
		margin-top: 6px;
		border: #FFF 0px solid;
		}
	.valikko_kehys_otsikko{
		padding: 2px;
		text-align: center;
		color: #777;
		font-weight: normal;
		background-color: #EEE;
		}
	.valikko_linkki, .valikko_linkki_auki, .valikko_linkki_hover, .valikko_linkki_auki_hover{
		margin: 				0px;
		padding: 			1px 0px 1px 4px;
		cursor: 				pointer;
		display: 			block;
		font-weight: 		normal;
		color: 				#222;
		border: 				#FFF 0px solid;
		background-color: #FFF;
		font-family: 		Helvetica, Verdana;
		font-size:			14px;
		}
	.valikko_linkki_auki, .valikko_linkki_auki_hover{
		font-weight: bold;
		color: #822;
		}
	.valikko_linkki_hover, .valikko_linkki_auki_hover{
		opacity: 0.8;
		filter: alpha(opacity=80);
		}
/* ETUSIVUN INFOIKKUNA */
	.info_ruutu{
		width: 700px;
		display: block;
		/*
		border: #CCCCCC 1px solid;
		background-color: #FFF;
		*/
		padding: 6px;
		}
	.info_otsikko{
		display: block;
		font-size:	13px;
		font-weight: bold;
		color: #222;
		}
	.info_teksti{			
		display: block;
		font-size:	11px;
		font-weight: normal;
		padding: 6px 0px 0px 8px;
		color:		#555555;
		}
/* VALMISMALLI VALINTASIVU */
	/* ASETUKSET */
	.valmismalli_asetus{
		float: left;
		display: block;
		margin: 2px 10px 2px 0px;
		}
	.valmismalli_asetus_otsikko, .valmismalli_asetus_otsikko_valittu{
		font-weight: bold;
		text-align: center;
		}
	.valmismalli_asetus_otsikko_valittu{
		background-color: #f0f675;
		background-color: #f3cd47;
		}
	.valmismalli_asetus_valinta, .valmismalli_asetus_valinta_valittu{
		float: 		left;
		display:	block;
		cursor:		pointer;
		padding: 	2px;
		}
	.valmismalli_asetus_valinta_valittu {
		background-color: #f0f675;
		background-color: #f3cd47;
		}
	.valmismalli_asetus_valinta_kuva {
		border: 	#CCC 1px solid;
		}
	/* TEKSTI, JOS EI LÖYDY, EI HAKUEHTOJA TMS */
	.haku_info_otsikko{
		display: block;
		padding-top: 24px;
		font-size:	18px;
		font-weight: bold;
		text-align: center;
		color: #555555;
		width: 500px;
		}
	.haku_info_teksti{			
		display: block;
		font-size:	14px;
		font-weight: bold;
		text-align: center;
		color:		#777777;
		width: 500px;
		}
	/* SUOSIKKILISTA */
	.valmismalli_suosikki{
		float: left;
		display: block;
		background-color: #FFF;
		border: #CCCCCC 1px solid;
		margin: 0px 3px 0px 3px;
		padding: 1px;
		}
	.valmismalli_suosikki_header{
		font-size: 12px;
		font-weight: normal;
		padding: 2px 2px 2px 4px;
		color: #FFF;
		background-color: #999;
		}
	.valmismalli_suosikki_otsikko{
		font-size: 14px;
		font-weight: bold;
		padding: 2px 2px 2px 4px;
		text-align: center;
		}
	.valmismalli_suosikki_teksti{
		font-size: 11px;
		font-weight: normal;
		padding: 2px 2px 2px 4px;
		text-align: center;
		}
	.valmismalli_suosikki_kuva{
		border-top: #EEE 1px solid;
		border-bottom: #999 1px solid;
		}
	.valmismalli_nappi{
		color: #FFF;
		cursor: pointer;
		}
	/* VALMISMALLILISTA */
	.valmismalli_malli, .valmismalli_malli_hover, .valmismalli_malli_valittu{
		float: left;
		display: block;
		cursor: pointer;
		background-color: #FFF;
		text-align: center;
		border: #CCCCCC 1px solid;
		margin: 4px;
		padding: 2px;
		}
	.valmismalli_malli_hover{
		border: #f3cd47 1px solid;
		background-color: #f3f698;
		}
	.valmismalli_malli_valittu{
		border: #f3bf09 1px solid;
		background-color: #f0f675;
		}
	.valmismalli_kuva_otsikko{
		font-weight: bold;
		padding: 2px 0px 2px 0px;
		}
	.valmismalli_kuva{
		width: 120px;
		height: 80px;
		border: #DDD 1px solid;
		}

/* TEMPLATE */
	.uYlapalkki{
		background-color: 	rgb(145,25,25);
		background-image: 	url(../kuvat/ulkoasu07/tausta_ylapalkki.gif);
		background-repeat: 	repeat-x;
		clear:					both;
		}
	.ylapalkki_logo{
		width:					200px;
		height:					36px;
		padding:					0px 0px 0px 12px;
		}
	.ylapalkki_oikea{
		text-align:				right;
		padding: 				0px 8px 0px 0px;
		color: 					#FFF;
		font-weight: 			bold;
		}
	.ylapalkki_oikea a {
		color: 					#EDD;
		font-weight: 			normal;
		}
	td.uSivu, .uLisatiedot {
		background-color: 	#FFF;
		background-image: 	url(../kuvat/ulkoasu07/tausta_sivu.gif);
		background-repeat: 	repeat-x;
		background-position: top left;
		padding:					0px;
		margin: 					0px;
		}
	.uValikkoA, .uValikkoU, .uValikkoM{				/* SIVUN VASEN VALIKKO: asetus,ulkoasu,muokkaus */
		text-decoration: 		none;
		color: 					#000000;
		font-family: 			Verdana;
		font-size: 				11px;
		vertical-align: 		top;
		text-align: 			left;
		background-color: 	#EEE;
		padding: 				0px 0px 0px 0px;
		border-right: 			#D5DADC 1px solid;
		}
	.scrollPaavalikko, .scrollSisalto{										/* NÄYTTÄÄ SCROLLBARIT; JOS SISÄLTÖ EI MAHDU */
		/* overflow: 			auto;  EI VIEL ÄTOIMI KUNNOLLA */
		display:					block; /* set up as a block */
		height:					100%; /* set height to full page */
		max-height:				100%;
		width:					100%; /* set width to full page */
		max-width:				100%;
		border:					green 0px solid;
		padding:					0px 0px 0px 0px;
		margin:					0px 0px 0px 0px;
		position:relative; 	/* set up relative positioning so that z-index will work */
		z-index:3; 				/* allocate a suitable z-index */
		}
		.scrollSisalto {
			}
		.scrollPaavalikko {
			width:				200px;
			}
	.uPaavalikkoDIV {										/* OHJELMIEN VALINTALINKIT */
		padding: 				0px;
		background-color: 	#FFF;
		clear:					both;
		padding-bottom:		100px solid;
		}
	.uOhjelmavalikkoDIV {									/* OHJELMIEN VALINTALINKKIEN OTSIKKO */
		background-color: 	#EEE;
		clear:					both;
		height:					20px;
		padding:					4px 4px 0px 4px;
		border-bottom: 		#D5DADC 1px solid;
		}
		.uOhjelmavalikkoDIV h2 {
			float: 					left;
			font-family: 			Verdana;
			font-size: 				12px;
			font-weight:			bold;
			color:					#777;
			padding: 				0px;
			margin: 					0px;
			}
		.uOhjelmavalikkoDIV p {
			float: 					right;
			padding: 				0px;
			margin: 					0px;
			}
	.uLisavalikkoDIV {										/* OHJELMAVALIKON PERÄÄN TULEVA LISÄTAVARA */
		background-color: 	#EEE;
		clear:					both;
		padding:					4px 2px 4px 4px;
		border-bottom: 		#D5DADC 1px solid;
		}
	.uApuvalikkoDIV {										/* OHJELMAN PIKATOIMINTOJEN VALiKKO */
		display:					block;
		background-color: 	#EEE;
		height:					24px;
		padding:					0px;
		/*
		padding:					4px 2px 4px 4px;
		*/
		border-bottom: 		#D5DADC 1px solid;
		}
		ul.apuvalikko{
			list-style:		none;
			float: 			left;
			padding: 		1px;
			margin: 			0px;
			}
		ul.apuvalikko a {
			font-family:		Verdana;
			font-size:			10px;
			font-weight: 		bold;
			text-decoration:	none;
			color: 				#777;
			}
		ul.apuvalikko li {
			float: 				left;
			padding: 			2px 6px 2px 6px;
			margin: 				0px 2px 0px 0px;
			background-color: #EEE;
			}
		ul.apuvalikko li:hover {
			background-color: #DDD;
			}
	.uPalauteDIV{
		display:					block;
		clear:					both;
		}
	.uAlkutekstiDIV{
		display:					block;
		clear:					both;
		}
	.uSisaltoDIV{
		display:					block;
		clear:					both;
		padding:					0px 0px 0px 0px;
		/*border: 				red 1px solid;*/
		padding-bottom:		300px;
		}
		
	.uValikkoOtsikko {									/* YKSITTÄISEN LINKIN KEHYS */
		background-color: 	#EEE;
		border-top: 			#FFFFFF 1px solid;
		border-bottom: 		#D5DADC 1px solid;
		padding: 				8px 8px 8px 8px;
		color:					#333;
		font-weight: 			bold;
		font-family: 			Verdana;
		font-size: 				12px;
		}
	.uValikkoLinkki, .uValikkoLinkkiOpen, .uValikkoLinkkiHover{				/* YKSITTÄISEN LINKIN KEHYS */
		cursor:					pointer;
		background-color: 	#EEE;
		border-top: 			#FFFFFF 1px solid;
		border-bottom: 		#D5DADC 1px solid;
		padding: 				2px 2px 2px 4px;
		color:#333;
		font-weight: bold;
		}
	.uValikkoLinkki{				/* YKSITTÄISEN LINKIN KEHYS, KUN AVATTUNA */
		opacity: 0.6;
		filter: alpha(opacity=60);
		}
	.uValikkoLinkkiHover{				/* YKSITTÄISEN LINKIN KEHYS, KUN AVATTUNA */
		opacity: 0.8;
		filter: alpha(opacity=80);
		}
		a.uValikkoA:link, a.uValikkoA:visited,a.uValikkoA:hover		{
			color:#333;
			background-color: #EEE;
			font-weight: bold;
			padding: 0px;
			border: 0px;
			vertical-align: middle;
			background-image: 	url(none);
			}
		a.uValikkoA:hover		{
			color:#555;
			text-decoration: none;
			}
		
	img.uValikkoIkoni {			/* LINKIN IKONIN KEHYS */
		vertical-align: 		middle;
		}
	.uSivu{							/* VARSINAISEN SISÄLLÖN SOLU */
		width: 				100%;
		font-family: 		Verdana;
		font-size: 			10px;
		vertical-align: 	top;
		text-align: 		left;
		padding-left:		0px;
		}
	.uLadataan{						/* SIVUA LADATAAN -TEKSTI */
		color: 				#777777;
		font-family: 		Verdana;
		font-size: 			11px;
		font-weight: 		normal;
		}
	.uSivuPohja{					/* SIVUA LADATAAN... */
		/* background-color: 	#FFFFFF; */
		}
/* PÄÄVALIKKO */
	.sivuYlabanneri{
		background-color: 	#F5F5F5;
		padding: 				5px;
		text-align: 			center;
		font-family: 			Verdana;
		font-size: 				10px;
		}
	.pvLinkit{
		display: 				block;
		float: 					left;
		vertical-align:		middle;
		}
	.pvUser{
		display: 				block;
		float: 					left;
		vertical-align:		middle;
		}
	a.pvOn, a.pvOff{
		display:					block;
		float: 					left;
		font-family: 			Verdana;
		font-size: 				13px;
		font-weight: 			bold;
		text-decoration:		none;
		cursor:					pointer;
		text-align:				center;
		vertical-align:		middle;
		color:					#FFF;
		width:					100px;
		padding:					6px 12px 6px 12px;
		border-width:			0px;
		}
	a.pvOff:hover{
		background-color:		rgb(120,10,10);
		}
	.pvOn{	
		background-color:		rgb(98,7,7);
		color:					#FFF;
		/*
		border:					rgb(89,7,7) 1px solid;
		background-image: 	url(../kuvat/ulkoasu07/ylavalikko_tausta_on.gif);
		background-repeat: 	no-repeat;
		*/
		}
	.pvAlalinkit{
		display: 				block;
		float: 					left;
		vertical-align:		middle;
		}
/* VÄLILEHTIEN CSS */
	.valilehti_taulu{ 				/* EI VAIKUTA, KOSKA LINKEISSÄ FLOAT, opx korkea */
		}
	.valilehti_normal, .valilehti_hover, .valilehti_on{
		font-family:		Helvetica, Verdana;
		font-size:			12px;
		font-weight:		bold;
		float: 				left;
		cursor:				pointer;
		text-align:			center;
		padding:				6px 18px 6px 18px;
		color:				#777;
		margin:				0px 8px 0px 0px;
		background-color: #EEE;
		/*
		background-color: #DDD;
		color:				#BBB;
		border:				#026062 1px solid;
		border-width:		1px 1px 0px 1px;
		border-color:		#BBB;
		background-color: #EEE;
		*/
		}
	.valilehti_on {
		background-color:		rgb(212,230,128);
		border:					rgb(89,7,7) 1px solid;
		border-width:			1px 1px 0px 1px;
		background-color: 	#820500;
		color:					#FEE;
		}
	.valilehti_hover { 
		color:					#555;
		}

/* VIIKKOKALENTERI */
	td.vkTaulukkoOtsikko{
		background-color: #DDDDDD;
		font-weight: bold;
		padding: 3px;
		}
	td.vkTaulukkoSolu{
		font-weight: normal;
		padding: 3px;
		}
			
/* TAULUKOT */
/* ASETUKSET - TAULU */
	.asetuksetValintaruutu {
		border: #999999 1px solid;
		border-width: 0px 1px 1px 1px;
		padding: 10px;
		background-color: #F7F3DA;
		background-image: url(../kuvat/asetukset_values_bg.jpg);
		background-repeat: no-repeat;
		}
	.asetuksetOtsikkoruutu {
		border: #999999 1px solid;
		padding: 0px;
		border-width: 0px 1px 1px 1px;
		font-size: 11px;
		font-weight: bold;
		background-color: #D1D7CF;
		background-image: url(../kuvat/asetukset_bg.gif);
		background-repeat: repeat-x;
		cursor: pointer;
		}
/* POPUP -TAULU */
	.trPopupMain{						/* Taulun ylin rivi: takaisin yms. napit */
		BACKGROUND:		#CCCCCC;	
		COLOR:			#222222;
		font-weight: 	bold;
		height:			24px;
		padding:			0px 4px 0px 4px;
		}
	.trPopupNormal,.trPopupHover{						/* NORMAALI RIVI */
		BACKGROUND:		#FFFFFF;	
		padding:			0px 4px 0px 4px;
		font-family:	Helvetica, Verdana;
		font-size:		11px;
		height:			24px;
		}
	.trPopupHover{									/* HIIRI YLLÄ */
		BACKGROUND:		#FCF9B7;	
		}
/* NORMAALI TAULUKKO */
	.tauluKehys{							/* Koko taulun ympärille tuleva DIV */
		/*
		BORDER: #D3D9E9 1px solid;
		BORDER-WIDTH: 0px 1px 1px 1px;
		border:				red 1px solid;
		*/
		}
	.tauluTitle{							/* Taulun otsikkoteksti */
		font-family: 		Verdana;
		font-weight:		bold;
		padding:				8px 8px 6px 8px;
		color: 				#333;
		font-family:		Helvetica, Verdana;
		font-size:			16px;
		}
	tr.trMain td{								/* Taulun ylin rivi: takaisin yms. napit */
		color:					#FFFFFF;
		vertical-align: 		middle;
		padding-top:			8px;
		height: 					24px;
		/*
		height: 					32px;
		background-color:		#d4d4d4;
		background-image: 	url(../kuvat/ulkoasu07/tausta_tauluotsikko.gif);
		background-repeat:	repeat-x;
		background-position: bottom left;
		border-top:				#fffcfa 1px solid;
		border-bottom:			#212121 1px solid;
		*/
		}
	tr.trAction td, tr.trActionSub td{		/* NAPPIRIVI */
		color:					#400;
		padding: 				2px;
		background-color: 	#820500;
		font-family: 			Helvetica,Verdana;
		font-size:				11px;
		}
	tr.trValilehti td{						/* VÄLILHEDET */
		background-color:		#FFF;
		padding: 				0px 0px 0px 8px;
		/*
		background-image: 	url(../kuvat/ulkoasu07/tausta_body.gif);
		background-repeat: 	repeat-x;
		background-position: top left;
		*/
		}
	tr.trMainHeader td, tr.trSubHeader td, tr.trHeader td, tr.trSub td {			/* OTSIKKORIVI  $asetus[otsikko], $asetus[x][otsikko] */
		font-weight:			bold;
		height: 					26px;
		vertical-align:	 	middle;
		color:					#222;
		padding:					2px 0px 2px 4px;
		background-color: 	rgb(200,223,92);
		background-image: 	url(../kuvat/ulkoasu07/tausta_trHeader.gif);
		background-repeat:	repeat-x;
		font-family:			Helvetica,Verdana;
		font-size:				12px;
		height:					32px;
		}
		tr.trHeader td, tr.trSubHeader td, tr.trSub td{						/* VÄLI- JA ALAOTSIKKO */
			border-top:				#CCCCCC 1px solid;
			}
			
	tr.trHakulomake td {
		background-color: 	#FEF49C;
		padding:					6px 2px 6px 4px;
		vertical-align: 		top;
		font-family:			Verdana;
		font-size:				11px;
		}
		tr.trHakulomake:hover td {				/* HAKULOMAKE */
			background-color: 	#FEF49C;
			}
	tr.trLomake td {
		padding:					4px 2px 4px 4px;
		background-color: 	#E5E5F0;
		vertical-align: 		top;
		font-family:			Verdana;
		font-size:				11px;
		}
		tr.trLomake:hover td {
			background-color: 	#DCDCE0;
			}
	tr.trNormal td,
	tr.trViivaton td,
	tr.trLine td,
	tr.trHover td,
	tr.trSelected td,
	tr.trVirhe td,
	tr.trHuom td,
	tr.trValmis td,
	tr.trVanha td,
	tr.tr0 td,
	tr.tr1 td,
	tr.tr10 td,
	tr.tr11 td {						/* NORMAALI RIVI */
		height: 			28px;
		BACKGROUND:		#FFFFFF;	
		border-top:		#CCCCCC 1px solid;
		padding:			4px 0px 2px 4px;
		font-family:	Verdana;
		font-size:		11px;
		height:			32px;
		}
		tr.trNormal:hover td,
		tr.trViivaton:hover td,
		tr.trLine:hover td,
		tr.trHover:hover td,
		tr.trSelected:hover td,
		tr.trVirhe:hover td,
		tr.trHuom:hover td,
		tr.trValmis:hover td,
		tr.trVanha:hover td,
		tr.tr0:hover td,
		tr.tr1:hover td,
		tr.tr10:hover td,
		tr.tr11:hover td,
		tr.trLine:hover td {						/* NORMAALI RIVI */
			background-color:		#FCF9B7;	
			}
	tr.trSelected td{								/* VALITTU RIVI */
		background-color:		#FFE8BE;	
		}
	tr.tr0 td{										/* NORMAALI RIVI */
		background-color:		#FFFFFF;	
		}
	tr.tr1 td{										/* NORMAALI RIVI, TUMMA */
		background-color:		#F5F5F5;	
		}
	tr.tr10 td{										/* VANHA RIVI */
		background-color:		#EEEEEE;	
		}
	tr.tr11 td{										/* VANHA RIVI, TUMMA */
		background-color:		#E5E5E5;	
		}
	tr.trHuom td{									/* HUOMIONARVOINEN RIVI */
		background-color:		#f1f46e;	
		}
	tr.trVirhe td{									/* HUOMIONARVOINEN RIVI */
		background-color:		#f4BBBB;	
		}
	tr.trValmis td{								/* OK RIVI */
		background-color:		#c1f4be;	
		}
	tr.trVanha td{										/* VANHA RIVI */
		background-color:		#EEEEEE;	
		}
	tr.trViivaton td{								/* VIIVATON RIVI */
		padding:			0px 0px 0px 4px;
		border-top:		#CCCCCC 0px solid;
		height:			20px;
		}
	table.tableTaulukko {
		padding: 			0px;
		border-spacing: 	0px;
		border: 				0px;
		width: 				100%;
		}
	table.tableLomake {
		padding: 			0px;
		border-spacing: 	0px;
		border: 				0px;
		width: 				100%;
		}
	table.tableLomake td {
		padding:					4px 2px 4px 4px;
		background-color: 	#E5EEF9;
		background-color: 	#E5E5F0;
		vertical-align: 		top;
		border-bottom: 		#E0E4F0 1px solid;
		}
	tr.trLomakeActive td{ /* AKTIIVINEN */
		background-color: 	rgb(255,130,0);
		}
	table.tableMalli { /* ULKOASUN MUOKKAUS; TEMPLATE TAULUKKORUNKO */
		border: 					#CCC 1px solid;
		border-collapse: 		collapse;
		background-color: 	rgb(255,255,255);
		width: 					90%;
		height: 					90%;
		}
	td.tdMalli, td.tdMalliActive{	/* ULKOASUN MUOKKAUS; TEMPLATE TAULUKKORUNKO */
		padding: 				3px;
		background-color: 	rgb(255,255,255);
		cursor:					pointer;
		}
	td.tdMalliActive{ /* ULKOASUN MUOKKAUS; TEMPLATE TAULUKKORUNKO */
		background-color: 	rgb(255,130,0);
		}
	tr.trNollaus td{	/* MUUTEN WYSIWYGIIN PERIYTYY RIVIN ASETUKSET */
		padding:					0px 0px 0px 0px;
		}
	.tableTaulukko{
		background-color: #BBBBBB;
		}
	.tableLomake{
		background-color: #C6D5EB;
		}
	.tdLomake{
		background-color: #E5EEF9;
		vertical-align: top;
		padding: 4px;
		}
	.tableList{							/* Listamuotoisen taulukon tyyli */
		border:					#CCC 2px solid;
		border-width:			0px 0px 1px 0px;
		}
/* LISTAMUOTOINEN - EN OIKEIN TIEDÄ MITÄ EROA TAVALLISEEN... POISTOLISTALLE 16.05.2009 */
	.tauluTitleL{										/* Taulun otsikkoteksti */
		color: 				#FFF;
		font-family: 		Verdana;
		font-size:	 		14px;
		font-weight:		bold;
		padding:				0px 5px 0px 5px;
		color: 				#777;
		font-family:		Helvetica,Verdana;
		font-size:			16px;
		}
	tr.trMainL td {									/* Taulun ylin rivi: takaisin yms. napit */
		color:					#FFFFFF;
		height: 					24px;
		vertical-align:		middle;
		/*
		border-bottom:			#6390d3 2px solid;
		background-color:		#820500;
		background-image: 	url(../kuvat/ulkoasu07/tausta_trMain.gif);
		background-repeat:	repeat-x;
		*/
		}
	tr.trValilehtiL td{								/* VÄLILHEDET */
		background-color: 	#820500;
		/*
		color:				#FFFFFF;
		background-color: 	rgb(145,25,25);
		background-image: 	url(../kuvat/ulkoasu07/tausta_body.gif);
		background-repeat: 	repeat-x;
		background-position: bottom left;
		*/
		padding: 				0px 0px 0px 8px;
		}		
	tr.trActionL td ,tr.trActionSubL td {		/* NAPPIRIVI */
		color:					#FFFFFF;
		padding: 				2px;
		background-color: 	#820500;
		color:					#400;
		background-color: 	#820500;
		font-family:			Helvetica,Verdana;
		font-size:				11px;
		}
	tr.trMainHeaderL td, tr.trSubHeaderL td, tr.trHeaderL td, tr.trSubL td{		/* OTSIKKORIVI $asetus[otsikko], $asetus[x][otsikko] */
		font-weight:			bold;
		height: 					26px;
		vertical-align:	 	middle;
		color:					#222;
		padding:					2px 0px 2px 4px;
		background-color: 	rgb(200,223,92);
		background-image: 	url(../kuvat/ulkoasu07/tausta_trHeader.gif);
		background-repeat:	repeat-x;
		font-family:			Helvetica,Verdana;
		font-size:				12px;
		height:					32px;
		}
		tr.trHeaderL td, tr.trSubHeaderL td, tr.trSubL td{						/* VÄLI- JA ALAOTSIKKO */
			border-top:				#CCCCCC 1px solid;
			}
	tr.trLomakeL td{
		padding:					6px 2px 6px 4px;
		background-color: 	#E5EEF9;
		vertical-align: 		top;
		border-bottom: 		#E0E4F0 1px solid;
		}
		tr.trLomakeL:hover{
			background-color: 	#E5EEF9;
			}
	tr.trHakulomakeL td{
		padding:					6px 2px 6px 4px;
		vertical-align: 		top;
		background-color: 	rgb(254,244,156);
		border-bottom: 		rgb(244,234,146) 1px solid;
		}
		tr.trHakulomakeL:hover td{				/* HAKULOMAKE */
			background-color: rgb(250,240,152);
			background-color: 	rgb(254,244,156);
			}
	tr.trNormalL td,
	tr.trHoverL td,
	tr.trSelectedL td,
	tr.trHuomL td,
	tr.trValmisL td,
	tr.tr0L td,
	tr.tr1L td,
	tr.tr10L td,
	tr.tr11L td {			/* NORMAALI RIVI */
		height: 					28px;
		BACKGROUND:				#FFFFFF;	
		border-top:				#CCCCCC 1px solid;
		padding:					2px 0px 2px 4px;
		font-family:			Helvetica,Verdana;
		font-size:				11px;
		height:					32px;
		}
		tr.trNormalL:hover td,
		tr.trHoverL:hover td,
		tr.trSelectedL:hover td,
		tr.trHuomL:hover td,
		tr.trValmisL:hover td,
		tr.tr0L:hover td,
		tr.tr1L:hover td,
		tr.tr10L:hover td,
		tr.tr11L:hover td {
			BACKGROUND:		#FCF9B7;	
			}
	tr.trSelectedL td{						/* VALITTU RIVI */
		BACKGROUND:		#FFE8BE;	
		}
	tr.trValmisL td{							/* VALITTU RIVI */
		BACKGROUND:		#c1f4be;	
		}
	tr.trHuomL td{								/* VALITTU RIVI */
		BACKGROUND:		#f1f46e;	
		}
	tr.tr0L td{									/* NORMAALI RIVI */
		BACKGROUND:		#FFFFFF;	
		}
	tr.tr1L td{									/* NORMAALI RIVI, TUMMA */
		BACKGROUND:		#F5F5F5;	
		}
	tr.tr10L td{								/* VANHA RIVI */
		BACKGROUND:		#EEEEEE;	
		}
	tr.tr11L td{								/* VANHA RIVI, TUMMA */
		BACKGROUND:		#E5E5E5;	
		}
	tr.trLineL td{								/* ALAVIIVA */
		BACKGROUND:		#FFFFFF;
		border-bottom: #CCCCCC 1px solid;
		}	
	.tauluKehysL{								/* Koko taulun ympärille tuleva DIV */
		/*
		BORDER: #C3C9C9 1px solid;
		*/
		}
	.tableListL{								/* Listamuotoisen taulukon tyyli */
		/*
		border:					#CCC 1px solid;
		border-width:			0px 0px 1px 0px;
		*/
		}
/* PALAUTE JA HUOMIORUDUT */
	.palauteDIV{
		display:						block;
		clear:						both;
		
		background-color:			#FFFC92;
		background-image: 		url('../kuvat/ulkoasu07/tausta_palaute.gif');
		background-position: 	bottom left;
		background-repeat: 		repeat-x;
		border-bottom: 			1px solid #A1A6B1;
		border-top: 				1px solid #FCFAB6;
		border-left: 				1px solid #FCFAB6;
		border-bottom: 			1px solid #BBB;
		padding:						8px 12px 8px 12px;
		}
		.palauteDIV h2 {
			font-family:			verdana;
			font-weight: 			bold;
			font-size: 				12px;
			color: 					#333;
			padding: 				0px 0px 2px 0px;
			margin:					0px;
			}
		.palauteDIV h2.virhe {
			font-size:				14px;
			color: 					red;
			}
		.palauteDIV p {
			color: 					#333;
			font-family:			verdana;
			font-weight: 			normal;
			font-size: 				11px;
			padding: 				2px 0px 0px 0px;
			margin:					0px;
			}
		.palauteDIV p.virhe {
			color: 					red;
			font-weight: bold;
			}
	.huomioRuutu, .laskuRuutu, .laskuRuutuMyohassa, palauteTable {
		border: #CCC 1px solid;
		margin-bottom: 10px;
		padding: 12px;
		}
	.huomioRuutu {								/* JOKIN ERITYISHUOMIO SIVUN ALKUUN, KUTEN ASETUSTEN ENSIMMÄISEN KERRAN TALLENNUS */
		border-color: #E1D025;
		background-color: #FFF599;
		}
	.huomioOtsikko{							/* HUOMIO -RUUDUSSA OLEVA OTSIKKOTEKSTI*/
		font-size: 13px;
		font-weight: bold;
		padding-bottom: 6px;
		}
	.huomioTeksti{							/* HUOMIO -RUUDUSSA OLEVA OTSIKKOTEKSTI*/
		padding-bottom: 3px;
		}
	.laskuRuutu {								/* MAKSAMATON SIVUKODIN LASKU -ILMOITUS */
		border-color: #CCC;
		background-color: #f5f5f5;
		margin-bottom: 10px;
		}
	.laskuRuutuMyohassa {					/* MAKSAMATON SIVUKODIN LASKU -ILMOITUS */
		border-color: #AA4400;
		background-color: #f1f46e;
		}
	.tekstiHuomio{
		background-color: 	#f5fcb5;
		border-top: 		1px solid #f1f46e;
		padding: 			2px 12px 4px 12px;
		}
/* PIILOLUETTELO (klikkaamalla lisätiedot) ESIM: VERSIOHISTORIA */
	.vhOtsikko{
		font-family: verdana;
		background-color: #EEE;
		border: #CCC 1px solid;
		font-size: 11px;
		font-weight: normal;
		color: #555;
		padding: 1px;
		cursor: pointer;
		margin-top: 2px;
		}
	.vhOtsikkoTeksti{
		font-weight: bold;
		}
	.vhTeksti{
		padding: 0px 12px 0px 12px;
		}
	.plRivi{
		font-family: verdana;
		font-size: 11px;
		color: #000;
		padding: 2px;
		border-top: #DDD 1px solid;
		background-color: #FFF;
		}
	.plOtsikko{
		cursor: pointer;
		font-weight: normal;
		padding: 2px 2px 2px 4px;
		}
	.plTeksti{
		font-weight: normal;
		padding: 8px 16px 12px 16px;
		}
/* ERILLINEN OHJE (taustakuva) */
	.ohjeruutu{
		padding: 8px;
		background-color: #faecc5;
	}
	.ohjeruutu h1{
		padding: 0px;
		margin: 0px;
		font-size: 12px;
	}
	.ohjeruutu h2{
		padding: 6px 0px 2px 0px;
		margin: 0px;
		font-size: 10px;
	}
	.ohjeruutu p{
		margin: 0px;
		font-size: 10px;
	}
/* OHJEIKKUNA */
	.sivuohje_linkki{									/* OHJEIKKUNAN AVAUSLINKKI */
		cursor:pointer;
		padding: 0px 0px 0px 0px;
		opacity: 0.4;
		filter: alpha(opacity=40);
		}
	.sivuohje_linkki:hover{							/* OHJEIKKUNAN AVAUSLINKKI */
		opacity: 0.8;
		filter: alpha(opacity=80);
		}
	.sivuohje_haalennus {
		width: 100%;
		height: 100%;
		background-color: #FFF;
		position: absolute;
		left: 0px;
		top: 0px;
		opacity: 0.6;
		filter: alpha(opacity=60);
		}
	.sivuohje_kehys {									/* SIVUKOHTAISEN OHJEEN NÄYTTÖIKKUNA */
		font-family: 		Verdana;
		font-size: 			12px;
		padding: 			0px;
		text-align: 		left;
		color: 				#000;
		border: 				#587BC1 2px solid; 
		background-color: #85A5E4;
		opacity: 0.96;
		filter: alpha(opacity=96);
		}
	.ohje_ikkunaotsikko{
		font-family: 		Helvetica, Verdana;
		font-size: 			16px;
		color: 				#FFF;
		padding: 			12px 16px 12px 16px;
		background-color: #4063A9;
		cursor:				pointer;
		margin-bottom:		10px;
		font-weight: 		bold;
		}
	/* VASEN VALIKKO */
	.sivuohje_valikko {								/* SIVUOHJEIKKUNAN RUUTU, JOSSA OHJEET VALIKKOLINKIT */
		padding-left:		10px;
		}
	.ohje_linkki, .ohje_linkki_auki {			/* LINKKI */
		margin: 				0px 0px 2px 0px;
		padding: 			4px 4px 4px 4px;
		cursor: 				pointer;
		background-color: #A7BEFF;
		color: 				#06c;
		font-weight: 		normal;
		}
	.ohje_linkki_auki {								/* AVONAINEN LINKKI */
		color: 				#036;
		background-color:	#FFF;
		/*
		opacity: 0.7;
		filter: alpha(opacity=70);
		*/
		}
	/* OHJEIDEN NÄYTTÄMINEN */
	.sivuohje_ohje {									/* SIVUOHJEIKKUNAN RUUTU, JOSSA OHJEET NÄKYVÄT */
		border-right: 		#85A5E4 10px solid; 
		border-bottom: 	#85A5E4 10px solid; 
		padding:				12px;
		background-color: #FFF;
		}
	.sivuohje_otsikko{								/* OHJEIKKUNAN OHJERUUDUN OTSIKKO */
		/* width: 				440px; */
		font-size: 			14px;
		font-weight: 		bold;
		padding-bottom: 	4px;
		border-bottom: 	#99B 1px solid; 
		}
	.sivuohje_teksti{									/* OHJEEN TEKSTI */
		/* width: 				440px; */
		}
	.ohje_ryhmat{										/* RYHMÄN VAINTALAATIKOT */
		float:				left;
		display:				block;
		width: 				140px;
		}
	.ohje_ryhma, .ohje_ryhma_auki {										/* OHJERYHMÄN OHJELMAN VALINTA */
		margin: 				0px 0px 2px 0px;
		padding: 			4px 4px 4px 4px;
		cursor: 				pointer;
		color: 				#777;
		font-weight: 		normal;
		}
	.ohje_ryhma_auki {								/* AVONAINEN LINKKI */
		color: 				#036;
		font-weight: 		bold;
		}
	.ohje_ryhma_teksti {								/* AVONAINEN LINKKI */
		padding: 2px 0px 0px 4px;
		}
	.ohje_otsikko{										/* OHJEEN OTSIKKO */
		font-size: 			14px;
		font-weight: 		bold;
		padding-top:	 	12px;
		padding-bottom:	8px;
		}
	.ohje_teksti, .ohje_kuvaus {										/* OHJEEN TEKSTI */
		font-weight: 		normal;
		font-size: 			11px;
		padding-top: 		12px;
		padding-bottom: 	12px;
		color: #111;
		}
		.ohje_teksti h2, .ohje_vihje h2{									/* OHJEEN TEKSTI */
			font-size: 			11px;
			font-weight: 		bold;
			text-decoration: 	underline;
			padding-top: 		12px;
			padding-bottom: 	4px;
			margin: 				0px;
			display: 			inline;
			color: 				#111;
			}
	.ohje_kuvaus{										/* OHJEEN VIHJE */
		font-style: 		italic;
		padding-top: 		0px;
		padding-bottom: 	0px;
		}
	.ohje_vihje{										/* OHJEEN VIHJE */
		font-weight: 		normal;
		font-size: 			11px;
		border-top: 		#99B 1px solid; 
		padding-top: 		12px;
		padding-bottom: 	12px;
		color: 				#555;
		}
		.ohje_vihje h1{									/* OHJEEN TEKSTI */
			font-size: 			12px;
			font-weight: 		bold;
			padding-top: 		4px;
			padding-bottom: 	4px;
			margin: 				0px;
			color: 				#555;
			}
	.ohje_takaisin {									/* OHJERYHMÄN OHJELMAN VALINTA */
		cursor: 				pointer;
		color: 				#822;
		font-weight: 		#B00;
		}
/* SEKALISTA */
	.testiteksti{							/* VAIN YLLÄPIDOLLE NÄKYVÄT, TESTITULOSTEET */
		margin: 4px 4px 0px 4px;
		padding: 4px;
		border: #999 1px solid;
		background-color: #FFF;
		color: #555;
		}
	.testiarray{							/* VAIN YLLÄPIDOLLE NÄKYVÄT, TESTITULOSTEET */
		margin: 4px 4px 0px 4px;
		padding: 4px;
		border: #977 1px solid;
		background-color: #Fff5ee;
		color: #555;
		}
	.popup_ohje {			/* TOOLTIP */
		padding: 			6px;
		top:					0px;
		left:					0px;
		z-index:				10;
		font-family: 		Verdana;
		font-size: 			12px;
		color: 				#000;
		border: 				#99B 1px solid; 
		background-color: #EEEEFF;
		opacity: 0.95;
		filter: alpha(opacity=95);
		}
	.statProgress{	/* PALKIN KEHYS */
		display: block;
		background-color: #EEEEEE;
		border: #CCCCCC 1px solid;
		padding: 1px;
		height: 8px;
		}